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/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","MarkdownRenderer","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","MarkdownRenderer","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/features/ExcelCitation/ExcelCitations.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as t,useEffect as o}from"react";import{highlightMatch as i}from"./utils/helper.js";import"./css/excel-citation.css.js";const n=({data:n,highlightRow:l,loading:d,highlightText:a,isErrored:s})=>{const c=t(null);if(o(()=>{if(!l||!a||d)return;const e=setTimeout(()=>{const e=c.current;if(!e)return;const r=e.querySelector('[data-highlight="true"]');r&&r.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},200);return()=>clearTimeout(e)},[l,a,d,n]),d)return e("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.7)",backdropFilter:"blur(4px)"},children:[r("div",{style:{height:"2rem",width:"2rem",borderRadius:"9999px",border:"3px solid #d1d5db",borderTopColor:"#3b82f6",animation:"excel-citation-loader-spin 1s linear infinite"}}),r("span",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"},children:"Fetching citations…"})]});if(s)return r("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 h=Object.values(n??{}).reduce((e,r)=>Math.max(e,r.length),0);return r("div",{style:{padding:"0.5rem 1rem",backgroundColor:"white"},children:r("div",{ref:c,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:r("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:r("tbody",{children:Object.entries(n??{}).map(([t,o])=>{const n=Number(t),d=1===n,s=n===l,c=s&&!!a&&o.some(e=>e.toLowerCase().includes(a.toLowerCase()));return e("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:[r("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!==l||c?"#f1f5f9":"#fef08a"},children:d?null:n}),o.map((e,t)=>r("td",{style:{padding:"0.5rem 0.75rem",border:"1px solid #e5e7eb",color:"#374151",whiteSpace:"nowrap",backgroundColor:!c&&s?"#fef08a":"transparent"},children:a&&s&&c?i(e,a):e},t)),o.length<h&&Array.from({length:h-o.length}).map((e,t)=>r("td",{style:{border:"1px solid #e5e7eb",backgroundColor:"rgba(249, 250, 251, 0.3)"}},`empty-${t}`))]},n)})})})})})};export{n as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as t,useEffect as o}from"react";import{highlightMatch as i}from"./utils/helper.js";const n=({data:n,highlightRow:l,loading:d,highlightText:a,isErrored:s})=>{const c=t(null);if(o(()=>{if(!l||!a||d)return;const e=setTimeout(()=>{const e=c.current;if(!e)return;const r=e.querySelector('[data-highlight="true"]');r&&r.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},200);return()=>clearTimeout(e)},[l,a,d,n]),d)return e("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.7)",backdropFilter:"blur(4px)"},children:[r("div",{style:{height:"2rem",width:"2rem",borderRadius:"9999px",border:"3px solid #d1d5db",borderTopColor:"#3b82f6",animation:"excel-citation-loader-spin 1s linear infinite"}}),r("span",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"},children:"Fetching citations…"})]});if(s)return r("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 h=Object.values(n??{}).reduce((e,r)=>Math.max(e,r.length),0);return r("div",{style:{padding:"0.5rem 1rem",backgroundColor:"white"},children:r("div",{ref:c,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:r("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:r("tbody",{children:Object.entries(n??{}).map(([t,o])=>{const n=Number(t),d=1===n,s=n===l,c=s&&!!a&&o.some(e=>e.toLowerCase().includes(a.toLowerCase()));return e("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:[r("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!==l||c?"#f1f5f9":"#fef08a"},children:d?null:n}),o.map((e,t)=>r("td",{style:{padding:"0.5rem 0.75rem",border:"1px solid #e5e7eb",color:"#374151",whiteSpace:"nowrap",backgroundColor:!c&&s?"#fef08a":"transparent"},children:a&&s&&c?i(e,a):e},t)),o.length<h&&Array.from({length:h-o.length}).map((e,t)=>r("td",{style:{border:"1px solid #e5e7eb",backgroundColor:"rgba(249, 250, 251, 0.3)"}},`empty-${t}`))]},n)})})})})})};export{n as default};
 //# sourceMappingURL=ExcelCitations.js.map

package/dist/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":["ExcelCitation","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":"~~uLAgBA~~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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":["ExcelCitation","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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"}

package/dist/features/PdfViewer/PdfViewer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{SpecialZoomLevel as r}from"@react-pdf-viewer/core";import n from"./PdfContainer.js";import i from"./PdfToolbar.js";import{pdfStyles as a}from"./PdfStyle.js";import{PdfHighlightControls as s}from"./usePdfHighlight.js";import{rotationManager as c}from"./rotationManager.js";import"@react-pdf-viewer/zoom/lib/styles/index.css";import"@react-pdf-viewer/page-navigation/lib/styles/index.css";import"@react-pdf-viewer/core/lib/styles/index.css";import"@react-pdf-viewer/search/lib/styles/index.css";import l,{useRef as u,useState as d,useMemo as g,useEffect as h}from"react";import m from"../ScannedDocCitation/ScannedDocCitation.js";import"./PdfViewer.css.js";const p=({pdfUrl:p,highlightText:f,highlightPages:v,highlightCordinatePages:w,highlightColor:y="yellow",activeHighlightColor:P="#f7dc51",jumpToPageValue:T=0,pdfName:x,onClose:C,customStyles:b,customClasses:S,customIcons:A,useCoordinates:R,fallbackPages:I,activeCitationIndex:_,onActiveCitationChange:q,headerAction:L,isZoomEnabled:F=!0,showHighlightsAction:H=!0,defaultScale:j=r.ActualSize,useRange:N=!1,rangeOfPages:B=null,showFullScreenAction:M=!0,showRotateButton:E=!1,segments:V=[{title:"Document 2",start_page:52,end_page:52,page_count:1}],segmentTooltipText:k,onCurrentPageChange:z,navigationRequest:D,onNavigationSettled:W,disablePdfAnnotations:O=!1,disablePdfTextLayer:U=!1,renderPage:$,setRenderRange:Z})=>{const J=u(null),K=(e=>{switch(e){case"ActualSize":return r.ActualSize;case"PageFit":return r.PageFit;case"PageWidth":return r.PageWidth;default:return e??r.PageWidth}})(j),[G,Q]=d(0),[X,Y]=d(0),[ee,te]=d(0),oe=u(null),re=u(null),ne=u(0),ie=u(null),ae=g(()=>{if(!p)return"";try{return new URL(p,window.location.origin).pathname.split("/").pop()||"default"}catch{return"default"}},[p]);h(()=>{ae&&c.setPdfIdentifier(ae)},[ae]);h(()=>c.onRotationChange((e,t)=>{e===G+1&&te(t)}),[G]),h(()=>{const e=new MutationObserver(()=>{const e=J.current?.querySelectorAll('[data-testid^="core__page-layer-"]'),t=new Set;e?.forEach(e=>{const o=e.getAttribute("data-testid")?.match(/core__page-layer-(\d+)/);if(o&&o.length>=2){const r=parseInt(o[1],10)+1;t.has(r)||(c.registerPageElement(r,e),t.add(r))}})});return J.current&&(e.observe(J.current,{childList:!0,subtree:!0,attributes:!1}),ie.current=e),()=>{e.disconnect(),ie.current=null}},[]),h(()=>()=>{c.clearAll(),ie.current&&ie.current.disconnect()},[]),h(()=>{const e=G+1;te(c.getRotation(e))},[G]);const se=g(()=>O||U?r=>{const n=U?e("div",{"aria-hidden":"true",style:{display:"none"},children:r.textLayer.children}):r.textLayer.children,i={...r,annotationLayer:{...r.annotationLayer,children:O?null:r.annotationLayer.children},textLayer:{...r.textLayer,children:n}};return $?$(i):t(o,{children:[r.canvasLayer.children,n,!O&&r.annotationLayer.children]})}:$,[O,U,$]),ce=g(()=>{if(R)return new Set(w.map(e=>e.pageIndex));{const e=new Set;return Object.values(v).forEach(t=>{t>0&&e.add(t-1)}),e}},[w,v,R]),le=(ue=f)&&0!==ue.length?ue.filter(e=>!ue.some(t=>t!==e&&t.includes(e))):ue;var ue;const{highlightIndex:de,setHighlightIndex:ge,cursorIndex:he,setCursorIndex:me,orderedKeys:pe,totalHighlights:fe,getValidPosition:ve,tryJump:we,jumpToPage:ye,zoomTo:Pe,plugins:Te,controls:xe,hideNonTargetHighlights:Ce,deduplicateHighlights:be,scrollToCoord:Se}=s(le,R?{}:v,J,ce,R,R?w:[],y,P),Ae=ve(he),Re=g(()=>{const e=G+1;return V.find(t=>e>=t.start_page&&e<=t.end_page)},[G,V]);h(()=>{void 0!==_&&_!==he&&me(_)},[_]);const Ie={...xe,goToNext:()=>{he>=fe-1||(xe.goToNext(),q&&q(he+1))},goToPrevious:()=>{he<=0||(xe.goToPrevious(),q&&q(he-1))}},_e=l.useCallback((e,t)=>{ne.current+=1;const o=ne.current;null!=re.current&&window.clearTimeout(re.current);let r=null,n=0,i=0;const a=()=>{if(ne.current!==o)return;i+=1;const s=J.current?.querySelector(".rpv-core__inner-pages"),c=J.current?.querySelector(`[data-testid="core__page-layer-${t-1}"]`);if(!s||!c)return i>=40?(re.current=null,void W?.({pageNumber:t,requestId:e.requestId})):void(re.current=window.setTimeout(a,50));r===s.scrollTop?n+=1:(r=s.scrollTop,n=0);const l=s.getBoundingClientRect(),u=c.getBoundingClientRect(),d=Boolean(l&&u&&u.bottom>l.top&&u.top<l.bottom);if(n>=2&&d||i>=40)return re.current=null,void W?.({pageNumber:t,requestId:e.requestId});re.current=window.setTimeout(a,50)};re.current=window.setTimeout(a,50)},[W]);if(h(()=>()=>{ne.current+=1,null!=re.current&&window.clearTimeout(re.current)},[]),h(()=>{if(!D||X<=0)return;const e=Math.min(Math.max(Math.trunc(D.pageNumber),1),X),t=`${D.requestId??e}:${e}`;oe.current!==t&&(oe.current=t,Q(e-1),ye(e-1),_e(D,e))},[ye,D,X,_e]),!p)return e(m,{pages:I,activeCitationIndex:_,onActiveCitationChange:q,headerAction:L});return t("div",{ref:J,className:S?.pdfViewerWrapper||"","data-disable-pdf-annotations":O?"true":void 0,"data-pdf-page-fit":K===r.PageFit?"true":void 0,style:{height:"100%",minHeight:0,minWidth:0,overflow:"hidden",display:"flex",flexDirection:"column",...a.pdfViewer,display:"flex",flexDirection:"column",height:"100%",width:"100%",backgroundColor:"#FAFAFA",...b?.pdfViewer,backgroundColor:"#F1F5F9"},children:[e(i,{highlightIndex:de,totalHighlights:fe,controls:Ie,currentPosition:Ae,pdfName:x,onClose:C,pdfUrl:p,viewerRef:J,customStyles:b,customClasses:S,customIcons:A,headerAction:L,isZoomEnabled:F,showHighlightsAction:H,showFullScreenAction:M,currentSegment:Re,segmentTooltipText:k,currentPage:G+1,totalPages:X,onPageNavigate:e=>{const t=Math.min(Math.max(e,1),X||e);Q(t-1),ye(t-1)},onRotatePage:()=>{const e=G+1;c.rotatePageBy90(e),te(c.getRotation(e))},currentPageRotation:ee,showRotateButton:E}),e(n,{defaultScale:K,pdfUrl:p,plugins:Te,customStyles:b,onLoad:e=>{Y(e.doc.numPages);const t=!R&&!N&&T<=0;if(T>0&&!N){const e=T-1,t=pe[e],o=v[t],r=w[e];me(e),console.log(r,"cordinateTargetHighlight"),R&&r.pageIndex>0&&ye(r.pageIndex),o>0&&(setTimeout(()=>{Ce(ce),be(o-1)},1e3),R||ye(o-1))}else if(N&&B&&2===B.length){(async()=>{const[e,t]=B;for(let o=e;o<=t;o++){const e=o-1;ye(e),await new Promise(e=>setTimeout(e,1e3)),Ce(ce);const t=be(e);if(t&&t>0)break}})()}else if(!R&&v){const e=pe.find(e=>v[e]>0);if(void 0!==e){const t=v[e]-1;ye(t),setTimeout(()=>{Ce(ce),be(t)},1e3)}}requestAnimationFrame(()=>{t&&we(),!R&&T>0&&!N&&(()=>{if(!J.current)return;const e=T-1,t=pe[e],o=v[t],r=o>0?o-1:0,n={};pe.forEach((e,t)=>{const o=v[e];o>0&&(n[o]||(n[o]=[]),n[o].push(t))});const i=(n[o]||[]).indexOf(e);let a=0;const s=()=>{if(a++,a>40)return;const e=J.current?.querySelector(".rpv-core__inner-pages");if(!e)return void setTimeout(s,100);const t=J.current?.querySelector(`[data-testid="core__page-layer-${r}"]`);if(!t)return void setTimeout(s,100);const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();if(!(n.top<o.bottom&&n.bottom>o.top))return void setTimeout(s,100);const c=t.querySelectorAll(".rpv-search__highlight")[i];if(!c)return void setTimeout(s,100);const l=c.getBoundingClientRect(),u=e.scrollTop+(l.top-o.top)-e.clientHeight/2+l.height/2;e.scrollTo({top:u,behavior:"smooth"})};setTimeout(s,500)})()})},onPageChange:e=>{const t=e.currentPage;Q(t),z?.(t+1),ce.has(t)?(be(t),Ce(ce)):Ce(ce)},renderPage:se,setRenderRange:Z})]})};export{p as default};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{SpecialZoomLevel as n}from"@react-pdf-viewer/core";import r from"./PdfContainer.js";import i from"./PdfToolbar.js";import{pdfStyles as a}from"./PdfStyle.js";import{PdfHighlightControls as s}from"./usePdfHighlight.js";import{rotationManager as c}from"./rotationManager.js";import"@react-pdf-viewer/zoom/lib/styles/index.css";import"@react-pdf-viewer/page-navigation/lib/styles/index.css";import"@react-pdf-viewer/core/lib/styles/index.css";import"@react-pdf-viewer/search/lib/styles/index.css";import l,{useRef as u,useState as d,useMemo as g,useEffect as h}from"react";import m from"../ScannedDocCitation/ScannedDocCitation.js";const p=({pdfUrl:p,highlightText:f,highlightPages:v,highlightCordinatePages:y,highlightColor:w="yellow",activeHighlightColor:P="#f7dc51",jumpToPageValue:T=0,pdfName:x,onClose:C,customStyles:b,customClasses:S,customIcons:A,useCoordinates:R,fallbackPages:I,activeCitationIndex:_,onActiveCitationChange:q,headerAction:L,isZoomEnabled:F=!0,showHighlightsAction:H=!0,defaultScale:N=n.ActualSize,useRange:j=!1,rangeOfPages:B=null,showFullScreenAction:M=!0,showRotateButton:E=!1,segments:k=[{title:"Document 2",start_page:52,end_page:52,page_count:1}],segmentTooltipText:z,onCurrentPageChange:D,navigationRequest:V,onNavigationSettled:W,disablePdfAnnotations:O=!1,disablePdfTextLayer:U=!1,renderPage:$,setRenderRange:Z})=>{const J=u(null),K=(e=>{switch(e){case"ActualSize":return n.ActualSize;case"PageFit":return n.PageFit;case"PageWidth":return n.PageWidth;default:return e??n.PageWidth}})(N),[G,Q]=d(0),[X,Y]=d(0),[ee,te]=d(0),oe=u(null),ne=u(null),re=u(0),ie=u(null),ae=g(()=>{if(!p)return"";try{return new URL(p,window.location.origin).pathname.split("/").pop()||"default"}catch{return"default"}},[p]);h(()=>{ae&&c.setPdfIdentifier(ae)},[ae]);h(()=>c.onRotationChange((e,t)=>{e===G+1&&te(t)}),[G]),h(()=>{const e=new MutationObserver(()=>{const e=J.current?.querySelectorAll('[data-testid^="core__page-layer-"]'),t=new Set;e?.forEach(e=>{const o=e.getAttribute("data-testid")?.match(/core__page-layer-(\d+)/);if(o&&o.length>=2){const n=parseInt(o[1],10)+1;t.has(n)||(c.registerPageElement(n,e),t.add(n))}})});return J.current&&(e.observe(J.current,{childList:!0,subtree:!0,attributes:!1}),ie.current=e),()=>{e.disconnect(),ie.current=null}},[]),h(()=>()=>{c.clearAll(),ie.current&&ie.current.disconnect()},[]),h(()=>{const e=G+1;te(c.getRotation(e))},[G]);const se=g(()=>O||U?n=>{const r=U?e("div",{"aria-hidden":"true",style:{display:"none"},children:n.textLayer.children}):n.textLayer.children,i={...n,annotationLayer:{...n.annotationLayer,children:O?null:n.annotationLayer.children},textLayer:{...n.textLayer,children:r}};return $?$(i):t(o,{children:[n.canvasLayer.children,r,!O&&n.annotationLayer.children]})}:$,[O,U,$]),ce=g(()=>{if(R)return new Set(y.map(e=>e.pageIndex));{const e=new Set;return Object.values(v).forEach(t=>{t>0&&e.add(t-1)}),e}},[y,v,R]),le=(ue=f)&&0!==ue.length?ue.filter(e=>!ue.some(t=>t!==e&&t.includes(e))):ue;var ue;const{highlightIndex:de,setHighlightIndex:ge,cursorIndex:he,setCursorIndex:me,orderedKeys:pe,totalHighlights:fe,getValidPosition:ve,tryJump:ye,jumpToPage:we,zoomTo:Pe,plugins:Te,controls:xe,hideNonTargetHighlights:Ce,deduplicateHighlights:be,scrollToCoord:Se}=s(le,R?{}:v,J,ce,R,R?y:[],w,P),Ae=ve(he),Re=g(()=>{const e=G+1;return k.find(t=>e>=t.start_page&&e<=t.end_page)},[G,k]);h(()=>{void 0!==_&&_!==he&&me(_)},[_]);const Ie={...xe,goToNext:()=>{he>=fe-1||(xe.goToNext(),q&&q(he+1))},goToPrevious:()=>{he<=0||(xe.goToPrevious(),q&&q(he-1))}},_e=l.useCallback((e,t)=>{re.current+=1;const o=re.current;null!=ne.current&&window.clearTimeout(ne.current);let n=null,r=0,i=0;const a=()=>{if(re.current!==o)return;i+=1;const s=J.current?.querySelector(".rpv-core__inner-pages"),c=J.current?.querySelector(`[data-testid="core__page-layer-${t-1}"]`);if(!s||!c)return i>=40?(ne.current=null,void W?.({pageNumber:t,requestId:e.requestId})):void(ne.current=window.setTimeout(a,50));n===s.scrollTop?r+=1:(n=s.scrollTop,r=0);const l=s.getBoundingClientRect(),u=c.getBoundingClientRect(),d=Boolean(l&&u&&u.bottom>l.top&&u.top<l.bottom);if(r>=2&&d||i>=40)return ne.current=null,void W?.({pageNumber:t,requestId:e.requestId});ne.current=window.setTimeout(a,50)};ne.current=window.setTimeout(a,50)},[W]);if(h(()=>()=>{re.current+=1,null!=ne.current&&window.clearTimeout(ne.current)},[]),h(()=>{if(!V||X<=0)return;const e=Math.min(Math.max(Math.trunc(V.pageNumber),1),X),t=`${V.requestId??e}:${e}`;oe.current!==t&&(oe.current=t,Q(e-1),we(e-1),_e(V,e))},[we,V,X,_e]),!p)return e(m,{pages:I,activeCitationIndex:_,onActiveCitationChange:q,headerAction:L});return t("div",{ref:J,className:S?.pdfViewerWrapper||"","data-disable-pdf-annotations":O?"true":void 0,"data-pdf-page-fit":K===n.PageFit?"true":void 0,style:{height:"100%",minHeight:0,minWidth:0,overflow:"hidden",display:"flex",flexDirection:"column",...a.pdfViewer,display:"flex",flexDirection:"column",height:"100%",width:"100%",backgroundColor:"#FAFAFA",...b?.pdfViewer,backgroundColor:"#F1F5F9"},children:[e(i,{highlightIndex:de,totalHighlights:fe,controls:Ie,currentPosition:Ae,pdfName:x,onClose:C,pdfUrl:p,viewerRef:J,customStyles:b,customClasses:S,customIcons:A,headerAction:L,isZoomEnabled:F,showHighlightsAction:H,showFullScreenAction:M,currentSegment:Re,segmentTooltipText:z,currentPage:G+1,totalPages:X,onPageNavigate:e=>{const t=Math.min(Math.max(e,1),X||e);Q(t-1),we(t-1)},onRotatePage:()=>{const e=G+1;c.rotatePageBy90(e),te(c.getRotation(e))},currentPageRotation:ee,showRotateButton:E}),e(r,{defaultScale:K,pdfUrl:p,plugins:Te,customStyles:b,onLoad:e=>{Y(e.doc.numPages);const t=!R&&!j&&T<=0;if(T>0&&!j){const e=T-1,t=pe[e],o=v[t],n=y[e];me(e),console.log(n,"cordinateTargetHighlight"),R&&n.pageIndex>0&&we(n.pageIndex),o>0&&(setTimeout(()=>{Ce(ce),be(o-1)},1e3),R||we(o-1))}else if(j&&B&&2===B.length){(async()=>{const[e,t]=B;for(let o=e;o<=t;o++){const e=o-1;we(e),await new Promise(e=>setTimeout(e,1e3)),Ce(ce);const t=be(e);if(t&&t>0)break}})()}else if(!R&&v){const e=pe.find(e=>v[e]>0);if(void 0!==e){const t=v[e]-1;we(t),setTimeout(()=>{Ce(ce),be(t)},1e3)}}requestAnimationFrame(()=>{t&&ye(),!R&&T>0&&!j&&(()=>{if(!J.current)return;const e=T-1,t=pe[e],o=v[t],n=o>0?o-1:0,r={};pe.forEach((e,t)=>{const o=v[e];o>0&&(r[o]||(r[o]=[]),r[o].push(t))});const i=(r[o]||[]).indexOf(e);let a=0;const s=()=>{if(a++,a>40)return;const e=J.current?.querySelector(".rpv-core__inner-pages");if(!e)return void setTimeout(s,100);const t=J.current?.querySelector(`[data-testid="core__page-layer-${n}"]`);if(!t)return void setTimeout(s,100);const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();if(!(r.top<o.bottom&&r.bottom>o.top))return void setTimeout(s,100);const c=t.querySelectorAll(".rpv-search__highlight")[i];if(!c)return void setTimeout(s,100);const l=c.getBoundingClientRect(),u=e.scrollTop+(l.top-o.top)-e.clientHeight/2+l.height/2;e.scrollTo({top:u,behavior:"smooth"})};setTimeout(s,500)})()})},onPageChange:e=>{const t=e.currentPage;Q(t),D?.(t+1),ce.has(t)?(be(t),Ce(ce)):Ce(ce)},renderPage:se,setRenderRange:Z})]})};export{p as default};
 //# sourceMappingURL=PdfViewer.js.map

package/dist/features/PdfViewer/PdfViewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PdfViewer.js","sources":["../../../src/features/PdfViewer/PdfViewer.tsx"],"sourcesContent":["import { DocumentLoadEvent, PageChangeEvent, RenderPage, SetRenderRange, SpecialZoomLevel } from \"@react-pdf-viewer/core\";\nimport PdfContainer from \"./PdfContainer\";\nimport PdfToolbar from \"./PdfToolbar\";\nimport { pdfStyles } from \"./PdfStyle\";\nimport { PdfHighlightControls } from \"./usePdfHighlight\";\nimport { rotationManager } from \"./rotationManager\";\nimport \"@react-pdf-viewer/zoom/lib/styles/index.css\";\nimport \"@react-pdf-viewer/page-navigation/lib/styles/index.css\";\nimport \"@react-pdf-viewer/core/lib/styles/index.css\";\nimport \"@react-pdf-viewer/search/lib/styles/index.css\";\nimport React, { useMemo, useRef, useEffect, useState } from \"react\";\nimport ScannedDocCitation, { CitationPage } from \"../ScannedDocCitation/ScannedDocCitation\";\nimport \"./PdfViewer.css\";\n\nexport type CustomIconsType = {\n pdfIcon?: React.ReactNode;\n fullScreenIcon?: React.ReactNode;\n downloadIcon?: React.ReactNode;\n closeIcon?: React.ReactNode;\n};\n\nexport type CustomStylesType = {\n pdfViewer?: React.CSSProperties;\n header?: React.CSSProperties;\n pdfIconWrapper?: React.CSSProperties;\n pdfName?: React.CSSProperties;\n pdfContainer?: React.CSSProperties;\n emptyState?: React.CSSProperties;\n};\n\nexport type CustomClassesType = {\n header?: string;\n pdfName?: string;\n actionButton?: string;\n pdfViewerWrapper?: string;\n};\n\nexport type PdfSegment = {\n title: string;\n start_page: number;\n end_page: number;\n page_count: number;\n};\n\ntype PdfScaleOption =\n \| \"ActualSize\"\n \| \"PageFit\"\n \| \"PageWidth\"\n \| number;\nexport interface PdfNavigationRequest {\n pageNumber: number;\n /** Change this value to navigate to the same page more than once. */\n requestId?: string \| number;\n}\n\nexport interface PdfNavigationSettledEvent extends PdfNavigationRequest {\n pageNumber: number;\n}\n\nexport interface PdfViewerProps {\n pdfUrl?: string;\n highlightText: string[];\n highlightPages?: any;\n highlightCordinatePages: HighlightArea[];\n highlightColor?: string;\n activeHighlightColor?: string;\n jumpToPageValue?: number;\n pdfName?: string;\n onClose?: () => void;\n item?: any;\n customStyles?: CustomStylesType;\n customClasses?: CustomClassesType;\n customIcons?: CustomIconsType;\n useCoordinates: boolean;\n fallbackPages?: CitationPage[];\n activeCitationIndex?: number;\n onActiveCitationChange?: (index: number) => void;\n headerAction?: {\n icon?: React.ReactNode;\n onClick?: () => void;\n tooltip?: string;\n };\n isZoomEnabled?: boolean;\n showHighlightsAction?: boolean;\n defaultScale?: PdfScaleOption;\n useRange?: boolean; //\n rangeOfPages?: number[] \| null;\n showFullScreenAction?: boolean;\n showRotateButton?: boolean;\n segments?: PdfSegment[];\n segmentTooltipText?: string;\n onCurrentPageChange?: (pageNumber: number) => void;\n navigationRequest?: PdfNavigationRequest \| null;\n onNavigationSettled?: (event: PdfNavigationSettledEvent) => void;\n disablePdfAnnotations?: boolean;\n disablePdfTextLayer?: boolean;\n renderPage?: RenderPage;\n setRenderRange?: SetRenderRange;\n}\n\nconst getResolvedScale = (\n scale?: PdfScaleOption\n): SpecialZoomLevel \| number => {\n switch (scale) {\n case \"ActualSize\":\n return SpecialZoomLevel.ActualSize;\n\n case \"PageFit\":\n return SpecialZoomLevel.PageFit;\n\n case \"PageWidth\":\n return SpecialZoomLevel.PageWidth;\n\n default:\n return scale ?? SpecialZoomLevel.PageWidth;\n }\n};\n\nexport type HighlightArea = {\n pageIndex: number;\n left: number;\n top: number;\n width: number;\n height: number;\n pageNumber?: number;\n};\n\nconst PdfViewer = ({\n pdfUrl,\n highlightText,\n highlightPages,\n highlightCordinatePages,\n highlightColor = \"yellow\",\n activeHighlightColor = \"#f7dc51\",\n jumpToPageValue = 0,\n pdfName,\n onClose,\n customStyles,\n customClasses,\n customIcons,\n useCoordinates,\n fallbackPages,\n activeCitationIndex,\n onActiveCitationChange,\n headerAction,\n isZoomEnabled = true,\n showHighlightsAction = true,\n defaultScale = SpecialZoomLevel.ActualSize,\n useRange = false,\n rangeOfPages = null,\n showFullScreenAction=true,\n showRotateButton = false,\n segments = [\n {\n title: \"Document 2\",\n start_page: 52,\n end_page: 52,\n page_count: 1,\n },\n ],\n segmentTooltipText,\n onCurrentPageChange,\n navigationRequest,\n onNavigationSettled,\n disablePdfAnnotations = false,\n disablePdfTextLayer = false,\n renderPage,\n setRenderRange,\n}: PdfViewerProps) => {\n\n const viewerRef = useRef<HTMLDivElement \| null>(null);\n const resolvedDefaultScale = getResolvedScale(defaultScale);\n const [currentPage, setCurrentPage] = useState(0);\n const [totalPages, setTotalPages] = useState(0);\n const [currentPageRotation, setCurrentPageRotation] = useState(0);\n const lastNavigationRequestRef = useRef<string \| null>(null);\n const navigationSettleTimerRef = useRef<number \| null>(null);\n const navigationSettleSequenceRef = useRef(0);\n const mutationObserverRef = useRef<MutationObserver \| null>(null);\n\n // Generate PDF identifier for localStorage from URL\n const pdfIdentifier = useMemo(() => {\n if (!pdfUrl) return '';\n // Use last part of URL or hash it\n try {\n const url = new URL(pdfUrl, window.location.origin);\n return url.pathname.split('/').pop() \|\| 'default';\n } catch {\n return 'default';\n }\n }, [pdfUrl]);\n\n // Set up rotation manager with PDF identifier\n useEffect(() => {\n if (pdfIdentifier) {\n rotationManager.setPdfIdentifier(pdfIdentifier);\n }\n }, [pdfIdentifier]);\n\n // Handler for rotating current page (no state update)\n const handleRotatePage = () => {\n const pageNumber = currentPage + 1;\n rotationManager.rotatePageBy90(pageNumber);\n // Manually update state to reflect rotation in UI\n setCurrentPageRotation(rotationManager.getRotation(pageNumber));\n };\n\n // Subscribe to rotation changes to sync UI state\n useEffect(() => {\n const unsubscribe = rotationManager.onRotationChange((pageNum, angle) => {\n // Only update state if current page rotated\n if (pageNum === currentPage + 1) {\n setCurrentPageRotation(angle);\n }\n });\n\n return unsubscribe;\n }, [currentPage]);\n\n // Register page elements with rotation manager\n useEffect(() => {\n const observer = new MutationObserver(() => {\n // Find all newly rendered page elements\n const pageElements = viewerRef.current?.querySelectorAll(\n '[data-testid^=\"core__page-layer-\"]'\n );\n\n const registeredPages = new Set<number>();\n\n pageElements?.forEach((pageElement) => {\n const match = (pageElement as HTMLElement)\n .getAttribute('data-testid')\n ?.match(/core__page-layer-(\\d+)/);\n if (match && match.length >= 2) {\n const pageIndex = parseInt(match[1], 10);\n const pageNumber = pageIndex + 1;\n\n // Only register once per page\n if (!registeredPages.has(pageNumber)) {\n rotationManager.registerPageElement(pageNumber, pageElement as HTMLElement);\n registeredPages.add(pageNumber);\n }\n }\n });\n });\n\n if (viewerRef.current) {\n observer.observe(viewerRef.current, {\n childList: true,\n subtree: true,\n attributes: false,\n });\n mutationObserverRef.current = observer;\n }\n\n return () => {\n observer.disconnect();\n mutationObserverRef.current = null;\n };\n }, []);\n\n // Clean up when unmounting\n useEffect(() => {\n return () => {\n rotationManager.clearAll();\n if (mutationObserverRef.current) {\n mutationObserverRef.current.disconnect();\n }\n };\n }, []);\n\n // Update current page rotation when page changes\n useEffect(() => {\n const pageNumber = currentPage + 1;\n setCurrentPageRotation(rotationManager.getRotation(pageNumber));\n }, [currentPage]);\n const resolvedRenderPage = useMemo<RenderPage \| undefined>(() => {\n if (!disablePdfAnnotations && !disablePdfTextLayer) return renderPage;\n\n return (props) => {\n const resolvedTextLayerChildren = disablePdfTextLayer ? (\n <div aria-hidden=\"true\" style={{ display: \"none\" }}>\n {props.textLayer.children}\n </div>\n ) : props.textLayer.children;\n const resolvedProps = {\n ...props,\n annotationLayer: {\n ...props.annotationLayer,\n children: disablePdfAnnotations ? null : props.annotationLayer.children,\n },\n textLayer: {\n ...props.textLayer,\n children: resolvedTextLayerChildren,\n },\n };\n\n const renderedPage = renderPage\n ? renderPage(resolvedProps)\n : (\n <>\n {props.canvasLayer.children}\n {resolvedTextLayerChildren}\n {!disablePdfAnnotations && props.annotationLayer.children}\n </>\n );\n\n return renderedPage;\n };\n }, [disablePdfAnnotations, disablePdfTextLayer, renderPage]);\n\n const cleanHighlightTexts = (texts: string[]): string[] => {\n if (!texts \|\| texts.length === 0) return texts;\n return texts.filter((text) => {\n return !texts.some(\n (otherText) => otherText !== text && otherText.includes(text)\n );\n });\n };\n\n const highlightPageSet = useMemo(() => {\n if (useCoordinates) {\n return new Set(highlightCordinatePages.map((h: any) => h.pageIndex));\n } else {\n const set = new Set<number>();\n Object.values(highlightPages).forEach((p: any) => {\n if (p > 0) set.add(p - 1);\n });\n return set;\n }\n }, [highlightCordinatePages, highlightPages, useCoordinates]);\n\n const removeRedundantHighlightTexts = cleanHighlightTexts(highlightText);\n\n const {\n highlightIndex,\n setHighlightIndex,\n cursorIndex,\n setCursorIndex,\n orderedKeys,\n totalHighlights,\n getValidPosition,\n tryJump,\n jumpToPage,\n zoomTo,\n plugins,\n controls,\n hideNonTargetHighlights,\n deduplicateHighlights,\n scrollToCoord,\n } = PdfHighlightControls(\n removeRedundantHighlightTexts,\n !useCoordinates ? highlightPages : {},\n viewerRef,\n highlightPageSet,\n useCoordinates,\n useCoordinates ? highlightCordinatePages : [],\n highlightColor,\n activeHighlightColor\n );\n\n const currentPosition = getValidPosition(cursorIndex);\n const currentSegment = useMemo(() => {\n const pageNumber = currentPage + 1;\n return segments.find(\n (segment) =>\n pageNumber >= segment.start_page && pageNumber <= segment.end_page\n );\n }, [currentPage, segments]);\n\n // sync external activeCitationIndex → cursorIndex\n useEffect(() => {\n if (activeCitationIndex === undefined) return;\n if (activeCitationIndex === cursorIndex) return;\n setCursorIndex(activeCitationIndex);\n }, [activeCitationIndex]);\n\n // wrap controls to fire onActiveCitationChange\n const handleGoToNext = () => {\n if (cursorIndex >= totalHighlights - 1) return;\n controls.goToNext();\n if (onActiveCitationChange) onActiveCitationChange(cursorIndex + 1);\n };\n\n const handleGoToPrevious = () => {\n if (cursorIndex <= 0) return;\n controls.goToPrevious();\n if (onActiveCitationChange) onActiveCitationChange(cursorIndex - 1);\n };\n\n const modifiedControls = {\n ...controls,\n goToNext: handleGoToNext,\n goToPrevious: handleGoToPrevious,\n };\n\n const handlePageNavigate = (pageNumber: number) => {\n const nextPage = Math.min(Math.max(pageNumber, 1), totalPages \|\| pageNumber);\n setCurrentPage(nextPage - 1);\n jumpToPage(nextPage - 1);\n };\n\n const waitForNavigationToSettle = React.useCallback((\n request: PdfNavigationRequest,\n pageNumber: number\n ) => {\n navigationSettleSequenceRef.current += 1;\n const settleSequence = navigationSettleSequenceRef.current;\n if (navigationSettleTimerRef.current != null) {\n window.clearTimeout(navigationSettleTimerRef.current);\n }\n\n let previousScrollTop: number \| null = null;\n let stableChecks = 0;\n let attempts = 0;\n\n const checkScrollPosition = () => {\n if (navigationSettleSequenceRef.current !== settleSequence) return;\n\n attempts += 1;\n\n const scrollContainer = viewerRef.current?.querySelector(\n '.rpv-core__inner-pages'\n ) as HTMLElement \| null;\n const targetPage = viewerRef.current?.querySelector(\n `[data-testid=\"core__page-layer-${pageNumber - 1}\"]`\n ) as HTMLElement \| null;\n\n // Virtualized page layers are not guaranteed to be mounted on the first\n // check after jumpToPage. Keep polling so navigation completion is not\n // lost while React PDF Viewer is creating the target page DOM.\n if (!scrollContainer \|\| !targetPage) {\n if (attempts >= 40) {\n navigationSettleTimerRef.current = null;\n onNavigationSettled?.({\n pageNumber,\n requestId: request.requestId,\n });\n return;\n }\n\n navigationSettleTimerRef.current = window.setTimeout(checkScrollPosition, 50);\n return;\n }\n\n if (previousScrollTop === scrollContainer.scrollTop) {\n stableChecks += 1;\n } else {\n previousScrollTop = scrollContainer.scrollTop;\n stableChecks = 0;\n }\n\n const scrollRect = scrollContainer.getBoundingClientRect();\n const pageRect = targetPage.getBoundingClientRect();\n const isTargetVisible = Boolean(\n scrollRect &&\n pageRect &&\n pageRect.bottom > scrollRect.top &&\n pageRect.top < scrollRect.bottom\n );\n const hasSettled = stableChecks >= 2 && isTargetVisible;\n const reachedTimeout = attempts >= 40;\n\n if (hasSettled \|\| reachedTimeout) {\n navigationSettleTimerRef.current = null;\n onNavigationSettled?.({\n pageNumber,\n requestId: request.requestId,\n });\n return;\n }\n\n navigationSettleTimerRef.current = window.setTimeout(checkScrollPosition, 50);\n };\n\n navigationSettleTimerRef.current = window.setTimeout(checkScrollPosition, 50);\n }, [onNavigationSettled]);\n\n useEffect(() => () => {\n navigationSettleSequenceRef.current += 1;\n if (navigationSettleTimerRef.current != null) {\n window.clearTimeout(navigationSettleTimerRef.current);\n }\n }, []);\n\n useEffect(() => {\n if (!navigationRequest \|\| totalPages <= 0) return;\n\n const nextPage = Math.min(\n Math.max(Math.trunc(navigationRequest.pageNumber), 1),\n totalPages\n );\n const requestKey = `${navigationRequest.requestId ?? nextPage}:${nextPage}`;\n if (lastNavigationRequestRef.current === requestKey) return;\n\n lastNavigationRequestRef.current = requestKey;\n setCurrentPage(nextPage - 1);\n jumpToPage(nextPage - 1);\n waitForNavigationToSettle(navigationRequest, nextPage);\n }, [jumpToPage, navigationRequest, totalPages, waitForNavigationToSettle]);\n\n if (!pdfUrl) {\n return (\n <ScannedDocCitation\n pages={fallbackPages}\n activeCitationIndex={activeCitationIndex}\n onActiveCitationChange={onActiveCitationChange}\n headerAction={headerAction}\n />\n );\n }\n\n const defaultViewerStyles: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n width: \"100%\",\n backgroundColor: \"#FAFAFA\",\n };\n\n const scrollToHighlight = () => {\n if (!viewerRef.current) return;\n\n const index = jumpToPageValue - 1;\n const key = orderedKeys[index];\n const page = highlightPages[key];\n const targetPage = page > 0 ? page - 1 : 0;\n\n const pageVisitMap: Record<number, number[]> = {};\n orderedKeys.forEach((k, i) => {\n const p = highlightPages[k];\n if (p > 0) {\n if (!pageVisitMap[p]) pageVisitMap[p] = [];\n pageVisitMap[p].push(i);\n }\n });\n const visits = pageVisitMap[page] \|\| [];\n const occurrence = visits.indexOf(index);\n\n let attempts = 0;\n const maxAttempts = 40;\n\n const doScrollToHighlight = () => {\n attempts++;\n if (attempts > maxAttempts) return;\n\n const scrollContainer = viewerRef.current?.querySelector(\n \".rpv-core__inner-pages\"\n ) as HTMLElement;\n if (!scrollContainer) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const pageElement = viewerRef.current?.querySelector(\n `[data-testid=\"core__page-layer-${targetPage}\"]`\n );\n if (!pageElement) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const scrollContainerRect = scrollContainer.getBoundingClientRect();\n const pageRect = pageElement.getBoundingClientRect();\n const isPageVisible =\n pageRect.top < scrollContainerRect.bottom &&\n pageRect.bottom > scrollContainerRect.top;\n\n if (!isPageVisible) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const allHighlights = pageElement.querySelectorAll(\".rpv-search__highlight\");\n const target = allHighlights[occurrence] as HTMLElement;\n\n if (!target) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const highlightRect = target.getBoundingClientRect();\n const scrollTop =\n scrollContainer.scrollTop +\n (highlightRect.top - scrollContainerRect.top) -\n scrollContainer.clientHeight / 2 +\n highlightRect.height / 2;\n\n scrollContainer.scrollTo({ top: scrollTop, behavior: \"smooth\" });\n };\n\n setTimeout(doScrollToHighlight, 500);\n };\n\n return (\n <div\n ref={viewerRef}\n className={customClasses?.pdfViewerWrapper \|\| \"\"}\n data-disable-pdf-annotations={\n disablePdfAnnotations ? \"true\" : undefined\n }\n data-pdf-page-fit={\n resolvedDefaultScale === SpecialZoomLevel.PageFit ? \"true\" : undefined\n }\n style={{\n height: \"100%\",\n minHeight: 0,\n minWidth: 0,\n overflow: \"hidden\",\n display: \"flex\",\n flexDirection: \"column\",\n ...pdfStyles.pdfViewer,\n ...defaultViewerStyles,\n ...customStyles?.pdfViewer,\n backgroundColor: \"#F1F5F9\",\n }}\n >\n <PdfToolbar\n highlightIndex={highlightIndex}\n totalHighlights={totalHighlights}\n controls={modifiedControls}\n currentPosition={currentPosition}\n pdfName={pdfName}\n onClose={onClose}\n pdfUrl={pdfUrl}\n viewerRef={viewerRef}\n customStyles={customStyles}\n customClasses={customClasses}\n customIcons={customIcons}\n headerAction={headerAction}\n isZoomEnabled={isZoomEnabled}\n showHighlightsAction={showHighlightsAction}\n showFullScreenAction={showFullScreenAction} \n currentSegment={currentSegment}\n segmentTooltipText={segmentTooltipText}\n currentPage={currentPage + 1}\n totalPages={totalPages}\n onPageNavigate={handlePageNavigate}\n onRotatePage={handleRotatePage}\n currentPageRotation={currentPageRotation}\n showRotateButton={showRotateButton}\n />\n <PdfContainer\n defaultScale={resolvedDefaultScale}\n pdfUrl={pdfUrl}\n plugins={plugins}\n customStyles={customStyles}\n onLoad={(e: DocumentLoadEvent) => {\n setTotalPages(e.doc.numPages);\n\n const shouldAutoJumpToFirstMatch =\n !useCoordinates && !useRange && jumpToPageValue <= 0;\n\n if (jumpToPageValue > 0 && !useRange) {\n const index = jumpToPageValue - 1;\n const key = orderedKeys[index];\n const page = highlightPages[key];\n const cordinateTargetHighlight = highlightCordinatePages[index];\n setCursorIndex(index);\n\n console.log(cordinateTargetHighlight, \"cordinateTargetHighlight\");\n if (useCoordinates && cordinateTargetHighlight.pageIndex > 0)\n jumpToPage(cordinateTargetHighlight.pageIndex);\n\n if (page > 0) {\n setTimeout(() => {\n hideNonTargetHighlights(highlightPageSet);\n deduplicateHighlights(page - 1);\n }, 1000);\n if (!useCoordinates) {\n jumpToPage(page - 1);\n }\n }\n } else if (useRange && rangeOfPages && rangeOfPages.length === 2) {\n \n // Async function to handle sequential jumping and waiting\n const scanRangeSequence = async () => {\n const [startPage, endPage] = rangeOfPages;\n \n for (let p = startPage; p <= endPage; p++) {\n const targetPageIndex = p - 1;\n \n jumpToPage(targetPageIndex);\n \n // Pause execution for 1 second to let the DOM render the highlights\n await new Promise((resolve) => setTimeout(resolve, 1000));\n \n hideNonTargetHighlights(highlightPageSet);\n const matchSize = deduplicateHighlights(targetPageIndex);\n \n // If the returned size is greater than 0, a match was found. Stop the loop.\n if (matchSize && matchSize > 0) {\n break; \n }\n }\n };\n\n scanRangeSequence();\n\n } else if (!useCoordinates && highlightPages) {\n const firstKey = orderedKeys.find(k => highlightPages[k] > 0);\n if (firstKey !== undefined) {\n const firstPage = highlightPages[firstKey] - 1;\n jumpToPage(firstPage);\n setTimeout(() => {\n hideNonTargetHighlights(highlightPageSet);\n deduplicateHighlights(firstPage);\n }, 1000);\n }\n }\n\n requestAnimationFrame(() => {\n if (shouldAutoJumpToFirstMatch) {\n tryJump();\n }\n if (!useCoordinates && jumpToPageValue > 0 && !useRange) {\n scrollToHighlight();\n }\n });\n }}\n onPageChange={(e: PageChangeEvent) => {\n const currentPage = e.currentPage;\n setCurrentPage(currentPage);\n onCurrentPageChange?.(currentPage + 1);\n if (!highlightPageSet.has(currentPage)) {\n hideNonTargetHighlights(highlightPageSet);\n return;\n }\n deduplicateHighlights(currentPage);\n hideNonTargetHighlights(highlightPageSet);\n }}\n renderPage={resolvedRenderPage}\n setRenderRange={setRenderRange}\n />\n </div>\n );\n};\n\nexport default PdfViewer;\n"],"names":["PdfViewer","pdfUrl","highlightText","highlightPages","highlightCordinatePages","highlightColor","activeHighlightColor","jumpToPageValue","pdfName","onClose","customStyles","customClasses","customIcons","useCoordinates","fallbackPages","activeCitationIndex","onActiveCitationChange","headerAction","isZoomEnabled","showHighlightsAction","defaultScale","SpecialZoomLevel","ActualSize","useRange","rangeOfPages","showFullScreenAction","showRotateButton","segments","title","start_page","end_page","page_count","segmentTooltipText","onCurrentPageChange","navigationRequest","onNavigationSettled","disablePdfAnnotations","disablePdfTextLayer","renderPage","setRenderRange","viewerRef","useRef","resolvedDefaultScale","scale","PageFit","PageWidth","getResolvedScale","currentPage","setCurrentPage","useState","totalPages","setTotalPages","currentPageRotation","setCurrentPageRotation","lastNavigationRequestRef","navigationSettleTimerRef","navigationSettleSequenceRef","mutationObserverRef","pdfIdentifier","useMemo","URL","window","location","origin","pathname","split","pop","useEffect","rotationManager","setPdfIdentifier","onRotationChange","pageNum","angle","observer","MutationObserver","pageElements","current","querySelectorAll","registeredPages","Set","forEach","pageElement","match","getAttribute","length","pageNumber","parseInt","has","registerPageElement","add","observe","childList","subtree","attributes","disconnect","clearAll","getRotation","resolvedRenderPage","props","resolvedTextLayerChildren","jsx","style","display","children","textLayer","resolvedProps","annotationLayer","jsxs","Fragment","canvasLayer","highlightPageSet","map","h","pageIndex","set","Object","values","p","removeRedundantHighlightTexts","texts","filter","text","some","otherText","includes","highlightIndex","setHighlightIndex","cursorIndex","setCursorIndex","orderedKeys","totalHighlights","getValidPosition","tryJump","jumpToPage","zoomTo","plugins","controls","hideNonTargetHighlights","deduplicateHighlights","scrollToCoord","PdfHighlightControls","currentPosition","currentSegment","find","segment","modifiedControls","goToNext","goToPrevious","waitForNavigationToSettle","React","useCallback","request","settleSequence","clearTimeout","previousScrollTop","stableChecks","attempts","checkScrollPosition","scrollContainer","querySelector","targetPage","requestId","setTimeout","scrollTop","scrollRect","getBoundingClientRect","pageRect","isTargetVisible","Boolean","bottom","top","nextPage","Math","min","max","trunc","requestKey","ScannedDocCitation","pages","ref","className","pdfViewerWrapper","height","minHeight","minWidth","overflow","flexDirection","pdfStyles","pdfViewer","width","backgroundColor","PdfToolbar","onPageNavigate","onRotatePage","rotatePageBy90","PdfContainer","onLoad","e","doc","numPages","shouldAutoJumpToFirstMatch","index","key","page","cordinateTargetHighlight","console","log","async","startPage","endPage","targetPageIndex","Promise","resolve","matchSize","scanRangeSequence","firstKey","k","firstPage","requestAnimationFrame","pageVisitMap","i","push","occurrence","indexOf","doScrollToHighlight","scrollContainerRect","target","highlightRect","clientHeight","scrollTo","behavior","scrollToHighlight","onPageChange"],"mappings":"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"}
1	+ {"version":3,"file":"PdfViewer.js","sources":["../../../src/features/PdfViewer/PdfViewer.tsx"],"sourcesContent":["import { DocumentLoadEvent, PageChangeEvent, RenderPage, SetRenderRange, SpecialZoomLevel } from \"@react-pdf-viewer/core\";\nimport PdfContainer from \"./PdfContainer\";\nimport PdfToolbar from \"./PdfToolbar\";\nimport { pdfStyles } from \"./PdfStyle\";\nimport { PdfHighlightControls } from \"./usePdfHighlight\";\nimport { rotationManager } from \"./rotationManager\";\nimport \"@react-pdf-viewer/zoom/lib/styles/index.css\";\nimport \"@react-pdf-viewer/page-navigation/lib/styles/index.css\";\nimport \"@react-pdf-viewer/core/lib/styles/index.css\";\nimport \"@react-pdf-viewer/search/lib/styles/index.css\";\nimport React, { useMemo, useRef, useEffect, useState } from \"react\";\nimport ScannedDocCitation, { CitationPage } from \"../ScannedDocCitation/ScannedDocCitation\";\nimport \"./PdfViewer.css\";\n\nexport type CustomIconsType = {\n pdfIcon?: React.ReactNode;\n fullScreenIcon?: React.ReactNode;\n downloadIcon?: React.ReactNode;\n closeIcon?: React.ReactNode;\n};\n\nexport type CustomStylesType = {\n pdfViewer?: React.CSSProperties;\n header?: React.CSSProperties;\n pdfIconWrapper?: React.CSSProperties;\n pdfName?: React.CSSProperties;\n pdfContainer?: React.CSSProperties;\n emptyState?: React.CSSProperties;\n};\n\nexport type CustomClassesType = {\n header?: string;\n pdfName?: string;\n actionButton?: string;\n pdfViewerWrapper?: string;\n};\n\nexport type PdfSegment = {\n title: string;\n start_page: number;\n end_page: number;\n page_count: number;\n};\n\ntype PdfScaleOption =\n \| \"ActualSize\"\n \| \"PageFit\"\n \| \"PageWidth\"\n \| number;\nexport interface PdfNavigationRequest {\n pageNumber: number;\n /** Change this value to navigate to the same page more than once. */\n requestId?: string \| number;\n}\n\nexport interface PdfNavigationSettledEvent extends PdfNavigationRequest {\n pageNumber: number;\n}\n\nexport interface PdfViewerProps {\n pdfUrl?: string;\n highlightText: string[];\n highlightPages?: any;\n highlightCordinatePages: HighlightArea[];\n highlightColor?: string;\n activeHighlightColor?: string;\n jumpToPageValue?: number;\n pdfName?: string;\n onClose?: () => void;\n item?: any;\n customStyles?: CustomStylesType;\n customClasses?: CustomClassesType;\n customIcons?: CustomIconsType;\n useCoordinates: boolean;\n fallbackPages?: CitationPage[];\n activeCitationIndex?: number;\n onActiveCitationChange?: (index: number) => void;\n headerAction?: {\n icon?: React.ReactNode;\n onClick?: () => void;\n tooltip?: string;\n };\n isZoomEnabled?: boolean;\n showHighlightsAction?: boolean;\n defaultScale?: PdfScaleOption;\n useRange?: boolean; //\n rangeOfPages?: number[] \| null;\n showFullScreenAction?: boolean;\n showRotateButton?: boolean;\n segments?: PdfSegment[];\n segmentTooltipText?: string;\n onCurrentPageChange?: (pageNumber: number) => void;\n navigationRequest?: PdfNavigationRequest \| null;\n onNavigationSettled?: (event: PdfNavigationSettledEvent) => void;\n disablePdfAnnotations?: boolean;\n disablePdfTextLayer?: boolean;\n renderPage?: RenderPage;\n setRenderRange?: SetRenderRange;\n}\n\nconst getResolvedScale = (\n scale?: PdfScaleOption\n): SpecialZoomLevel \| number => {\n switch (scale) {\n case \"ActualSize\":\n return SpecialZoomLevel.ActualSize;\n\n case \"PageFit\":\n return SpecialZoomLevel.PageFit;\n\n case \"PageWidth\":\n return SpecialZoomLevel.PageWidth;\n\n default:\n return scale ?? SpecialZoomLevel.PageWidth;\n }\n};\n\nexport type HighlightArea = {\n pageIndex: number;\n left: number;\n top: number;\n width: number;\n height: number;\n pageNumber?: number;\n};\n\nconst PdfViewer = ({\n pdfUrl,\n highlightText,\n highlightPages,\n highlightCordinatePages,\n highlightColor = \"yellow\",\n activeHighlightColor = \"#f7dc51\",\n jumpToPageValue = 0,\n pdfName,\n onClose,\n customStyles,\n customClasses,\n customIcons,\n useCoordinates,\n fallbackPages,\n activeCitationIndex,\n onActiveCitationChange,\n headerAction,\n isZoomEnabled = true,\n showHighlightsAction = true,\n defaultScale = SpecialZoomLevel.ActualSize,\n useRange = false,\n rangeOfPages = null,\n showFullScreenAction=true,\n showRotateButton = false,\n segments = [\n {\n title: \"Document 2\",\n start_page: 52,\n end_page: 52,\n page_count: 1,\n },\n ],\n segmentTooltipText,\n onCurrentPageChange,\n navigationRequest,\n onNavigationSettled,\n disablePdfAnnotations = false,\n disablePdfTextLayer = false,\n renderPage,\n setRenderRange,\n}: PdfViewerProps) => {\n\n const viewerRef = useRef<HTMLDivElement \| null>(null);\n const resolvedDefaultScale = getResolvedScale(defaultScale);\n const [currentPage, setCurrentPage] = useState(0);\n const [totalPages, setTotalPages] = useState(0);\n const [currentPageRotation, setCurrentPageRotation] = useState(0);\n const lastNavigationRequestRef = useRef<string \| null>(null);\n const navigationSettleTimerRef = useRef<number \| null>(null);\n const navigationSettleSequenceRef = useRef(0);\n const mutationObserverRef = useRef<MutationObserver \| null>(null);\n\n // Generate PDF identifier for localStorage from URL\n const pdfIdentifier = useMemo(() => {\n if (!pdfUrl) return '';\n // Use last part of URL or hash it\n try {\n const url = new URL(pdfUrl, window.location.origin);\n return url.pathname.split('/').pop() \|\| 'default';\n } catch {\n return 'default';\n }\n }, [pdfUrl]);\n\n // Set up rotation manager with PDF identifier\n useEffect(() => {\n if (pdfIdentifier) {\n rotationManager.setPdfIdentifier(pdfIdentifier);\n }\n }, [pdfIdentifier]);\n\n // Handler for rotating current page (no state update)\n const handleRotatePage = () => {\n const pageNumber = currentPage + 1;\n rotationManager.rotatePageBy90(pageNumber);\n // Manually update state to reflect rotation in UI\n setCurrentPageRotation(rotationManager.getRotation(pageNumber));\n };\n\n // Subscribe to rotation changes to sync UI state\n useEffect(() => {\n const unsubscribe = rotationManager.onRotationChange((pageNum, angle) => {\n // Only update state if current page rotated\n if (pageNum === currentPage + 1) {\n setCurrentPageRotation(angle);\n }\n });\n\n return unsubscribe;\n }, [currentPage]);\n\n // Register page elements with rotation manager\n useEffect(() => {\n const observer = new MutationObserver(() => {\n // Find all newly rendered page elements\n const pageElements = viewerRef.current?.querySelectorAll(\n '[data-testid^=\"core__page-layer-\"]'\n );\n\n const registeredPages = new Set<number>();\n\n pageElements?.forEach((pageElement) => {\n const match = (pageElement as HTMLElement)\n .getAttribute('data-testid')\n ?.match(/core__page-layer-(\\d+)/);\n if (match && match.length >= 2) {\n const pageIndex = parseInt(match[1], 10);\n const pageNumber = pageIndex + 1;\n\n // Only register once per page\n if (!registeredPages.has(pageNumber)) {\n rotationManager.registerPageElement(pageNumber, pageElement as HTMLElement);\n registeredPages.add(pageNumber);\n }\n }\n });\n });\n\n if (viewerRef.current) {\n observer.observe(viewerRef.current, {\n childList: true,\n subtree: true,\n attributes: false,\n });\n mutationObserverRef.current = observer;\n }\n\n return () => {\n observer.disconnect();\n mutationObserverRef.current = null;\n };\n }, []);\n\n // Clean up when unmounting\n useEffect(() => {\n return () => {\n rotationManager.clearAll();\n if (mutationObserverRef.current) {\n mutationObserverRef.current.disconnect();\n }\n };\n }, []);\n\n // Update current page rotation when page changes\n useEffect(() => {\n const pageNumber = currentPage + 1;\n setCurrentPageRotation(rotationManager.getRotation(pageNumber));\n }, [currentPage]);\n const resolvedRenderPage = useMemo<RenderPage \| undefined>(() => {\n if (!disablePdfAnnotations && !disablePdfTextLayer) return renderPage;\n\n return (props) => {\n const resolvedTextLayerChildren = disablePdfTextLayer ? (\n <div aria-hidden=\"true\" style={{ display: \"none\" }}>\n {props.textLayer.children}\n </div>\n ) : props.textLayer.children;\n const resolvedProps = {\n ...props,\n annotationLayer: {\n ...props.annotationLayer,\n children: disablePdfAnnotations ? null : props.annotationLayer.children,\n },\n textLayer: {\n ...props.textLayer,\n children: resolvedTextLayerChildren,\n },\n };\n\n const renderedPage = renderPage\n ? renderPage(resolvedProps)\n : (\n <>\n {props.canvasLayer.children}\n {resolvedTextLayerChildren}\n {!disablePdfAnnotations && props.annotationLayer.children}\n </>\n );\n\n return renderedPage;\n };\n }, [disablePdfAnnotations, disablePdfTextLayer, renderPage]);\n\n const cleanHighlightTexts = (texts: string[]): string[] => {\n if (!texts \|\| texts.length === 0) return texts;\n return texts.filter((text) => {\n return !texts.some(\n (otherText) => otherText !== text && otherText.includes(text)\n );\n });\n };\n\n const highlightPageSet = useMemo(() => {\n if (useCoordinates) {\n return new Set(highlightCordinatePages.map((h: any) => h.pageIndex));\n } else {\n const set = new Set<number>();\n Object.values(highlightPages).forEach((p: any) => {\n if (p > 0) set.add(p - 1);\n });\n return set;\n }\n }, [highlightCordinatePages, highlightPages, useCoordinates]);\n\n const removeRedundantHighlightTexts = cleanHighlightTexts(highlightText);\n\n const {\n highlightIndex,\n setHighlightIndex,\n cursorIndex,\n setCursorIndex,\n orderedKeys,\n totalHighlights,\n getValidPosition,\n tryJump,\n jumpToPage,\n zoomTo,\n plugins,\n controls,\n hideNonTargetHighlights,\n deduplicateHighlights,\n scrollToCoord,\n } = PdfHighlightControls(\n removeRedundantHighlightTexts,\n !useCoordinates ? highlightPages : {},\n viewerRef,\n highlightPageSet,\n useCoordinates,\n useCoordinates ? highlightCordinatePages : [],\n highlightColor,\n activeHighlightColor\n );\n\n const currentPosition = getValidPosition(cursorIndex);\n const currentSegment = useMemo(() => {\n const pageNumber = currentPage + 1;\n return segments.find(\n (segment) =>\n pageNumber >= segment.start_page && pageNumber <= segment.end_page\n );\n }, [currentPage, segments]);\n\n // sync external activeCitationIndex → cursorIndex\n useEffect(() => {\n if (activeCitationIndex === undefined) return;\n if (activeCitationIndex === cursorIndex) return;\n setCursorIndex(activeCitationIndex);\n }, [activeCitationIndex]);\n\n // wrap controls to fire onActiveCitationChange\n const handleGoToNext = () => {\n if (cursorIndex >= totalHighlights - 1) return;\n controls.goToNext();\n if (onActiveCitationChange) onActiveCitationChange(cursorIndex + 1);\n };\n\n const handleGoToPrevious = () => {\n if (cursorIndex <= 0) return;\n controls.goToPrevious();\n if (onActiveCitationChange) onActiveCitationChange(cursorIndex - 1);\n };\n\n const modifiedControls = {\n ...controls,\n goToNext: handleGoToNext,\n goToPrevious: handleGoToPrevious,\n };\n\n const handlePageNavigate = (pageNumber: number) => {\n const nextPage = Math.min(Math.max(pageNumber, 1), totalPages \|\| pageNumber);\n setCurrentPage(nextPage - 1);\n jumpToPage(nextPage - 1);\n };\n\n const waitForNavigationToSettle = React.useCallback((\n request: PdfNavigationRequest,\n pageNumber: number\n ) => {\n navigationSettleSequenceRef.current += 1;\n const settleSequence = navigationSettleSequenceRef.current;\n if (navigationSettleTimerRef.current != null) {\n window.clearTimeout(navigationSettleTimerRef.current);\n }\n\n let previousScrollTop: number \| null = null;\n let stableChecks = 0;\n let attempts = 0;\n\n const checkScrollPosition = () => {\n if (navigationSettleSequenceRef.current !== settleSequence) return;\n\n attempts += 1;\n\n const scrollContainer = viewerRef.current?.querySelector(\n '.rpv-core__inner-pages'\n ) as HTMLElement \| null;\n const targetPage = viewerRef.current?.querySelector(\n `[data-testid=\"core__page-layer-${pageNumber - 1}\"]`\n ) as HTMLElement \| null;\n\n // Virtualized page layers are not guaranteed to be mounted on the first\n // check after jumpToPage. Keep polling so navigation completion is not\n // lost while React PDF Viewer is creating the target page DOM.\n if (!scrollContainer \|\| !targetPage) {\n if (attempts >= 40) {\n navigationSettleTimerRef.current = null;\n onNavigationSettled?.({\n pageNumber,\n requestId: request.requestId,\n });\n return;\n }\n\n navigationSettleTimerRef.current = window.setTimeout(checkScrollPosition, 50);\n return;\n }\n\n if (previousScrollTop === scrollContainer.scrollTop) {\n stableChecks += 1;\n } else {\n previousScrollTop = scrollContainer.scrollTop;\n stableChecks = 0;\n }\n\n const scrollRect = scrollContainer.getBoundingClientRect();\n const pageRect = targetPage.getBoundingClientRect();\n const isTargetVisible = Boolean(\n scrollRect &&\n pageRect &&\n pageRect.bottom > scrollRect.top &&\n pageRect.top < scrollRect.bottom\n );\n const hasSettled = stableChecks >= 2 && isTargetVisible;\n const reachedTimeout = attempts >= 40;\n\n if (hasSettled \|\| reachedTimeout) {\n navigationSettleTimerRef.current = null;\n onNavigationSettled?.({\n pageNumber,\n requestId: request.requestId,\n });\n return;\n }\n\n navigationSettleTimerRef.current = window.setTimeout(checkScrollPosition, 50);\n };\n\n navigationSettleTimerRef.current = window.setTimeout(checkScrollPosition, 50);\n }, [onNavigationSettled]);\n\n useEffect(() => () => {\n navigationSettleSequenceRef.current += 1;\n if (navigationSettleTimerRef.current != null) {\n window.clearTimeout(navigationSettleTimerRef.current);\n }\n }, []);\n\n useEffect(() => {\n if (!navigationRequest \|\| totalPages <= 0) return;\n\n const nextPage = Math.min(\n Math.max(Math.trunc(navigationRequest.pageNumber), 1),\n totalPages\n );\n const requestKey = `${navigationRequest.requestId ?? nextPage}:${nextPage}`;\n if (lastNavigationRequestRef.current === requestKey) return;\n\n lastNavigationRequestRef.current = requestKey;\n setCurrentPage(nextPage - 1);\n jumpToPage(nextPage - 1);\n waitForNavigationToSettle(navigationRequest, nextPage);\n }, [jumpToPage, navigationRequest, totalPages, waitForNavigationToSettle]);\n\n if (!pdfUrl) {\n return (\n <ScannedDocCitation\n pages={fallbackPages}\n activeCitationIndex={activeCitationIndex}\n onActiveCitationChange={onActiveCitationChange}\n headerAction={headerAction}\n />\n );\n }\n\n const defaultViewerStyles: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n width: \"100%\",\n backgroundColor: \"#FAFAFA\",\n };\n\n const scrollToHighlight = () => {\n if (!viewerRef.current) return;\n\n const index = jumpToPageValue - 1;\n const key = orderedKeys[index];\n const page = highlightPages[key];\n const targetPage = page > 0 ? page - 1 : 0;\n\n const pageVisitMap: Record<number, number[]> = {};\n orderedKeys.forEach((k, i) => {\n const p = highlightPages[k];\n if (p > 0) {\n if (!pageVisitMap[p]) pageVisitMap[p] = [];\n pageVisitMap[p].push(i);\n }\n });\n const visits = pageVisitMap[page] \|\| [];\n const occurrence = visits.indexOf(index);\n\n let attempts = 0;\n const maxAttempts = 40;\n\n const doScrollToHighlight = () => {\n attempts++;\n if (attempts > maxAttempts) return;\n\n const scrollContainer = viewerRef.current?.querySelector(\n \".rpv-core__inner-pages\"\n ) as HTMLElement;\n if (!scrollContainer) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const pageElement = viewerRef.current?.querySelector(\n `[data-testid=\"core__page-layer-${targetPage}\"]`\n );\n if (!pageElement) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const scrollContainerRect = scrollContainer.getBoundingClientRect();\n const pageRect = pageElement.getBoundingClientRect();\n const isPageVisible =\n pageRect.top < scrollContainerRect.bottom &&\n pageRect.bottom > scrollContainerRect.top;\n\n if (!isPageVisible) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const allHighlights = pageElement.querySelectorAll(\".rpv-search__highlight\");\n const target = allHighlights[occurrence] as HTMLElement;\n\n if (!target) {\n setTimeout(doScrollToHighlight, 100);\n return;\n }\n\n const highlightRect = target.getBoundingClientRect();\n const scrollTop =\n scrollContainer.scrollTop +\n (highlightRect.top - scrollContainerRect.top) -\n scrollContainer.clientHeight / 2 +\n highlightRect.height / 2;\n\n scrollContainer.scrollTo({ top: scrollTop, behavior: \"smooth\" });\n };\n\n setTimeout(doScrollToHighlight, 500);\n };\n\n return (\n <div\n ref={viewerRef}\n className={customClasses?.pdfViewerWrapper \|\| \"\"}\n data-disable-pdf-annotations={\n disablePdfAnnotations ? \"true\" : undefined\n }\n data-pdf-page-fit={\n resolvedDefaultScale === SpecialZoomLevel.PageFit ? \"true\" : undefined\n }\n style={{\n height: \"100%\",\n minHeight: 0,\n minWidth: 0,\n overflow: \"hidden\",\n display: \"flex\",\n flexDirection: \"column\",\n ...pdfStyles.pdfViewer,\n ...defaultViewerStyles,\n ...customStyles?.pdfViewer,\n backgroundColor: \"#F1F5F9\",\n }}\n >\n <PdfToolbar\n highlightIndex={highlightIndex}\n totalHighlights={totalHighlights}\n controls={modifiedControls}\n currentPosition={currentPosition}\n pdfName={pdfName}\n onClose={onClose}\n pdfUrl={pdfUrl}\n viewerRef={viewerRef}\n customStyles={customStyles}\n customClasses={customClasses}\n customIcons={customIcons}\n headerAction={headerAction}\n isZoomEnabled={isZoomEnabled}\n showHighlightsAction={showHighlightsAction}\n showFullScreenAction={showFullScreenAction} \n currentSegment={currentSegment}\n segmentTooltipText={segmentTooltipText}\n currentPage={currentPage + 1}\n totalPages={totalPages}\n onPageNavigate={handlePageNavigate}\n onRotatePage={handleRotatePage}\n currentPageRotation={currentPageRotation}\n showRotateButton={showRotateButton}\n />\n <PdfContainer\n defaultScale={resolvedDefaultScale}\n pdfUrl={pdfUrl}\n plugins={plugins}\n customStyles={customStyles}\n onLoad={(e: DocumentLoadEvent) => {\n setTotalPages(e.doc.numPages);\n\n const shouldAutoJumpToFirstMatch =\n !useCoordinates && !useRange && jumpToPageValue <= 0;\n\n if (jumpToPageValue > 0 && !useRange) {\n const index = jumpToPageValue - 1;\n const key = orderedKeys[index];\n const page = highlightPages[key];\n const cordinateTargetHighlight = highlightCordinatePages[index];\n setCursorIndex(index);\n\n console.log(cordinateTargetHighlight, \"cordinateTargetHighlight\");\n if (useCoordinates && cordinateTargetHighlight.pageIndex > 0)\n jumpToPage(cordinateTargetHighlight.pageIndex);\n\n if (page > 0) {\n setTimeout(() => {\n hideNonTargetHighlights(highlightPageSet);\n deduplicateHighlights(page - 1);\n }, 1000);\n if (!useCoordinates) {\n jumpToPage(page - 1);\n }\n }\n } else if (useRange && rangeOfPages && rangeOfPages.length === 2) {\n \n // Async function to handle sequential jumping and waiting\n const scanRangeSequence = async () => {\n const [startPage, endPage] = rangeOfPages;\n \n for (let p = startPage; p <= endPage; p++) {\n const targetPageIndex = p - 1;\n \n jumpToPage(targetPageIndex);\n \n // Pause execution for 1 second to let the DOM render the highlights\n await new Promise((resolve) => setTimeout(resolve, 1000));\n \n hideNonTargetHighlights(highlightPageSet);\n const matchSize = deduplicateHighlights(targetPageIndex);\n \n // If the returned size is greater than 0, a match was found. Stop the loop.\n if (matchSize && matchSize > 0) {\n break; \n }\n }\n };\n\n scanRangeSequence();\n\n } else if (!useCoordinates && highlightPages) {\n const firstKey = orderedKeys.find(k => highlightPages[k] > 0);\n if (firstKey !== undefined) {\n const firstPage = highlightPages[firstKey] - 1;\n jumpToPage(firstPage);\n setTimeout(() => {\n hideNonTargetHighlights(highlightPageSet);\n deduplicateHighlights(firstPage);\n }, 1000);\n }\n }\n\n requestAnimationFrame(() => {\n if (shouldAutoJumpToFirstMatch) {\n tryJump();\n }\n if (!useCoordinates && jumpToPageValue > 0 && !useRange) {\n scrollToHighlight();\n }\n });\n }}\n onPageChange={(e: PageChangeEvent) => {\n const currentPage = e.currentPage;\n setCurrentPage(currentPage);\n onCurrentPageChange?.(currentPage + 1);\n if (!highlightPageSet.has(currentPage)) {\n hideNonTargetHighlights(highlightPageSet);\n return;\n }\n deduplicateHighlights(currentPage);\n hideNonTargetHighlights(highlightPageSet);\n }}\n renderPage={resolvedRenderPage}\n setRenderRange={setRenderRange}\n />\n </div>\n );\n};\n\nexport default PdfViewer;\n"],"names":["PdfViewer","pdfUrl","highlightText","highlightPages","highlightCordinatePages","highlightColor","activeHighlightColor","jumpToPageValue","pdfName","onClose","customStyles","customClasses","customIcons","useCoordinates","fallbackPages","activeCitationIndex","onActiveCitationChange","headerAction","isZoomEnabled","showHighlightsAction","defaultScale","SpecialZoomLevel","ActualSize","useRange","rangeOfPages","showFullScreenAction","showRotateButton","segments","title","start_page","end_page","page_count","segmentTooltipText","onCurrentPageChange","navigationRequest","onNavigationSettled","disablePdfAnnotations","disablePdfTextLayer","renderPage","setRenderRange","viewerRef","useRef","resolvedDefaultScale","scale","PageFit","PageWidth","getResolvedScale","currentPage","setCurrentPage","useState","totalPages","setTotalPages","currentPageRotation","setCurrentPageRotation","lastNavigationRequestRef","navigationSettleTimerRef","navigationSettleSequenceRef","mutationObserverRef","pdfIdentifier","useMemo","URL","window","location","origin","pathname","split","pop","useEffect","rotationManager","setPdfIdentifier","onRotationChange","pageNum","angle","observer","MutationObserver","pageElements","current","querySelectorAll","registeredPages","Set","forEach","pageElement","match","getAttribute","length","pageNumber","parseInt","has","registerPageElement","add","observe","childList","subtree","attributes","disconnect","clearAll","getRotation","resolvedRenderPage","props","resolvedTextLayerChildren","jsx","style","display","children","textLayer","resolvedProps","annotationLayer","jsxs","Fragment","canvasLayer","highlightPageSet","map","h","pageIndex","set","Object","values","p","removeRedundantHighlightTexts","texts","filter","text","some","otherText","includes","highlightIndex","setHighlightIndex","cursorIndex","setCursorIndex","orderedKeys","totalHighlights","getValidPosition","tryJump","jumpToPage","zoomTo","plugins","controls","hideNonTargetHighlights","deduplicateHighlights","scrollToCoord","PdfHighlightControls","currentPosition","currentSegment","find","segment","modifiedControls","goToNext","goToPrevious","waitForNavigationToSettle","React","useCallback","request","settleSequence","clearTimeout","previousScrollTop","stableChecks","attempts","checkScrollPosition","scrollContainer","querySelector","targetPage","requestId","setTimeout","scrollTop","scrollRect","getBoundingClientRect","pageRect","isTargetVisible","Boolean","bottom","top","nextPage","Math","min","max","trunc","requestKey","ScannedDocCitation","pages","ref","className","pdfViewerWrapper","height","minHeight","minWidth","overflow","flexDirection","pdfStyles","pdfViewer","width","backgroundColor","PdfToolbar","onPageNavigate","onRotatePage","rotatePageBy90","PdfContainer","onLoad","e","doc","numPages","shouldAutoJumpToFirstMatch","index","key","page","cordinateTargetHighlight","console","log","async","startPage","endPage","targetPageIndex","Promise","resolve","matchSize","scanRangeSequence","firstKey","k","firstPage","requestAnimationFrame","pageVisitMap","i","push","occurrence","indexOf","doScrollToHighlight","scrollContainerRect","target","highlightRect","clientHeight","scrollTo","behavior","scrollToHighlight","onPageChange"],"mappings":"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"}

package/dist/features/ReviewPanel/ReviewPanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as r,useEffect as n}from"react";import"./ReviewPanel.css.js";function c(...e){return e.filter(Boolean).join(" ")}const d=()=>t("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:t("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2"})}),o=()=>t("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:t("path",{d:"M18 15l-6-6-6 6",stroke:"currentColor",strokeWidth:"2"})}),s=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-maximize2-icon lucide-maximize-2 rp-border",children:[t("path",{d:"M15 3h6v6"}),t("path",{d:"m21 3-7 7"}),t("path",{d:"m3 21 7-7"}),t("path",{d:"M9 21H3v-6"})]}),a=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-minimize2-icon lucide-minimize-2 rp-border",children:[t("path",{d:"m14 10 7-7"}),t("path",{d:"M20 10h-6V4"}),t("path",{d:"m3 21 7-7"}),t("path",{d:"M4 14h6v6"})]}),l=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"#87c66b","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-circle-check-icon lucide-circle-check",children:[t("circle",{cx:"12",cy:"12",r:"10"}),t("path",{d:"m9 12 2 2 4-4"})]}),h={dark:{"--rp-bg":"#000","--rp-text":"#fff","--rp-active-bg":"#1f2930","--rp-muted":"#8c8c8c","--rp-border":"#434343","--rp-success":"#4ade80"},light:{"--rp-bg":"#fff","--rp-text":"#000","--rp-active-bg":"#e5eef5","--rp-muted":"#8c8c8c","--rp-border":"#434343","--rp-success":"#16a34a"}};function m({item:i,index:r,isActive:n,status:d="pending",config:o,classes:s}){const{textKey:a="text",showStatusIcon:h=!0,showRightBadge:m=!0,rightBadgeText:p}=o;return e("div",{className:c("rp-item",n&&"rp-item--active","reviewed"===d&&"rp-item--reviewed",s?.item?.root,n&&s?.item?.active,"reviewed"===d&&s?.item?.reviewed),children:[h&&"reviewed"===d&&t("span",{className:s?.item?.icon,children:t(l,{})}),t("span",{className:c("rp-item-text",s?.item?.text),children:String(i[a])}),m&&p&&t("span",{className:c("rp-item-badge",s?.item?.rightBadge),children:p(i,r)})]})}const p=({data:l,renderItem:p,itemConfig:g,classes:v,keyExtractor:u=(e,t)=>t.toString(),activeIndex:w,onActiveChange:x,expanded:f,onExpandedChange:k,headerLeftSlot:b,footerSlot:N,headerRightSlot:C,getItemStatus:B,theme:M="dark",className:I})=>{const[S,j]=i(0),[y,z]=i(!1),A=w??S,E=f??y,R=r([]),W=e=>{x?.(e),void 0===w&&j(e)},V=e=>{k?.(e),void 0===f&&z(e)};return n(()=>{E&&R.current[A]?.scrollIntoView({behavior:"smooth",block:"nearest"})},[A,E]),e("div",{className:c("rp-container",I),style:h[M],children:[e("div",{className:c("rp-header",v?.header),children:[t("div",{className:"rp-header-left",children:b}),C?C({activeIndex:A,total:l.length,setIndex:W,isExpanded:E,setExpanded:V}):e("div",{className:c("rp-header-right",v?.headerRight),children:[e("span",{children:[A+1," of ",l.length]}),t("button",{onClick:()=>W(Math.min(A+1,l.length-1)),children:t(d,{})}),t("button",{onClick:()=>W(Math.max(A-1,0)),children:t(o,{})})]}),t("button",{onClick:()=>V(!E),children:t(E?a:s,{})})]}),E&&t("div",{className:c("rp-list",v?.listWrapper),children:l.map((e,i)=>{const r=B?.(e,i),n=i===A;return t("div",{ref:e=>R.current[i]=e,onClick:()=>W(i),children:p?p({item:e,index:i,isActive:n,status:r}):t(m,{item:e,index:i,isActive:n,status:r,config:g??{},classes:v})},u(e,i))})}),N&&t("div",{className:"rp-footer",children:N})]})};export{p as ReviewPanel};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as r,useEffect as n}from"react";function c(...e){return e.filter(Boolean).join(" ")}const d=()=>t("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:t("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2"})}),o=()=>t("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:t("path",{d:"M18 15l-6-6-6 6",stroke:"currentColor",strokeWidth:"2"})}),s=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-maximize2-icon lucide-maximize-2 rp-border",children:[t("path",{d:"M15 3h6v6"}),t("path",{d:"m21 3-7 7"}),t("path",{d:"m3 21 7-7"}),t("path",{d:"M9 21H3v-6"})]}),a=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-minimize2-icon lucide-minimize-2 rp-border",children:[t("path",{d:"m14 10 7-7"}),t("path",{d:"M20 10h-6V4"}),t("path",{d:"m3 21 7-7"}),t("path",{d:"M4 14h6v6"})]}),l=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"#87c66b","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-circle-check-icon lucide-circle-check",children:[t("circle",{cx:"12",cy:"12",r:"10"}),t("path",{d:"m9 12 2 2 4-4"})]}),h={dark:{"--rp-bg":"#000","--rp-text":"#fff","--rp-active-bg":"#1f2930","--rp-muted":"#8c8c8c","--rp-border":"#434343","--rp-success":"#4ade80"},light:{"--rp-bg":"#fff","--rp-text":"#000","--rp-active-bg":"#e5eef5","--rp-muted":"#8c8c8c","--rp-border":"#434343","--rp-success":"#16a34a"}};function m({item:i,index:r,isActive:n,status:d="pending",config:o,classes:s}){const{textKey:a="text",showStatusIcon:h=!0,showRightBadge:m=!0,rightBadgeText:p}=o;return e("div",{className:c("rp-item",n&&"rp-item--active","reviewed"===d&&"rp-item--reviewed",s?.item?.root,n&&s?.item?.active,"reviewed"===d&&s?.item?.reviewed),children:[h&&"reviewed"===d&&t("span",{className:s?.item?.icon,children:t(l,{})}),t("span",{className:c("rp-item-text",s?.item?.text),children:String(i[a])}),m&&p&&t("span",{className:c("rp-item-badge",s?.item?.rightBadge),children:p(i,r)})]})}const p=({data:l,renderItem:p,itemConfig:g,classes:v,keyExtractor:u=(e,t)=>t.toString(),activeIndex:w,onActiveChange:x,expanded:f,onExpandedChange:k,headerLeftSlot:b,footerSlot:N,headerRightSlot:C,getItemStatus:B,theme:M="dark",className:I})=>{const[S,j]=i(0),[y,z]=i(!1),A=w??S,E=f??y,R=r([]),W=e=>{x?.(e),void 0===w&&j(e)},V=e=>{k?.(e),void 0===f&&z(e)};return n(()=>{E&&R.current[A]?.scrollIntoView({behavior:"smooth",block:"nearest"})},[A,E]),e("div",{className:c("rp-container",I),style:h[M],children:[e("div",{className:c("rp-header",v?.header),children:[t("div",{className:"rp-header-left",children:b}),C?C({activeIndex:A,total:l.length,setIndex:W,isExpanded:E,setExpanded:V}):e("div",{className:c("rp-header-right",v?.headerRight),children:[e("span",{children:[A+1," of ",l.length]}),t("button",{onClick:()=>W(Math.min(A+1,l.length-1)),children:t(d,{})}),t("button",{onClick:()=>W(Math.max(A-1,0)),children:t(o,{})})]}),t("button",{onClick:()=>V(!E),children:t(E?a:s,{})})]}),E&&t("div",{className:c("rp-list",v?.listWrapper),children:l.map((e,i)=>{const r=B?.(e,i),n=i===A;return t("div",{ref:e=>R.current[i]=e,onClick:()=>W(i),children:p?p({item:e,index:i,isActive:n,status:r}):t(m,{item:e,index:i,isActive:n,status:r,config:g??{},classes:v})},u(e,i))})}),N&&t("div",{className:"rp-footer",children:N})]})};export{p as ReviewPanel};
 //# sourceMappingURL=ReviewPanel.js.map

