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

@viswa-test/test-citation 0.0.385 → 0.0.387

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

package/dist/features/Bookemon/BookemonCitationLayer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as i,jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import n from"./Bookemon.js";import l from"../RequirementAiCitations/AiReasoning/components/icons/DocumentCitationIcon.js";const r=({title:r,bookemonPayload:s})=>{const[a,g]=t(!1);return o(i,{children:[o("div",{style:{margin:"0px",padding:"0px",color:"#526eff",cursor:"pointer",fontSize:"12px",verticalAlign:"middle",whiteSpace:"nowrap",display:"inline-flex",alignItems:"center",background:"white",border:"none"},onClick:()=>{g(o=>!o)},children:[r,e(l,{})]}),a&&e("div",{style:{maxHeight:"500px",overflowY:"auto",...s.customStyle?.inlineContainer},children:e(n,{isDialog:!1,isBookPreview:!1,highlightTerms:s.highlightTerms,onClose:()=>{g(!1)},isBookemon:!0,isNonHighlightedBlur:s.isNonHighlightedBlur,handleFetchManuscriptElements:s.handleFetchManuscriptElements,getHighlightContent:s.getHighlightContent,data:s.data,showComingSoon:s.showComingSoon,isBlurToggleVisible:s.isBlurToggleVisible,comingSoonData:s.comingSoonData,customStyle:s.customStyle})})]})};export{r as default};
+import{__assign as i}from"tslib";import{jsxs as o,Fragment as e,jsx as n}from"react/jsx-runtime";import{useState as t}from"react";import r from"./Bookemon.js";import l from"../RequirementAiCitations/AiReasoning/components/icons/DocumentCitationIcon.js";var a=function(a){var s,m=a.title,g=a.bookemonPayload,c=t(!1),h=c[0],u=c[1];return o(e,{children:[o("div",i({style:{margin:"0px",padding:"0px",color:"#526eff",cursor:"pointer",fontSize:"12px",verticalAlign:"middle",whiteSpace:"nowrap",display:"inline-flex",alignItems:"center",background:"white",border:"none"},onClick:function(){u(function(i){return!i})}},{children:[m,n(l,{})]})),h&&n("div",i({style:i({maxHeight:"500px",overflowY:"auto"},null===(s=g.customStyle)||void 0===s?void 0:s.inlineContainer)},{children:n(r,{isDialog:!1,isBookPreview:!1,highlightTerms:g.highlightTerms,onClose:function(){u(!1)},isBookemon:!0,isNonHighlightedBlur:g.isNonHighlightedBlur,handleFetchManuscriptElements:g.handleFetchManuscriptElements,getHighlightContent:g.getHighlightContent,data:g.data,showComingSoon:g.showComingSoon,isBlurToggleVisible:g.isBlurToggleVisible,comingSoonData:g.comingSoonData,customStyle:g.customStyle})}))]})};export{a as default};
 //# sourceMappingURL=BookemonCitationLayer.js.map