package/dist/features/ReviewPanel/ReviewPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewPanel.js","sources":["../../../src/features/ReviewPanel/ReviewPanel.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport \"./ReviewPanel.css\";\n\n/* =======================\n Utils\n======================= /\n\nfunction cn(...args: Array<string \| false \| undefined>) {\n return args.filter(Boolean).join(\" \");\n}\n\n/ =======================\n SVG Icons\n======================= /\n\nconst ChevronDownIcon = () => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </svg>\n);\n\nconst ChevronUpIcon = () => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18 15l-6-6-6 6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </svg>\n);\n\nconst ExpandIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n className=\"lucide lucide-maximize2-icon lucide-maximize-2 rp-border\"\n >\n <path d=\"M15 3h6v6\" />\n <path d=\"m21 3-7 7\" />\n <path d=\"m3 21 7-7\" />\n <path d=\"M9 21H3v-6\" />\n </svg>\n);\n\nconst CollapseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n className=\"lucide lucide-minimize2-icon lucide-minimize-2 rp-border\"\n >\n <path d=\"m14 10 7-7\" />\n <path d=\"M20 10h-6V4\" />\n <path d=\"m3 21 7-7\" />\n <path d=\"M4 14h6v6\" />\n </svg>\n);\n\nconst CheckIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"#87c66b\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n className=\"lucide lucide-circle-check-icon lucide-circle-check\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"m9 12 2 2 4-4\" />\n </svg>\n);\n\n/ =======================\n Theme (CSS Variables)\n======================= /\n\nconst REVIEW_PANEL_THEME = {\n dark: {\n \"--rp-bg\": \"#000\",\n \"--rp-text\": \"#fff\",\n \"--rp-active-bg\": \"#1f2930\",\n \"--rp-muted\": \"#8c8c8c\",\n \"--rp-border\": \"#434343\",\n \"--rp-success\": \"#4ade80\",\n },\n light: {\n \"--rp-bg\": \"#fff\",\n \"--rp-text\": \"#000\",\n \"--rp-active-bg\": \"#e5eef5\",\n \"--rp-muted\": \"#8c8c8c\",\n \"--rp-border\": \"#434343\",\n \"--rp-success\": \"#16a34a\",\n },\n} as const;\n\n/ =======================\n Types\n======================= /\n\nexport type ReviewStatus = \"pending\" \| \"reviewed\" \| \"rejected\";\n\nexport interface ReviewPanelClasses {\n header?: string;\n headerRight?: string;\n listWrapper?: string;\n item?: {\n root?: string;\n active?: string;\n reviewed?: string;\n text?: string;\n rightBadge?: string;\n icon?: string;\n };\n}\n\nexport interface DefaultItemConfig<T> {\n textKey?: keyof T;\n showStatusIcon?: boolean;\n showRightBadge?: boolean;\n rightBadgeText?: (item: T, index: number) => React.ReactNode;\n}\n\nexport interface ReviewPanelProps<T> {\n data: T[];\n renderItem?: (params: {\n item: T;\n index: number;\n isActive: boolean;\n status?: ReviewStatus;\n }) => React.ReactNode;\n itemConfig?: DefaultItemConfig<T>;\n classes?: ReviewPanelClasses;\n keyExtractor?: (item: T, index: number) => string;\n activeIndex?: number;\n onActiveChange?: (index: number) => void;\n expanded?: boolean;\n onExpandedChange?: (expanded: boolean) => void;\n headerLeftSlot?: React.ReactNode;\n footerSlot?: React.ReactNode;\n headerRightSlot?: (params: {\n activeIndex: number;\n total: number;\n setIndex: (i: number) => void;\n isExpanded: boolean;\n setExpanded: (v: boolean) => void;\n }) => React.ReactNode;\n getItemStatus?: (item: T, index: number) => ReviewStatus;\n theme?: \"dark\" \| \"light\";\n className?: string;\n}\n\n/ =======================\n Default Item Renderer\n======================= /\n\nfunction DefaultReviewItem<T>({\n item,\n index,\n isActive,\n status = \"pending\",\n config,\n classes,\n}: {\n item: T;\n index: number;\n isActive: boolean;\n status?: ReviewStatus;\n config: DefaultItemConfig<T>;\n classes?: ReviewPanelClasses;\n}) {\n const {\n textKey = \"text\" as keyof T,\n showStatusIcon = true,\n showRightBadge = true,\n rightBadgeText,\n } = config;\n\n return (\n <div\n className={cn(\n \"rp-item\",\n isActive && \"rp-item--active\",\n status === \"reviewed\" && \"rp-item--reviewed\",\n classes?.item?.root,\n isActive && classes?.item?.active,\n status === \"reviewed\" && classes?.item?.reviewed,\n )}\n >\n {showStatusIcon && status === \"reviewed\" && (\n <span className={classes?.item?.icon}>\n <CheckIcon />\n </span>\n )}\n\n <span className={cn(\"rp-item-text\", classes?.item?.text)}>\n {String((item as any)[textKey])}\n </span>\n\n {showRightBadge && rightBadgeText && (\n <span className={cn(\"rp-item-badge\", classes?.item?.rightBadge)}>\n {rightBadgeText(item, index)}\n </span>\n )}\n </div>\n );\n}\n\n/ =======================\n ReviewPanel Component\n======================= /\n\nexport const ReviewPanel = <T,>({\n data,\n renderItem,\n itemConfig,\n classes,\n keyExtractor = (_, i) => i.toString(),\n activeIndex: controlledIndex,\n onActiveChange,\n expanded: controlledExpanded,\n onExpandedChange,\n headerLeftSlot,\n footerSlot,\n headerRightSlot,\n getItemStatus,\n theme = \"dark\",\n className,\n}: ReviewPanelProps<T>) => {\n const [internalIndex, setInternalIndex] = useState(0);\n const [internalExpanded, setInternalExpanded] = useState(false);\n\n const activeIndex = controlledIndex ?? internalIndex;\n const isExpanded = controlledExpanded ?? internalExpanded;\n\n const itemRefs = useRef<(HTMLDivElement \| null)[]>([]);\n\n const setIndex = (i: number) => {\n onActiveChange?.(i);\n if (controlledIndex === undefined) setInternalIndex(i);\n };\n\n const setExpanded = (v: boolean) => {\n onExpandedChange?.(v);\n if (controlledExpanded === undefined) setInternalExpanded(v);\n };\n\n useEffect(() => {\n if (!isExpanded) return;\n itemRefs.current[activeIndex]?.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n });\n }, [activeIndex, isExpanded]);\n\n return (\n <div\n className={cn(\"rp-container\", className)}\n style={REVIEW_PANEL_THEME[theme] as React.CSSProperties}\n >\n {/ Header */}\n <div className={cn(\"rp-header\", classes?.header)}>\n <div className=\"rp-header-left\">{headerLeftSlot}</div>\n\n {headerRightSlot ? (\n headerRightSlot({\n activeIndex,\n total: data.length,\n setIndex,\n isExpanded,\n setExpanded,\n })\n ) : (\n <div className={cn(\"rp-header-right\", classes?.headerRight)}>\n <span>\n {activeIndex + 1} of {data.length}\n </span>\n <button\n onClick={() =>\n setIndex(Math.min(activeIndex + 1, data.length - 1))\n }\n >\n <ChevronDownIcon />\n </button>\n <button onClick={() => setIndex(Math.max(activeIndex - 1, 0))}>\n <ChevronUpIcon />\n </button>\n </div>\n )}\n\n <button onClick={() => setExpanded(!isExpanded)}>\n {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n </button>\n </div>\n\n {isExpanded && (\n <div className={cn(\"rp-list\", classes?.listWrapper)}>\n {data.map((item, index) => {\n const status = getItemStatus?.(item, index);\n const isActive = index === activeIndex;\n\n return (\n <div\n key={keyExtractor(item, index)}\n ref={(el) => (itemRefs.current[index] = el)}\n onClick={() => setIndex(index)}\n >\n {renderItem ? (\n renderItem({ item, index, isActive, status })\n ) : (\n <DefaultReviewItem\n item={item}\n index={index}\n isActive={isActive}\n status={status}\n config={itemConfig ?? {}}\n classes={classes}\n />\n )}\n </div>\n );\n })}\n </div>\n )}\n\n {footerSlot && <div className=\"rp-footer\">{footerSlot}</div>}\n </div>\n );\n};"],"names":["cn","args","filter","Boolean","join","ChevronDownIcon","jsx","width","height","viewBox","fill","children","d","stroke","strokeWidth","ChevronUpIcon","ExpandIcon","jsxs","xmlns","className","CollapseIcon","CheckIcon","cx","cy","r","REVIEW_PANEL_THEME","dark","light","DefaultReviewItem","item","index","isActive","status","config","classes","textKey","showStatusIcon","showRightBadge","rightBadgeText","root","active","reviewed","icon","text","String","rightBadge","ReviewPanel","data","renderItem","itemConfig","keyExtractor","_","i","toString","activeIndex","controlledIndex","onActiveChange","expanded","controlledExpanded","onExpandedChange","headerLeftSlot","footerSlot","headerRightSlot","getItemStatus","theme","internalIndex","setInternalIndex","useState","internalExpanded","setInternalExpanded","isExpanded","itemRefs","useRef","setIndex","setExpanded","v","useEffect","current","scrollIntoView","behavior","block","style","header","total","length","headerRight","onClick","Math","min","max","listWrapper","map","ref","el"],"mappings":"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"}
1	+ {"version":3,"file":"ReviewPanel.js","sources":["../../../src/features/ReviewPanel/ReviewPanel.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport \"./ReviewPanel.css\";\n\n/* =======================\n Utils\n======================= /\n\nfunction cn(...args: Array<string \| false \| undefined>) {\n return args.filter(Boolean).join(\" \");\n}\n\n/ =======================\n SVG Icons\n======================= /\n\nconst ChevronDownIcon = () => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </svg>\n);\n\nconst ChevronUpIcon = () => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18 15l-6-6-6 6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </svg>\n);\n\nconst ExpandIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n className=\"lucide lucide-maximize2-icon lucide-maximize-2 rp-border\"\n >\n <path d=\"M15 3h6v6\" />\n <path d=\"m21 3-7 7\" />\n <path d=\"m3 21 7-7\" />\n <path d=\"M9 21H3v-6\" />\n </svg>\n);\n\nconst CollapseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n className=\"lucide lucide-minimize2-icon lucide-minimize-2 rp-border\"\n >\n <path d=\"m14 10 7-7\" />\n <path d=\"M20 10h-6V4\" />\n <path d=\"m3 21 7-7\" />\n <path d=\"M4 14h6v6\" />\n </svg>\n);\n\nconst CheckIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"#87c66b\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n className=\"lucide lucide-circle-check-icon lucide-circle-check\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"m9 12 2 2 4-4\" />\n </svg>\n);\n\n/ =======================\n Theme (CSS Variables)\n======================= /\n\nconst REVIEW_PANEL_THEME = {\n dark: {\n \"--rp-bg\": \"#000\",\n \"--rp-text\": \"#fff\",\n \"--rp-active-bg\": \"#1f2930\",\n \"--rp-muted\": \"#8c8c8c\",\n \"--rp-border\": \"#434343\",\n \"--rp-success\": \"#4ade80\",\n },\n light: {\n \"--rp-bg\": \"#fff\",\n \"--rp-text\": \"#000\",\n \"--rp-active-bg\": \"#e5eef5\",\n \"--rp-muted\": \"#8c8c8c\",\n \"--rp-border\": \"#434343\",\n \"--rp-success\": \"#16a34a\",\n },\n} as const;\n\n/ =======================\n Types\n======================= /\n\nexport type ReviewStatus = \"pending\" \| \"reviewed\" \| \"rejected\";\n\nexport interface ReviewPanelClasses {\n header?: string;\n headerRight?: string;\n listWrapper?: string;\n item?: {\n root?: string;\n active?: string;\n reviewed?: string;\n text?: string;\n rightBadge?: string;\n icon?: string;\n };\n}\n\nexport interface DefaultItemConfig<T> {\n textKey?: keyof T;\n showStatusIcon?: boolean;\n showRightBadge?: boolean;\n rightBadgeText?: (item: T, index: number) => React.ReactNode;\n}\n\nexport interface ReviewPanelProps<T> {\n data: T[];\n renderItem?: (params: {\n item: T;\n index: number;\n isActive: boolean;\n status?: ReviewStatus;\n }) => React.ReactNode;\n itemConfig?: DefaultItemConfig<T>;\n classes?: ReviewPanelClasses;\n keyExtractor?: (item: T, index: number) => string;\n activeIndex?: number;\n onActiveChange?: (index: number) => void;\n expanded?: boolean;\n onExpandedChange?: (expanded: boolean) => void;\n headerLeftSlot?: React.ReactNode;\n footerSlot?: React.ReactNode;\n headerRightSlot?: (params: {\n activeIndex: number;\n total: number;\n setIndex: (i: number) => void;\n isExpanded: boolean;\n setExpanded: (v: boolean) => void;\n }) => React.ReactNode;\n getItemStatus?: (item: T, index: number) => ReviewStatus;\n theme?: \"dark\" \| \"light\";\n className?: string;\n}\n\n/ =======================\n Default Item Renderer\n======================= /\n\nfunction DefaultReviewItem<T>({\n item,\n index,\n isActive,\n status = \"pending\",\n config,\n classes,\n}: {\n item: T;\n index: number;\n isActive: boolean;\n status?: ReviewStatus;\n config: DefaultItemConfig<T>;\n classes?: ReviewPanelClasses;\n}) {\n const {\n textKey = \"text\" as keyof T,\n showStatusIcon = true,\n showRightBadge = true,\n rightBadgeText,\n } = config;\n\n return (\n <div\n className={cn(\n \"rp-item\",\n isActive && \"rp-item--active\",\n status === \"reviewed\" && \"rp-item--reviewed\",\n classes?.item?.root,\n isActive && classes?.item?.active,\n status === \"reviewed\" && classes?.item?.reviewed,\n )}\n >\n {showStatusIcon && status === \"reviewed\" && (\n <span className={classes?.item?.icon}>\n <CheckIcon />\n </span>\n )}\n\n <span className={cn(\"rp-item-text\", classes?.item?.text)}>\n {String((item as any)[textKey])}\n </span>\n\n {showRightBadge && rightBadgeText && (\n <span className={cn(\"rp-item-badge\", classes?.item?.rightBadge)}>\n {rightBadgeText(item, index)}\n </span>\n )}\n </div>\n );\n}\n\n/ =======================\n ReviewPanel Component\n======================= /\n\nexport const ReviewPanel = <T,>({\n data,\n renderItem,\n itemConfig,\n classes,\n keyExtractor = (_, i) => i.toString(),\n activeIndex: controlledIndex,\n onActiveChange,\n expanded: controlledExpanded,\n onExpandedChange,\n headerLeftSlot,\n footerSlot,\n headerRightSlot,\n getItemStatus,\n theme = \"dark\",\n className,\n}: ReviewPanelProps<T>) => {\n const [internalIndex, setInternalIndex] = useState(0);\n const [internalExpanded, setInternalExpanded] = useState(false);\n\n const activeIndex = controlledIndex ?? internalIndex;\n const isExpanded = controlledExpanded ?? internalExpanded;\n\n const itemRefs = useRef<(HTMLDivElement \| null)[]>([]);\n\n const setIndex = (i: number) => {\n onActiveChange?.(i);\n if (controlledIndex === undefined) setInternalIndex(i);\n };\n\n const setExpanded = (v: boolean) => {\n onExpandedChange?.(v);\n if (controlledExpanded === undefined) setInternalExpanded(v);\n };\n\n useEffect(() => {\n if (!isExpanded) return;\n itemRefs.current[activeIndex]?.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n });\n }, [activeIndex, isExpanded]);\n\n return (\n <div\n className={cn(\"rp-container\", className)}\n style={REVIEW_PANEL_THEME[theme] as React.CSSProperties}\n >\n {/ Header */}\n <div className={cn(\"rp-header\", classes?.header)}>\n <div className=\"rp-header-left\">{headerLeftSlot}</div>\n\n {headerRightSlot ? (\n headerRightSlot({\n activeIndex,\n total: data.length,\n setIndex,\n isExpanded,\n setExpanded,\n })\n ) : (\n <div className={cn(\"rp-header-right\", classes?.headerRight)}>\n <span>\n {activeIndex + 1} of {data.length}\n </span>\n <button\n onClick={() =>\n setIndex(Math.min(activeIndex + 1, data.length - 1))\n }\n >\n <ChevronDownIcon />\n </button>\n <button onClick={() => setIndex(Math.max(activeIndex - 1, 0))}>\n <ChevronUpIcon />\n </button>\n </div>\n )}\n\n <button onClick={() => setExpanded(!isExpanded)}>\n {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n </button>\n </div>\n\n {isExpanded && (\n <div className={cn(\"rp-list\", classes?.listWrapper)}>\n {data.map((item, index) => {\n const status = getItemStatus?.(item, index);\n const isActive = index === activeIndex;\n\n return (\n <div\n key={keyExtractor(item, index)}\n ref={(el) => (itemRefs.current[index] = el)}\n onClick={() => setIndex(index)}\n >\n {renderItem ? (\n renderItem({ item, index, isActive, status })\n ) : (\n <DefaultReviewItem\n item={item}\n index={index}\n isActive={isActive}\n status={status}\n config={itemConfig ?? {}}\n classes={classes}\n />\n )}\n </div>\n );\n })}\n </div>\n )}\n\n {footerSlot && <div className=\"rp-footer\">{footerSlot}</div>}\n </div>\n );\n};"],"names":["cn","args","filter","Boolean","join","ChevronDownIcon","jsx","width","height","viewBox","fill","children","d","stroke","strokeWidth","ChevronUpIcon","ExpandIcon","jsxs","xmlns","className","CollapseIcon","CheckIcon","cx","cy","r","REVIEW_PANEL_THEME","dark","light","DefaultReviewItem","item","index","isActive","status","config","classes","textKey","showStatusIcon","showRightBadge","rightBadgeText","root","active","reviewed","icon","text","String","rightBadge","ReviewPanel","data","renderItem","itemConfig","keyExtractor","_","i","toString","activeIndex","controlledIndex","onActiveChange","expanded","controlledExpanded","onExpandedChange","headerLeftSlot","footerSlot","headerRightSlot","getItemStatus","theme","internalIndex","setInternalIndex","useState","internalExpanded","setInternalExpanded","isExpanded","itemRefs","useRef","setIndex","setExpanded","v","useEffect","current","scrollIntoView","behavior","block","style","header","total","length","headerRight","onClick","Math","min","max","listWrapper","map","ref","el"],"mappings":"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"}

package/dist/features/SPBAnalysisPanel/Cognitivereasoningpanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as n,useMemo as t}from"react";import{Box as o}from"@mui/system";import{Typography as r,Chip as a,IconButton as l,Accordion as c,AccordionSummary as s,AccordionDetails as d,Divider as h}from"@mui/material";import m from"@mui/icons-material/Close";import x from"@mui/icons-material/ExpandMore";import{LightbulbOutlined as p,ManageSearchOutlined as f,ChatBubbleOutlineOutlined as g}from"@mui/icons-material";import u from"@mui/icons-material/AutoAwesome";import b from"../ChatCitation/ChatCitationRenderer.js";const y=e=>{const i=document.createElement("div");return i.innerHTML=e,Array.from(i.querySelectorAll("li")).map(e=>e.innerHTML)},v=e=>e.replace(/^.*\$/,""),C=({style:e})=>i(o,{component:"svg",viewBox:"0 0 24 24",sx:{width:14,height:14,fill:"#5928ed",...e},children:i("path",{d:"M12 2a7 7 0 0 0-4 12.74V17a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.26A7 7 0 0 0 12 2zm-1 19h2v1h-2v-1z"})}),_=({open:_,onClose:S,data:k,styles:z})=>{const[I,w]=n(null),A=t(()=>I&&k?k.block_cognitive_citations.find(e=>String(e.citation_number)===I)??null:null,[I,k]),B=t(()=>k?.block_cognitive_reasoning_html?y(k.block_cognitive_reasoning_html):[],[k?.block_cognitive_reasoning_html]),R=t(()=>k?.block_cognitive_gap_html?y(k.block_cognitive_gap_html):[],[k?.block_cognitive_gap_html]),D=(n,t)=>{const r=[],a=/<a[^>]*href="([^"]+)"[^>]*>(.*?)<\/a>/g;let l,c=0,s=0;for(;null!==(l=a.exec(n));){const d=v(l[1]),h=l[2],m=I===d;l.index>c&&r.push(i("span",{children:n.substring(c,l.index)},`txt-${t}-${s++}`)),r.push(e("span",{children:[e("span",{onClick:()=>w(e=>e===d?null:d),style:{color:"#2563EB",fontWeight:500,cursor:"pointer",textDecoration:"underline",...z?.citationLink},children:[h,i(g,{sx:{fontSize:"12px",ml:.2}})]}),m&&A&&i(o,{sx:{maxHeight:"35vh",padding:"6px",overflow:"auto",backgroundColor:"#ffffff",mt:1,...z?.citationContainer},children:i(b,{showRootContainer:!1,modalContainerStyle:z?.citationModalContainer,rootContainer:{relevanceScore:k?.block_cognitive_confidence??0,slotStyles:{container:{border:"",paddingLeft:"-20px",color:z?.textContent?.color??"black",...z?.citationRootContainer}}},ruleBookContainer:{title:A.training_data_title||A.title||A.section_ref||"Rule Book",data:{content:A.data_sources?.join("\n\n")||A.content||A.paraphrase||"",highlighted_texts:A.paraphrase?Array.isArray(A.paraphrase)?A.paraphrase:[A.paraphrase]:Array.isArray(A.highlight)?A.highlight:A.highlight?[A.highlight]:[]},slotStyles:{title:z?.citationTitle,body:z?.citationBody,dataContainer:z?.citationDataContainer,outerContainer:{margin:"0",color:z?.textContent?.color??"black",minHeight:"350px",...z?.citationRuleBookContainer}}},additionalData:{RuleBookDetailedViewVerticallyStacked:!0},reversePanels:!0})})]},`anchor-${t}-${d}`)),c=a.lastIndex}return c<n.length&&r.push(i("span",{children:n.substring(c)},`txt-end-${t}-${s++}`)),r};return _?e(o,{sx:{width:"min(500px, calc(100vw - 16px))",maxWidth:"calc(100vw - 16px)",maxHeight:"80vh",borderRadius:3,display:"flex",flexDirection:"column",overflow:"hidden",border:"1px solid #e0e0e0",backgroundColor:"#fff",color:"#111827",...z?.container},children:[e(o,{sx:{px:2,py:1,borderBottom:"1px solid #e0e0e0",display:"flex",justifyContent:"space-between",alignItems:"center",flexShrink:0,backgroundColor:"#e9ecfd",...z?.header},children:[e(o,{display:"flex",alignItems:"center",gap:1,children:[i(C,{style:z?.headerIcon}),i(r,{fontWeight:500,sx:{fontSize:"0.72rem",...z?.headerTitleText},children:"Cognitive Decisioning AI"})]}),e(o,{display:"flex",alignItems:"center",gap:1,children:[i(a,{icon:i(u,{sx:{fontSize:12}}),label:`AI Relevance: ${k?.block_cognitive_confidence??0}%`,size:"small",sx:{fontWeight:500,fontSize:"0.68rem",backgroundColor:"#ffffff",color:"#000000",border:"1px solid #ac93f6",height:20,"& .MuiChip-label":{fontSize:"0.68rem",px:.75},...z?.badge}}),i(l,{size:"small",onClick:S,sx:z?.closeButton,children:i(m,{fontSize:"small"})})]})]}),e(o,{sx:{flex:1,overflowY:"auto",p:.5,...z?.body},children:[e(c,{defaultExpanded:!0,disableGutters:!0,elevation:0,sx:z?.accordion,children:[i(s,{expandIcon:i(x,{}),sx:z?.accordionSummary,children:e(r,{sx:{display:"flex",alignItems:"center",gap:.8,fontSize:"0.78rem",...z?.sectionTitle},fontWeight:600,children:[i(o,{sx:{width:24,height:24,borderRadius:"50%",backgroundColor:"#e9ecfd",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...z?.sectionIcon},children:i(p,{sx:{fontSize:14,color:"#5928ed"}})}),"Decision Making Factors"]})}),i(d,{sx:z?.accordionDetails,children:i(o,{sx:{padding:0,margin:0},children:B.length>0?B.map((n,t)=>e(o,{sx:{marginBottom:"6px",display:"flex",gap:1,...z?.sectionItem},children:[e(r,{variant:"body2",sx:{fontWeight:500,fontSize:"0.75rem",...z?.indexText},children:[t+1,"."]}),i(o,{sx:{flex:1},children:i(r,{variant:"body2",component:"span",sx:{fontSize:"0.75rem",...z?.textContent},children:D(n,t)})})]},t)):i(r,{variant:"body2",color:"gray",sx:{mb:.5,pl:3,fontSize:"0.72rem",...z?.sectionSubtitle},children:"No Reasons Found"})})})]}),i(h,{}),e(c,{disableGutters:!0,elevation:0,sx:z?.accordion,children:[i(s,{expandIcon:i(x,{}),sx:z?.accordionSummary,children:e(r,{sx:{display:"flex",alignItems:"center",gap:.8,fontSize:"0.78rem",...z?.sectionTitle},fontWeight:600,children:[i(o,{sx:{width:24,height:24,borderRadius:"50%",backgroundColor:"#e9ecfd",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...z?.sectionIcon},children:i(f,{sx:{fontSize:14,color:"#5928ed"}})}),"Gaps in Decision"]})}),i(d,{sx:z?.accordionDetails,children:i(o,{sx:{padding:0,margin:0},children:R.length>0?R.map((n,t)=>e(o,{sx:{marginBottom:"6px",display:"flex",gap:1,...z?.sectionItem},children:[e(r,{variant:"body2",sx:{fontWeight:500,fontSize:"0.75rem",...z?.indexText},children:[t+1,"."]}),i(r,{variant:"body2",component:"span",sx:{fontSize:"0.75rem",...z?.textContent},dangerouslySetInnerHTML:{__html:n}})]},t)):i(r,{variant:"body2",color:"gray",sx:{mb:.5,pl:3,fontSize:"0.72rem",...z?.sectionSubtitle},children:"No Gaps Found"})})})]})]})]}):null};export{_ as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useMemo as s}from"react";import"@emotion/styled";import"@emotion/react";import"../../node_modules/.pnpm/@mui_styled-engine@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_suppo_4520a21969629b42d6140ade25533e86/node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js";import"../../node_modules/.pnpm/@mui_styled-engine@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_suppo_4520a21969629b42d6140ade25533e86/node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/borders/borders.js";import"../../_virtual/index.js";import"../../_virtual/index4.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/display/display.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/flexbox/flexbox.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/cssGrid/cssGrid.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/palette/palette.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/positions/positions.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/shadows/shadows.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/sizing/sizing.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/spacing/spacing.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/typography/typography.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/getThemeValue/getThemeValue.js";import c from"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Box/Box.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Box/boxClasses.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/useTheme/useTheme.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/createStyled/createStyled.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js";import"../../node_modules/.pnpm/@mui_private-theming@6.4.9_@types_react@18.3.31_react@18.3.1/node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js";import"../../node_modules/.pnpm/@mui_private-theming@6.4.9_@types_react@18.3.31_react@18.3.1/node_modules/@mui/private-theming/useTheme/ThemeContext.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/RtlProvider/index.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Container/createContainer.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Container/Container.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Container/containerClasses.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Grid/Grid.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Grid/createGrid.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Grid/gridClasses.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Stack/Stack.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Stack/createStack.js";import"../../node_modules/.pnpm/@mui_system@6.5.0_@emotion_react@11.14.0_@types_react@18.3.31_react@18.3.1_supports-col_c17c8c48cc2dc4f6280b73b3c2092554/node_modules/@mui/system/esm/Stack/stackClasses.js";import{Typography as i,Chip as n,IconButton as r,Accordion as m,AccordionSummary as a,AccordionDetails as _,Divider as d}from"@mui/material";import l from"@mui/icons-material/Close";import p from"@mui/icons-material/ExpandMore";import{LightbulbOutlined as u,ManageSearchOutlined as y,ChatBubbleOutlineOutlined as h}from"@mui/icons-material";import f from"@mui/icons-material/AutoAwesome";import b from"../ChatCitation/ChatCitationRenderer.js";const x=e=>{const t=document.createElement("div");return t.innerHTML=e,Array.from(t.querySelectorAll("li")).map(e=>e.innerHTML)},g=e=>e.replace(/^.*\$/,""),v=({style:e})=>t(c,{component:"svg",viewBox:"0 0 24 24",sx:{width:14,height:14,fill:"#5928ed",...e},children:t("path",{d:"M12 2a7 7 0 0 0-4 12.74V17a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.26A7 7 0 0 0 12 2zm-1 19h2v1h-2v-1z"})}),S=({open:S,onClose:C,data:j,styles:k})=>{const[z,T]=o(null),I=s(()=>z&&j?j.block_cognitive_citations.find(e=>String(e.citation_number)===z)??null:null,[z,j]),w=s(()=>j?.block_cognitive_reasoning_html?x(j.block_cognitive_reasoning_html):[],[j?.block_cognitive_reasoning_html]),G=s(()=>j?.block_cognitive_gap_html?x(j.block_cognitive_gap_html):[],[j?.block_cognitive_gap_html]),B=(o,s)=>{const i=[],n=/<a[^>]*href="([^"]+)"[^>]*>(.*?)<\/a>/g;let r,m=0,a=0;for(;null!==(r=n.exec(o));){const _=g(r[1]),d=r[2],l=z===_;r.index>m&&i.push(t("span",{children:o.substring(m,r.index)},`txt-${s}-${a++}`)),i.push(e("span",{children:[e("span",{onClick:()=>T(e=>e===_?null:_),style:{color:"#2563EB",fontWeight:500,cursor:"pointer",textDecoration:"underline",...k?.citationLink},children:[d,t(h,{sx:{fontSize:"12px",ml:.2}})]}),l&&I&&t(c,{sx:{maxHeight:"35vh",padding:"6px",overflow:"auto",backgroundColor:"#ffffff",mt:1,...k?.citationContainer},children:t(b,{showRootContainer:!1,modalContainerStyle:k?.citationModalContainer,rootContainer:{relevanceScore:j?.block_cognitive_confidence??0,slotStyles:{container:{border:"",paddingLeft:"-20px",color:k?.textContent?.color??"black",...k?.citationRootContainer}}},ruleBookContainer:{title:I.training_data_title||I.title||I.section_ref||"Rule Book",data:{content:I.data_sources?.join("\n\n")||I.content||I.paraphrase||"",highlighted_texts:I.paraphrase?Array.isArray(I.paraphrase)?I.paraphrase:[I.paraphrase]:Array.isArray(I.highlight)?I.highlight:I.highlight?[I.highlight]:[]},slotStyles:{title:k?.citationTitle,body:k?.citationBody,dataContainer:k?.citationDataContainer,outerContainer:{margin:"0",color:k?.textContent?.color??"black",minHeight:"350px",...k?.citationRuleBookContainer}}},additionalData:{RuleBookDetailedViewVerticallyStacked:!0},reversePanels:!0})})]},`anchor-${s}-${_}`)),m=n.lastIndex}return m<o.length&&i.push(t("span",{children:o.substring(m)},`txt-end-${s}-${a++}`)),i};return S?e(c,{sx:{width:"min(500px, calc(100vw - 16px))",maxWidth:"calc(100vw - 16px)",maxHeight:"80vh",borderRadius:3,display:"flex",flexDirection:"column",overflow:"hidden",border:"1px solid #e0e0e0",backgroundColor:"#fff",color:"#111827",...k?.container},children:[e(c,{sx:{px:2,py:1,borderBottom:"1px solid #e0e0e0",display:"flex",justifyContent:"space-between",alignItems:"center",flexShrink:0,backgroundColor:"#e9ecfd",...k?.header},children:[e(c,{display:"flex",alignItems:"center",gap:1,children:[t(v,{style:k?.headerIcon}),t(i,{fontWeight:500,sx:{fontSize:"0.72rem",...k?.headerTitleText},children:"Cognitive Decisioning AI"})]}),e(c,{display:"flex",alignItems:"center",gap:1,children:[t(n,{icon:t(f,{sx:{fontSize:12}}),label:`AI Relevance: ${j?.block_cognitive_confidence??0}%`,size:"small",sx:{fontWeight:500,fontSize:"0.68rem",backgroundColor:"#ffffff",color:"#000000",border:"1px solid #ac93f6",height:20,"& .MuiChip-label":{fontSize:"0.68rem",px:.75},...k?.badge}}),t(r,{size:"small",onClick:C,sx:k?.closeButton,children:t(l,{fontSize:"small"})})]})]}),e(c,{sx:{flex:1,overflowY:"auto",p:.5,...k?.body},children:[e(m,{defaultExpanded:!0,disableGutters:!0,elevation:0,sx:k?.accordion,children:[t(a,{expandIcon:t(p,{}),sx:k?.accordionSummary,children:e(i,{sx:{display:"flex",alignItems:"center",gap:.8,fontSize:"0.78rem",...k?.sectionTitle},fontWeight:600,children:[t(c,{sx:{width:24,height:24,borderRadius:"50%",backgroundColor:"#e9ecfd",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...k?.sectionIcon},children:t(u,{sx:{fontSize:14,color:"#5928ed"}})}),"Decision Making Factors"]})}),t(_,{sx:k?.accordionDetails,children:t(c,{sx:{padding:0,margin:0},children:w.length>0?w.map((o,s)=>e(c,{sx:{marginBottom:"6px",display:"flex",gap:1,...k?.sectionItem},children:[e(i,{variant:"body2",sx:{fontWeight:500,fontSize:"0.75rem",...k?.indexText},children:[s+1,"."]}),t(c,{sx:{flex:1},children:t(i,{variant:"body2",component:"span",sx:{fontSize:"0.75rem",...k?.textContent},children:B(o,s)})})]},s)):t(i,{variant:"body2",color:"gray",sx:{mb:.5,pl:3,fontSize:"0.72rem",...k?.sectionSubtitle},children:"No Reasons Found"})})})]}),t(d,{}),e(m,{disableGutters:!0,elevation:0,sx:k?.accordion,children:[t(a,{expandIcon:t(p,{}),sx:k?.accordionSummary,children:e(i,{sx:{display:"flex",alignItems:"center",gap:.8,fontSize:"0.78rem",...k?.sectionTitle},fontWeight:600,children:[t(c,{sx:{width:24,height:24,borderRadius:"50%",backgroundColor:"#e9ecfd",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...k?.sectionIcon},children:t(y,{sx:{fontSize:14,color:"#5928ed"}})}),"Gaps in Decision"]})}),t(_,{sx:k?.accordionDetails,children:t(c,{sx:{padding:0,margin:0},children:G.length>0?G.map((o,s)=>e(c,{sx:{marginBottom:"6px",display:"flex",gap:1,...k?.sectionItem},children:[e(i,{variant:"body2",sx:{fontWeight:500,fontSize:"0.75rem",...k?.indexText},children:[s+1,"."]}),t(i,{variant:"body2",component:"span",sx:{fontSize:"0.75rem",...k?.textContent},dangerouslySetInnerHTML:{__html:o}})]},s)):t(i,{variant:"body2",color:"gray",sx:{mb:.5,pl:3,fontSize:"0.72rem",...k?.sectionSubtitle},children:"No Gaps Found"})})})]})]})]}):null};export{S as default};
 //# sourceMappingURL=Cognitivereasoningpanel.js.map