package/dist/features/Bookemon/BookemonCitationLayer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookemonCitationLayer.js","sources":[~~"../../../src/features/Bookemon/BookemonCitationLayer.tsx"~~],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Bookemon from \"./Bookemon\";\nimport axios from \"axios\";\nimport { BookemonProps } from \"./types/citation.types\";\nimport DocumentCitationIcon from \"../RequirementAiCitations/AiReasoning/components/icons/DocumentCitationIcon\";\n\nconst BookemonCitationLayer = ({\n title, bookemonPayload\n}: {title: string, bookemonPayload: BookemonProps}) => {\n const [show, setShow] = useState(false);\n\n const onClose = () => {\n setShow(false);\n };\n \n return (\n // <div style={{width: '50%'}}>\n // <button\n // style={{\n // fontFamily: \"Plus Jakarta Sans, ~~sans-serif\~~",\n // backgroundColor: \"rgb(239, 246, 255)\",\n // padding: \"8px\",\n // cursor: \"pointer\",\n // color: \"rgb(0, 0, 0)\",\n // borderRadius: \"8px\", // optional (for smoother look)\n // }}\n // onClick={() => setShow((prev) => !prev)}\n // >\n // Open Bookemon\n // </button>\n\n\n // </div>\n <>\n <div\n style={{\n margin: \"0px\",\n padding: \"0px\",\n color: \"#526eff\",\n cursor: \"pointer\",\n fontSize: \"12px\",\n verticalAlign: \"middle\",\n whiteSpace: \"nowrap\",\n display: \"inline-flex\",\n alignItems: \"center\",\n background: \"white\",\n border: \"none\",\n }}\n onClick={() => {\n setShow(prev => !prev)\n }}\n >\n {title}\n {<DocumentCitationIcon />} \n </div>\n {show && (\n <div style={{maxHeight: '500px', overflowY: 'auto', ...bookemonPayload.customStyle?.inlineContainer}}>\n <Bookemon\n isDialog={false}\n isBookPreview={false}\n highlightTerms={bookemonPayload.highlightTerms}\n\n onClose={onClose}\n isBookemon={true}\n isNonHighlightedBlur={bookemonPayload.isNonHighlightedBlur}\n handleFetchManuscriptElements={bookemonPayload.handleFetchManuscriptElements}\n getHighlightContent={bookemonPayload.getHighlightContent}\n data={bookemonPayload.data}\n showComingSoon={bookemonPayload.showComingSoon}\n isBlurToggleVisible={bookemonPayload.isBlurToggleVisible}\n comingSoonData={bookemonPayload.comingSoonData}\n customStyle={bookemonPayload.customStyle}\n />\n </div>\n )}\n </>\n );\n};\n\nexport default BookemonCitationLayer;\n"],"names":["BookemonCitationLayer","title","bookemonPayload","show","setShow","useState","jsxs","Fragment","children","style","margin","padding","color","cursor","fontSize","verticalAlign","whiteSpace","display","alignItems","background","border","onClick","prev","DocumentCitationIcon","jsx","maxHeight","overflowY","customStyle","inlineContainer","Bookemon","isDialog","isBookPreview","highlightTerms","onClose","isBookemon","isNonHighlightedBlur","handleFetchManuscriptElements","getHighlightContent","data","showComingSoon","isBlurToggleVisible","comingSoonData"],"mappings":"4NAMA,MAAMA,EAAwB,EAC5BC,QAAOC,sBAEP,MAAOC,EAAMC,GAAWC,GAAS,GAMjC,OAmBIC,EAAAC,EAAA,CAAAC,SAAA,CAAAF,EAAC,MAAA,CACCG,MAAO,CACLC,OAAQ,MACRC,QAAS,MACTC,MAAO,UACPC,OAAQ,UACRC,SAAU,OACVC,cAAe,SACfC,WAAY,SACZC,QAAS,cACTC,WAAY,SACZC,WAAY,QACZC,OAAQ,QAEVC,QAAS,KACCjB,EAAAkB,IAASA,IAGlBd,SAAA,CAAAP,IACCsB,EAAqB,OAExBpB,GACCqB,EAAC,MAAI,CAAAf,MAAO,CAACgB,UAAW,QAASC,UAAW,UAAWxB,EAAgByB,aAAaC,iBAClFpB,SAAAgB,EAACK,EAAA,CACCC,UAAU,EACVC,eAAe,EACfC,eAAgB9B,EAAgB8B,eAEhCC,QAnDM,KACd7B,GAAQ,IAmDA8B,YAAY,EACZC,qBAAsBjC,EAAgBiC,qBACtCC,8BAA+BlC,EAAgBkC,8BAC/CC,oBAAqBnC,EAAgBmC,oBACrCC,KAAMpC,EAAgBoC,KACtBC,eAAgBrC,EAAgBqC,eAChCC,oBAAqBtC,EAAgBsC,oBACrCC,eAAgBvC,EAAgBuC,eAChCd,YAAazB,EAAgByB"}
1	+ {"version":3,"file":"BookemonCitationLayer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/Bookemon/BookemonContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as i,useEffect as r}from"react";import{PanelGroup as n,Panel as l,PanelResizeHandle as a}from"react-resizable-panels";import d from"@mui/material/Accordion";import s from"@mui/material/AccordionSummary";import c from"@mui/material/Typography";import h from"@mui/material/AccordionDetails";import g from"@mui/material/IconButton";import p from"./BookDetailsCard/BookDetailsCard.js";import u from"./BookOverviewCard/BookOverviewCard.js";import m from"./BookElementsCard/BookElementsCard.js";import y from"./BookCopyrightsCard/BookCopyrightsCard.js";import b from"./BookPeopleAwardsCard/BookPeopleAwardsCard.js";import f from"./BookPreview/BookPreview.js";import x from"@mui/icons-material/ExpandMore";import v from"@mui/icons-material/Close";const k={dialogPaper:{maxWidth:"none",fontFamily:"Inter, sans-serif"},dialogHeight:{overflow:"hidden",height:"90vh",position:"relative"},dialogContent:{padding:0,backgroundColor:"#FFFFFF"},container:{display:"flex",height:"100%",width:"100%",alignItems:"flex-start"},leftPanel:{height:"100%",padding:"24px",overflowY:"auto",backgroundColor:"#F3F4F6",borderRadius:"12px",boxSizing:"border-box"},rightPanel:{width:"40%",backgroundColor:"#FFFFFF",height:"100%",display:"flex",flexDirection:"column",justifyContent:"flex-start",overflow:"auto",flex:1,boxSizing:"border-box",overflowY:"auto"},accordion:{borderRadius:"12px",boxShadow:"none",marginBottom:"24px"},accordionSummary:{paddingLeft:"16px",paddingRight:"16px"},accordionDetails:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px"},heading:{fontWeight:"bold",color:"#000000",fontSize:"16px"},blurOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",backgroundColor:"rgba(255, 255, 255, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10,borderRadius:"12px"},closeButton:{position:"absolute",top:"8px",right:"8px",color:"#111827"},resizeHandle:{width:"10px",backgroundColor:"#e5e7eb",cursor:"col-resize",display:"flex",alignItems:"center",justifyContent:"center"},iconContainer:{display:"flex",flexDirection:"column",gap:"4px"},dot:{width:"4px",height:"4px",backgroundColor:"#6b7280",borderRadius:"50%"},resizeHandleBar:{width:"2px",height:"24px",backgroundColor:"#666",borderRadius:"2px"}},C={wrapper:{alignItems:"center",justifyContent:"center",textAlign:"center"},inner:{width:"100%"},iconWrapper:{width:"80px",height:"80px",background:"linear-gradient(to right, #3B82F6, #9333EA)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 24px auto"},icon:{width:"40px",height:"40px",color:"#FFFFFF"},heading:{fontSize:"36px",fontWeight:"bold",color:"#9333EA",marginBottom:"16px"},text:{fontSize:"18px",color:"#4B5563",lineHeight:1.6,textAlign:"center"},errorState:{color:"#CE3928",padding:"18px 0px",display:"flex",justifyContent:"center",width:"100%"}},w=({header:o,subheader:i,icon:r})=>t("div",{style:C.wrapper,children:e("div",{style:C.inner,children:[t("div",{style:{marginBottom:"32px"},children:t("div",{style:C.iconWrapper,children:r})}),e("div",{children:[t("h1",{style:C.heading,children:o}),t("p",{style:C.text,children:i})]})]})}),B=({showComingSoon:C,onClose:B,highlightTerms:S,data:D,customStyle:F,comingSoonData:E,isNonHighlightedBlur:P,isBlurToggleVisible:T,isBookemon:I,getHighlightContent:H,handleFetchManuscriptElements:z,isBookPreview:j,isDialog:M,defaultElementPages:A,citationType:L,citationSubTitle:O})=>{const[V,R]=o({textToHighLight:"",content:""}),[q,N]=o(1),[W,_]=o(!1),[Q,Y]=o("Book Preview"),[G,J]=o(70),K=i(null),[U,X]=o(!1),Z=i(null),$=i(null),ee=i(null),te=i(null),oe=i(null),ie=async(e,t,o,i=0)=>{R({textToHighLight:"",content:""}),X(!1),_(!0),Y(t);try{if(!o||0===o.length)return _(!1),J(70),void K.current?.resize(70);const r=await(H?.([o[i]])),n=r?.data||r||[];if(!Array.isArray(n)||0===n.length)return X(!0),void _(!1);const l=e=>e?e.replace(/<[^>]*>/g," ").replace(/&nbsp;/g," ").replace(/[\u200B-\u200D\uFEFF]/g,"").replace(/[\u2018\u2019]/g,"'").replace(/[\u201C\u201D]/g,'"').replace(/[\u2013\u2014]/g,"-").replace(/[.,!?;:'"(){}\[\]—–…\/\\@#&*_|\^~%=+<>`]/g,"").replace(/\s+/g," ").trim().toLowerCase():"",a=l(e);let d=null;for(const e of n){if(l(e.normalizedContent||e.htmlContent).includes(a)){d=e;break}}if(!d){let e=a.split(" ").filter(Boolean);for(;e.length>0;){const t=e.join(" ");for(const e of n){if(l(e.normalizedContent||e.htmlContent).includes(t)){d=e;break}}if(d)break;e.pop()}}const s=n.map(e=>e.htmlContent).join("\n");return R({textToHighLight:d?d.htmlContent:"",content:s}),J(50),K.current?.resize(50),!d&&i+1<o.length?await ie(e,t,o,i+1):void 0}catch(e){console.error("Highlight error:",e),X(!0)}finally{_(!1)}},[re,ne]=o(!1),[le,ae]=o(!1),[de,se]=o(!1),[ce,he]=o(!1),[ge,pe]=o(!1),[ue,me]=o(!1),[ye,be]=o(!1),[fe,xe]=o(!1),[ve,ke]=o(!1),[Ce,we]=o(!1);r(()=>{re&&me(!0),le&&be(!0),de&&xe(!0),ce&&ke(!0),ge&&we(!0)},[re,le,de,ce,ge]);const{bookAwards:Be,bookCopyRight:Se,bookDetails:De,bookElements:Fe,bookOverView:Ee,bookCoverImage:Pe}=D,Te=De?.isbn,Ie=B??(()=>{}),He=void 0!==O&&!!O.length&&["notable_quotes","location_details","notable_characters"].includes(O);return e("div",{style:{...k.dialogContent,...M?k.dialogHeight:{}},children:[!C&&t("div",{style:k.container,children:e(n,{direction:"horizontal",children:[t(l,{order:1,ref:K,defaultSize:G||70,children:e("div",{style:{...k?.leftPanel,...F?.leftPanel},children:[t("div",{ref:Z,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e(d,{expanded:ue,onChange:(e,t)=>me(t),slotProps:{transition:{onEntered:()=>{const e=Z.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},elevation:0,style:k.accordion,children:[t(s,{expandIcon:t(x,{}),style:k.accordionSummary,children:t(c,{style:k.heading,children:"Book Overview"})}),t(h,{style:k.accordionDetails,children:Ee&&Object.keys(Ee).length>0?t(u,{data:Ee,highlightTerms:S,onHighlightMatch:ne,highlightEnabled:!He}):t("div",{style:k.errorState,children:"No overview data available."})})]})}),t("div",{ref:$,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e(d,{elevation:0,style:k.accordion,expanded:ye,onChange:(e,t)=>be(t),slotProps:{transition:{onEntered:()=>{const e=$.current;if(!e)return;const t=e.querySelector('[data-highlight="true"]');if(!t)return;t.scrollIntoView({behavior:"smooth",block:"center"});let o=!1;const i=new MutationObserver(t=>{if(o)return;if(!t.some(e=>"childList"===e.type&&e.addedNodes.length>0))return;const r=e.querySelector('[data-highlight="true"]');r&&(o=!0,r.scrollIntoView({behavior:"auto",block:"center"}),i.disconnect())});i.observe(e,{childList:!0,subtree:!0}),setTimeout(()=>i.disconnect(),2e3)}}},children:[t(s,{expandIcon:t(x,{}),style:k.accordionSummary,children:t(c,{style:k.heading,children:"Book Manuscript Elements"})}),t(h,{style:k.accordionDetails,children:t(m,{data:Fe,title:Ee?.title||"",handleFetchManuscriptElements:z,BookIsbn:Te,updateQuotesToHighLight:ie,highlightTerms:S,onHighlightMatch:ae,defaultPages:A,citationType:L,citationSubTitle:O,highlightEnabled:He})})]})}),t("div",{ref:ee,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e(d,{expanded:fe,onChange:(e,t)=>xe(t),elevation:0,style:k.accordion,slotProps:{transition:{onEntered:()=>{const e=ee.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},children:[t(s,{expandIcon:t(x,{}),style:k.accordionSummary,children:t(c,{style:k.heading,children:"Book Metadata Details"})}),t(h,{style:k.accordionDetails,children:De&&Object.keys(De).length>0?t(p,{data:De,highlightTerms:S,onHighlightMatch:se,highlightEnabled:!He,citationType:L,citationSubTitle:O}):t("div",{style:k.errorState,children:"No Book Metadata data available."})})]})}),t("div",{ref:te,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e(d,{elevation:0,style:k.accordion,expanded:ve,onChange:(e,t)=>ke(t),slotProps:{transition:{onEntered:()=>{const e=te.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},children:[t(s,{expandIcon:t(x,{}),style:k.accordionSummary,children:t(c,{style:k.heading,children:"Copyrights & Marketing"})}),t(h,{style:k.accordionDetails,children:Se&&Object.keys(Se).length>0?t(y,{data:Se,highlightTerms:S,onHighlightMatch:he,highlightEnabled:!He}):t("div",{style:k.errorState,children:"No Copyrights & Marketing data available."})})]})}),t("div",{ref:oe,children:e(d,{elevation:0,style:k.accordion,expanded:Ce,onChange:(e,t)=>we(t),slotProps:{transition:{onEntered:()=>{const e=oe.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},children:[t(s,{expandIcon:t(x,{}),style:k.accordionSummary,children:t(c,{style:k.heading,children:"People & Awards"})}),t(h,{style:k.accordionDetails,children:Be&&Object.keys(Be).length>0?t(b,{data:Be,highlightTerms:S,onHighlightMatch:pe,highlightEnabled:!He}):t("div",{style:k.errorState,children:"No People & Awards data available."})})]})})]})}),j&&t(a,{style:{width:"3px",background:"#D1D5DC",cursor:"col-resize"}}),j&&t(l,{order:2,minSize:30,maxSize:50,style:{overflow:"visible",position:"relative",transition:"all 300ms ease-in-out",WebkitTransition:"all 300ms ease-in-out"},children:t(f,{bookOverView:Ee,bookCoverImage:Pe,onClose:Ie,clickableElementCategory:Q,quotesToHighLightData:V,updateQuotesToHighLight:ie,citationLoad:W,previewPage:q,setPreviewPage:N,customStyle:F,comingSoonData:E,isNonHighlightedBlur:P,isBlurToggleVisible:T,isBookemon:I,noHtmlContent:U})})]})}),C&&e("div",{style:k.blurOverlay,children:[t(g,{style:k.closeButton,onClick:B,size:"large",children:t(v,{})}),t(w,{header:E?.header,subheader:E?.subheader,icon:E?.icon})]})]})};export{B as BookemonContent};
+import{__assign as e,__awaiter as t,__generator as o}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as n,useRef as l,useEffect as a}from"react";import{PanelGroup as d,Panel as c,PanelResizeHandle as s}from"react-resizable-panels";import h from"@mui/material/Accordion";import u from"@mui/material/AccordionSummary";import g from"@mui/material/Typography";import p from"@mui/material/AccordionDetails";import m from"@mui/material/IconButton";import f from"./BookDetailsCard/BookDetailsCard.js";import v from"./BookOverviewCard/BookOverviewCard.js";import b from"./BookElementsCard/BookElementsCard.js";import y from"./BookCopyrightsCard/BookCopyrightsCard.js";import x from"./BookPeopleAwardsCard/BookPeopleAwardsCard.js";import k from"./BookPreview/BookPreview.js";import C from"@mui/icons-material/ExpandMore";import w from"@mui/icons-material/Close";var B={dialogPaper:{maxWidth:"none",fontFamily:"Inter, sans-serif"},dialogHeight:{overflow:"hidden",height:"90vh",position:"relative"},dialogContent:{padding:0,backgroundColor:"#FFFFFF"},container:{display:"flex",height:"100%",width:"100%",alignItems:"flex-start"},leftPanel:{height:"100%",padding:"24px",overflowY:"auto",backgroundColor:"#F3F4F6",borderRadius:"12px",boxSizing:"border-box"},rightPanel:{width:"40%",backgroundColor:"#FFFFFF",height:"100%",display:"flex",flexDirection:"column",justifyContent:"flex-start",overflow:"auto",flex:1,boxSizing:"border-box",overflowY:"auto"},accordion:{borderRadius:"12px",boxShadow:"none",marginBottom:"24px"},accordionSummary:{paddingLeft:"16px",paddingRight:"16px"},accordionDetails:{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"16px"},heading:{fontWeight:"bold",color:"#000000",fontSize:"16px"},blurOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",backgroundColor:"rgba(255, 255, 255, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10,borderRadius:"12px"},closeButton:{position:"absolute",top:"8px",right:"8px",color:"#111827"},resizeHandle:{width:"10px",backgroundColor:"#e5e7eb",cursor:"col-resize",display:"flex",alignItems:"center",justifyContent:"center"},iconContainer:{display:"flex",flexDirection:"column",gap:"4px"},dot:{width:"4px",height:"4px",backgroundColor:"#6b7280",borderRadius:"50%"},resizeHandleBar:{width:"2px",height:"24px",backgroundColor:"#666",borderRadius:"2px"}},S={wrapper:{alignItems:"center",justifyContent:"center",textAlign:"center"},inner:{width:"100%"},iconWrapper:{width:"80px",height:"80px",background:"linear-gradient(to right, #3B82F6, #9333EA)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 24px auto"},icon:{width:"40px",height:"40px",color:"#FFFFFF"},heading:{fontSize:"36px",fontWeight:"bold",color:"#9333EA",marginBottom:"16px"},text:{fontSize:"18px",color:"#4B5563",lineHeight:1.6,textAlign:"center"},errorState:{color:"#CE3928",padding:"18px 0px",display:"flex",justifyContent:"center",width:"100%"}},D=function(t){var o=t.header,n=t.subheader,l=t.icon;return r("div",e({style:S.wrapper},{children:i("div",e({style:S.inner},{children:[r("div",e({style:{marginBottom:"32px"}},{children:r("div",e({style:S.iconWrapper},{children:l}))})),i("div",{children:[r("h1",e({style:S.heading},{children:o})),r("p",e({style:S.text},{children:n}))]})]}))}))},F=function(S){var F=S.showComingSoon,E=S.onClose,P=S.highlightTerms,T=S.data,I=S.customStyle,H=S.comingSoonData,z=S.isNonHighlightedBlur,j=S.isBlurToggleVisible,M=S.isBookemon,A=S.getHighlightContent,L=S.handleFetchManuscriptElements,O=S.isBookPreview,V=S.isDialog,R=S.defaultElementPages,q=S.citationType,N=S.citationSubTitle,W=n({textToHighLight:"",content:""}),_=W[0],Q=W[1],Y=n(1),G=Y[0],J=Y[1],K=n(!1),U=K[0],X=K[1],Z=n("Book Preview"),$=Z[0],ee=Z[1],te=n(70),oe=te[0],ie=te[1],re=l(null),ne=n(!1),le=ne[0],ae=ne[1],de=l(null),ce=l(null),se=l(null),he=l(null),ue=l(null),ge=function(e,i,r,n){return void 0===n&&(n=0),t(void 0,void 0,void 0,function(){var t,l,a,d,c,s,h,u,g,p,m,f,v,b,y,x;return o(this,function(o){switch(o.label){case 0:Q({textToHighLight:"",content:""}),ae(!1),X(!0),ee(i),o.label=1;case 1:return o.trys.push([1,5,6,7]),r&&0!==r.length?[4,null==A?void 0:A([r[n]])]:(X(!1),ie(70),null===(y=re.current)||void 0===y||y.resize(70),[2]);case 2:if(t=o.sent(),l=(null==t?void 0:t.data)||t||[],!Array.isArray(l)||0===l.length)return ae(!0),X(!1),[2];for(d=(a=function(e){return e?e.replace(/<[^>]*>/g," ").replace(/&nbsp;/g," ").replace(/[\u200B-\u200D\uFEFF]/g,"").replace(/[\u2018\u2019]/g,"'").replace(/[\u201C\u201D]/g,'"').replace(/[\u2013\u2014]/g,"-").replace(/[.,!?;:'"(){}\[\]—–…\/\\@#&*_|\^~%=+<>`]/g,"").replace(/\s+/g," ").trim().toLowerCase():""})(e),c=null,s=0,h=l;s<h.length;s++)if(f=h[s],a(f.normalizedContent||f.htmlContent).includes(d)){c=f;break}if(!c)for(u=d.split(" ").filter(Boolean);u.length>0;){for(g=u.join(" "),p=0,m=l;p<m.length;p++)if(f=m[p],a(f.normalizedContent||f.htmlContent).includes(g)){c=f;break}if(c)break;u.pop()}return v=l.map(function(e){return e.htmlContent}).join("\n"),Q({textToHighLight:c?c.htmlContent:"",content:v}),ie(50),null===(x=re.current)||void 0===x||x.resize(50),!c&&n+1<r.length?[4,ge(e,i,r,n+1)]:[3,4];case 3:return[2,o.sent()];case 4:return[2];case 5:return b=o.sent(),console.error("Highlight error:",b),ae(!0),[3,7];case 6:return X(!1),[7];case 7:return[2]}})})},pe=n(!1),me=pe[0],fe=pe[1],ve=n(!1),be=ve[0],ye=ve[1],xe=n(!1),ke=xe[0],Ce=xe[1],we=n(!1),Be=we[0],Se=we[1],De=n(!1),Fe=De[0],Ee=De[1],Pe=n(!1),Te=Pe[0],Ie=Pe[1],He=n(!1),ze=He[0],je=He[1],Me=n(!1),Ae=Me[0],Le=Me[1],Oe=n(!1),Ve=Oe[0],Re=Oe[1],qe=n(!1),Ne=qe[0],We=qe[1];a(function(){me&&Ie(!0),be&&je(!0),ke&&Le(!0),Be&&Re(!0),Fe&&We(!0)},[me,be,ke,Be,Fe]);var _e=T.bookAwards,Qe=T.bookCopyRight,Ye=T.bookDetails,Ge=T.bookElements,Je=T.bookOverView,Ke=T.bookCoverImage,Ue=null==Ye?void 0:Ye.isbn,Xe=null!=E?E:function(){},Ze=void 0!==N&&!!N.length&&["notable_quotes","location_details","notable_characters"].includes(N);return i("div",e({style:e(e({},B.dialogContent),V?B.dialogHeight:{})},{children:[!F&&r("div",e({style:B.container},{children:i(d,e({direction:"horizontal"},{children:[r(c,e({order:1,ref:re,defaultSize:oe||70},{children:i("div",e({style:e(e({},null==B?void 0:B.leftPanel),null==I?void 0:I.leftPanel)},{children:[r("div",e({ref:de,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:i(h,e({expanded:Te,onChange:function(e,t){return Ie(t)},slotProps:{transition:{onEntered:function(){var e=de.current,t=null==e?void 0:e.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},elevation:0,style:B.accordion},{children:[r(u,e({expandIcon:r(C,{}),style:B.accordionSummary},{children:r(g,e({style:B.heading},{children:"Book Overview"}))})),r(p,e({style:B.accordionDetails},{children:Je&&Object.keys(Je).length>0?r(v,{data:Je,highlightTerms:P,onHighlightMatch:fe,highlightEnabled:!Ze}):r("div",e({style:B.errorState},{children:"No overview data available."}))}))]}))})),r("div",e({ref:ce,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:i(h,e({elevation:0,style:B.accordion,expanded:ze,onChange:function(e,t){return je(t)},slotProps:{transition:{onEntered:function(){var e=ce.current;if(e){var t=e.querySelector('[data-highlight="true"]');if(t){t.scrollIntoView({behavior:"smooth",block:"center"});var o=!1,i=new MutationObserver(function(t){if(!o&&t.some(function(e){return"childList"===e.type&&e.addedNodes.length>0})){var r=e.querySelector('[data-highlight="true"]');r&&(o=!0,r.scrollIntoView({behavior:"auto",block:"center"}),i.disconnect())}});i.observe(e,{childList:!0,subtree:!0}),setTimeout(function(){return i.disconnect()},2e3)}}}}}},{children:[r(u,e({expandIcon:r(C,{}),style:B.accordionSummary},{children:r(g,e({style:B.heading},{children:"Book Manuscript Elements"}))})),r(p,e({style:B.accordionDetails},{children:r(b,{data:Ge,title:(null==Je?void 0:Je.title)||"",handleFetchManuscriptElements:L,BookIsbn:Ue,updateQuotesToHighLight:ge,highlightTerms:P,onHighlightMatch:ye,defaultPages:R,citationType:q,citationSubTitle:N,highlightEnabled:Ze})}))]}))})),r("div",e({ref:se,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:i(h,e({expanded:Ae,onChange:function(e,t){return Le(t)},elevation:0,style:B.accordion,slotProps:{transition:{onEntered:function(){var e=se.current,t=null==e?void 0:e.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}}},{children:[r(u,e({expandIcon:r(C,{}),style:B.accordionSummary},{children:r(g,e({style:B.heading},{children:"Book Metadata Details"}))})),r(p,e({style:B.accordionDetails},{children:Ye&&Object.keys(Ye).length>0?r(f,{data:Ye,highlightTerms:P,onHighlightMatch:Ce,highlightEnabled:!Ze,citationType:q,citationSubTitle:N}):r("div",e({style:B.errorState},{children:"No Book Metadata data available."}))}))]}))})),r("div",e({ref:he,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:i(h,e({elevation:0,style:B.accordion,expanded:Ve,onChange:function(e,t){return Re(t)},slotProps:{transition:{onEntered:function(){var e=he.current,t=null==e?void 0:e.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}}},{children:[r(u,e({expandIcon:r(C,{}),style:B.accordionSummary},{children:r(g,e({style:B.heading},{children:"Copyrights & Marketing"}))})),r(p,e({style:B.accordionDetails},{children:Qe&&Object.keys(Qe).length>0?r(y,{data:Qe,highlightTerms:P,onHighlightMatch:Se,highlightEnabled:!Ze}):r("div",e({style:B.errorState},{children:"No Copyrights & Marketing data available."}))}))]}))})),r("div",e({ref:ue},{children:i(h,e({elevation:0,style:B.accordion,expanded:Ne,onChange:function(e,t){return We(t)},slotProps:{transition:{onEntered:function(){var e=ue.current,t=null==e?void 0:e.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}}},{children:[r(u,e({expandIcon:r(C,{}),style:B.accordionSummary},{children:r(g,e({style:B.heading},{children:"People & Awards"}))})),r(p,e({style:B.accordionDetails},{children:_e&&Object.keys(_e).length>0?r(x,{data:_e,highlightTerms:P,onHighlightMatch:Ee,highlightEnabled:!Ze}):r("div",e({style:B.errorState},{children:"No People & Awards data available."}))}))]}))}))]}))})),O&&r(s,{style:{width:"3px",background:"#D1D5DC",cursor:"col-resize"}}),O&&r(c,e({order:2,minSize:30,maxSize:50,style:{overflow:"visible",position:"relative",transition:"all 300ms ease-in-out",WebkitTransition:"all 300ms ease-in-out"}},{children:r(k,{bookOverView:Je,bookCoverImage:Ke,onClose:Xe,clickableElementCategory:$,quotesToHighLightData:_,updateQuotesToHighLight:ge,citationLoad:U,previewPage:G,setPreviewPage:J,customStyle:I,comingSoonData:H,isNonHighlightedBlur:z,isBlurToggleVisible:j,isBookemon:M,noHtmlContent:le})}))]}))})),F&&i("div",e({style:B.blurOverlay},{children:[r(m,e({style:B.closeButton,onClick:E,size:"large"},{children:r(w,{})})),r(D,{header:null==H?void 0:H.header,subheader:null==H?void 0:H.subheader,icon:null==H?void 0:H.icon})]}))]}))};export{F as BookemonContent};
 //# sourceMappingURL=BookemonContent.js.map

package/dist/features/Bookemon/BookemonContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookemonContent.js","sources":["../../../src/features/Bookemon/BookemonContent.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useRef, useState } from \"react\";\nimport { ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle } from \"react-resizable-panels\";\nimport Accordion from \"@mui/material/Accordion\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport Typography from \"@mui/material/Typography\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport IconButton from \"@mui/material/IconButton\";\nimport BookDetailsCard from \"./BookDetailsCard/BookDetailsCard\";\nimport BookOverviewCard from \"./BookOverviewCard/BookOverviewCard\";\nimport BookElementsCard from \"./BookElementsCard/BookElementsCard\";\nimport BookCopyrightsCard from \"./BookCopyrightsCard/BookCopyrightsCard\";\nimport BookPeopleAwardsCard from \"./BookPeopleAwardsCard/BookPeopleAwardsCard\";\nimport BookPreview from \"./BookPreview/BookPreview\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { BookemonProps } from \"./types/citation.types\";\n\n// ---------------- Default Styles ----------------\nconst defaultStyles: { [key: string]: CSSProperties } = {\n dialogPaper: {\n maxWidth: \"none\",\n fontFamily: \"Inter, sans-serif\",\n },\n dialogHeight:{\n overflow: \"hidden\",\n height: \"90vh\",\n position: \"relative\", // required for overlay\n },\n dialogContent: {\n padding: 0,\n backgroundColor: \"#FFFFFF\",\n },\n container: {\n display: \"flex\",\n height: \"100%\",\n width: \"100%\",\n alignItems: \"flex-start\",\n },\n leftPanel: {\n height: \"100%\",\n padding: \"24px\",\n overflowY: \"auto\",\n backgroundColor: \"#F3F4F6\",\n borderRadius: \"12px\",\n boxSizing: \"border-box\",\n },\n rightPanel: {\n width: \"40%\",\n backgroundColor: \"#FFFFFF\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n overflow: \"auto\",\n flex: 1,\n boxSizing: \"border-box\",\n overflowY: \"auto\",\n },\n accordion: {\n borderRadius: \"12px\",\n boxShadow: \"none\",\n marginBottom: \"24px\",\n },\n accordionSummary: {\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n },\n accordionDetails: {\n paddingLeft: \"16px\",\n paddingRight: \"16px\",\n paddingBottom: \"16px\",\n },\n heading: {\n fontWeight: \"bold\",\n color: \"#000000\",\n fontSize: \"16px\",\n },\n blurOverlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backdropFilter: \"blur(10px)\",\n WebkitBackdropFilter: \"blur(10px)\",\n backgroundColor: \"rgba(255, 255, 255, 0.5)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 10,\n borderRadius: \"12px\",\n },\n closeButton: {\n position: \"absolute\",\n top: \"8px\",\n right: \"8px\",\n color: \"#111827\",\n },\n resizeHandle: {\n width: \"10px\",\n backgroundColor: \"#e5e7eb\",\n cursor: \"col-resize\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n iconContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"4px\",\n },\n dot: {\n width: \"4px\",\n height: \"4px\",\n backgroundColor: \"#6b7280\",\n borderRadius: \"50%\",\n }\n,\n resizeHandleBar: {\n width: \"2px\",\n height: \"24px\",\n backgroundColor: \"#666\",\n borderRadius: \"2px\",\n }\n};\n\ninterface IComingSoonOverlay {\n header?: string;\n subheader?: string;\n icon?: React.ReactNode;\n}\n\nconst comingSoonStyles: { [key: string]: CSSProperties } = {\n wrapper: {\n alignItems: \"center\",\n justifyContent: \"center\",\n textAlign: \"center\",\n },\n inner: {\n width: \"100%\",\n },\n iconWrapper: {\n width: \"80px\",\n height: \"80px\",\n background: \"linear-gradient(to right, #3B82F6, #9333EA)\", // blue to purple\n borderRadius: \"50%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n margin: \"0 auto 24px auto\",\n },\n icon: {\n width: \"40px\",\n height: \"40px\",\n color: \"#FFFFFF\",\n },\n heading: {\n fontSize: \"36px\",\n fontWeight: \"bold\",\n color: \"#9333EA\", // purple\n marginBottom: \"16px\",\n },\n text: {\n fontSize: \"18px\",\n color: \"#4B5563\", // gray-600\n lineHeight: 1.6,\n textAlign : 'center'\n },\n\n errorState: {\n color: \"#CE3928\",\n padding: \"18px 0px\",\n display: \"flex\",\n justifyContent: \"center\",\n width: \"100%\"\n }\n};\n\n// ---------------- ComingSoonOverlay Component ----------------\nconst ComingSoonOverlay = ({ header, subheader, icon }: IComingSoonOverlay) => {\n return (\n <div style={comingSoonStyles.wrapper}>\n <div style={comingSoonStyles.inner}>\n <div style={{ marginBottom: \"32px\" }}>\n <div style={comingSoonStyles.iconWrapper}>{icon}</div>\n </div>\n\n <div>\n <h1 style={comingSoonStyles.heading}>{header}</h1>\n <p style={comingSoonStyles.text}>{subheader}</p>\n </div>\n </div>\n </div>\n );\n};\n\ninterface ContentItem {\n htmlContent: string;\n normalizedContent?: string;\n}\n\nexport const BookemonContent = ({\n showComingSoon,\n onClose,\n highlightTerms,\n data,\n customStyle,\n comingSoonData,\n isNonHighlightedBlur,\n isBlurToggleVisible,\n isBookemon,\n getHighlightContent,\n handleFetchManuscriptElements,\n isBookPreview,\n isDialog,\n defaultElementPages,\n citationType,\n citationSubTitle\n }: BookemonProps\n // {\n // showComingSoon?: boolean;\n // onClose: () => void;\n // } & Pick<BookemonProps,\n // \| \"data\"\n // \| \"customStyle\"\n // \| \"comingSoonData\"\n // \| \"isNonHighlightedBlur\"\n // \| \"isBlurToggleVisible\"\n // \| \"isBookemon\"\n // \| \"getHighlightContent\"\n // \| \"handleFetchManuscriptElements\"\n // >\n) => {\n const [quotesToHighLightData, setQuotesToHighLightData] = useState<{\n textToHighLight: string;\n content: string;\n }>({\n textToHighLight: \"\",\n content: \"\",\n });\n const [previewPage, setPreviewPage] = useState(1);\n const [citationLoad, setCitationLoad] = useState(false);\n const [clickableElementCategory, setClickableElementCategory] =\n useState<string>(\"Book Preview\");\n const [leftSidePanelWidth, setLeftSidePanelWidth] = useState<number>(70);\n const leftPanelRef = useRef<ImperativePanelHandle >(null);\n const [noHtmlContent, setNoHtmlContent] = useState(false)\n\n const overviewRef = useRef<HTMLDivElement>(null);\n const elementsRef = useRef<HTMLDivElement>(null);\n const detailsRef = useRef<HTMLDivElement>(null);\n const copyrightRef = useRef<HTMLDivElement>(null);\n const peopleRef = useRef<HTMLDivElement>(null);\n\n \n \n const updateQuotesToHighLight = async (\n textToHighLight: string,\n clickableElementCategory: string,\n chunkIds?: string[],\n currentIndex: number = 0\n ): Promise<void> => {\n setQuotesToHighLightData({ textToHighLight: \"\", content: \"\" });\n setNoHtmlContent(false);\n setCitationLoad(true);\n setClickableElementCategory(clickableElementCategory);\n \n try {\n if (!chunkIds \|\| chunkIds.length === 0) {\n setCitationLoad(false);\n setLeftSidePanelWidth(70);\n leftPanelRef.current?.resize(70);\n return;\n }\n \n // ---- Fetch content ----\n const resp = await getHighlightContent?.([chunkIds[currentIndex]]);\n const contentList: ContentItem[] = resp?.data \|\| resp \|\| [];\n \n if (!Array.isArray(contentList) \|\| contentList.length === 0) {\n setNoHtmlContent(true);\n setCitationLoad(false);\n return;\n }\n \n // ---- Normalizer ----\n const normalize = (text: string \| null \| undefined): string => {\n if (!text) return \"\";\n return text\n .replace(/<[^>]>/g, \" \")\n .replace(/ /g, \" \")\n .replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\")\n .replace(/[\\u2018\\u2019]/g, \"'\")\n .replace(/[\\u201C\\u201D]/g, '\"')\n .replace(/[\\u2013\\u2014]/g, \"-\")\n .replace(/[.,!?;:'\"(){}\\[\\]—–…\\/\\\\@#&_\|\\^~%=+<>`]/g, \"\")\n .replace(/\\s+/g, \" \")\n .trim()\n .toLowerCase();\n };\n \n const highlightNorm = normalize(textToHighLight);\n \n let matchedItem: ContentItem \| null = null;\n \n // ================================================\n // 1️⃣ FULL EXACT SUBSTRING MATCH\n // ================================================\n for (const item of contentList) {\n const norm = normalize(item.normalizedContent \|\| item.htmlContent);\n if (norm.includes(highlightNorm)) {\n matchedItem = item;\n break;\n }\n }\n \n // ================================================\n // 2️⃣ PROGRESSIVE RIGHT-TRIM EXACT MATCH (Your Idea)\n // ================================================\n if (!matchedItem) {\n let words = highlightNorm.split(\" \").filter(Boolean);\n \n while (words.length > 0) {\n const attempt = words.join(\" \");\n \n for (const item of contentList) {\n const norm = normalize(item.normalizedContent \|\| item.htmlContent);\n \n if (norm.includes(attempt)) {\n matchedItem = item;\n break;\n }\n }\n \n if (matchedItem) break;\n \n // remove last word and try again\n words.pop();\n }\n }\n \n // ================================================\n // MERGE HTML AND RETURN RESULT\n // ================================================\n const combinedHtmlContent = contentList\n .map((item) => item.htmlContent)\n .join(\"\\n\");\n \n setQuotesToHighLightData({\n textToHighLight: matchedItem ? matchedItem.htmlContent : '',\n content: combinedHtmlContent,\n });\n setLeftSidePanelWidth(50);\n leftPanelRef.current?.resize(50);\n \n // ================================================\n // NO MATCH → TRY NEXT CHUNK\n // ================================================\n if (!matchedItem && currentIndex + 1 < chunkIds.length) {\n return await updateQuotesToHighLight(\n textToHighLight,\n clickableElementCategory,\n chunkIds,\n currentIndex + 1\n );\n }\n \n return;\n // setNoHtmlContent(true);\n // setCitationLoad(false);\n } catch (error) {\n console.error(\"Highlight error:\", error);\n setNoHtmlContent(true);\n } finally {\n setCitationLoad(false);\n }\n };\n\n // highlight detection (signal only)\n const [overviewHasMatch, setOverviewHasMatch] = useState(false);\n const [elementsHasMatch, setElementsHasMatch] = useState(false);\n const [detailsHasMatch, setDetailsHasMatch] = useState(false);\n const [copyrightHasMatch, setCopyrightHasMatch] = useState(false);\n const [peopleHasMatch, setPeopleHasMatch] = useState(false);\n \n // accordion UI state (user-controlled)\n const [overviewExpanded, setOverviewExpanded] = useState(false);\n const [elementsExpanded, setElementsExpanded] = useState(false);\n const [detailsExpanded, setDetailsExpanded] = useState(false);\n const [copyrightExpanded, setCopyrightExpanded] = useState(false);\n const [peopleExpanded, setPeopleExpanded] = useState(false);\n \n useEffect(() => {\n if (overviewHasMatch) setOverviewExpanded(true);\n if (elementsHasMatch) setElementsExpanded(true);\n if (detailsHasMatch) setDetailsExpanded(true);\n if (copyrightHasMatch) setCopyrightExpanded(true);\n if (peopleHasMatch) setPeopleExpanded(true);\n }, [\n overviewHasMatch,\n elementsHasMatch,\n detailsHasMatch,\n copyrightHasMatch,\n peopleHasMatch\n ]);\n \n\n const {\n bookAwards,\n bookCopyRight,\n bookDetails,\n bookElements,\n bookOverView,\n bookCoverImage,\n } = data;\n\n const BookIsbn = bookDetails?.isbn \n // const safeOpen = open ?? false;\n const safeOnClose = onClose ?? (() => {});\n const highlightBookElementsOnly = citationSubTitle!==undefined && !!citationSubTitle.length && ['notable_quotes', 'location_details', \"notable_characters\"].includes(citationSubTitle)\n\n return (\n <div \n style={{\n ...defaultStyles.dialogContent,\n ...(isDialog ? defaultStyles.dialogHeight : {}),\n }}>\n {!showComingSoon && (\n <div style={defaultStyles.container}>\n <PanelGroup direction=\"horizontal\">\n <Panel order={1}\n ref={leftPanelRef} defaultSize={leftSidePanelWidth ? leftSidePanelWidth : 70}\n >\n <div\n style={{\n ...defaultStyles?.leftPanel, ...customStyle?.leftPanel,\n }}\n >\n {/* <BookOverviewCard data={bookOverView} /> /}\n\n {/ Accordions /}\n\n <div ref={overviewRef} style={{ marginBottom: \"24px\" }} onMouseDown={(e) => e.preventDefault()}>\n <Accordion\n expanded={overviewExpanded}\n onChange={(_, expanded) => setOverviewExpanded(expanded)}\n slotProps={{\n transition: {\n onEntered: () => {\n const container = overviewRef.current;\n const el = container?.querySelector('[data-highlight=\"true\"]');\n \n if (el && container && !container.dataset.scrolled) {\n el.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n \n container.dataset.scrolled = \"true\";\n }\n },\n },\n }}\n elevation={0}\n style={defaultStyles.accordion}\n >\n <AccordionSummary\n expandIcon={<ExpandMoreIcon />}\n style={defaultStyles.accordionSummary}\n >\n <Typography style={defaultStyles.heading}>\n Book Overview\n </Typography>\n </AccordionSummary>\n <AccordionDetails style={defaultStyles.accordionDetails}>\n {bookOverView && Object.keys(bookOverView).length > 0 ? (\n <BookOverviewCard \n data={bookOverView} \n highlightTerms={highlightTerms}\n onHighlightMatch={setOverviewHasMatch}\n highlightEnabled={!highlightBookElementsOnly}\n />\n ) : (\n <div style={defaultStyles.errorState}>\n No overview data available.\n </div>\n )}\n </AccordionDetails>\n </Accordion>\n </div>\n\n <div ref={elementsRef} style={{ marginBottom: \"24px\" }} onMouseDown={(e) => e.preventDefault()}>\n <Accordion\n elevation={0}\n style={defaultStyles.accordion}\n expanded={elementsExpanded}\n onChange={(_, expanded) => setElementsExpanded(expanded)}\n slotProps={{\n transition: {\n onEntered: () => {\n const container = elementsRef.current;\n if (!container) return;\n\n const el = container.querySelector('[data-highlight=\"true\"]');\n if (!el) return;\n\n // 1️⃣ Initial scroll\n el.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n\n let executed = false;\n\n const observer = new MutationObserver((mutations) => {\n if (executed) return;\n\n // Only react if real nodes were added (not attribute/class changes)\n const addedNodes = mutations.some(\n (m) => m.type === \"childList\" && m.addedNodes.length > 0\n );\n\n if (!addedNodes) return;\n\n const highlighted = container.querySelector('[data-highlight=\"true\"]');\n if (highlighted) {\n executed = true;\n\n highlighted.scrollIntoView({\n behavior: \"auto\",\n block: \"center\",\n });\n\n observer.disconnect();\n }\n });\n\n observer.observe(container, {\n childList: true,\n subtree: true,\n });\n\n // Safety cleanup (prevents observer from lingering)\n setTimeout(() => observer.disconnect(), 2000);\n },\n },\n }}\n >\n <AccordionSummary\n expandIcon={<ExpandMoreIcon />}\n style={defaultStyles.accordionSummary}\n >\n <Typography style={defaultStyles.heading}>\n Book Manuscript Elements\n </Typography>\n </AccordionSummary>\n <AccordionDetails style={defaultStyles.accordionDetails}>\n\n <BookElementsCard\n data={bookElements}\n title={bookOverView?.title \|\| \"\"}\n handleFetchManuscriptElements={\n handleFetchManuscriptElements\n }\n BookIsbn={BookIsbn}\n updateQuotesToHighLight={updateQuotesToHighLight}\n highlightTerms={highlightTerms}\n onHighlightMatch={setElementsHasMatch}\n defaultPages={defaultElementPages}\n citationType={citationType}\n citationSubTitle={citationSubTitle}\n highlightEnabled={highlightBookElementsOnly}\n />\n\n </AccordionDetails>\n </Accordion>\n </div>\n\n <div ref={detailsRef} style={{ marginBottom: \"24px\" }} onMouseDown={(e) => e.preventDefault()}>\n <Accordion \n expanded={detailsExpanded}\n onChange={(_, expanded) => setDetailsExpanded(expanded)} elevation={0} style={defaultStyles.accordion}\n slotProps={{\n transition: {\n onEntered: () => {\n const container = detailsRef.current;\n const el = container?.querySelector('[data-highlight=\"true\"]');\n \n if (el && container && !container.dataset.scrolled) {\n el.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n \n container.dataset.scrolled = \"true\";\n }\n },\n },\n }}\n >\n <AccordionSummary\n expandIcon={<ExpandMoreIcon />}\n style={defaultStyles.accordionSummary}\n >\n <Typography style={defaultStyles.heading}>\n Book Metadata Details\n </Typography>\n </AccordionSummary>\n <AccordionDetails style={defaultStyles.accordionDetails}>\n {bookDetails && Object.keys(bookDetails).length > 0 ? (\n <BookDetailsCard data={bookDetails} highlightTerms={highlightTerms} \n onHighlightMatch={setDetailsHasMatch}\n highlightEnabled={!highlightBookElementsOnly}\n citationType={citationType}\n citationSubTitle={citationSubTitle}\n />\n ) : (\n <div style={defaultStyles.errorState}>\n No Book Metadata data available.\n </div>\n )}\n </AccordionDetails>\n </Accordion>\n </div>\n\n <div ref={copyrightRef} style={{ marginBottom: \"24px\" }} onMouseDown={(e) => e.preventDefault()}>\n <Accordion elevation={0} style={defaultStyles.accordion}\n expanded={copyrightExpanded}\n onChange={(_, expanded) => setCopyrightExpanded(expanded)}\n slotProps={{\n transition: {\n onEntered: () => {\n const container = copyrightRef.current;\n const el = container?.querySelector('[data-highlight=\"true\"]');\n \n if (el && container && !container.dataset.scrolled) {\n el.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n \n container.dataset.scrolled = \"true\";\n }\n },\n },\n }}\n >\n <AccordionSummary\n expandIcon={<ExpandMoreIcon />}\n style={defaultStyles.accordionSummary}\n >\n <Typography style={defaultStyles.heading}>\n Copyrights & Marketing\n </Typography>\n </AccordionSummary>\n <AccordionDetails style={defaultStyles.accordionDetails}>\n {bookCopyRight && Object.keys(bookCopyRight).length > 0 ? (\n <BookCopyrightsCard data={bookCopyRight} highlightTerms={highlightTerms} \n onHighlightMatch={setCopyrightHasMatch}\n highlightEnabled={!highlightBookElementsOnly}/>\n ) : (\n <div style={defaultStyles.errorState}>\n No Copyrights & Marketing data available.\n </div>\n )}\n </AccordionDetails>\n </Accordion>\n </div>\n\n <div ref={peopleRef}>\n <Accordion elevation={0} style={defaultStyles.accordion}\n expanded={peopleExpanded}\n onChange={(_, expanded) => setPeopleExpanded(expanded)}\n slotProps={{\n transition: {\n onEntered: () => {\n const container = peopleRef.current;\n const el = container?.querySelector('[data-highlight=\"true\"]');\n \n if (el && container && !container.dataset.scrolled) {\n el.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n });\n \n container.dataset.scrolled = \"true\";\n }\n },\n },\n }}\n >\n <AccordionSummary\n expandIcon={<ExpandMoreIcon />}\n style={defaultStyles.accordionSummary}\n >\n <Typography style={defaultStyles.heading}>\n People & Awards\n </Typography>\n </AccordionSummary>\n <AccordionDetails style={defaultStyles.accordionDetails}>\n {bookAwards && Object.keys(bookAwards).length > 0 ? (\n <BookPeopleAwardsCard data={bookAwards} highlightTerms={highlightTerms} \n onHighlightMatch={setPeopleHasMatch}\n highlightEnabled={!highlightBookElementsOnly}/>\n ) : (\n <div style={defaultStyles.errorState}>\n No People & Awards data available.\n </div>\n )}\n </AccordionDetails>\n </Accordion>\n </div>\n </div>\n </Panel>\n\n\n {isBookPreview && (\n <PanelResizeHandle style={{ width: \"3px\", background: \"#D1D5DC\", cursor: \"col-resize\" }} />\n )}\n \n {/ Right Panel - Book Preview /}\n {/ <div style={{...defaultStyles?.rightPanel, ...customStyle?.rightPanel}}> */}\n {isBookPreview && (\n <Panel order={2} minSize={30} maxSize={50} style={{\n overflow: \"visible\",\n position: \"relative\",\n transition: \"all 300ms ease-in-out\",\n WebkitTransition: \"all 300ms ease-in-out\", // optional for older Safari\n }}>\n <BookPreview\n bookOverView={bookOverView}\n bookCoverImage={bookCoverImage}\n onClose={safeOnClose}\n clickableElementCategory={clickableElementCategory}\n quotesToHighLightData={quotesToHighLightData}\n updateQuotesToHighLight={updateQuotesToHighLight}\n citationLoad={citationLoad}\n previewPage={previewPage}\n setPreviewPage={setPreviewPage}\n customStyle={customStyle}\n comingSoonData={comingSoonData}\n isNonHighlightedBlur={isNonHighlightedBlur}\n isBlurToggleVisible={isBlurToggleVisible}\n isBookemon={isBookemon}\n noHtmlContent={noHtmlContent}\n />\n </Panel>\n )}\n </PanelGroup>\n </div>\n )}\n {showComingSoon && (\n <div style={defaultStyles.blurOverlay}>\n <IconButton style={defaultStyles.closeButton} onClick={onClose} size=\"large\">\n <CloseIcon />\n </IconButton>\n\n <ComingSoonOverlay\n header={comingSoonData?.header}\n subheader={comingSoonData?.subheader}\n icon={comingSoonData?.icon}\n />\n </div>\n )}\n </div>\n );\n };"],"names":["defaultStyles","dialogPaper","maxWidth","fontFamily","dialogHeight","overflow","height","position","dialogContent","padding","backgroundColor","container","display","width","alignItems","leftPanel","overflowY","borderRadius","boxSizing","rightPanel","flexDirection","justifyContent","flex","accordion","boxShadow","marginBottom","accordionSummary","paddingLeft","paddingRight","accordionDetails","paddingBottom","heading","fontWeight","color","fontSize","blurOverlay","top","left","backdropFilter","WebkitBackdropFilter","zIndex","closeButton","right","resizeHandle","cursor","iconContainer","gap","dot","resizeHandleBar","comingSoonStyles","wrapper","textAlign","inner","iconWrapper","background","margin","icon","text","lineHeight","errorState","ComingSoonOverlay","header","subheader","jsx","style","children","jsxs","BookemonContent","showComingSoon","onClose","highlightTerms","data","customStyle","comingSoonData","isNonHighlightedBlur","isBlurToggleVisible","isBookemon","getHighlightContent","handleFetchManuscriptElements","isBookPreview","isDialog","defaultElementPages","citationType","citationSubTitle","quotesToHighLightData","setQuotesToHighLightData","useState","textToHighLight","content","previewPage","setPreviewPage","citationLoad","setCitationLoad","clickableElementCategory","setClickableElementCategory","leftSidePanelWidth","setLeftSidePanelWidth","leftPanelRef","useRef","noHtmlContent","setNoHtmlContent","overviewRef","elementsRef","detailsRef","copyrightRef","peopleRef","updateQuotesToHighLight","async","chunkIds","currentIndex","length","current","resize","resp","contentList","Array","isArray","normalize","replace","trim","toLowerCase","highlightNorm","matchedItem","item","normalizedContent","htmlContent","includes","words","split","filter","Boolean","attempt","join","pop","combinedHtmlContent","map","error","console","overviewHasMatch","setOverviewHasMatch","elementsHasMatch","setElementsHasMatch","detailsHasMatch","setDetailsHasMatch","copyrightHasMatch","setCopyrightHasMatch","peopleHasMatch","setPeopleHasMatch","overviewExpanded","setOverviewExpanded","elementsExpanded","setElementsExpanded","detailsExpanded","setDetailsExpanded","copyrightExpanded","setCopyrightExpanded","peopleExpanded","setPeopleExpanded","useEffect","bookAwards","bookCopyRight","bookDetails","bookElements","bookOverView","bookCoverImage","BookIsbn","isbn","safeOnClose","highlightBookElementsOnly","PanelGroup","direction","Panel","order","ref","defaultSize","onMouseDown","e","preventDefault","Accordion","expanded","onChange","_","slotProps","transition","onEntered","el","querySelector","dataset","scrolled","scrollIntoView","behavior","block","elevation","AccordionSummary","expandIcon","ExpandMoreIcon","Typography","AccordionDetails","Object","keys","BookOverviewCard","onHighlightMatch","highlightEnabled","executed","observer","MutationObserver","mutations","some","m","type","addedNodes","highlighted","disconnect","observe","childList","subtree","setTimeout","BookElementsCard","title","defaultPages","BookDetailsCard","BookCopyrightsCard","BookPeopleAwardsCard","PanelResizeHandle","minSize","maxSize","WebkitTransition","BookPreview","IconButton","onClick","size","CloseIcon"],"mappings":"kzBAkBA,MAAMA,EAAkD,CACtDC,YAAa,CACXC,SAAU,OACVC,WAAY,qBAEdC,aAAa,CACXC,SAAU,SACVC,OAAQ,OACRC,SAAU,YAEZC,cAAe,CACbC,QAAS,EACTC,gBAAiB,WAEnBC,UAAW,CACTC,QAAS,OACTN,OAAQ,OACRO,MAAO,OACPC,WAAY,cAEdC,UAAW,CACTT,OAAQ,OACRG,QAAS,OACTO,UAAW,OACXN,gBAAiB,UACjBO,aAAc,OACdC,UAAW,cAEbC,WAAY,CACVN,MAAO,MACPH,gBAAiB,UACjBJ,OAAQ,OACRM,QAAS,OACTQ,cAAe,SACfC,eAAgB,aAChBhB,SAAU,OACViB,KAAM,EACNJ,UAAW,aACXF,UAAW,QAEbO,UAAW,CACTN,aAAc,OACdO,UAAW,OACXC,aAAc,QAEhBC,iBAAkB,CAChBC,YAAa,OACbC,aAAc,QAEhBC,iBAAkB,CAChBF,YAAa,OACbC,aAAc,OACdE,cAAe,QAEjBC,QAAS,CACPC,WAAY,OACZC,MAAO,UACPC,SAAU,QAEZC,YAAa,CACX5B,SAAU,WACV6B,IAAK,EACLC,KAAM,EACNxB,MAAO,OACPP,OAAQ,OACRgC,eAAgB,aAChBC,qBAAsB,aACtB7B,gBAAiB,2BACjBE,QAAS,OACTE,WAAY,SACZO,eAAgB,SAChBmB,OAAQ,GACRvB,aAAc,QAEhBwB,YAAa,CACXlC,SAAU,WACV6B,IAAK,MACLM,MAAO,MACPT,MAAO,WAEVU,aAAc,CACX9B,MAAO,OACPH,gBAAiB,UACjBkC,OAAQ,aACRhC,QAAS,OACTE,WAAY,SACZO,eAAgB,UAElBwB,cAAe,CACbjC,QAAS,OACTQ,cAAe,SACf0B,IAAK,OAEPC,IAAK,CACHlC,MAAO,MACPP,OAAQ,MACRI,gBAAiB,UACjBO,aAAc,OAGhB+B,gBAAiB,CACfnC,MAAO,MACPP,OAAQ,OACRI,gBAAiB,OACjBO,aAAc,QAUZgC,EAAqD,CACzDC,QAAS,CACPpC,WAAY,SACZO,eAAgB,SAChB8B,UAAW,UAEbC,MAAO,CACLvC,MAAO,QAETwC,YAAa,CACXxC,MAAO,OACPP,OAAQ,OACRgD,WAAY,8CACZrC,aAAc,MACdL,QAAS,OACTE,WAAY,SACZO,eAAgB,SAChBkC,OAAQ,oBAEVC,KAAM,CACJ3C,MAAO,OACPP,OAAQ,OACR2B,MAAO,WAETF,QAAS,CACPG,SAAU,OACVF,WAAY,OACZC,MAAO,UACPR,aAAc,QAEhBgC,KAAM,CACJvB,SAAU,OACVD,MAAO,UACPyB,WAAY,IACZP,UAAY,UAGdQ,WAAY,CACV1B,MAAO,UACPxB,QAAS,WACTG,QAAS,OACTS,eAAgB,SAChBR,MAAO,SAKL+C,EAAoB,EAAGC,SAAQC,YAAWN,UAE5CO,EAAC,OAAIC,MAAOf,EAAiBC,QAC3Be,SAACC,EAAA,MAAA,CAAIF,MAAOf,EAAiBG,MAC3Ba,SAAA,CAAAF,EAAC,MAAI,CAAAC,MAAO,CAAEvC,aAAc,QAC1BwC,SAACF,EAAA,MAAA,CAAIC,MAAOf,EAAiBI,YAAcY,SAAAT,QAG5C,MACC,CAAAS,SAAA,CAAAF,EAAC,KAAG,CAAAC,MAAOf,EAAiBlB,QAAUkC,SAAOJ,IAC5CE,EAAA,IAAA,CAAEC,MAAOf,EAAiBQ,KAAOQ,SAAUH,YAYzCK,EAAkB,EAC3BC,iBACAC,UACAC,iBACAC,OACAC,cACAC,iBACAC,uBACAC,sBACAC,aACAC,sBACAC,gCACAC,gBACAC,WACAC,sBACAC,eACAC,uBAgBE,MAAOC,EAAuBC,GAA4BC,EAGvD,CACDC,gBAAiB,GACjBC,QAAS,MAEJC,EAAaC,GAAkBJ,EAAS,IACxCK,EAAcC,GAAmBN,GAAS,IAC1CO,EAA0BC,GAC/BR,EAAiB,iBACZS,EAAoBC,GAAyBV,EAAiB,IAC/DW,EAAeC,EAA+B,OAC7CC,EAAeC,GAAoBd,GAAS,GAE7Ce,EAAcH,EAAuB,MACrCI,EAAcJ,EAAuB,MACrCK,GAAaL,EAAuB,MACpCM,GAAeN,EAAuB,MACtCO,GAAYP,EAAuB,MAInCQ,GAA0BC,MAC9BpB,EACAM,EACAe,EACAC,EAAuB,KAEvBxB,EAAyB,CAAEE,gBAAiB,GAAIC,QAAS,KACzDY,GAAiB,GACjBR,GAAgB,GAChBE,EAA4BD,GAExB,IACF,IAAKe,GAAgC,IAApBA,EAASE,OAIxB,OAHAlB,GAAgB,GAChBI,EAAsB,SACTC,EAAAc,SAASC,OAAO,IAK/B,MAAMC,QAAapC,IAAsB,CAAC+B,EAASC,MAC7CK,EAA6BD,GAAM1C,MAAQ0C,GAAQ,GAEzD,IAAKE,MAAMC,QAAQF,IAAuC,IAAvBA,EAAYJ,OAG7C,OAFAV,GAAiB,QACjBR,GAAgB,GAKZ,MAAAyB,EAAa5D,GACZA,EACEA,EACJ6D,QAAQ,WAAY,KACpBA,QAAQ,UAAW,KACnBA,QAAQ,yBAA0B,IAClCA,QAAQ,kBAAmB,KAC3BA,QAAQ,kBAAmB,KAC3BA,QAAQ,kBAAmB,KAC3BA,QAAQ,4CAA6C,IACrDA,QAAQ,OAAQ,KAChBC,OACAC,cAXe,GAcdC,EAAgBJ,EAAU9B,GAEhC,IAAImC,EAAkC,KAKtC,IAAA,MAAWC,KAAQT,EAAa,CAE1B,GADSG,EAAUM,EAAKC,mBAAqBD,EAAKE,aAC7CC,SAASL,GAAgB,CAClBC,EAAAC,EACd,KACF,CACF,CAKA,IAAKD,EAAa,CAChB,IAAIK,EAAQN,EAAcO,MAAM,KAAKC,OAAOC,SAErC,KAAAH,EAAMjB,OAAS,GAAG,CACjB,MAAAqB,EAAUJ,EAAMK,KAAK,KAE3B,IAAA,MAAWT,KAAQT,EAAa,CAG1B,GAFSG,EAAUM,EAAKC,mBAAqBD,EAAKE,aAE7CC,SAASK,GAAU,CACZT,EAAAC,EACd,KACF,CACF,CAEA,GAAID,EAAa,MAGjBK,EAAMM,KACR,CACF,CAKM,MAAAC,EAAsBpB,EACzBqB,IAAKZ,GAASA,EAAKE,aACnBO,KAAK,MAYR,OAVyB/C,EAAA,CACvBE,gBAAiBmC,EAAcA,EAAYG,YAAc,GACzDrC,QAAS8C,IAEXtC,EAAsB,IACTC,EAAAc,SAASC,OAAO,KAKxBU,GAAeb,EAAe,EAAID,EAASE,aACjCJ,GACXnB,EACAM,EACAe,EACAC,EAAe,QAInB,QAGO2B,GACCC,QAAAD,MAAM,mBAAoBA,GAClCpC,GAAiB,EAAI,CACrB,QACAR,GAAgB,EAClB,IAIK8C,GAAkBC,IAAuBrD,GAAS,IAClDsD,GAAkBC,IAAuBvD,GAAS,IAClDwD,GAAiBC,IAAsBzD,GAAS,IAChD0D,GAAmBC,IAAwB3D,GAAS,IACpD4D,GAAgBC,IAAqB7D,GAAS,IAG9C8D,GAAkBC,IAAuB/D,GAAS,IAClDgE,GAAkBC,IAAuBjE,GAAS,IAClDkE,GAAiBC,IAAsBnE,GAAS,IAChDoE,GAAmBC,IAAwBrE,GAAS,IACpDsE,GAAgBC,IAAqBvE,GAAS,GAErDwE,EAAU,KACJpB,QAAsC,GACtCE,QAAsC,GACtCE,QAAoC,GACpCE,QAAwC,GACxCE,QAAkC,IACrC,CACDR,GACAE,GACAE,GACAE,GACAE,KAIA,MAAAa,WACJA,GAAAC,cACAA,GAAAC,YACAA,GAAAC,aACAA,GAAAC,aACAA,GAAAC,eACAA,IACE7F,EAEE8F,GAAWJ,IAAaK,KAExBC,GAAclG,SAAmB,GACjCmG,QAA4D,IAAhCrF,KAAkCA,EAAiB2B,QAAU,CAAC,iBAAkB,mBAAoB,sBAAsBgB,SAAS3C,GAGjK,OAAAjB,EAAC,MAAA,CACCF,MAAO,IACJhE,EAAcQ,iBACbwE,EAAWhF,EAAcI,aAAe,CAAC,GAE5C6D,SAAA,EAACG,KACC,MAAI,CAAAJ,MAAOhE,EAAcW,UACxBsD,SAAAC,EAACuG,EAAY,CAAAC,UAAU,aACrBzG,SAAA,CAAAF,EAAC4G,EAAA,CAAMC,MAAO,EACVC,IAAK5E,EAAc6E,YAAa/E,GAA0C,GAE9E9B,SAAAC,EAAC,MAAA,CACKF,MAAO,IACFhE,GAAee,aAAcyD,GAAazD,WAOnDkD,SAAA,CAAAF,EAAC,MAAI,CAAA8G,IAAKxE,EAAarC,MAAO,CAAEvC,aAAc,QAAUsJ,YAAcC,GAAMA,EAAEC,iBAC5EhH,SAAAC,EAACgH,EAAA,CACCC,SAAU/B,GACVgC,SAAU,CAACC,EAAGF,IAAa9B,GAAoB8B,GAC/CG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM7K,EAAY0F,EAAYU,QACxB0E,EAAK9K,GAAW+K,cAAc,2BAEhCD,GAAM9K,IAAcA,EAAUgL,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTpL,EAAUgL,QAAQC,SAAW,WAKrCI,UAAW,EACXhI,MAAOhE,EAAcuB,UAErB0C,SAAA,CAAAF,EAACkI,EAAA,CACCC,aAAaC,EAAe,IAC5BnI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAqI,EAAA,CAAWpI,MAAOhE,EAAc+B,QAASkC,SAE1C,oBAEFF,EAACsI,EAAiB,CAAArI,MAAOhE,EAAc6B,iBACpCoC,SAAgBkG,IAAAmC,OAAOC,KAAKpC,IAAcrD,OAAS,EAClD/C,EAACyI,EAAA,CACDjI,KAAM4F,GACN7F,iBACAmI,iBAAkB9D,GAClB+D,kBAAmBlC,KAGlBzG,EAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,gDAQ7CF,EAAA,MAAA,CAAI8G,IAAKvE,EAAatC,MAAO,CAAEvC,aAAc,QAAUsJ,YAAcC,GAAMA,EAAEC,iBAC1EhH,SAAAC,EAACgH,EAAA,CACCc,UAAW,EACXhI,MAAOhE,EAAcuB,UACrB4J,SAAU7B,GACV8B,SAAU,CAACC,EAAGF,IAAa5B,GAAoB4B,GAC/CG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM7K,EAAY2F,EAAYS,QAC9B,IAAKpG,EAAW,OAEV,MAAA8K,EAAK9K,EAAU+K,cAAc,2BACnC,IAAKD,EAAI,OAGTA,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGT,IAAIY,GAAW,EAEf,MAAMC,EAAW,IAAIC,iBAAkBC,IACrC,GAAIH,EAAU,OAOd,IAJmBG,EAAUC,KAC1BC,GAAiB,cAAXA,EAAEC,MAAwBD,EAAEE,WAAWpG,OAAS,GAGxC,OAEX,MAAAqG,EAAcxM,EAAU+K,cAAc,2BACxCyB,IACSR,GAAA,EAEXQ,EAAYtB,eAAe,CACzBC,SAAU,OACVC,MAAO,WAGTa,EAASQ,gBAIbR,EAASS,QAAQ1M,EAAW,CAC1B2M,WAAW,EACXC,SAAS,IAIXC,WAAW,IAAMZ,EAASQ,aAAc,QAK9CnJ,SAAA,CAAAF,EAACkI,EAAA,CACCC,aAAaC,EAAe,IAC5BnI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAqI,EAAA,CAAWpI,MAAOhE,EAAc+B,QAASkC,SAE1C,+BAEDF,EAAAsI,EAAA,CAAiBrI,MAAOhE,EAAc6B,iBAErCoC,SAAAF,EAAC0J,EAAA,CACClJ,KAAM2F,GACNwD,MAAOvD,IAAcuD,OAAS,GAC9B5I,gCAGAuF,YACA3D,2BACApC,iBACAmI,iBAAkB5D,GAClB8E,aAAc1I,EACdC,eACAC,mBACAuH,iBAAkBlC,YAO3BzG,EAAA,MAAA,CAAI8G,IAAKtE,GAAYvC,MAAO,CAAEvC,aAAc,QAAUsJ,YAAcC,GAAMA,EAAEC,iBAC3EhH,SAAAC,EAACgH,EAAA,CACCC,SAAU3B,GACV4B,SAAU,CAACC,EAAGF,IAAa1B,GAAmB0B,GAAWa,UAAW,EAAGhI,MAAOhE,EAAcuB,UAC5F+J,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM7K,EAAY4F,GAAWQ,QACvB0E,EAAK9K,GAAW+K,cAAc,2BAEhCD,GAAM9K,IAAcA,EAAUgL,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTpL,EAAUgL,QAAQC,SAAW,WAMrC3H,SAAA,CAAAF,EAACkI,EAAA,CACCC,aAAaC,EAAe,IAC5BnI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAqI,EAAA,CAAWpI,MAAOhE,EAAc+B,QAASkC,SAE1C,4BAEFF,EAACsI,EAAiB,CAAArI,MAAOhE,EAAc6B,iBACpCoC,SAAegG,IAAAqC,OAAOC,KAAKtC,IAAanD,OAAS,EAChD/C,EAAC6J,EAAA,CAAgBrJ,KAAM0F,GAAa3F,iBACpCmI,iBAAkB1D,GAClB2D,kBAAmBlC,GACnBtF,eACAC,qBAGCpB,EAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,qDAQ7CF,EAAA,MAAA,CAAI8G,IAAKrE,GAAcxC,MAAO,CAAEvC,aAAc,QAAUsJ,YAAcC,GAAMA,EAAEC,iBAC7EhH,SAAAC,EAACgH,EAAA,CAAUc,UAAW,EAAGhI,MAAOhE,EAAcuB,UAC5C4J,SAAUzB,GACV0B,SAAU,CAACC,EAAGF,IAAaxB,GAAqBwB,GAChDG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM7K,EAAY6F,GAAaO,QACzB0E,EAAK9K,GAAW+K,cAAc,2BAEhCD,GAAM9K,IAAcA,EAAUgL,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTpL,EAAUgL,QAAQC,SAAW,WAMrC3H,SAAA,CAAAF,EAACkI,EAAA,CACCC,aAAaC,EAAe,IAC5BnI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAqI,EAAA,CAAWpI,MAAOhE,EAAc+B,QAASkC,SAE1C,6BAEFF,EAACsI,EAAiB,CAAArI,MAAOhE,EAAc6B,iBACpCoC,SAAiB+F,IAAAsC,OAAOC,KAAKvC,IAAelD,OAAS,EACpD/C,EAAC8J,EAAA,CAAmBtJ,KAAMyF,GAAe1F,iBACzCmI,iBAAkBxD,GAClByD,kBAAmBlC,KAElBzG,EAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,8DAQ9CF,EAAC,MAAI,CAAA8G,IAAKpE,GACRxC,SAAAC,EAACgH,EAAA,CAAUc,UAAW,EAAGhI,MAAOhE,EAAcuB,UAC5C4J,SAAUvB,GACVwB,SAAU,CAACC,EAAGF,IAAatB,GAAkBsB,GAC7CG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM7K,EAAY8F,GAAUM,QACtB0E,EAAK9K,GAAW+K,cAAc,2BAEhCD,GAAM9K,IAAcA,EAAUgL,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTpL,EAAUgL,QAAQC,SAAW,WAMrC3H,SAAA,CAAAF,EAACkI,EAAA,CACCC,aAAaC,EAAe,IAC5BnI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAqI,EAAA,CAAWpI,MAAOhE,EAAc+B,QAASkC,SAE1C,sBAEFF,EAACsI,EAAiB,CAAArI,MAAOhE,EAAc6B,iBACpCoC,SAAc8F,IAAAuC,OAAOC,KAAKxC,IAAYjD,OAAS,EAC9C/C,EAAC+J,EAAA,CAAqBvJ,KAAMwF,GAAYzF,iBACxCmI,iBAAkBtD,GAClBuD,kBAAmBlC,KAElBzG,EAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,4DAW/Cc,GACEhB,EAAAgK,EAAA,CAAkB/J,MAAO,CAAEnD,MAAO,MAAOyC,WAAY,UAAWV,OAAQ,gBAK1EmC,KACE4F,EAAO,CAAAC,MAAO,EAAGoD,QAAS,GAAIC,QAAS,GAAKjK,MAAO,CAChD3D,SAAU,UACVE,SAAU,WACVgL,WAAY,wBACZ2C,iBAAkB,yBAEtBjK,SAAAF,EAACoK,EAAA,CACChE,gBACAC,kBACA/F,QAASkG,GACT1E,2BACAT,wBACAsB,2BACAf,eACAF,cACAC,iBACAlB,cACAC,iBACAC,uBACAC,sBACAC,aACAuB,yBAOT/B,GACCF,EAAC,MAAI,CAAAF,MAAOhE,EAAcmC,YACxB8B,SAAA,CAACF,EAAAqK,EAAA,CAAWpK,MAAOhE,EAAcyC,YAAa4L,QAAShK,EAASiK,KAAK,QACnErK,SAACF,EAAAwK,EAAA,CAAA,KAGHxK,EAACH,EAAA,CACCC,OAAQY,GAAgBZ,OACxBC,UAAWW,GAAgBX,UAC3BN,KAAMiB,GAAgBjB"}
1	+ {"version":3,"file":"BookemonContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/Bookemon/utils/highlight.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=(e,t)=>{if(!e)return"";if(!t||0===t.length)return e;let r=e;const n=[...t].map(e=>e.trim()).filter(Boolean).sort((e,t)=>t.length-e.length);for(const e of n){const t=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp(`(${t})`,"giu");r=r.replace(n,'<span data-highlight="true" style="background-color:#ffffb8;border-radius:2px;">$1</span>')}return r},t=(t,r)=>t?r&&0!==r.length?e(t,r):t:"";export{e as highlightTermsFunc,t as processTextWithHighlight};
+import{__spreadArray as r}from"tslib";var t=function(t,n){if(!t)return"";if(!n||0===n.length)return t;for(var e=t,o=0,a=r([],n,!0).map(function(r){return r.trim()}).filter(Boolean).sort(function(r,t){return t.length-r.length});o<a.length;o++){var i=a[o].replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),u=new RegExp("(".concat(i,")"),"giu");e=e.replace(u,'<span data-highlight="true" style="background-color:#ffffb8;border-radius:2px;">$1</span>')}return e},n=function(r,n){return r?n&&0!==n.length?t(r,n):r:""};export{t as highlightTermsFunc,n as processTextWithHighlight};
 //# sourceMappingURL=highlight.js.map

package/dist/features/Bookemon/utils/highlight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"highlight.js","sources":[~~"../../../../src/features/Bookemon/utils/highlight.ts"~~],"sourcesContent":["/*\n Highlights specified terms by wrapping them with <highlight> tags.\n * NOTE: Do NOT escape HTML here. Sanitization happens at render time.\n /\nexport const highlightTermsFunc = (\n text: string \| null \| undefined,\n terms?: string[]\n): string => {\n if (!text) return \"\";\n\n if (!terms \|\| terms.length === 0) {\n return text;\n }\n\n let highlightedText = text;\n\n // Sort longest first to avoid partial matches\n const sortedTerms = [...terms]\n .map(t => t.trim())\n .filter(Boolean)\n .sort((a, ~~b) => b.length - a.length);\n\n for (const term of sortedTerms) {\n const escapedTerm = term.replace(/[.+?^${}()\|[\\]\\\\]/g, \~~"\\\\$&\");\n\n // word-boundary match (optional — remove if you want partial matches)\n // const regex = new RegExp(`\\\\b(${escapedTerm})\\\\b`, \"gi\");\n const regex = new RegExp(`(${escapedTerm})`, \"giu\");\n\n highlightedText = highlightedText.replace(\n regex,\n `<span data-highlight=\"true\" style=\"background-color:#ffffb8;border-radius:2px;\">$1</span>`\n );\n }\n\n return highlightedText;\n};\n\nexport const processTextWithHighlight = (\n text: string \| null \| undefined,\n highlightTerms?: string[]\n): string => {\n if (!text) return \"\";\n\n if (!highlightTerms \|\| highlightTerms.length === 0) {\n return text;\n }\n\n return highlightTermsFunc(text, highlightTerms);\n};\n"],"names":["highlightTermsFunc","text","terms","length","highlightedText","sortedTerms","map","t","trim","filter","Boolean","sort","a","b","term","escapedTerm","replace","regex","RegExp","processTextWithHighlight","highlightTerms"],"mappings":"AAIa,MAAAA,EAAqB,CAChCC,EACAC,KAEI,IAACD,EAAa,MAAA,GAElB,IAAKC,GAA0B,IAAjBA,EAAMC,OACX,OAAAF,EAGT,IAAIG,EAAkBH,EAGhB,MAAAI,EAAc,IAAIH,GACrBI,IAAIC,GAAKA,EAAEC,QACXC,OAAOC,SACPC,KAAK,CAACC,EAAGC,IAAMA,EAAEV,OAASS,EAAET,QAE/B,IAAA,MAAWW,KAAQT,EAAa,CAC9B,MAAMU,EAAcD,EAAKE,QAAQ,sBAAuB,QAIlDC,EAAQ,IAAIC,OAAO,IAAIH,KAAgB,OAE7CX,EAAkBA,EAAgBY,QAChCC,EACA,4FAEJ,CAEO,OAAAb,GAGIe,EAA2B,CACtClB,EACAmB,IAEKnB,EAEAmB,GAA4C,IAA1BA,EAAejB,OAI/BH,EAAmBC,EAAMmB,GAHvBnB,EAHS"}
1	+ {"version":3,"file":"highlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/ChatCitation/BigQueryTable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as r,useMemo as n,useEffect as l}from"react";import{ChevronLeft as i,ChevronRight as a}from"lucide-react";const d=e=>null==e?"-":"object"==typeof e?JSON.stringify(e):String(e),s={container:{width:"100%",height:"100%",display:"flex",flexDirection:"column",backgroundColor:"white"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px",borderBottom:"1px solid #f3f4f6",backgroundColor:"white"},tableTitle:{fontSize:"12px",fontWeight:600,color:"#374151"},navContainer:{display:"flex",alignItems:"center",gap:"6px"},navButton:{width:"24px",height:"24px",borderRadius:"50%",border:"1px solid #d1d5db",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",cursor:"pointer",backgroundColor:"white",color:"#6b7280"},navButtonDisabled:{borderColor:"#e5e7eb",color:"#d1d5db",cursor:"not-allowed"},navButtonHover:{backgroundColor:"#f9fafb"},navCounter:{fontSize:"12px",fontWeight:500,color:"#6b7280",padding:"0 2px",fontVariantNumeric:"tabular-nums"},scrollContainer:{flex:1,overflow:"auto",position:"relative"},table:{minWidth:"100%",fontSize:"12px",textAlign:"left",borderCollapse:"collapse"},thead:{backgroundColor:"#f9fafb",position:"sticky",top:0,zIndex:10},th:{padding:"12px 16px",fontWeight:600,color:"#374151",borderRight:"1px solid #e5e7eb",whiteSpace:"nowrap"},thHighlighted:{backgroundColor:"#fef3c7"},tbody:{borderTop:"1px solid #f3f4f6"},tr:{borderBottom:"1px solid #f3f4f6"},trHover:{backgroundColor:"rgba(249, 250, 251, 0.5)"},td:{padding:"12px 16px",whiteSpace:"normal",wordBreak:"break-word",color:"#4b5563",borderRight:"1px solid #e5e7eb",verticalAlign:"top"},tdHighlighted:{backgroundColor:"#fffbeb"},footer:{padding:"8px",borderTop:"1px solid #f3f4f6",fontSize:"12px",color:"#9ca3af",fontWeight:500,textAlign:"right"},emptyState:{padding:"16px",textAlign:"center",color:"#6b7280",fontSize:"12px",fontStyle:"italic"}},c=({rows:c,columns:h=[]})=>{const b=o(null),[f,g]=r(0),[p,u]=r(null),y=c&&Object.keys(c).length>0,x=y?Object.keys(c):[],v=y?Math.max(...Object.values(c).map(e=>Array.isArray(e)?e.length:1),0):0,m=n(()=>x.map((e,t)=>h.includes(e)?t:-1).filter(e=>-1!==e),[x,h]),C=m.length>1,w=0===f,k=f===m.length-1;return l(()=>{if(y&&m.length>0&&b.current){const e=b.current,t=m[f],o=e.querySelectorAll("thead th")[t];if(o){const t=o.offsetLeft,r=o.offsetWidth;let n=t-e.clientWidth/2+r/2;e.scrollTo({left:Math.max(0,n),behavior:"smooth"})}}},[f,y,m]),y?t("div",{style:s.container,children:[t("div",{style:s.header,children:[e("div",{style:s.tableTitle,children:"Table: invoice_inquiry_data"}),C&&t("div",{style:s.navContainer,children:[e("button",{onClick:()=>g(e=>Math.max(0,e-1)),disabled:w,style:{...s.navButton,...w?s.navButtonDisabled:{}},onMouseEnter:e=>!w&&Object.assign(e.currentTarget.style,s.navButtonHover),onMouseLeave:e=>Object.assign(e.currentTarget.style,{backgroundColor:"white"}),children:e(i,{style:{width:"14px",height:"14px"}})}),t("div",{style:s.navCounter,children:[f+1,"/",m.length]}),e("button",{onClick:()=>g(e=>Math.min(m.length-1,e+1)),disabled:k,style:{...s.navButton,...k?s.navButtonDisabled:{}},onMouseEnter:e=>!k&&Object.assign(e.currentTarget.style,s.navButtonHover),onMouseLeave:e=>Object.assign(e.currentTarget.style,{backgroundColor:"white"}),children:e(a,{style:{width:"14px",height:"14px"}})})]})]}),e("div",{ref:b,style:s.scrollContainer,children:t("table",{style:s.table,children:[e("thead",{style:s.thead,children:e("tr",{children:x.map(t=>{const o=h.includes(t);return e("th",{style:{...s.th,...o?s.thHighlighted:{}},children:t},t)})})}),e("tbody",{style:s.tbody,children:Array.from({length:v}).map((t,o)=>e("tr",{style:{...s.tr,...p===o?s.trHover:{}},onMouseEnter:()=>u(o),onMouseLeave:()=>u(null),children:x.map(t=>{const r=Array.isArray(c[t])?c[t][o]:0===o?c[t]:"",n=h.includes(t);return e("td",{style:{...s.td,...n?s.tdHighlighted:{}},children:d(r)},`${t}-${o}`)})},o))})]})}),t("div",{style:s.footer,children:["Showing ",v," rows"]})]}):e("div",{style:s.emptyState,children:"No data available."})};export{c as BigQueryTable};
+import{__spreadArray as t,__assign as e}from"tslib";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as i,useMemo as l,useEffect as a}from"react";import{ChevronLeft as d,ChevronRight as c}from"lucide-react";var u=function(t){return null==t?"-":"object"==typeof t?JSON.stringify(t):String(t)},s={container:{width:"100%",height:"100%",display:"flex",flexDirection:"column",backgroundColor:"white"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px",borderBottom:"1px solid #f3f4f6",backgroundColor:"white"},tableTitle:{fontSize:"12px",fontWeight:600,color:"#374151"},navContainer:{display:"flex",alignItems:"center",gap:"6px"},navButton:{width:"24px",height:"24px",borderRadius:"50%",border:"1px solid #d1d5db",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",cursor:"pointer",backgroundColor:"white",color:"#6b7280"},navButtonDisabled:{borderColor:"#e5e7eb",color:"#d1d5db",cursor:"not-allowed"},navButtonHover:{backgroundColor:"#f9fafb"},navCounter:{fontSize:"12px",fontWeight:500,color:"#6b7280",padding:"0 2px",fontVariantNumeric:"tabular-nums"},scrollContainer:{flex:1,overflow:"auto",position:"relative"},table:{minWidth:"100%",fontSize:"12px",textAlign:"left",borderCollapse:"collapse"},thead:{backgroundColor:"#f9fafb",position:"sticky",top:0,zIndex:10},th:{padding:"12px 16px",fontWeight:600,color:"#374151",borderRight:"1px solid #e5e7eb",whiteSpace:"nowrap"},thHighlighted:{backgroundColor:"#fef3c7"},tbody:{borderTop:"1px solid #f3f4f6"},tr:{borderBottom:"1px solid #f3f4f6"},trHover:{backgroundColor:"rgba(249, 250, 251, 0.5)"},td:{padding:"12px 16px",whiteSpace:"normal",wordBreak:"break-word",color:"#4b5563",borderRight:"1px solid #e5e7eb",verticalAlign:"top"},tdHighlighted:{backgroundColor:"#fffbeb"},footer:{padding:"8px",borderTop:"1px solid #f3f4f6",fontSize:"12px",color:"#9ca3af",fontWeight:500,textAlign:"right"},emptyState:{padding:"16px",textAlign:"center",color:"#6b7280",fontSize:"12px",fontStyle:"italic"}},f=function(f){var h=f.rows,p=f.columns,b=void 0===p?[]:p,g=o(null),y=i(0),v=y[0],x=y[1],m=i(null),C=m[0],w=m[1],k=h&&Object.keys(h).length>0,S=k?Object.keys(h):[],B=k?Math.max.apply(Math,t(t([],Object.values(h).map(function(t){return Array.isArray(t)?t.length:1}),!1),[0],!1)):0,j=l(function(){return S.map(function(t,e){return b.includes(t)?e:-1}).filter(function(t){return-1!==t})},[S,b]),M=j.length>1,A=0===v,T=v===j.length-1;return a(function(){if(k&&j.length>0&&g.current){var t=g.current,e=j[v],n=t.querySelectorAll("thead th")[e];if(n){var r=n.offsetLeft,o=n.offsetWidth,i=r-t.clientWidth/2+o/2;t.scrollTo({left:Math.max(0,i),behavior:"smooth"})}}},[v,k,j]),k?r("div",e({style:s.container},{children:[r("div",e({style:s.header},{children:[n("div",e({style:s.tableTitle},{children:"Table: invoice_inquiry_data"})),M&&r("div",e({style:s.navContainer},{children:[n("button",e({onClick:function(){return x(function(t){return Math.max(0,t-1)})},disabled:A,style:e(e({},s.navButton),A?s.navButtonDisabled:{}),onMouseEnter:function(t){return!A&&Object.assign(t.currentTarget.style,s.navButtonHover)},onMouseLeave:function(t){return Object.assign(t.currentTarget.style,{backgroundColor:"white"})}},{children:n(d,{style:{width:"14px",height:"14px"}})})),r("div",e({style:s.navCounter},{children:[v+1,"/",j.length]})),n("button",e({onClick:function(){return x(function(t){return Math.min(j.length-1,t+1)})},disabled:T,style:e(e({},s.navButton),T?s.navButtonDisabled:{}),onMouseEnter:function(t){return!T&&Object.assign(t.currentTarget.style,s.navButtonHover)},onMouseLeave:function(t){return Object.assign(t.currentTarget.style,{backgroundColor:"white"})}},{children:n(c,{style:{width:"14px",height:"14px"}})}))]}))]})),n("div",e({ref:g,style:s.scrollContainer},{children:r("table",e({style:s.table},{children:[n("thead",e({style:s.thead},{children:n("tr",{children:S.map(function(t){var r=b.includes(t);return n("th",e({style:e(e({},s.th),r?s.thHighlighted:{})},{children:t}),t)})})})),n("tbody",e({style:s.tbody},{children:Array.from({length:B}).map(function(t,r){return n("tr",e({style:e(e({},s.tr),C===r?s.trHover:{}),onMouseEnter:function(){return w(r)},onMouseLeave:function(){return w(null)}},{children:S.map(function(t){var o=Array.isArray(h[t])?h[t][r]:0===r?h[t]:"",i=b.includes(t);return n("td",e({style:e(e({},s.td),i?s.tdHighlighted:{})},{children:u(o)}),"".concat(t,"-").concat(r))})}),r)})}))]}))})),r("div",e({style:s.footer},{children:["Showing ",B," rows"]}))]})):n("div",e({style:s.emptyState},{children:"No data available."}))};export{f as BigQueryTable};
 //# sourceMappingURL=BigQueryTable.js.map

package/dist/features/ChatCitation/BigQueryTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BigQueryTable.js","sources":["../../../src/features/ChatCitation/BigQueryTable.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useMemo } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\n\n// --- Types ---\ninterface BigQueryTableProps {\n rows: Record<string, any[]>; // rows for bigquery\n columns?: string[]; // column name for highlightening \n}\n\nconst safeRender = (val: any) => {\n if (val === null \|\| val === undefined) return '-';\n if (typeof val === 'object') return JSON.stringify(val);\n return String(val);\n};\n\n// CSS Module styles as a constant\nconst styles = {\n container: {\n width: '100%',\n height: '100%',\n display: 'flex',\n flexDirection: 'column' as const,\n backgroundColor: 'white',\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '12px',\n borderBottom: '1px solid #f3f4f6',\n backgroundColor: 'white',\n },\n tableTitle: {\n fontSize: '12px',\n fontWeight: 600,\n color: '#374151',\n },\n navContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '6px',\n },\n navButton: {\n width: '24px',\n height: '24px',\n borderRadius: '50%',\n border: '1px solid #d1d5db',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'all 0.2s',\n cursor: 'pointer',\n backgroundColor: 'white',\n color: '#6b7280',\n },\n navButtonDisabled: {\n borderColor: '#e5e7eb',\n color: '#d1d5db',\n cursor: 'not-allowed',\n },\n navButtonHover: {\n backgroundColor: '#f9fafb',\n },\n navCounter: {\n fontSize: '12px',\n fontWeight: 500,\n color: '#6b7280',\n padding: '0 2px',\n fontVariantNumeric: 'tabular-nums',\n },\n scrollContainer: {\n flex: 1,\n overflow: 'auto',\n position: 'relative' as const,\n },\n table: {\n minWidth: '100%',\n fontSize: '12px',\n textAlign: 'left' as const,\n borderCollapse: 'collapse' as const,\n },\n thead: {\n backgroundColor: '#f9fafb',\n position: 'sticky' as const,\n top: 0,\n zIndex: 10,\n },\n th: {\n padding: '12px 16px',\n fontWeight: 600,\n color: '#374151',\n borderRight: '1px solid #e5e7eb',\n whiteSpace: 'nowrap' as const,\n },\n thHighlighted: {\n backgroundColor: '#fef3c7',\n },\n tbody: {\n borderTop: '1px solid #f3f4f6',\n },\n tr: {\n borderBottom: '1px solid #f3f4f6',\n },\n trHover: {\n backgroundColor: 'rgba(249, 250, 251, 0.5)',\n },\n td: {\n padding: '12px 16px',\n whiteSpace: 'normal' as const,\n wordBreak: 'break-word' as const,\n color: '#4b5563',\n borderRight: '1px solid #e5e7eb',\n verticalAlign: 'top' as const,\n },\n tdHighlighted: {\n backgroundColor: '#fffbeb',\n },\n footer: {\n padding: '8px',\n borderTop: '1px solid #f3f4f6',\n fontSize: '12px',\n color: '#9ca3af',\n fontWeight: 500,\n textAlign: 'right' as const,\n },\n emptyState: {\n padding: '16px',\n textAlign: 'center' as const,\n color: '#6b7280',\n fontSize: '12px',\n fontStyle: 'italic' as const,\n },\n};\n\nexport const BigQueryTable: React.FC<BigQueryTableProps> = ({ rows, columns = [] }) => {\n const tableContainerRef = useRef<HTMLDivElement>(null);\n const [currentHighlightStep, setCurrentHighlightStep] = useState(0);\n const [hoveredRow, setHoveredRow] = useState<number \| null>(null);\n\n // Extract Data\n const hasBqData = rows && Object.keys(rows).length > 0;\n const tableKeys = hasBqData ? Object.keys(rows) : [];\n \n const rowCount = hasBqData\n ? Math.max(...Object.values(rows).map((val: any) => (Array.isArray(val) ? val.length : 1)), 0)\n : 0;\n\n // Navigation Logic\n const highlightedColumnIndices = useMemo(() => {\n return tableKeys\n .map((key, index) => (columns.includes(key) ? index : -1))\n .filter((index) => index !== -1);\n }, [tableKeys, columns]);\n\n const showNav = highlightedColumnIndices.length > 1;\n const isFirst = currentHighlightStep === 0;\n const isLast = currentHighlightStep === highlightedColumnIndices.length - 1;\n\n const handlePrevHighlight = () => setCurrentHighlightStep((p) => Math.max(0, p - 1));\n const handleNextHighlight = () => setCurrentHighlightStep((p) => Math.min(highlightedColumnIndices.length - 1, p + 1));\n\n // Auto-Scroll Effect\n useEffect(() => {\n if (hasBqData && highlightedColumnIndices.length > 0 && tableContainerRef.current) {\n const container = tableContainerRef.current;\n const targetColumnIndex = highlightedColumnIndices[currentHighlightStep];\n const headers = container.querySelectorAll('thead th');\n const targetHeader = headers[targetColumnIndex] as HTMLElement;\n\n if (targetHeader) {\n const cellLeft = targetHeader.offsetLeft;\n const cellWidth = targetHeader.offsetWidth;\n const containerWidth = container.clientWidth;\n let scrollPos = cellLeft - containerWidth / 2 + cellWidth / 2;\n container.scrollTo({ left: Math.max(0, scrollPos), behavior: 'smooth' });\n }\n }\n }, [currentHighlightStep, hasBqData, highlightedColumnIndices]);\n\n if (!hasBqData) {\n return (\n <div style={styles.emptyState}>\n No data available.\n </div>\n );\n }\n\n return (\n <div style={styles.container}>\n {/* Table Header / Controls /}\n <div style={styles.header}>\n <div style={styles.tableTitle}>\n Table: invoice_inquiry_data\n </div>\n \n {showNav && (\n <div style={styles.navContainer}>\n <button\n onClick={handlePrevHighlight}\n disabled={isFirst}\n style={{\n ...styles.navButton,\n ...(isFirst ? styles.navButtonDisabled : {}),\n }}\n onMouseEnter={(e) => !isFirst && Object.assign(e.currentTarget.style, styles.navButtonHover)}\n onMouseLeave={(e) => Object.assign(e.currentTarget.style, { backgroundColor: 'white' })}\n >\n <ChevronLeft style={{ width: '14px', height: '14px' }} />\n </button>\n <div style={styles.navCounter}>\n {currentHighlightStep + 1}/{highlightedColumnIndices.length}\n </div>\n <button\n onClick={handleNextHighlight}\n disabled={isLast}\n style={{\n ...styles.navButton,\n ...(isLast ? styles.navButtonDisabled : {}),\n }}\n onMouseEnter={(e) => !isLast && Object.assign(e.currentTarget.style, styles.navButtonHover)}\n onMouseLeave={(e) => Object.assign(e.currentTarget.style, { backgroundColor: 'white' })}\n >\n <ChevronRight style={{ width: '14px', height: '14px' }} />\n </button>\n </div>\n )}\n </div>\n\n {/ Table Scroll Area /}\n <div ref={tableContainerRef} style={styles.scrollContainer}>\n <table style={styles.table}>\n <thead style={styles.thead}>\n <tr>\n {tableKeys.map((key) => {\n const isHighlighted = columns.includes(key);\n return (\n <th\n key={key}\n style={{\n ...styles.th,\n ...(isHighlighted ? styles.thHighlighted : {}),\n }}\n >\n {key}\n </th>\n );\n })}\n </tr>\n </thead>\n <tbody style={styles.tbody}>\n {Array.from({ length: rowCount }).map((_, rowIndex) => (\n <tr \n key={rowIndex} \n style={{\n ...styles.tr,\n ...(hoveredRow === rowIndex ? styles.trHover : {}),\n }}\n onMouseEnter={() => setHoveredRow(rowIndex)}\n onMouseLeave={() => setHoveredRow(null)}\n >\n {tableKeys.map((key) => {\n const val = Array.isArray(rows[key]) ? rows[key][rowIndex] : (rowIndex === 0 ? rows[key] : '');\n const isHighlighted = columns.includes(key);\n return (\n <td\n key={`${key}-${rowIndex}`}\n style={{\n ...styles.td,\n ...(isHighlighted ? styles.tdHighlighted : {}),\n }}\n >\n {safeRender(val)}\n </td>\n );\n })}\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n\n {/ Footer Count */}\n <div style={styles.footer}>\n Showing {rowCount} rows\n </div>\n </div>\n );\n};\n\n"],"names":["safeRender","val","JSON","stringify","String","styles","container","width","height","display","flexDirection","backgroundColor","header","alignItems","justifyContent","padding","borderBottom","tableTitle","fontSize","fontWeight","color","navContainer","gap","navButton","borderRadius","border","transition","cursor","navButtonDisabled","borderColor","navButtonHover","navCounter","fontVariantNumeric","scrollContainer","flex","overflow","position","table","minWidth","textAlign","borderCollapse","thead","top","zIndex","th","borderRight","whiteSpace","thHighlighted","tbody","borderTop","tr","trHover","td","wordBreak","verticalAlign","tdHighlighted","footer","emptyState","fontStyle","BigQueryTable","rows","columns","tableContainerRef","useRef","currentHighlightStep","setCurrentHighlightStep","useState","hoveredRow","setHoveredRow","hasBqData","Object","keys","length","tableKeys","rowCount","Math","max","values","map","Array","isArray","highlightedColumnIndices","useMemo","key","index","includes","filter","showNav","isFirst","isLast","useEffect","current","targetColumnIndex","targetHeader","querySelectorAll","cellLeft","offsetLeft","cellWidth","offsetWidth","scrollPos","clientWidth","scrollTo","left","behavior","jsxs","style","children","jsx","onClick","p","disabled","onMouseEnter","e","assign","currentTarget","onMouseLeave","ChevronLeft","min","ChevronRight","ref","isHighlighted","from","_","rowIndex"],"mappings":"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"}
1	+ {"version":3,"file":"BigQueryTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/ChatCitation/ChatCitationRenderer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as e,useMemo as i}from"react";import r from"./InternalChatCitationRenderer.js";import{Modal as a}from"./components/wrappers/Modal.js";import l from"./components/IconContainer.js";import{Maximize2 as s,X as c}from"lucide-react";import d from"@mui/icons-material/SwapHoriz";function C(C){const[h,p]=e(!1),[m,y]=e();function u(o){p(!0),y(o)}function b(){p(!1),y(void 0)}function k(o){y(o)}const w=i(()=>!!C.ruleBookContainer?.data,[C.ruleBookContainer?.data]),f=i(()=>!!(C.tableComponent?.rows&&Object.keys(C.tableComponent.rows).length>0),[C.tableComponent]);return console.log("tableComponent data:",C.tableComponent),console.log("isTableDataPresent:",f),console.log("rootContainer",C.rootContainer),console.log("chatCitation",C.chatContainer),o(t,{children:[n(r,{...C,showRootContainer:C.showRootContainer,tableComponent:C.tableComponent,additionalData:{...C.additionalData,isExpanded:!1},isRenderedCustomComponent:C.isRenderedCustomComponent||!1,closePreview:C.closePreview,...C.chatContainer&&{chatContainer:{...C.chatContainer,show:!0,secondaryActions:o=>[...o,...C.chatContainer?.additionalSecondaryActions??[],C.chatContainer?.detailedTab?.chip?.isActive&&n("span",{style:{width:"1px",height:"100%",border:"1px solid #E2E8F0"}}),n(l,{onClick:()=>u("chat"),style:{cursor:"pointer"},children:n(s,{size:16,color:"#64748B"})})]}},ruleBookContainer:w?{...C.ruleBookContainer,show:!0,secondaryActions:o=>[...o,...C.ruleBookContainer?.additionalSecondaryActions??[],n("span",{style:{width:"1px",border:"1px solid #E2E8F0"}}),n(l,{onClick:()=>u("rulebook"),style:{cursor:"pointer"},children:n(s,{size:16,color:"#64748B"})})]}:void 0}),n(a,{isOpen:h,onClose:b,containerStyle:C.modalContainerStyle,children:n(r,{...C,showRootContainer:C.showRootContainer,tableComponent:C.tableComponent,additionalData:{...C.additionalData,isExpanded:!0},rootContainer:{...C.rootContainer,secondaryActions:o=>[...o,n(l,{onClick:b,style:{cursor:"pointer"},children:n(c,{size:20,color:"#64748B"})})]},...C.chatContainer&&{chatContainer:{...C.chatContainer,show:void 0===m?void 0:"chat"===m,secondaryActions:o=>[...o,C.chatContainer?.detailedTab?.chip?.isActive&&(w||f)&&n("span",{style:{width:"1px",height:"100%",border:"1px solid #E2E8F0"}}),(w||f)&&n(l,{style:{cursor:"pointer"},onClick:()=>k("rulebook"),children:n(d,{style:{color:"gray",fontSize:22}})}),!C.showRootContainer&&n(l,{onClick:b,style:{cursor:"pointer"},children:n(c,{size:20,color:"#64748B"})})],slotStyles:{...C.chatContainer?.slotStyles,chatDataContainer:{...C.chatContainer?.slotStyles?.chatDataContainer,maxHeight:void 0}}}},ruleBookContainer:w?{...C.ruleBookContainer,show:void 0===m?void 0:"rulebook"===m,secondaryActions:o=>[...o,n("span",{style:{width:"1px",border:"1px solid #E2E8F0"}}),n(l,{style:{cursor:"pointer"},onClick:()=>k("chat"),children:n(d,{style:{color:"gray",fontSize:22}})}),!C.showRootContainer&&n(l,{onClick:b,style:{cursor:"pointer"},children:n(c,{size:20,color:"#64748B"})})],slotStyles:{...C.ruleBookContainer?.slotStyles,dataContainer:{...C.ruleBookContainer?.slotStyles?.dataContainer,maxHeight:void 0}}}:void 0})})]})}export{C as default};
+import{__assign as o,__spreadArray as n}from"tslib";import{jsxs as t,Fragment as i,jsx as e}from"react/jsx-runtime";import{useState as r,useMemo as a}from"react";import l from"./InternalChatCitationRenderer.js";import{Modal as d}from"./components/wrappers/Modal.js";import s from"./components/IconContainer.js";import{Maximize2 as c,X as u}from"lucide-react";import C from"@mui/icons-material/SwapHoriz";function v(v){var h,p,m,y,f,b,k,w=r(!1),x=w[0],B=w[1],S=r(),g=S[0],E=S[1];function A(o){B(!0),E(o)}function R(){B(!1),E(void 0)}function z(o){E(o)}var D=a(function(){var o;return!!(null===(o=v.ruleBookContainer)||void 0===o?void 0:o.data)},[null===(h=v.ruleBookContainer)||void 0===h?void 0:h.data]),j=a(function(){var o;return!!((null===(o=v.tableComponent)||void 0===o?void 0:o.rows)&&Object.keys(v.tableComponent.rows).length>0)},[v.tableComponent]);return console.log("tableComponent data:",v.tableComponent),console.log("isTableDataPresent:",j),console.log("rootContainer",v.rootContainer),console.log("chatCitation",v.chatContainer),t(i,{children:[e(l,o({},v,{showRootContainer:v.showRootContainer,tableComponent:v.tableComponent,additionalData:o(o({},v.additionalData),{isExpanded:!1}),isRenderedCustomComponent:v.isRenderedCustomComponent||!1,closePreview:v.closePreview},v.chatContainer&&{chatContainer:o(o({},v.chatContainer),{show:!0,secondaryActions:function(t){var i,r,a,l,d;return n(n(n([],t,!0),null!==(r=null===(i=v.chatContainer)||void 0===i?void 0:i.additionalSecondaryActions)&&void 0!==r?r:[],!0),[(null===(d=null===(l=null===(a=v.chatContainer)||void 0===a?void 0:a.detailedTab)||void 0===l?void 0:l.chip)||void 0===d?void 0:d.isActive)&&e("span",{style:{width:"1px",height:"100%",border:"1px solid #E2E8F0"}}),e(s,o({onClick:function(){return A("chat")},style:{cursor:"pointer"}},{children:e(c,{size:16,color:"#64748B"})}))],!1)}})},{ruleBookContainer:D?o(o({},v.ruleBookContainer),{show:!0,secondaryActions:function(t){var i,r;return n(n(n([],t,!0),null!==(r=null===(i=v.ruleBookContainer)||void 0===i?void 0:i.additionalSecondaryActions)&&void 0!==r?r:[],!0),[e("span",{style:{width:"1px",border:"1px solid #E2E8F0"}}),e(s,o({onClick:function(){return A("rulebook")},style:{cursor:"pointer"}},{children:e(c,{size:16,color:"#64748B"})}))],!1)}}):void 0})),e(d,o({isOpen:x,onClose:R,containerStyle:v.modalContainerStyle},{children:e(l,o({},v,{showRootContainer:v.showRootContainer,tableComponent:v.tableComponent,additionalData:o(o({},v.additionalData),{isExpanded:!0}),rootContainer:o(o({},v.rootContainer),{secondaryActions:function(t){return n(n([],t,!0),[e(s,o({onClick:R,style:{cursor:"pointer"}},{children:e(u,{size:20,color:"#64748B"})}))],!1)}})},v.chatContainer&&{chatContainer:o(o({},v.chatContainer),{show:void 0===g?void 0:"chat"===g,secondaryActions:function(t){var i,r,a;return n(n([],t,!0),[(null===(a=null===(r=null===(i=v.chatContainer)||void 0===i?void 0:i.detailedTab)||void 0===r?void 0:r.chip)||void 0===a?void 0:a.isActive)&&(D||j)&&e("span",{style:{width:"1px",height:"100%",border:"1px solid #E2E8F0"}}),(D||j)&&e(s,o({style:{cursor:"pointer"},onClick:function(){return z("rulebook")}},{children:e(C,{style:{color:"gray",fontSize:22}})})),!v.showRootContainer&&e(s,o({onClick:R,style:{cursor:"pointer"}},{children:e(u,{size:20,color:"#64748B"})}))],!1)},slotStyles:o(o({},null===(p=v.chatContainer)||void 0===p?void 0:p.slotStyles),{chatDataContainer:o(o({},null===(y=null===(m=v.chatContainer)||void 0===m?void 0:m.slotStyles)||void 0===y?void 0:y.chatDataContainer),{maxHeight:void 0})})})},{ruleBookContainer:D?o(o({},v.ruleBookContainer),{show:void 0===g?void 0:"rulebook"===g,secondaryActions:function(t){return n(n([],t,!0),[e("span",{style:{width:"1px",border:"1px solid #E2E8F0"}}),e(s,o({style:{cursor:"pointer"},onClick:function(){return z("chat")}},{children:e(C,{style:{color:"gray",fontSize:22}})})),!v.showRootContainer&&e(s,o({onClick:R,style:{cursor:"pointer"}},{children:e(u,{size:20,color:"#64748B"})}))],!1)},slotStyles:o(o({},null===(f=v.ruleBookContainer)||void 0===f?void 0:f.slotStyles),{dataContainer:o(o({},null===(k=null===(b=v.ruleBookContainer)||void 0===b?void 0:b.slotStyles)||void 0===k?void 0:k.dataContainer),{maxHeight:void 0})})}):void 0}))}))]})}export{v as default};
 //# sourceMappingURL=ChatCitationRenderer.js.map

package/dist/features/ChatCitation/ChatCitationRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatCitationRenderer.js","sources":["../../../src/features/ChatCitation/ChatCitationRenderer.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport InternalChatCitationRenderer from \"./InternalChatCitationRenderer\";\nimport { ChatCitationProps } from \"./types/citations.types\";\nimport { Modal } from \"./components/wrappers/Modal\";\nimport IconContainer from \"./components/IconContainer\";\nimport { Maximize2, X } from \"lucide-react\";\nimport SwapHorizIcon from '@mui/icons-material/SwapHoriz';\n// BigQuery Table Data Interface\ninterface BigQueryTableData {\n rows: Record<string, any[]>;\n columns?: string[];\n}\n\ntype ChatCitationRendererProps = Omit<\n ChatCitationProps,\n \"rootContainer\" \| \"chatContainer\" \| \"ruleBookContainer\"\n> & {\n showRootContainer?: boolean;\n modalContainerStyle?: React.CSSProperties;\n rootContainer?: ChatCitationProps[\"rootContainer\"] extends undefined\n ? undefined\n : Omit<\n Exclude<ChatCitationProps[\"rootContainer\"], undefined>,\n \"secondaryActions\"\n >;\nchatContainer?: ChatCitationProps[\"chatContainer\"] extends undefined \n ? undefined \n : Omit< \n Exclude<ChatCitationProps[\"chatContainer\"], undefined>, \n \"secondaryActions\" \| \"show\" \n > \n & { \n additionalSecondaryActions?: React.ReactNode[];\n };\n ruleBookContainer?: ChatCitationProps[\"ruleBookContainer\"] extends undefined\n ? undefined\n : Omit<\n Exclude<ChatCitationProps[\"ruleBookContainer\"], undefined>,\n \"secondaryActions\" \| \"show\"\n >& {\n additionalSecondaryActions?: React.ReactNode[]; // ADD THIS\n};\n additionalData?: ChatCitationProps[\"additionalData\"] extends undefined\n ? undefined\n : Exclude<ChatCitationProps[\"additionalData\"], undefined>;\n tableComponent?: BigQueryTableData; // Changed to BigQueryTableData\n closePreview?:() => void;\n selectedIdFromReason?:string \| null;\n isRenderedCustomComponent?:boolean;\n reversePanels?:boolean;\n};\n\nexport default function ChatCitationRenderer(props: ChatCitationRendererProps) {\n const [modalOpen, setModalOpen] = useState<boolean>(false);\n const [currentExpandedMode, setCurrentExpandedMode] = useState<\n \"rulebook\" \| \"chat\" \| undefined\n >();\n\n function onExpand(mode: \"rulebook\" \| \"chat\") {\n setModalOpen(true);\n setCurrentExpandedMode(mode);\n }\n\n function handleModalClose() {\n setModalOpen(false);\n setCurrentExpandedMode(undefined);\n }\n\n function switchModeTo(mode: \"rulebook\" \| \"chat\"): void {\n setCurrentExpandedMode(mode);\n }\n\n const isRuleBooKPresent = useMemo(() => {\n return !!props.ruleBookContainer?.data;\n }, [props.ruleBookContainer?.data]);\n\n const isTableDataPresent = useMemo(() => {\n return !!(\n props.tableComponent?.rows &&\n Object.keys(props.tableComponent.rows).length > 0\n );\n }, [props.tableComponent]);\n\n console.log('tableComponent data:', props.tableComponent);\n console.log('isTableDataPresent:', isTableDataPresent);\n console.log(\"rootContainer\", props.rootContainer);\n console.log(\"chatCitation\", props.chatContainer);\n\n return (\n <>\n <InternalChatCitationRenderer\n {...props}\n showRootContainer={props.showRootContainer}\n tableComponent={props.tableComponent}\n additionalData={{\n ...props.additionalData,\n isExpanded: false,\n }}\n isRenderedCustomComponent={props.isRenderedCustomComponent \|\| false}\n closePreview={props.closePreview}\n {...(props.chatContainer && {\n chatContainer: {\n ...props.chatContainer,\n show: true,\n secondaryActions: (existingActions) => [\n ...existingActions,\n ...(props.chatContainer?.additionalSecondaryActions ?? []), \n props.chatContainer?.detailedTab?.chip?.isActive && (\n <span style={{ width: \"1px\", height: \"100%\", border: \"1px solid #E2E8F0\" }} />\n ),\n <IconContainer onClick={() => onExpand(\"chat\")} style={{ cursor: \"pointer\" }}>\n <Maximize2 size={16} color=\"#64748B\" />\n </IconContainer>,\n ],\n }\n })}\n ruleBookContainer={\n isRuleBooKPresent\n ? {\n ...props.ruleBookContainer,\n show: true,\n secondaryActions: (existingActions) => [\n ...existingActions,\n ...(props.ruleBookContainer?.additionalSecondaryActions ?? []), \n <span\n style={{\n width: \"1px\",\n border: \"1px solid #E2E8F0\",\n }}\n />,\n <IconContainer onClick={() => onExpand(\"rulebook\")} style={{ cursor: \"pointer\" }}>\n <Maximize2 size={16} color=\"#64748B\" />\n </IconContainer>,\n ],\n }\n : undefined\n }\n />\n\n <Modal isOpen={modalOpen} onClose={handleModalClose} containerStyle={props.modalContainerStyle} >\n <InternalChatCitationRenderer\n {...props}\n showRootContainer={props.showRootContainer}\n tableComponent={props.tableComponent}\n additionalData={{\n ...props.additionalData,\n isExpanded: true,\n }}\n rootContainer={{\n ...props.rootContainer,\n secondaryActions: (existingSecondaryActions) => [\n ...existingSecondaryActions,\n <IconContainer\n onClick={handleModalClose}\n style={{ cursor: \"pointer\" }}\n >\n <X size={20} color=\"#64748B\" />\n </IconContainer>,\n ],\n }}\n {...(props.chatContainer && {\n chatContainer: {\n ...props.chatContainer,\n show: currentExpandedMode === undefined ? undefined : currentExpandedMode === \"chat\",\n secondaryActions: (existingSecondaryActions) => [\n ...existingSecondaryActions,\n props.chatContainer?.detailedTab?.chip?.isActive && (isRuleBooKPresent \|\| isTableDataPresent) && (\n <span style={{ width: \"1px\", height: \"100%\", border: \"1px solid #E2E8F0\" }} />\n ),\n (isRuleBooKPresent \|\| isTableDataPresent) && (\n <IconContainer style={{ cursor: \"pointer\" }} onClick={() => switchModeTo(\"rulebook\")}>\n <SwapHorizIcon style={{color:\"gray\",fontSize:22}} />\n </IconContainer>\n ),\n !props.showRootContainer && (\n <IconContainer onClick={handleModalClose} style={{ cursor: \"pointer\" }}>\n <X size={20} color=\"#64748B\" />\n </IconContainer>\n ),\n ],\n slotStyles: {\n ...props.chatContainer?.slotStyles,\n chatDataContainer: {\n ...props.chatContainer?.slotStyles?.chatDataContainer,\n maxHeight: undefined,\n },\n },\n }\n })}\n ruleBookContainer={\n isRuleBooKPresent\n ? {\n ...props.ruleBookContainer,\n show:\n currentExpandedMode === undefined\n ? undefined\n : currentExpandedMode === \"rulebook\",\n secondaryActions: (existingSecondaryActions) => [\n ...existingSecondaryActions,\n <span\n style={{\n width: \"1px\",\n border: \"1px solid #E2E8F0\",\n }}\n />,\n <IconContainer\n style={{ cursor: \"pointer\" }}\n onClick={() => switchModeTo(\"chat\")}\n >\n <SwapHorizIcon style={{color:\"gray\",fontSize:22}} />\n </IconContainer>,\n !props.showRootContainer && (\n <IconContainer onClick={handleModalClose} style={{ cursor: \"pointer\" }}>\n <X size={20} color=\"#64748B\" />\n </IconContainer>\n ),\n ],\n slotStyles: {\n ...props.ruleBookContainer?.slotStyles,\n dataContainer: {\n ...props.ruleBookContainer?.slotStyles?.dataContainer,\n maxHeight: undefined,\n },\n },\n }\n : undefined\n }\n />\n </Modal>\n </>\n );\n}"],"names":["ChatCitationRenderer","props","modalOpen","setModalOpen","useState","currentExpandedMode","setCurrentExpandedMode","onExpand","mode","handleModalClose","switchModeTo","isRuleBooKPresent","useMemo","ruleBookContainer","data","isTableDataPresent","tableComponent","rows","Object","keys","length","console","log","rootContainer","chatContainer","jsxs","Fragment","children","jsx","InternalChatCitationRenderer","showRootContainer","additionalData","isExpanded","isRenderedCustomComponent","closePreview","show","secondaryActions","existingActions","additionalSecondaryActions","detailedTab","chip","isActive","style","width","height","border","IconContainer","onClick","cursor","Maximize2","size","color","Modal","isOpen","onClose","containerStyle","modalContainerStyle","existingSecondaryActions","X","SwapHorizIcon","fontSize","slotStyles","chatDataContainer","maxHeight","dataContainer"],"mappings":"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"}
1	+ {"version":3,"file":"ChatCitationRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"./components/ChatCitation.js";import{getColorCode as r}from"./utils/helpers.js";import i from"./components/Chip.js";import n from"./assets/message-chat-square.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import l from"./components/InViewNavigation.js";import a from"./components/DetailedView.js";import s from"./components/SummarizedView.js";import c from"./components/RuleBook.js";import{useState as d,useRef as h,useMemo as u,useEffect as m,useCallback as p}from"react";import{defaultRenderer as f}from"./constants/renderer.js";import g from"./components/IconContainer.js";import{Table as y}from"lucide-react";import{BigQueryTable as b}from"./BigQueryTable.js";import x from"@mui/icons-material/CloseOutlined";const v=(e,t,o="smooth")=>{if(!t)return;let r=e.parentElement;for(;r;){const{overflowY:e}=window.getComputedStyle(r);if(("auto"===e||"scroll"===e)&&r.scrollHeight>r.clientHeight)break;if(r===t){r=null;break}r=r.parentElement}const i=r??t,n=e.getBoundingClientRect(),l=i.getBoundingClientRect(),a=i.scrollTop+n.top-l.top-(i.clientHeight-n.height)/2;i.scrollTo({top:Math.max(0,a),behavior:o})},w={chatData:[]};function C({rootContainer:C,chatContainer:S=w,ruleBookContainer:k,renderer:A,additionalData:D,tableComponent:T,closePreview:F,isRenderedCustomComponent:R=!1,showRootContainer:I=!0,reversePanels:E=!1}){const[j,z]=d(0),[B,H]=d(0),[P,V]=d(0),[q,N]=d(0),W=h(null),Y=h(null),K=h(null),O=u(()=>({...f,...A}),[A]),M=u(()=>!!(T?.rows&&Object.keys(T.rows).length>0),[T]),Q=u(()=>D?.RuleBookDetailedViewVerticallyStacked??!1,[D?.RuleBookDetailedViewVerticallyStacked]);m(()=>{if(k?.show&&W.current){const e=W.current?.querySelectorAll(".rule-book-highlight");if(z(e?.length||0),H(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c",v(t,W.current)}}if(S?.show&&Y?.current){const e=Y.current?.querySelectorAll(".user-chat-highlight");if(V(e?.length||0),N(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c";const o=requestAnimationFrame(()=>{v(t,K.current)});return()=>cancelAnimationFrame(o)}const t=D?.targetIndex;if(void 0!==t&&t>=0&&Y.current?.firstElementChild){const e=Y.current.firstElementChild.children[t];if(e){const t=requestAnimationFrame(()=>{v(e,K.current)});return()=>cancelAnimationFrame(t)}}}},[S?.show,k?.show,k?.data,S?.chatData,D?.targetIndex]);const U=p(()=>{if(B+1<j){const e=W.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[B].style.backgroundColor="#ffffb8";const t=B+1;H(t);const o=e[t];o.style.backgroundColor="#ffff5c",v(o,W.current)}},[B,j]),G=p(()=>{if(B-1<0)return;const e=W.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[B].style.backgroundColor="#ffffb8";const t=B-1,o=e[t];o.style.backgroundColor="#ffff5c",H(t),v(o,W.current)},[B]),J=p(()=>{if(q+1<P){const e=Y.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[q].style.backgroundColor="#ffffb8";const t=q+1,o=e[t];o.style.backgroundColor="#ffff5c",N(t),v(o,K.current)}},[q,P]),L=p(()=>{if(q-1<0)return;const e=Y.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[q].style.backgroundColor="#ffffb8";const t=q-1,o=e[t];o.style.backgroundColor="#ffff5c",N(t),v(o,K.current)},[q]),X=r(C?.relevanceScore||0),Z=u(()=>{const o=e("span",{style:{display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:X.border,backgroundColor:X.background,color:X.text,...C?.slotStyles?.relevanceScore},children:[C?.relevanceTitle||"Decision Strength",":"," ",C?.relevanceScore||0,"%"]},"relevance-score"),r=t("span",{style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:F,children:t(x,{})},"close-preview");return R&&!D?.isExpanded?[o,r]:[o]},[R,X.background,X.border,X.text,C?.relevanceScore,C?.slotStyles?.relevanceScore,C?.relevanceTitle]),$=u(()=>[j>0&&t(l,{currentItemNumber:B+1,totalItems:j,disableNext:B+1>=j,onNext:U,onPrevious:G,disablePrevious:B<=0},"rulebook-nav")],[B,U,G,j]),_=u(()=>D?.RuleBookContainerHeight?D.RuleBookContainerHeight:!(!Q||D?.isExpanded)&&"600px",[D?.RuleBookContainerHeight,Q]),ee=u(()=>[S?.detailedTab?.chip?.isActive&&P>0&&t(l,{currentItemNumber:q+1,totalItems:P,onNext:J,onPrevious:L,disableNext:q+1>=P,disablePrevious:q<=0},"chat-nav")],[S?.detailedTab?.chip?.isActive,q,J,L,P]),te=e("div",{style:{display:"flex",flexDirection:E?Q?"column-reverse":"row-reverse":Q?"column":"row",gap:[S?.chatData&&S.chatData.length>0&&(S.show||void 0===S.show),k?.data&&(k.show||void 0===k.show),M].filter(Boolean).length>1?"12px":"0",height:_||"100%",minHeight:0,...C?.slotStyles?.container},children:[M&&t("span",{style:{flex:"1 1 0%",minWidth:0,...S?.slotStyles?.outerContainer},children:t(o,{title:"Invoice Data Preview",icon:t(g,{children:t(y,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[],children:t("div",{style:{height:"100%",maxHeight:D?.isExpanded?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"},children:T?.rows&&t(b,{rows:T.rows,columns:T.columns||[]})})})}),k?.data&&(k.show||void 0===k.show)&&t("span",{style:{flex:"1 1 0%",minWidth:0,...k?.slotStyles?.outerContainer},children:t(o,{title:k?.title??"Rule book",icon:k?.ruleBookIcon,slotStyles:{title:{color:"#475569",fontWeight:500,...k?.slotStyles?.title},body:k?.slotStyles?.body},secondaryActions:k?.secondaryActions?k.secondaryActions($):$,children:t("div",{style:{height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...k?.slotStyles?.dataContainer},children:t("div",{style:{padding:"12px",height:"100%",overflowY:"auto"},ref:W,children:t(c,{data:k.data,renderers:k?.renderer??O})})})})}),S?.chatData&&S.chatData.length>0&&(S.show||void 0===S.show)&&t("span",{style:{flex:"1 1 0%",minWidth:0,...S?.slotStyles?.outerContainer},children:t(o,{title:S?.title??"Chat",icon:S?.chatIcon,containerStyles:S?.slotStyles?.container,slotStyles:{title:{color:"#475569",fontWeight:500,...S?.slotStyles?.title},body:S?.slotStyles?.body},primaryActions:[(S?.summarizedTab?.chip?.show||void 0===S?.summarizedTab?.chip?.show)&&t(i,{label:"Summarized",...S?.summarizedTab?.chip}),t(i,{label:"Detailed",...S?.detailedTab?.chip})],secondaryActions:S.secondaryActions?S?.secondaryActions(ee):ee,children:e("div",{ref:K,style:{height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...S?.slotStyles?.chatDataContainer},children:[S?.detailedTab?.chip?.isActive&&t("div",{ref:Y,style:{position:D?.isExpanded?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"},children:t(a,{chatData:S.chatData??[],assistantChatProps:{...S?.detailedTab?.view?.assistantChatProps,renderers:S?.detailedTab?.detailedViewRenderer?.assistantText??O},userChatItemProps:{...S?.detailedTab?.view?.userChatItemProps,renderers:S?.detailedTab?.detailedViewRenderer?.userText??O}})}),S?.summarizedTab?.chip?.show&&S?.summarizedTab?.chip?.isActive&&t(s,{chatData:S.chatData??[],...S?.summarizedTab?.view,renderer:S?.summarizedTab?.summarizedViewRenderer??O})]})})})]});return I?t(o,{title:C?.title,slotStyles:{title:C?.slotStyles?.title,body:C?.slotStyles?.body},containerStyles:C?.slotStyles?.container,icon:C?.icon??t(g,{children:t("img",{src:n,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:C?.secondaryActions?C.secondaryActions(Z):Z,children:te}):te}export{C as default};
+import{__assign as o}from"tslib";import{jsxs as l,jsx as i}from"react/jsx-runtime";import e from"./components/ChatCitation.js";import{getColorCode as n}from"./utils/helpers.js";import t from"./components/Chip.js";import r from"./assets/message-chat-square.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import d from"./components/InViewNavigation.js";import a from"./components/DetailedView.js";import u from"./components/SummarizedView.js";import v from"./components/RuleBook.js";import{useState as s,useRef as c,useMemo as h,useEffect as f,useCallback as m}from"react";import{defaultRenderer as p}from"./constants/renderer.js";import g from"./components/IconContainer.js";import{Table as y}from"lucide-react";import{BigQueryTable as b}from"./BigQueryTable.js";import x from"@mui/icons-material/CloseOutlined";var w=function(o,l,i){if(void 0===i&&(i="smooth"),l){for(var e=o.parentElement;e;){var n=window.getComputedStyle(e).overflowY;if(("auto"===n||"scroll"===n)&&e.scrollHeight>e.clientHeight)break;if(e===l){e=null;break}e=e.parentElement}var t=null!=e?e:l,r=o.getBoundingClientRect(),d=t.getBoundingClientRect(),a=t.scrollTop+r.top-d.top-(t.clientHeight-r.height)/2;t.scrollTo({top:Math.max(0,a),behavior:i})}},C={chatData:[]};function S(S){var k,A,D,T,F,R,I,E,j,z,B,H,P,V,q,N,W,Y,K,O,M,Q,U,G,J,L,X,Z,$,_,oo,lo,io,eo,no,to,ro,ao,uo,vo,so,co,ho,fo,mo,po,go,yo,bo=S.rootContainer,xo=S.chatContainer,wo=void 0===xo?C:xo,Co=S.ruleBookContainer,So=S.renderer,ko=S.additionalData,Ao=S.tableComponent,Do=S.closePreview,To=S.isRenderedCustomComponent,Fo=void 0!==To&&To,Ro=S.showRootContainer,Io=void 0===Ro||Ro,Eo=S.reversePanels,jo=void 0!==Eo&&Eo,zo=s(0),Bo=zo[0],Ho=zo[1],Po=s(0),Vo=Po[0],qo=Po[1],No=s(0),Wo=No[0],Yo=No[1],Ko=s(0),Oo=Ko[0],Mo=Ko[1],Qo=c(null),Uo=c(null),Go=c(null),Jo=h(function(){return o(o({},p),So)},[So]),Lo=h(function(){return!!((null==Ao?void 0:Ao.rows)&&Object.keys(Ao.rows).length>0)},[Ao]),Xo=h(function(){var o;return null!==(o=null==ko?void 0:ko.RuleBookDetailedViewVerticallyStacked)&&void 0!==o&&o},[null==ko?void 0:ko.RuleBookDetailedViewVerticallyStacked]);f(function(){var o,l,i;if((null==Co?void 0:Co.show)&&Qo.current){var e=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(Ho((null==e?void 0:e.length)||0),qo(0),e&&e.length>0){var n=e[0];n.style.backgroundColor="#ffff5c",w(n,Qo.current)}}if((null==wo?void 0:wo.show)&&(null==Uo?void 0:Uo.current)){var t=null===(l=Uo.current)||void 0===l?void 0:l.querySelectorAll(".user-chat-highlight");if(Yo((null==t?void 0:t.length)||0),Mo(0),t&&t.length>0){var r=t[0];r.style.backgroundColor="#ffff5c";var d=requestAnimationFrame(function(){w(r,Go.current)});return function(){return cancelAnimationFrame(d)}}var a=null==ko?void 0:ko.targetIndex;if(void 0!==a&&a>=0&&(null===(i=Uo.current)||void 0===i?void 0:i.firstElementChild)){var u=Uo.current.firstElementChild.children[a];if(u){var v=requestAnimationFrame(function(){w(u,Go.current)});return function(){return cancelAnimationFrame(v)}}}}},[null==wo?void 0:wo.show,null==Co?void 0:Co.show,null==Co?void 0:Co.data,null==wo?void 0:wo.chatData,null==ko?void 0:ko.targetIndex]);var Zo=m(function(){var o;if(Vo+1<Bo){var l=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(!l)return;l[Vo].style.backgroundColor="#ffffb8";var i=Vo+1;qo(i);var e=l[i];e.style.backgroundColor="#ffff5c",w(e,Qo.current)}},[Vo,Bo]),$o=m(function(){var o;if(!(Vo-1<0)){var l=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(l){l[Vo].style.backgroundColor="#ffffb8";var i=Vo-1,e=l[i];e.style.backgroundColor="#ffff5c",qo(i),w(e,Qo.current)}}},[Vo]),_o=m(function(){var o;if(Oo+1<Wo){var l=null===(o=Uo.current)||void 0===o?void 0:o.querySelectorAll(".user-chat-highlight");if(!l)return;l[Oo].style.backgroundColor="#ffffb8";var i=Oo+1,e=l[i];e.style.backgroundColor="#ffff5c",Mo(i),w(e,Go.current)}},[Oo,Wo]),ol=m(function(){var o;if(!(Oo-1<0)){var l=null===(o=Uo.current)||void 0===o?void 0:o.querySelectorAll(".user-chat-highlight");if(l){l[Oo].style.backgroundColor="#ffffb8";var i=Oo-1,e=l[i];e.style.backgroundColor="#ffff5c",Mo(i),w(e,Go.current)}}},[Oo]),ll=n((null==bo?void 0:bo.relevanceScore)||0),il=h(function(){var e,n=l("span",o({style:o({display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:ll.border,backgroundColor:ll.background,color:ll.text},null===(e=null==bo?void 0:bo.slotStyles)||void 0===e?void 0:e.relevanceScore)},{children:[(null==bo?void 0:bo.relevanceTitle)||"Decision Strength",":"," ",(null==bo?void 0:bo.relevanceScore)||0,"%"]}),"relevance-score"),t=i("span",o({style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:Do},{children:i(x,{})}),"close-preview");return Fo&&!(null==ko?void 0:ko.isExpanded)?[n,t]:[n]},[Fo,ll.background,ll.border,ll.text,null==bo?void 0:bo.relevanceScore,null===(k=null==bo?void 0:bo.slotStyles)||void 0===k?void 0:k.relevanceScore,null==bo?void 0:bo.relevanceTitle]),el=h(function(){return[Bo>0&&i(d,{currentItemNumber:Vo+1,totalItems:Bo,disableNext:Vo+1>=Bo,onNext:Zo,onPrevious:$o,disablePrevious:Vo<=0},"rulebook-nav")]},[Vo,Zo,$o,Bo]),nl=h(function(){return(null==ko?void 0:ko.RuleBookContainerHeight)?ko.RuleBookContainerHeight:!(!Xo||(null==ko?void 0:ko.isExpanded))&&"600px"},[null==ko?void 0:ko.RuleBookContainerHeight,Xo]),tl=h(function(){var o,l;return[(null===(l=null===(o=null==wo?void 0:wo.detailedTab)||void 0===o?void 0:o.chip)||void 0===l?void 0:l.isActive)&&Wo>0&&i(d,{currentItemNumber:Oo+1,totalItems:Wo,onNext:_o,onPrevious:ol,disableNext:Oo+1>=Wo,disablePrevious:Oo<=0},"chat-nav")]},[null===(D=null===(A=null==wo?void 0:wo.detailedTab)||void 0===A?void 0:A.chip)||void 0===D?void 0:D.isActive,Oo,_o,ol,Wo]),rl=l("div",o({style:o({display:"flex",flexDirection:jo?Xo?"column-reverse":"row-reverse":Xo?"column":"row",gap:[(null==wo?void 0:wo.chatData)&&wo.chatData.length>0&&(wo.show||void 0===wo.show),(null==Co?void 0:Co.data)&&(Co.show||void 0===Co.show),Lo].filter(Boolean).length>1?"12px":"0",height:nl||"100%",minHeight:0},null===(T=null==bo?void 0:bo.slotStyles)||void 0===T?void 0:T.container)},{children:[Lo&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(F=null==wo?void 0:wo.slotStyles)||void 0===F?void 0:F.outerContainer)},{children:i(e,o({title:"Invoice Data Preview",icon:i(g,{children:i(y,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[]},{children:i("div",o({style:{height:"100%",maxHeight:(null==ko?void 0:ko.isExpanded)?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"}},{children:(null==Ao?void 0:Ao.rows)&&i(b,{rows:Ao.rows,columns:Ao.columns||[]})}))}))})),(null==Co?void 0:Co.data)&&(Co.show||void 0===Co.show)&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(R=null==Co?void 0:Co.slotStyles)||void 0===R?void 0:R.outerContainer)},{children:i(e,o({title:null!==(I=null==Co?void 0:Co.title)&&void 0!==I?I:"Rule book",icon:null==Co?void 0:Co.ruleBookIcon,slotStyles:{title:o({color:"#475569",fontWeight:500},null===(E=null==Co?void 0:Co.slotStyles)||void 0===E?void 0:E.title),body:null===(j=null==Co?void 0:Co.slotStyles)||void 0===j?void 0:j.body},secondaryActions:(null==Co?void 0:Co.secondaryActions)?Co.secondaryActions(el):el},{children:i("div",o({style:o({height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(z=null==Co?void 0:Co.slotStyles)||void 0===z?void 0:z.dataContainer)},{children:i("div",o({style:{padding:"12px",height:"100%",overflowY:"auto"},ref:Qo},{children:i(v,{data:Co.data,renderers:null!==(B=null==Co?void 0:Co.renderer)&&void 0!==B?B:Jo})}))}))}))})),(null==wo?void 0:wo.chatData)&&wo.chatData.length>0&&(wo.show||void 0===wo.show)&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(H=null==wo?void 0:wo.slotStyles)||void 0===H?void 0:H.outerContainer)},{children:i(e,o({title:null!==(P=null==wo?void 0:wo.title)&&void 0!==P?P:"Chat",icon:null==wo?void 0:wo.chatIcon,containerStyles:null===(V=null==wo?void 0:wo.slotStyles)||void 0===V?void 0:V.container,slotStyles:{title:o({color:"#475569",fontWeight:500},null===(q=null==wo?void 0:wo.slotStyles)||void 0===q?void 0:q.title),body:null===(N=null==wo?void 0:wo.slotStyles)||void 0===N?void 0:N.body},primaryActions:[((null===(Y=null===(W=null==wo?void 0:wo.summarizedTab)||void 0===W?void 0:W.chip)||void 0===Y?void 0:Y.show)||void 0===(null===(O=null===(K=null==wo?void 0:wo.summarizedTab)||void 0===K?void 0:K.chip)||void 0===O?void 0:O.show))&&i(t,o({label:"Summarized"},null===(M=null==wo?void 0:wo.summarizedTab)||void 0===M?void 0:M.chip)),i(t,o({label:"Detailed"},null===(Q=null==wo?void 0:wo.detailedTab)||void 0===Q?void 0:Q.chip))],secondaryActions:wo.secondaryActions?null==wo?void 0:wo.secondaryActions(tl):tl},{children:l("div",o({ref:Go,style:o({height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(U=null==wo?void 0:wo.slotStyles)||void 0===U?void 0:U.chatDataContainer)},{children:[(null===(J=null===(G=null==wo?void 0:wo.detailedTab)||void 0===G?void 0:G.chip)||void 0===J?void 0:J.isActive)&&i("div",o({ref:Uo,style:{position:(null==ko?void 0:ko.isExpanded)?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"}},{children:i(a,{chatData:null!==(L=wo.chatData)&&void 0!==L?L:[],assistantChatProps:o(o({},null===(Z=null===(X=null==wo?void 0:wo.detailedTab)||void 0===X?void 0:X.view)||void 0===Z?void 0:Z.assistantChatProps),{renderers:null!==(oo=null===(_=null===($=null==wo?void 0:wo.detailedTab)||void 0===$?void 0:$.detailedViewRenderer)||void 0===_?void 0:_.assistantText)&&void 0!==oo?oo:Jo}),userChatItemProps:o(o({},null===(io=null===(lo=null==wo?void 0:wo.detailedTab)||void 0===lo?void 0:lo.view)||void 0===io?void 0:io.userChatItemProps),{renderers:null!==(to=null===(no=null===(eo=null==wo?void 0:wo.detailedTab)||void 0===eo?void 0:eo.detailedViewRenderer)||void 0===no?void 0:no.userText)&&void 0!==to?to:Jo})})})),(null===(ao=null===(ro=null==wo?void 0:wo.summarizedTab)||void 0===ro?void 0:ro.chip)||void 0===ao?void 0:ao.show)&&(null===(vo=null===(uo=null==wo?void 0:wo.summarizedTab)||void 0===uo?void 0:uo.chip)||void 0===vo?void 0:vo.isActive)&&i(u,o({chatData:null!==(so=wo.chatData)&&void 0!==so?so:[]},null===(co=null==wo?void 0:wo.summarizedTab)||void 0===co?void 0:co.view,{renderer:null!==(fo=null===(ho=null==wo?void 0:wo.summarizedTab)||void 0===ho?void 0:ho.summarizedViewRenderer)&&void 0!==fo?fo:Jo}))]}))}))}))]}));return Io?i(e,o({title:null==bo?void 0:bo.title,slotStyles:{title:null===(mo=null==bo?void 0:bo.slotStyles)||void 0===mo?void 0:mo.title,body:null===(po=null==bo?void 0:bo.slotStyles)||void 0===po?void 0:po.body},containerStyles:null===(go=null==bo?void 0:bo.slotStyles)||void 0===go?void 0:go.container,icon:null!==(yo=null==bo?void 0:bo.icon)&&void 0!==yo?yo:i(g,{children:i("img",{src:r,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:(null==bo?void 0:bo.secondaryActions)?bo.secondaryActions(il):il},{children:rl})):rl}export{S as default};
 //# sourceMappingURL=InternalChatCitationRenderer.js.map

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

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

package/dist/features/ChatCitation/components/AssistantChatItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../assets/cw_chat.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import{highlightContent as o}from"../utils/helpers.js";import i from"./MarkdownRenderer.js";const s={rootRow:{display:"flex",gap:4},avatar:{width:24,height:24,flexShrink:0},contentColumn:{display:"flex",flexDirection:"column",gap:4},messageText:{fontSize:14,fontWeight:400},footerText:{fontSize:10,fontWeight:400,color:"#94A3B8"}};function a({chatDetails:a,image:l,timestampFormat:m="h:mm A | D MMM YYYY",maxWidthOfTextInPercent:n=60,slotClassname:h,slotProps:c,slotStyles:d,renderers:g}){const f=Array.isArray(a.highlighted_text)?a.highlighted_text:[a.highlighted_text],p=o(a.message,f,"user-chat-highlight");return e("div",{style:{maxWidth:`${n}%`},children:t("div",{style:s.rootRow,children:[l??e("span",{style:s.avatar,children:e("img",{src:r,alt:"CW Chat"})}),t("div",{style:s.contentColumn,children:[e("p",{style:{...s.messageText,...d?.message},...c?.message,children:e(i,{content:p,renderers:g})}),t("p",{style:{...s.footerText,...d?.footerText},...c?.footerText,children:[a.userName," |"," ",a.timeStamp.format(m)]})]})]})})}export{a as default};
+import{__assign as e}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import o from"../assets/cw_chat.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import{highlightContent as i}from"../utils/helpers.js";import a from"./MarkdownRenderer.js";var l={rootRow:{display:"flex",gap:4},avatar:{width:24,height:24,flexShrink:0},contentColumn:{display:"flex",flexDirection:"column",gap:4},messageText:{fontSize:14,fontWeight:400},footerText:{fontSize:10,fontWeight:400,color:"#94A3B8"}};function s(s){var n=s.chatDetails,m=s.image,h=s.timestampFormat,d=void 0===h?"h:mm A | D MMM YYYY":h,c=s.maxWidthOfTextInPercent,f=void 0===c?60:c;s.slotClassname;var g=s.slotProps,p=s.slotStyles,u=s.renderers,x=Array.isArray(n.highlighted_text)?n.highlighted_text:[n.highlighted_text],v=i(n.message,x,"user-chat-highlight");return t("div",e({style:{maxWidth:"".concat(f,"%")}},{children:r("div",e({style:l.rootRow},{children:[null!=m?m:t("span",e({style:l.avatar},{children:t("img",{src:o,alt:"CW Chat"})})),r("div",e({style:l.contentColumn},{children:[t("p",e({style:e(e({},l.messageText),null==p?void 0:p.message)},null==g?void 0:g.message,{children:t(a,{content:v,renderers:u})})),r("p",e({style:e(e({},l.footerText),null==p?void 0:p.footerText)},null==g?void 0:g.footerText,{children:[n.userName," |"," ",n.timeStamp.format(d)]}))]}))]}))}))}export{s as default};
 //# sourceMappingURL=AssistantChatItem.js.map

package/dist/features/ChatCitation/components/AssistantChatItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssistantChatItem.js","sources":[~~"../../../../src/features/ChatCitation/components/AssistantChatItem.tsx"~~],"sourcesContent":["import { CWChatIcon } from \"../constants/icons\";\nimport { ChatCitationItemProps } from \"../types/citations.types\";\nimport { highlightContent } from \"../utils/helpers\";\nimport MarkdownRenderer from \"./MarkdownRenderer\";\n\nexport type AssistantChatItemProps = ChatCitationItemProps & {\n image?: React.ReactNode;\n timestampFormat?: string;\n};\n\nconst styles = {\n rootRow: {\n display: \"flex\",\n gap: 4,\n } as React.CSSProperties,\n\n avatar: {\n width: 24,\n height: 24,\n flexShrink: 0,\n } as React.CSSProperties,\n\n contentColumn: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: 4,\n } as React.CSSProperties,\n\n messageText: {\n fontSize: 14,\n fontWeight: 400,\n } as React.CSSProperties,\n\n footerText: {\n fontSize: 10,\n fontWeight: 400,\n color: \"#94A3B8\",\n } as React.CSSProperties,\n};\n\nexport default function AssistantChatItem({\n chatDetails,\n image,\n timestampFormat = \"h:mm A \| D MMM YYYY\",\n maxWidthOfTextInPercent = 60,\n slotClassname,\n slotProps,\n slotStyles,\n renderers,\n}: AssistantChatItemProps) {\n // Convert to array if it's a single string\nconst highlightsArray = Array.isArray(chatDetails.highlighted_text)\n ? chatDetails.highlighted_text\n : [chatDetails.highlighted_text];\n\nconst highlightedMessage = highlightContent(\n chatDetails.message,\n highlightsArray,\n \"user-chat-highlight\"\n);\n\n return (\n <div style={{ maxWidth: `${maxWidthOfTextInPercent}%` }}>\n <div style={styles.rootRow}>\n {image ?? (\n <span style={styles.avatar}>\n <img src={CWChatIcon} alt=\"CW Chat\" />\n </span>\n )}\n\n <div style={styles.contentColumn}>\n <p\n style={{\n ...styles.messageText,\n ...slotStyles?.message,\n }}\n {...slotProps?.message}\n >\n <MarkdownRenderer\n content={highlightedMessage}\n renderers={renderers}\n />\n </p>\n\n <p\n style={{\n ...styles.footerText,\n ...slotStyles?.footerText,\n }}\n {...slotProps?.footerText}\n >\n {chatDetails.userName} \|{\" \"}\n {chatDetails.timeStamp.format(timestampFormat)}\n </p>\n </div>\n </div>\n </div>\n );\n}\n"],"names":["styles","rootRow","display","gap","avatar","width","height","flexShrink","contentColumn","flexDirection","messageText","fontSize","fontWeight","footerText","color","AssistantChatItem","chatDetails","image","timestampFormat","maxWidthOfTextInPercent","slotClassname","slotProps","slotStyles","renderers","highlightsArray","Array","isArray","highlighted_text","highlightedMessage","highlightContent","message","jsx","style","maxWidth","children","jsxs","src","CWChatIcon","alt","MarkdownRenderer","content","userName","timeStamp","format"],"mappings":"kTAUA,MAAMA,EAAS,CACbC,QAAS,CACPC,QAAS,OACTC,IAAK,GAGPC,OAAQ,CACNC,MAAO,GACPC,OAAQ,GACRC,WAAY,GAGdC,cAAe,CACbN,QAAS,OACTO,cAAe,SACfN,IAAK,GAGPO,YAAa,CACXC,SAAU,GACVC,WAAY,KAGdC,WAAY,CACVF,SAAU,GACVC,WAAY,IACZE,MAAO,YAIX,SAAwBC,GAAkBC,YACxCA,EAAAC,MACAA,EAAAC,gBACAA,EAAkB,sBAAAC,wBAClBA,EAA0B,GAAAC,cAC1BA,EAAAC,UACAA,EAAAC,WACAA,EAAAC,UACAA,IAGI,MAAAC,EAAkBC,MAAMC,QAAQV,EAAYW,kBAC9CX,EAAYW,iBACZ,CAACX,EAAYW,kBAEXC,EAAqBC,EACzBb,EAAYc,QACZN,EACA,uBAGA,OACGO,EAAA,MAAA,CAAIC,MAAO,CAAEC,SAAU,GAAGd,MACzBe,SAAAC,EAAC,MAAI,CAAAH,MAAOhC,EAAOC,QAChBiC,SAAA,CACCjB,GAAAc,EAAC,OAAK,CAAAC,MAAOhC,EAAOI,OAClB8B,SAACH,EAAA,MAAA,CAAIK,IAAKC,EAAYC,IAAI,cAI7BH,EAAA,MAAA,CAAIH,MAAOhC,EAAOQ,cACjB0B,SAAA,CAAAH,EAAC,IAAA,CACCC,MAAO,IACFhC,EAAOU,eACPY,GAAYQ,YAEbT,GAAWS,QAEfI,SAAAH,EAACQ,EAAA,CACCC,QAASZ,EACTL,gBAIJY,EAAC,IAAA,CACCH,MAAO,IACFhC,EAAOa,cACPS,GAAYT,eAEbQ,GAAWR,WAEdqB,SAAA,CAAYlB,EAAAyB,SAAS,KAAG,IACxBzB,EAAY0B,UAAUC,OAAOzB,aAM1C"}
1	+ {"version":3,"file":"AssistantChatItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/ChatCitation/components/ChatCitation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";const t={container:{border:"1px solid #E2E8F0",padding:12,paddingBottom:0,borderRadius:8,height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"},headerRow:{display:"flex",flexDirection:"row",gap:16,justifyContent:"space-between",alignItems:"center",height:18},leftRow:{display:"flex",flexDirection:"row",gap:12,alignItems:"center"},iconTitleRow:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},titleText:{fontSize:14,fontWeight:700,color:"#5928ED"},actionsRow:{display:"flex",flexDirection:"row",gap:6,alignItems:"center"},body:{paddingTop:12,paddingBottom:12,flex:1}};function n({title:n="User Chat",icon:o,slotStyles:l,primaryActions:r,secondaryActions:d,children:a,containerStyles:c}){return e("div",{style:{...t.container,...c},children:[e("div",{style:{...t.headerRow,overflowX:"auto",minHeight:"2.18rem",overflowY:"hidden",scrollbarWidth:"thin"},children:[e("div",{style:t.leftRow,children:[e("div",{style:t.iconTitleRow,children:[i("span",{children:o}),i("span",{style:{...t.titleText,...l?.title},children:n})]}),i("div",{style:t.actionsRow,children:r?.filter(e=>void 0!==e).map((e,t)=>i("span",{children:e},t))})]}),i("div",{style:{...t.actionsRow,gap:16,alignItems:"center"},children:d?.filter(e=>void 0!==e).map((e,t)=>i("span",{children:e},t))})]}),i("div",{style:{...t.body,...l?.body},id:"body",children:a})]})}export{n as default};
+import{__assign as e}from"tslib";import{jsxs as i,jsx as t}from"react/jsx-runtime";var n={container:{border:"1px solid #E2E8F0",padding:12,paddingBottom:0,borderRadius:8,height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"},headerRow:{display:"flex",flexDirection:"row",gap:16,justifyContent:"space-between",alignItems:"center",height:18},leftRow:{display:"flex",flexDirection:"row",gap:12,alignItems:"center"},iconTitleRow:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},titleText:{fontSize:14,fontWeight:700,color:"#5928ED"},actionsRow:{display:"flex",flexDirection:"row",gap:6,alignItems:"center"},body:{paddingTop:12,paddingBottom:12,flex:1}};function o(o){var l=o.title,r=void 0===l?"User Chat":l,d=o.icon,a=o.slotStyles,c=o.primaryActions,s=o.secondaryActions,f=o.children,p=o.containerStyles;return i("div",e({style:e(e({},n.container),p)},{children:[i("div",e({style:e(e({},n.headerRow),{overflowX:"auto",minHeight:"2.18rem",overflowY:"hidden",scrollbarWidth:"thin"})},{children:[i("div",e({style:n.leftRow},{children:[i("div",e({style:n.iconTitleRow},{children:[t("span",{children:d}),t("span",e({style:e(e({},n.titleText),null==a?void 0:a.title)},{children:r}))]})),t("div",e({style:n.actionsRow},{children:null==c?void 0:c.filter(function(e){return void 0!==e}).map(function(e,i){return t("span",{children:e},i)})}))]})),t("div",e({style:e(e({},n.actionsRow),{gap:16,alignItems:"center"})},{children:null==s?void 0:s.filter(function(e){return void 0!==e}).map(function(e,i){return t("span",{children:e},i)})}))]})),t("div",e({style:e(e({},n.body),null==a?void 0:a.body),id:"body"},{children:f}))]}))}export{o as default};
 //# sourceMappingURL=ChatCitation.js.map