@viswa-test/test-citation 0.0.385 → 0.0.387

package/dist/cjs/features/Bookemon/BookPreview/BookPreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("@mui/icons-material/Close"),i=require("@mui/icons-material/ArrowBack"),r=require("../../BookCitation/BookCitation.js"),n=require("../Bookemon.js"),l=require("@mui/material/Switch"),a=require("@mui/material/Tooltip");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o),c=s(i),g=s(l),h=s(a);exports.default=({bookOverView:o,bookCoverImage:i,onClose:l,customStyle:a,quotesToHighLightData:s,updateQuotesToHighLight:u,citationLoad:p,clickableElementCategory:x="",comingSoonData:f,isNonHighlightedBlur:y=!1,isBlurToggleVisible:m=!1,noHtmlContent:b=!1,isBookemon:v=!0})=>{const[k,C]=t.useState(!1),[j,w]=t.useState(!0),S=!!s.content,B={header:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"16px"},headerLeft:{display:"flex",alignItems:"center",gap:"8px"},closeButton:{padding:"4px",borderRadius:"4px",cursor:"pointer",backgroundColor:"transparent"},flexCenter:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},coverContainer:{width:"100%",maxWidth:"300px",borderRadius:"12px",padding:"4px",background:"linear-gradient(135deg, #34D399, #3B82F6, #10B981)",position:"relative",overflow:"hidden",boxShadow:"0 10px 25px rgba(0,0,0,0.3)",marginBottom:"24px"},bookCoverStyle:{width:"100%",height:"auto",objectFit:"contain",borderRadius:"12px",boxShadow:"0 4px 12px rgba(0,0,0,0.1)"},loadingStyle:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},rightPanel:{height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},clickableElementCategory:{fontSize:"20px",fontWeight:600},previewWrapper:{flex:1,width:"80%",margin:"0 auto",display:"flex",flexDirection:"column",overflow:"hidden",justifyContent:"flex-start",alignItems:"center"},coverImagePreview:{display:"flex",justifyContent:"center",alignItems:"center",aspectRatio:"7 / 10",background:"",padding:0},toggleBlurContainer:{display:"flex",alignItems:"center",gap:"20px"},bookCoverPlaceholder:{width:"100%",height:"calc(100% - 8px)",background:"linear-gradient(to bottom, #22c55e, #14532d)",borderRadius:"4px",padding:"4px",color:"white",fontSize:"10px",display:"flex",justifyContent:"center",alignItems:"center"},bookCoverInner:{border:"1px solid white",padding:"4px",width:"calc(100% - 26px)",height:"calc(100% - 26px)",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",justifyContent:"space-around"},bookTitle:{fontWeight:800,fontSize:"1.5rem",textTransform:"uppercase",letterSpacing:"0.5px",lineHeight:1.2,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",padding:"0 8px"},bookAuthor:{fontSize:"1rem",fontWeight:500,opacity:.9,marginTop:"8px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"}};return t.useEffect(()=>{w(!0),console.log(p,"citationLoad")},[p]),e.jsxs("div",{style:{...B.rightPanel,...a?.rightPanel||{}},children:[e.jsxs("div",{style:B.header,children:[e.jsxs("div",{style:B.headerLeft,children:[(S||b)&&e.jsx("button",{style:B.closeButton,onClick:()=>u("","Book Preview"),onMouseOver:e=>e.currentTarget.style.backgroundColor="#F3F4F6",onMouseOut:e=>e.currentTarget.style.backgroundColor="transparent",children:e.jsx(c.default,{})}),e.jsx("h2",{style:B.clickableElementCategory,children:x})]}),e.jsxs("div",{style:B.toggleBlurContainer,children:[S&&m&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"2px"},children:[e.jsx(g.default,{checked:j,onChange:e=>{w(e.target.checked),console.log(e.target.checked,"event.target.checked")},color:"primary",size:"small"}),e.jsxs("span",{style:{fontSize:"0.75rem",display:"flex",alignItems:"center",gap:"4px"},children:["Blur",e.jsx(h.default,{title:"Blur Text is enabled by default. Non-highlighted parts of the text will appear blurred to help you focus on the highlighted content. You can turn this off if you want to see all text clearly.",children:e.jsx("span",{style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:"14px",height:"14px",borderRadius:"50%",backgroundColor:"#485468",color:"#fff",fontSize:"10px",fontWeight:"bold",cursor:"pointer",lineHeight:"14px",userSelect:"none"},children:"i"})})]})]}),e.jsx("button",{style:B.closeButton,onClick:()=>{l(),u("","Book Preview")},onMouseOver:e=>e.currentTarget.style.backgroundColor="#F3F4F6",onMouseOut:e=>e.currentTarget.style.backgroundColor="transparent",children:e.jsx(d.default,{})})]})]}),e.jsx("div",{style:{...B.previewWrapper,...a?.previewWrapper},children:S?e.jsx(r.default,{citationNumber:1,defaultState:!0,partialMatch:!0,fixedWidth:!1,citationTitle:"Sample Citation",title:"Sample Title",paragraphs:[s?.content],textToHighlight:[s?.textToHighLight],externalLinkComponent:"",bookCoverImage:i,customStyle:a?.citationCustomStyle,isNonHighlightedBlur:y,isBookemon:v,toggleBlur:j}):p||b?e.jsxs("div",{style:B.loadingStyle,children:[e.jsx("div",{style:n.comingSoonStyles.iconWrapper,children:f?.icon||n.defaultIcon}),b?e.jsxs("p",{style:n.comingSoonStyles.text,children:["No data found matching the selected ",x.toLowerCase()]}):e.jsxs("p",{style:n.comingSoonStyles.text,children:["fetching ",x.toLowerCase(),"...."]})]}):e.jsx("div",{style:B.flexCenter,children:e.jsx("div",{style:{...B.coverContainer,...k||!i?{...B.coverImagePreview,...a?.coverImagePreview}:{}},children:i&&!k?e.jsx("img",{onError:()=>C(!0),style:B.bookCoverStyle,src:i,alt:"Book Cover Image"}):e.jsx("div",{style:B.bookCoverPlaceholder,children:e.jsxs("div",{style:B.bookCoverInner,children:[e.jsx("div",{style:B.bookTitle,children:o?.title||"Unknown Title"}),e.jsx("div",{style:B.bookAuthor,children:o?.author||"Unknown Author"})]})})})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),n=require("@mui/icons-material/Close"),o=require("@mui/icons-material/ArrowBack"),r=require("../../BookCitation/BookCitation.js"),l=require("../Bookemon.js"),a=require("@mui/material/Switch"),s=require("@mui/material/Tooltip");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(n),g=d(o),u=d(a),h=d(s);exports.default=function(n){var o=n.bookOverView,a=n.bookCoverImage,s=n.onClose,d=n.customStyle,p=n.quotesToHighLightData,x=n.updateQuotesToHighLight,f=n.citationLoad,y=n.clickableElementCategory,v=void 0===y?"":y,m=n.comingSoonData,_=n.isNonHighlightedBlur,b=void 0!==_&&_,k=n.isBlurToggleVisible,C=void 0!==k&&k,j=n.noHtmlContent,w=void 0!==j&&j,S=n.isBookemon,B=void 0===S||S,I=i.useState(!1),T=I[0],W=I[1],L=i.useState(!0),P=L[0],q=L[1],H=!!p.content,F={header:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"16px"},headerLeft:{display:"flex",alignItems:"center",gap:"8px"},closeButton:{padding:"4px",borderRadius:"4px",cursor:"pointer",backgroundColor:"transparent"},flexCenter:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},coverContainer:{width:"100%",maxWidth:"300px",borderRadius:"12px",padding:"4px",background:"linear-gradient(135deg, #34D399, #3B82F6, #10B981)",position:"relative",overflow:"hidden",boxShadow:"0 10px 25px rgba(0,0,0,0.3)",marginBottom:"24px"},bookCoverStyle:{width:"100%",height:"auto",objectFit:"contain",borderRadius:"12px",boxShadow:"0 4px 12px rgba(0,0,0,0.1)"},loadingStyle:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},rightPanel:{height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},clickableElementCategory:{fontSize:"20px",fontWeight:600},previewWrapper:{flex:1,width:"80%",margin:"0 auto",display:"flex",flexDirection:"column",overflow:"hidden",justifyContent:"flex-start",alignItems:"center"},coverImagePreview:{display:"flex",justifyContent:"center",alignItems:"center",aspectRatio:"7 / 10",background:"",padding:0},toggleBlurContainer:{display:"flex",alignItems:"center",gap:"20px"},bookCoverPlaceholder:{width:"100%",height:"calc(100% - 8px)",background:"linear-gradient(to bottom, #22c55e, #14532d)",borderRadius:"4px",padding:"4px",color:"white",fontSize:"10px",display:"flex",justifyContent:"center",alignItems:"center"},bookCoverInner:{border:"1px solid white",padding:"4px",width:"calc(100% - 26px)",height:"calc(100% - 26px)",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",justifyContent:"space-around"},bookTitle:{fontWeight:800,fontSize:"1.5rem",textTransform:"uppercase",letterSpacing:"0.5px",lineHeight:1.2,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",padding:"0 8px"},bookAuthor:{fontSize:"1rem",fontWeight:500,opacity:.9,marginTop:"8px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"}};return i.useEffect(function(){q(!0),console.log(f,"citationLoad")},[f]),t.jsxs("div",e.__assign({style:e.__assign(e.__assign({},F.rightPanel),(null==d?void 0:d.rightPanel)||{})},{children:[t.jsxs("div",e.__assign({style:F.header},{children:[t.jsxs("div",e.__assign({style:F.headerLeft},{children:[(H||w)&&t.jsx("button",e.__assign({style:F.closeButton,onClick:function(){return x("","Book Preview")},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="#F3F4F6"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="transparent"}},{children:t.jsx(g.default,{})})),t.jsx("h2",e.__assign({style:F.clickableElementCategory},{children:v}))]})),t.jsxs("div",e.__assign({style:F.toggleBlurContainer},{children:[H&&C&&t.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"2px"}},{children:[t.jsx(u.default,{checked:P,onChange:function(e){q(e.target.checked),console.log(e.target.checked,"event.target.checked")},color:"primary",size:"small"}),t.jsxs("span",e.__assign({style:{fontSize:"0.75rem",display:"flex",alignItems:"center",gap:"4px"}},{children:["Blur",t.jsx(h.default,e.__assign({title:"Blur Text is enabled by default. Non-highlighted parts of the text will appear blurred to help you focus on the highlighted content. You can turn this off if you want to see all text clearly."},{children:t.jsx("span",e.__assign({style:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:"14px",height:"14px",borderRadius:"50%",backgroundColor:"#485468",color:"#fff",fontSize:"10px",fontWeight:"bold",cursor:"pointer",lineHeight:"14px",userSelect:"none"}},{children:"i"}))}))]}))]})),t.jsx("button",e.__assign({style:F.closeButton,onClick:function(){s(),x("","Book Preview")},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="#F3F4F6"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="transparent"}},{children:t.jsx(c.default,{})}))]}))]})),t.jsx("div",e.__assign({style:e.__assign(e.__assign({},F.previewWrapper),null==d?void 0:d.previewWrapper)},{children:H?t.jsx(r.default,{citationNumber:1,defaultState:!0,partialMatch:!0,fixedWidth:!1,citationTitle:"Sample Citation",title:"Sample Title",paragraphs:[null==p?void 0:p.content],textToHighlight:[null==p?void 0:p.textToHighLight],externalLinkComponent:"",bookCoverImage:a,customStyle:null==d?void 0:d.citationCustomStyle,isNonHighlightedBlur:b,isBookemon:B,toggleBlur:P}):f||w?t.jsxs("div",e.__assign({style:F.loadingStyle},{children:[t.jsx("div",e.__assign({style:l.comingSoonStyles.iconWrapper},{children:(null==m?void 0:m.icon)||l.defaultIcon})),w?t.jsxs("p",e.__assign({style:l.comingSoonStyles.text},{children:["No data found matching the selected ",v.toLowerCase()]})):t.jsxs("p",e.__assign({style:l.comingSoonStyles.text},{children:["fetching ",v.toLowerCase(),"...."]}))]})):t.jsx("div",e.__assign({style:F.flexCenter},{children:t.jsx("div",e.__assign({style:e.__assign(e.__assign({},F.coverContainer),T||!a?e.__assign(e.__assign({},F.coverImagePreview),null==d?void 0:d.coverImagePreview):{})},{children:a&&!T?t.jsx("img",{onError:function(){return W(!0)},style:F.bookCoverStyle,src:a,alt:"Book Cover Image"}):t.jsx("div",e.__assign({style:F.bookCoverPlaceholder},{children:t.jsxs("div",e.__assign({style:F.bookCoverInner},{children:[t.jsx("div",e.__assign({style:F.bookTitle},{children:(null==o?void 0:o.title)||"Unknown Title"})),t.jsx("div",e.__assign({style:F.bookAuthor},{children:(null==o?void 0:o.author)||"Unknown Author"}))]}))}))}))}))}))]}))};
 //# sourceMappingURL=BookPreview.js.map

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

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

package/dist/cjs/features/Bookemon/Bookemon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Dialog"),o=require("@mui/material/DialogContent"),i=require("./BookemonContent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),l=n(o);const s={maxWidth:"none",fontFamily:"Inter, sans-serif"},a={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%"}},g=e.jsx("svg",{style:a.icon,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 10V3L4 14h7v7l9-11h-7z"})});exports.comingSoonStyles=a,exports.default=({open:t,onClose:o,isDialog:n=!0,isBookPreview:a=!0,isNonHighlightedBlur:h,isBookemon:d,getHighlightContent:u,handleFetchManuscriptElements:c,data:m,showComingSoon:p=!1,comingSoonData:x={header:"Bookemon Coming Soon!!",subheader:"We're working on something amazing. Stay tuned for updates!",icon:g},customStyle:f={},isBlurToggleVisible:B=!1,highlightTerms:y,defaultElementPages:C,citationType:S,citationSubTitle:k})=>{const j=t??!1,w=o??(()=>{});return n?e.jsx(r.default,{open:j,fullWidth:!0,PaperProps:{style:{...s,...f?.dialogDimension}},children:e.jsx(l.default,{style:{padding:0},children:e.jsx(i.BookemonContent,{data:m,customStyle:f,comingSoonData:x,showComingSoon:p,isNonHighlightedBlur:h,isBlurToggleVisible:B,isBookemon:d,highlightTerms:y,getHighlightContent:u,handleFetchManuscriptElements:c,isBookPreview:a,isDialog:n,onClose:w,defaultElementPages:C})})}):e.jsx("div",{style:{width:"100%",height:"100%"},children:e.jsx(i.BookemonContent,{data:m,customStyle:f,comingSoonData:x,showComingSoon:p,isNonHighlightedBlur:h,isBlurToggleVisible:B,isBookemon:d,highlightTerms:y,getHighlightContent:u,handleFetchManuscriptElements:c,isBookPreview:a,isDialog:n,onClose:w,defaultElementPages:C,citationType:S,citationSubTitle:k})})},exports.defaultIcon=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/material/Dialog"),o=require("@mui/material/DialogContent"),n=require("./BookemonContent.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r=l(o),a={maxWidth:"none",fontFamily:"Inter, sans-serif"},g={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=i.jsx("svg",e.__assign({style:g.icon,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},{children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 10V3L4 14h7v7l9-11h-7z"})}));exports.comingSoonStyles=g,exports.default=function(t){var o=t.open,l=t.onClose,g=t.isDialog,h=void 0===g||g,u=t.isBookPreview,c=void 0===u||u,m=t.isNonHighlightedBlur,p=t.isBookemon,x=t.getHighlightContent,f=t.handleFetchManuscriptElements,B=t.data,y=t.showComingSoon,C=void 0!==y&&y,v=t.comingSoonData,S=void 0===v?{header:"Bookemon Coming Soon!!",subheader:"We're working on something amazing. Stay tuned for updates!",icon:d}:v,k=t.customStyle,j=void 0===k?{}:k,w=t.isBlurToggleVisible,_=void 0!==w&&w,b=t.highlightTerms,F=t.defaultElementPages,T=t.citationType,D=t.citationSubTitle,E=null!=o&&o,P=null!=l?l:function(){};return h?i.jsx(s.default,e.__assign({open:E,fullWidth:!0,PaperProps:{style:e.__assign(e.__assign({},a),null==j?void 0:j.dialogDimension)}},{children:i.jsx(r.default,e.__assign({style:{padding:0}},{children:i.jsx(n.BookemonContent,{data:B,customStyle:j,comingSoonData:S,showComingSoon:C,isNonHighlightedBlur:m,isBlurToggleVisible:_,isBookemon:p,highlightTerms:b,getHighlightContent:x,handleFetchManuscriptElements:f,isBookPreview:c,isDialog:h,onClose:P,defaultElementPages:F})}))})):i.jsx("div",e.__assign({style:{width:"100%",height:"100%"}},{children:i.jsx(n.BookemonContent,{data:B,customStyle:j,comingSoonData:S,showComingSoon:C,isNonHighlightedBlur:m,isBlurToggleVisible:_,isBookemon:p,highlightTerms:b,getHighlightContent:x,handleFetchManuscriptElements:f,isBookPreview:c,isDialog:h,onClose:P,defaultElementPages:F,citationType:T,citationSubTitle:D})}))},exports.defaultIcon=d;
 //# sourceMappingURL=Bookemon.js.map

package/dist/cjs/features/Bookemon/Bookemon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bookemon.js","sources":["../../../../src/features/Bookemon/Bookemon.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n// import {\n//   AccordionDetails,\n//   AccordionSummary,\n//   Dialog,\n//   DialogContent,\n//   Typography,\n//   IconButton,\n// } from \"@mui/material\";\n\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport { BookemonContent } from \"./BookemonContent\";\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};\n\n// ---------------- Coming Soon Styles ----------------\nexport const 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};\nexport const defaultIcon = (\n  <svg\n    style={comingSoonStyles.icon}\n    fill=\"none\"\n    stroke=\"currentColor\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n    />\n  </svg>\n);\n\n\n// ---------------- Bookemon Component ----------------\n// export interface IBookReview {\n//   text: string;\n//   source: string;\n// }\n\n\nconst Bookemon = ({\n  open,\n  onClose,\n  isDialog = true,\n  isBookPreview = true,\n  isNonHighlightedBlur,\n  isBookemon,\n  getHighlightContent,\n  handleFetchManuscriptElements,\n  data,\n  showComingSoon = false,\n  comingSoonData = {\n    header: \"Bookemon Coming Soon!!\",\n    subheader: \"We're working on something amazing. Stay tuned for updates!\",\n    icon: defaultIcon,\n  },\n  customStyle = {},\n  isBlurToggleVisible = false,\n  highlightTerms,\n  defaultElementPages,\n  citationType,\n  citationSubTitle\n}: BookemonProps ) => {\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\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(/&nbsp;/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\nconst safeOpen = open ?? false;\nconst safeOnClose = onClose ?? (() => {});\n\n  if (!isDialog) {\n  // INLINE MODE\n    return (\n      <div style={{ width: \"100%\", height: \"100%\" }}>\n        <BookemonContent\n          data={data}\n          customStyle={customStyle}\n          comingSoonData={comingSoonData}\n          showComingSoon={showComingSoon}\n          isNonHighlightedBlur={isNonHighlightedBlur}\n          isBlurToggleVisible={isBlurToggleVisible}\n          isBookemon={isBookemon}\n          highlightTerms={highlightTerms}\n          getHighlightContent={getHighlightContent}\n          handleFetchManuscriptElements={handleFetchManuscriptElements}\n          isBookPreview={isBookPreview}\n          isDialog={isDialog}\n          onClose={safeOnClose}\n          defaultElementPages={defaultElementPages}\n          citationType={citationType}\n          citationSubTitle={citationSubTitle}\n        />\n      </div>\n    );\n  }\n\n  // DIALOG MODE (default)\n  return (\n    <Dialog\n      open={safeOpen}\n      fullWidth\n      PaperProps={{\n        style: {\n          ...defaultStyles.dialogPaper,\n          ...customStyle?.dialogDimension,\n        },\n      }}\n    >\n      <DialogContent style={{ padding: 0 }}>\n        <BookemonContent\n          data={data}\n          customStyle={customStyle}\n          comingSoonData={comingSoonData}\n          showComingSoon={showComingSoon}\n          isNonHighlightedBlur={isNonHighlightedBlur}\n          isBlurToggleVisible={isBlurToggleVisible}\n          isBookemon={isBookemon}\n          highlightTerms={highlightTerms}\n          getHighlightContent={getHighlightContent}\n          handleFetchManuscriptElements={handleFetchManuscriptElements}\n          isBookPreview={isBookPreview}\n          isDialog={isDialog}\n          onClose={safeOnClose}\n          defaultElementPages={defaultElementPages}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default Bookemon;\n"],"names":["defaultStyles","maxWidth","fontFamily","comingSoonStyles","wrapper","alignItems","justifyContent","textAlign","inner","width","iconWrapper","height","background","borderRadius","display","margin","icon","color","heading","fontSize","fontWeight","marginBottom","text","lineHeight","errorState","padding","defaultIcon","jsx","style","fill","stroke","viewBox","children","strokeLinecap","strokeLinejoin","strokeWidth","d","open","onClose","isDialog","isBookPreview","isNonHighlightedBlur","isBookemon","getHighlightContent","handleFetchManuscriptElements","data","showComingSoon","comingSoonData","header","subheader","customStyle","isBlurToggleVisible","highlightTerms","defaultElementPages","citationType","citationSubTitle","safeOpen","safeOnClose","Dialog","fullWidth","PaperProps","dialogDimension","DialogContent","BookemonContent"],"mappings":"8SAgBA,MAAMA,EACS,CACXC,SAAU,OACVC,WAAY,qBAKHC,EAAqD,CAChEC,QAAS,CACPC,WAAY,SACZC,eAAgB,SAChBC,UAAW,UAEbC,MAAO,CACLC,MAAO,QAETC,YAAa,CACXD,MAAO,OACPE,OAAQ,OACRC,WAAY,8CACZC,aAAc,MACdC,QAAS,OACTT,WAAY,SACZC,eAAgB,SAChBS,OAAQ,oBAEVC,KAAM,CACJP,MAAO,OACPE,OAAQ,OACRM,MAAO,WAETC,QAAS,CACPC,SAAU,OACVC,WAAY,OACZH,MAAO,UACPI,aAAc,QAEhBC,KAAM,CACJH,SAAU,OACVF,MAAO,UACPM,WAAY,IACZhB,UAAY,UAGdiB,WAAY,CACVP,MAAO,UACPQ,QAAS,WACTX,QAAS,OACTR,eAAgB,SAChBG,MAAO,SAGEiB,EACXC,EAAAA,IAAC,MAAA,CACCC,MAAOzB,EAAiBa,KACxBa,KAAK,OACLC,OAAO,eACPC,QAAQ,YAERC,SAAAL,EAAAA,IAAC,OAAA,CACCM,cAAc,QACdC,eAAe,QACfC,YAAa,EACbC,EAAE,4EAaS,EACfC,OACAC,UACAC,YAAW,EACXC,iBAAgB,EAChBC,uBACAC,aACAC,sBACAC,gCACAC,OACAC,kBAAiB,EACjBC,iBAAiB,CACfC,OAAQ,yBACRC,UAAW,8DACXjC,KAAMU,GAERwB,cAAc,CAAC,EACfC,uBAAsB,EACtBC,iBACAC,sBACAC,eACAC,uBA4IF,MAAMC,EAAWnB,IAAQ,EACnBoB,EAAcnB,SAAmB,GAErC,OAAKC,EA4BHZ,EAAAA,IAAC+B,EAAA,QAAA,CACCrB,KAAMmB,EACNG,WAAS,EACTC,WAAY,CACVhC,MAAO,IACF5B,KACAkD,GAAaW,kBAIpB7B,eAAC8B,EAAAA,QAAc,CAAAlC,MAAO,CAAEH,QAAS,GAC/BO,SAAAL,EAAAA,IAACoC,EAAAA,gBAAA,CACClB,OACAK,cACAH,iBACAD,iBACAL,uBACAU,sBACAT,aACAU,iBACAT,sBACAC,gCACAJ,gBACAD,WACAD,QAASmB,EACTJ,4BAlDJ1B,MAAC,OAAIC,MAAO,CAAEnB,MAAO,OAAQE,OAAQ,QACnCqB,SAAAL,EAAAA,IAACoC,EAAAA,gBAAA,CACClB,OACAK,cACAH,iBACAD,iBACAL,uBACAU,sBACAT,aACAU,iBACAT,sBACAC,gCACAJ,gBACAD,WACAD,QAASmB,EACTJ,sBACAC,eACAC"}
+{"version":3,"file":"Bookemon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/Bookemon/BookemonCitationLayer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("./Bookemon.js"),o=require("../RequirementAiCitations/AiReasoning/components/icons/DocumentCitationIcon.js");exports.default=({title:n,bookemonPayload:s})=>{const[l,r]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("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:()=>{r(e=>!e)},children:[n,e.jsx(o.default,{})]}),l&&e.jsx("div",{style:{maxHeight:"500px",overflowY:"auto",...s.customStyle?.inlineContainer},children:e.jsx(t.default,{isDialog:!1,isBookPreview:!1,highlightTerms:s.highlightTerms,onClose:()=>{r(!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})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("./Bookemon.js"),o=require("../RequirementAiCitations/AiReasoning/components/icons/DocumentCitationIcon.js");exports.default=function(s){var r,l=s.title,a=s.bookemonPayload,g=n.useState(!1),u=g[0],c=g[1];return i.jsxs(i.Fragment,{children:[i.jsxs("div",e.__assign({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(){c(function(e){return!e})}},{children:[l,i.jsx(o.default,{})]})),u&&i.jsx("div",e.__assign({style:e.__assign({maxHeight:"500px",overflowY:"auto"},null===(r=a.customStyle)||void 0===r?void 0:r.inlineContainer)},{children:i.jsx(t.default,{isDialog:!1,isBookPreview:!1,highlightTerms:a.highlightTerms,onClose:function(){c(!1)},isBookemon:!0,isNonHighlightedBlur:a.isNonHighlightedBlur,handleFetchManuscriptElements:a.handleFetchManuscriptElements,getHighlightContent:a.getHighlightContent,data:a.data,showComingSoon:a.showComingSoon,isBlurToggleVisible:a.isBlurToggleVisible,comingSoonData:a.comingSoonData,customStyle:a.customStyle})}))]})};
 //# sourceMappingURL=BookemonCitationLayer.js.map

package/dist/cjs/features/Bookemon/BookemonCitationLayer.js.map

@@ -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":["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":"iQAM8B,EAC5BA,QAAOC,sBAEP,MAAOC,EAAMC,GAAWC,YAAS,GAMjC,OAmBIC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CAAAF,EAAAA,KAAC,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,QACCsB,EAAqB,QAAA,OAExBpB,GACCqB,EAAAA,IAAC,MAAI,CAAAf,MAAO,CAACgB,UAAW,QAASC,UAAW,UAAWxB,EAAgByB,aAAaC,iBAClFpB,SAAAgB,EAAAA,IAACK,EAAA,QAAA,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"}
+{"version":3,"file":"BookemonCitationLayer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/Bookemon/BookemonContent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("react-resizable-panels"),i=require("@mui/material/Accordion"),r=require("@mui/material/AccordionSummary"),n=require("@mui/material/Typography"),a=require("@mui/material/AccordionDetails"),l=require("@mui/material/IconButton"),s=require("./BookDetailsCard/BookDetailsCard.js"),d=require("./BookOverviewCard/BookOverviewCard.js"),c=require("./BookElementsCard/BookElementsCard.js"),h=require("./BookCopyrightsCard/BookCopyrightsCard.js"),u=require("./BookPeopleAwardsCard/BookPeopleAwardsCard.js"),g=require("./BookPreview/BookPreview.js"),x=require("@mui/icons-material/ExpandMore"),p=require("@mui/icons-material/Close");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=f(i),y=f(r),b=f(n),j=f(a),v=f(l),k=f(x),C=f(p);const w={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%"}},B=({header:t,subheader:o,icon:i})=>e.jsx("div",{style:S.wrapper,children:e.jsxs("div",{style:S.inner,children:[e.jsx("div",{style:{marginBottom:"32px"},children:e.jsx("div",{style:S.iconWrapper,children:i})}),e.jsxs("div",{children:[e.jsx("h1",{style:S.heading,children:t}),e.jsx("p",{style:S.text,children:o})]})]})});exports.BookemonContent=({showComingSoon:i,onClose:r,highlightTerms:n,data:a,customStyle:l,comingSoonData:x,isNonHighlightedBlur:p,isBlurToggleVisible:f,isBookemon:S,getHighlightContent:D,handleFetchManuscriptElements:F,isBookPreview:P,isDialog:q,defaultElementPages:E,citationType:T,citationSubTitle:H})=>{const[I,z]=t.useState({textToHighLight:"",content:""}),[M,R]=t.useState(1),[A,O]=t.useState(!1),[L,V]=t.useState("Book Preview"),[N,W]=t.useState(70),_=t.useRef(null),[Q,Y]=t.useState(!1),G=t.useRef(null),J=t.useRef(null),K=t.useRef(null),U=t.useRef(null),X=t.useRef(null),Z=async(e,t,o,i=0)=>{z({textToHighLight:"",content:""}),Y(!1),O(!0),V(t);try{if(!o||0===o.length)return O(!1),W(70),void _.current?.resize(70);const r=await(D?.([o[i]])),n=r?.data||r||[];if(!Array.isArray(n)||0===n.length)return Y(!0),void O(!1);const a=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():"",l=a(e);let s=null;for(const e of n){if(a(e.normalizedContent||e.htmlContent).includes(l)){s=e;break}}if(!s){let e=l.split(" ").filter(Boolean);for(;e.length>0;){const t=e.join(" ");for(const e of n){if(a(e.normalizedContent||e.htmlContent).includes(t)){s=e;break}}if(s)break;e.pop()}}const d=n.map(e=>e.htmlContent).join("\n");return z({textToHighLight:s?s.htmlContent:"",content:d}),W(50),_.current?.resize(50),!s&&i+1<o.length?await Z(e,t,o,i+1):void 0}catch(e){console.error("Highlight error:",e),Y(!0)}finally{O(!1)}},[$,ee]=t.useState(!1),[te,oe]=t.useState(!1),[ie,re]=t.useState(!1),[ne,ae]=t.useState(!1),[le,se]=t.useState(!1),[de,ce]=t.useState(!1),[he,ue]=t.useState(!1),[ge,xe]=t.useState(!1),[pe,fe]=t.useState(!1),[me,ye]=t.useState(!1);t.useEffect(()=>{$&&ce(!0),te&&ue(!0),ie&&xe(!0),ne&&fe(!0),le&&ye(!0)},[$,te,ie,ne,le]);const{bookAwards:be,bookCopyRight:je,bookDetails:ve,bookElements:ke,bookOverView:Ce,bookCoverImage:we}=a,Se=ve?.isbn,Be=r??(()=>{}),De=void 0!==H&&!!H.length&&["notable_quotes","location_details","notable_characters"].includes(H);return e.jsxs("div",{style:{...w.dialogContent,...q?w.dialogHeight:{}},children:[!i&&e.jsx("div",{style:w.container,children:e.jsxs(o.PanelGroup,{direction:"horizontal",children:[e.jsx(o.Panel,{order:1,ref:_,defaultSize:N||70,children:e.jsxs("div",{style:{...w?.leftPanel,...l?.leftPanel},children:[e.jsx("div",{ref:G,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e.jsxs(m.default,{expanded:de,onChange:(e,t)=>ce(t),slotProps:{transition:{onEntered:()=>{const e=G.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:w.accordion,children:[e.jsx(y.default,{expandIcon:e.jsx(k.default,{}),style:w.accordionSummary,children:e.jsx(b.default,{style:w.heading,children:"Book Overview"})}),e.jsx(j.default,{style:w.accordionDetails,children:Ce&&Object.keys(Ce).length>0?e.jsx(d.default,{data:Ce,highlightTerms:n,onHighlightMatch:ee,highlightEnabled:!De}):e.jsx("div",{style:w.errorState,children:"No overview data available."})})]})}),e.jsx("div",{ref:J,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e.jsxs(m.default,{elevation:0,style:w.accordion,expanded:he,onChange:(e,t)=>ue(t),slotProps:{transition:{onEntered:()=>{const e=J.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:[e.jsx(y.default,{expandIcon:e.jsx(k.default,{}),style:w.accordionSummary,children:e.jsx(b.default,{style:w.heading,children:"Book Manuscript Elements"})}),e.jsx(j.default,{style:w.accordionDetails,children:e.jsx(c.default,{data:ke,title:Ce?.title||"",handleFetchManuscriptElements:F,BookIsbn:Se,updateQuotesToHighLight:Z,highlightTerms:n,onHighlightMatch:oe,defaultPages:E,citationType:T,citationSubTitle:H,highlightEnabled:De})})]})}),e.jsx("div",{ref:K,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e.jsxs(m.default,{expanded:ge,onChange:(e,t)=>xe(t),elevation:0,style:w.accordion,slotProps:{transition:{onEntered:()=>{const e=K.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},children:[e.jsx(y.default,{expandIcon:e.jsx(k.default,{}),style:w.accordionSummary,children:e.jsx(b.default,{style:w.heading,children:"Book Metadata Details"})}),e.jsx(j.default,{style:w.accordionDetails,children:ve&&Object.keys(ve).length>0?e.jsx(s.default,{data:ve,highlightTerms:n,onHighlightMatch:re,highlightEnabled:!De,citationType:T,citationSubTitle:H}):e.jsx("div",{style:w.errorState,children:"No Book Metadata data available."})})]})}),e.jsx("div",{ref:U,style:{marginBottom:"24px"},onMouseDown:e=>e.preventDefault(),children:e.jsxs(m.default,{elevation:0,style:w.accordion,expanded:pe,onChange:(e,t)=>fe(t),slotProps:{transition:{onEntered:()=>{const e=U.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},children:[e.jsx(y.default,{expandIcon:e.jsx(k.default,{}),style:w.accordionSummary,children:e.jsx(b.default,{style:w.heading,children:"Copyrights & Marketing"})}),e.jsx(j.default,{style:w.accordionDetails,children:je&&Object.keys(je).length>0?e.jsx(h.default,{data:je,highlightTerms:n,onHighlightMatch:ae,highlightEnabled:!De}):e.jsx("div",{style:w.errorState,children:"No Copyrights & Marketing data available."})})]})}),e.jsx("div",{ref:X,children:e.jsxs(m.default,{elevation:0,style:w.accordion,expanded:me,onChange:(e,t)=>ye(t),slotProps:{transition:{onEntered:()=>{const e=X.current,t=e?.querySelector('[data-highlight="true"]');t&&e&&!e.dataset.scrolled&&(t.scrollIntoView({behavior:"smooth",block:"center"}),e.dataset.scrolled="true")}}},children:[e.jsx(y.default,{expandIcon:e.jsx(k.default,{}),style:w.accordionSummary,children:e.jsx(b.default,{style:w.heading,children:"People & Awards"})}),e.jsx(j.default,{style:w.accordionDetails,children:be&&Object.keys(be).length>0?e.jsx(u.default,{data:be,highlightTerms:n,onHighlightMatch:se,highlightEnabled:!De}):e.jsx("div",{style:w.errorState,children:"No People & Awards data available."})})]})})]})}),P&&e.jsx(o.PanelResizeHandle,{style:{width:"3px",background:"#D1D5DC",cursor:"col-resize"}}),P&&e.jsx(o.Panel,{order:2,minSize:30,maxSize:50,style:{overflow:"visible",position:"relative",transition:"all 300ms ease-in-out",WebkitTransition:"all 300ms ease-in-out"},children:e.jsx(g.default,{bookOverView:Ce,bookCoverImage:we,onClose:Be,clickableElementCategory:L,quotesToHighLightData:I,updateQuotesToHighLight:Z,citationLoad:A,previewPage:M,setPreviewPage:R,customStyle:l,comingSoonData:x,isNonHighlightedBlur:p,isBlurToggleVisible:f,isBookemon:S,noHtmlContent:Q})})]})}),i&&e.jsxs("div",{style:w.blurOverlay,children:[e.jsx(v.default,{style:w.closeButton,onClick:r,size:"large",children:e.jsx(C.default,{})}),e.jsx(B,{header:x?.header,subheader:x?.subheader,icon:x?.icon})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),n=require("react-resizable-panels"),o=require("@mui/material/Accordion"),r=require("@mui/material/AccordionSummary"),a=require("@mui/material/Typography"),l=require("@mui/material/AccordionDetails"),s=require("@mui/material/IconButton"),d=require("./BookDetailsCard/BookDetailsCard.js"),u=require("./BookOverviewCard/BookOverviewCard.js"),c=require("./BookElementsCard/BookElementsCard.js"),h=require("./BookCopyrightsCard/BookCopyrightsCard.js"),g=require("./BookPeopleAwardsCard/BookPeopleAwardsCard.js"),x=require("./BookPreview/BookPreview.js"),f=require("@mui/icons-material/ExpandMore"),p=require("@mui/icons-material/Close");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=_(o),m=_(r),b=_(a),y=_(l),j=_(s),k=_(f),C=_(p),w={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%"}},B=function(i){var n=i.header,o=i.subheader,r=i.icon;return t.jsx("div",e.__assign({style:S.wrapper},{children:t.jsxs("div",e.__assign({style:S.inner},{children:[t.jsx("div",e.__assign({style:{marginBottom:"32px"}},{children:t.jsx("div",e.__assign({style:S.iconWrapper},{children:r}))})),t.jsxs("div",{children:[t.jsx("h1",e.__assign({style:S.heading},{children:n})),t.jsx("p",e.__assign({style:S.text},{children:o}))]})]}))}))};exports.BookemonContent=function(o){var r=o.showComingSoon,a=o.onClose,l=o.highlightTerms,s=o.data,f=o.customStyle,p=o.comingSoonData,_=o.isNonHighlightedBlur,S=o.isBlurToggleVisible,D=o.isBookemon,F=o.getHighlightContent,P=o.handleFetchManuscriptElements,q=o.isBookPreview,E=o.isDialog,T=o.defaultElementPages,H=o.citationType,I=o.citationSubTitle,z=i.useState({textToHighLight:"",content:""}),M=z[0],R=z[1],A=i.useState(1),O=A[0],L=A[1],V=i.useState(!1),N=V[0],W=V[1],Q=i.useState("Book Preview"),Y=Q[0],G=Q[1],J=i.useState(70),K=J[0],U=J[1],X=i.useRef(null),Z=i.useState(!1),$=Z[0],ee=Z[1],te=i.useRef(null),ie=i.useRef(null),ne=i.useRef(null),oe=i.useRef(null),re=i.useRef(null),ae=function(t,i,n,o){return void 0===o&&(o=0),e.__awaiter(void 0,void 0,void 0,function(){var r,a,l,s,d,u,c,h,g,x,f,p,_,v,m,b;return e.__generator(this,function(e){switch(e.label){case 0:R({textToHighLight:"",content:""}),ee(!1),W(!0),G(i),e.label=1;case 1:return e.trys.push([1,5,6,7]),n&&0!==n.length?[4,null==F?void 0:F([n[o]])]:(W(!1),U(70),null===(m=X.current)||void 0===m||m.resize(70),[2]);case 2:if(r=e.sent(),a=(null==r?void 0:r.data)||r||[],!Array.isArray(a)||0===a.length)return ee(!0),W(!1),[2];for(s=(l=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():""})(t),d=null,u=0,c=a;u<c.length;u++)if(p=c[u],l(p.normalizedContent||p.htmlContent).includes(s)){d=p;break}if(!d)for(h=s.split(" ").filter(Boolean);h.length>0;){for(g=h.join(" "),x=0,f=a;x<f.length;x++)if(p=f[x],l(p.normalizedContent||p.htmlContent).includes(g)){d=p;break}if(d)break;h.pop()}return _=a.map(function(e){return e.htmlContent}).join("\n"),R({textToHighLight:d?d.htmlContent:"",content:_}),U(50),null===(b=X.current)||void 0===b||b.resize(50),!d&&o+1<n.length?[4,ae(t,i,n,o+1)]:[3,4];case 3:return[2,e.sent()];case 4:return[2];case 5:return v=e.sent(),console.error("Highlight error:",v),ee(!0),[3,7];case 6:return W(!1),[7];case 7:return[2]}})})},le=i.useState(!1),se=le[0],de=le[1],ue=i.useState(!1),ce=ue[0],he=ue[1],ge=i.useState(!1),xe=ge[0],fe=ge[1],pe=i.useState(!1),_e=pe[0],ve=pe[1],me=i.useState(!1),be=me[0],ye=me[1],je=i.useState(!1),ke=je[0],Ce=je[1],we=i.useState(!1),Se=we[0],Be=we[1],De=i.useState(!1),Fe=De[0],Pe=De[1],qe=i.useState(!1),Ee=qe[0],Te=qe[1],He=i.useState(!1),Ie=He[0],ze=He[1];i.useEffect(function(){se&&Ce(!0),ce&&Be(!0),xe&&Pe(!0),_e&&Te(!0),be&&ze(!0)},[se,ce,xe,_e,be]);var Me=s.bookAwards,Re=s.bookCopyRight,Ae=s.bookDetails,Oe=s.bookElements,Le=s.bookOverView,Ve=s.bookCoverImage,Ne=null==Ae?void 0:Ae.isbn,We=null!=a?a:function(){},Qe=void 0!==I&&!!I.length&&["notable_quotes","location_details","notable_characters"].includes(I);return t.jsxs("div",e.__assign({style:e.__assign(e.__assign({},w.dialogContent),E?w.dialogHeight:{})},{children:[!r&&t.jsx("div",e.__assign({style:w.container},{children:t.jsxs(n.PanelGroup,e.__assign({direction:"horizontal"},{children:[t.jsx(n.Panel,e.__assign({order:1,ref:X,defaultSize:K||70},{children:t.jsxs("div",e.__assign({style:e.__assign(e.__assign({},null==w?void 0:w.leftPanel),null==f?void 0:f.leftPanel)},{children:[t.jsx("div",e.__assign({ref:te,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:t.jsxs(v.default,e.__assign({expanded:ke,onChange:function(e,t){return Ce(t)},slotProps:{transition:{onEntered:function(){var e=te.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:w.accordion},{children:[t.jsx(m.default,e.__assign({expandIcon:t.jsx(k.default,{}),style:w.accordionSummary},{children:t.jsx(b.default,e.__assign({style:w.heading},{children:"Book Overview"}))})),t.jsx(y.default,e.__assign({style:w.accordionDetails},{children:Le&&Object.keys(Le).length>0?t.jsx(u.default,{data:Le,highlightTerms:l,onHighlightMatch:de,highlightEnabled:!Qe}):t.jsx("div",e.__assign({style:w.errorState},{children:"No overview data available."}))}))]}))})),t.jsx("div",e.__assign({ref:ie,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:t.jsxs(v.default,e.__assign({elevation:0,style:w.accordion,expanded:Se,onChange:function(e,t){return Be(t)},slotProps:{transition:{onEntered:function(){var e=ie.current;if(e){var t=e.querySelector('[data-highlight="true"]');if(t){t.scrollIntoView({behavior:"smooth",block:"center"});var i=!1,n=new MutationObserver(function(t){if(!i&&t.some(function(e){return"childList"===e.type&&e.addedNodes.length>0})){var o=e.querySelector('[data-highlight="true"]');o&&(i=!0,o.scrollIntoView({behavior:"auto",block:"center"}),n.disconnect())}});n.observe(e,{childList:!0,subtree:!0}),setTimeout(function(){return n.disconnect()},2e3)}}}}}},{children:[t.jsx(m.default,e.__assign({expandIcon:t.jsx(k.default,{}),style:w.accordionSummary},{children:t.jsx(b.default,e.__assign({style:w.heading},{children:"Book Manuscript Elements"}))})),t.jsx(y.default,e.__assign({style:w.accordionDetails},{children:t.jsx(c.default,{data:Oe,title:(null==Le?void 0:Le.title)||"",handleFetchManuscriptElements:P,BookIsbn:Ne,updateQuotesToHighLight:ae,highlightTerms:l,onHighlightMatch:he,defaultPages:T,citationType:H,citationSubTitle:I,highlightEnabled:Qe})}))]}))})),t.jsx("div",e.__assign({ref:ne,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:t.jsxs(v.default,e.__assign({expanded:Fe,onChange:function(e,t){return Pe(t)},elevation:0,style:w.accordion,slotProps:{transition:{onEntered:function(){var e=ne.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:[t.jsx(m.default,e.__assign({expandIcon:t.jsx(k.default,{}),style:w.accordionSummary},{children:t.jsx(b.default,e.__assign({style:w.heading},{children:"Book Metadata Details"}))})),t.jsx(y.default,e.__assign({style:w.accordionDetails},{children:Ae&&Object.keys(Ae).length>0?t.jsx(d.default,{data:Ae,highlightTerms:l,onHighlightMatch:fe,highlightEnabled:!Qe,citationType:H,citationSubTitle:I}):t.jsx("div",e.__assign({style:w.errorState},{children:"No Book Metadata data available."}))}))]}))})),t.jsx("div",e.__assign({ref:oe,style:{marginBottom:"24px"},onMouseDown:function(e){return e.preventDefault()}},{children:t.jsxs(v.default,e.__assign({elevation:0,style:w.accordion,expanded:Ee,onChange:function(e,t){return Te(t)},slotProps:{transition:{onEntered:function(){var e=oe.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:[t.jsx(m.default,e.__assign({expandIcon:t.jsx(k.default,{}),style:w.accordionSummary},{children:t.jsx(b.default,e.__assign({style:w.heading},{children:"Copyrights & Marketing"}))})),t.jsx(y.default,e.__assign({style:w.accordionDetails},{children:Re&&Object.keys(Re).length>0?t.jsx(h.default,{data:Re,highlightTerms:l,onHighlightMatch:ve,highlightEnabled:!Qe}):t.jsx("div",e.__assign({style:w.errorState},{children:"No Copyrights & Marketing data available."}))}))]}))})),t.jsx("div",e.__assign({ref:re},{children:t.jsxs(v.default,e.__assign({elevation:0,style:w.accordion,expanded:Ie,onChange:function(e,t){return ze(t)},slotProps:{transition:{onEntered:function(){var e=re.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:[t.jsx(m.default,e.__assign({expandIcon:t.jsx(k.default,{}),style:w.accordionSummary},{children:t.jsx(b.default,e.__assign({style:w.heading},{children:"People & Awards"}))})),t.jsx(y.default,e.__assign({style:w.accordionDetails},{children:Me&&Object.keys(Me).length>0?t.jsx(g.default,{data:Me,highlightTerms:l,onHighlightMatch:ye,highlightEnabled:!Qe}):t.jsx("div",e.__assign({style:w.errorState},{children:"No People & Awards data available."}))}))]}))}))]}))})),q&&t.jsx(n.PanelResizeHandle,{style:{width:"3px",background:"#D1D5DC",cursor:"col-resize"}}),q&&t.jsx(n.Panel,e.__assign({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.jsx(x.default,{bookOverView:Le,bookCoverImage:Ve,onClose:We,clickableElementCategory:Y,quotesToHighLightData:M,updateQuotesToHighLight:ae,citationLoad:N,previewPage:O,setPreviewPage:L,customStyle:f,comingSoonData:p,isNonHighlightedBlur:_,isBlurToggleVisible:S,isBookemon:D,noHtmlContent:$})}))]}))})),r&&t.jsxs("div",e.__assign({style:w.blurOverlay},{children:[t.jsx(j.default,e.__assign({style:w.closeButton,onClick:a,size:"large"},{children:t.jsx(C.default,{})})),t.jsx(B,{header:null==p?void 0:p.header,subheader:null==p?void 0:p.subheader,icon:null==p?void 0:p.icon})]}))]}))};
 //# sourceMappingURL=BookemonContent.js.map

package/dist/cjs/features/Bookemon/BookemonContent.js.map

@@ -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(/&nbsp;/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","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":"+2BAkBA,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,EAAAA,IAAC,OAAIC,MAAOf,EAAiBC,QAC3Be,SAACC,EAAAA,KAAA,MAAA,CAAIF,MAAOf,EAAiBG,MAC3Ba,SAAA,CAAAF,EAAAA,IAAC,MAAI,CAAAC,MAAO,CAAEvC,aAAc,QAC1BwC,SAACF,EAAAA,IAAA,MAAA,CAAIC,MAAOf,EAAiBI,YAAcY,SAAAT,aAG5C,MACC,CAAAS,SAAA,CAAAF,EAAAA,IAAC,KAAG,CAAAC,MAAOf,EAAiBlB,QAAUkC,SAAOJ,IAC5CE,EAAAA,IAAA,IAAA,CAAEC,MAAOf,EAAiBQ,KAAOQ,SAAUH,oCAYvB,EAC3BK,iBACAC,UACAC,iBACAC,OACAC,cACAC,iBACAC,uBACAC,sBACAC,aACAC,sBACAC,gCACAC,gBACAC,WACAC,sBACAC,eACAC,uBAgBE,MAAOC,EAAuBC,GAA4BC,WAGvD,CACDC,gBAAiB,GACjBC,QAAS,MAEJC,EAAaC,GAAkBJ,WAAS,IACxCK,EAAcC,GAAmBN,YAAS,IAC1CO,EAA0BC,GAC/BR,WAAiB,iBACZS,EAAoBC,GAAyBV,WAAiB,IAC/DW,EAAeC,SAA+B,OAC7CC,EAAeC,GAAoBd,YAAS,GAE7Ce,EAAcH,SAAuB,MACrCI,EAAcJ,SAAuB,MACrCK,EAAaL,SAAuB,MACpCM,EAAeN,SAAuB,MACtCO,EAAYP,SAAuB,MAInCQ,EAA0BC,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,EAAa3D,GACZA,EACEA,EACJ4D,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,EACXnB,EACAM,EACAe,EACAC,EAAe,QAInB,QAGO2B,GACCC,QAAAD,MAAM,mBAAoBA,GAClCpC,GAAiB,EAAI,CACrB,QACAR,GAAgB,EAClB,IAIK8C,EAAkBC,IAAuBrD,YAAS,IAClDsD,GAAkBC,IAAuBvD,YAAS,IAClDwD,GAAiBC,IAAsBzD,YAAS,IAChD0D,GAAmBC,IAAwB3D,YAAS,IACpD4D,GAAgBC,IAAqB7D,YAAS,IAG9C8D,GAAkBC,IAAuB/D,YAAS,IAClDgE,GAAkBC,IAAuBjE,YAAS,IAClDkE,GAAiBC,IAAsBnE,YAAS,IAChDoE,GAAmBC,IAAwBrE,YAAS,IACpDsE,GAAgBC,IAAqBvE,YAAS,GAErDwE,EAAAA,UAAU,KACJpB,OAAsC,GACtCE,QAAsC,GACtCE,QAAoC,GACpCE,QAAwC,GACxCE,QAAkC,IACrC,CACDR,EACAE,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,OAAAhB,EAAAA,KAAC,MAAA,CACCF,MAAO,IACJhE,EAAcQ,iBACbuE,EAAW/E,EAAcI,aAAe,CAAC,GAE5C6D,SAAA,EAACE,SACC,MAAI,CAAAH,MAAOhE,EAAcW,UACxBsD,SAAAC,EAAAA,KAACsG,EAAYA,WAAA,CAAAC,UAAU,aACrBxG,SAAA,CAAAF,EAAAA,IAAC2G,EAAAA,MAAA,CAAMC,MAAO,EACVC,IAAK5E,EAAc6E,YAAa/E,GAA0C,GAE9E7B,SAAAC,EAAAA,KAAC,MAAA,CACKF,MAAO,IACFhE,GAAee,aAAcwD,GAAaxD,WAOnDkD,SAAA,CAAAF,EAAAA,IAAC,MAAI,CAAA6G,IAAKxE,EAAapC,MAAO,CAAEvC,aAAc,QAAUqJ,YAAcC,GAAMA,EAAEC,iBAC5E/G,SAAAC,EAAAA,KAAC+G,EAAA,QAAA,CACCC,SAAU/B,GACVgC,SAAU,CAACC,EAAGF,IAAa9B,GAAoB8B,GAC/CG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM5K,EAAYyF,EAAYU,QACxB0E,EAAK7K,GAAW8K,cAAc,2BAEhCD,GAAM7K,IAAcA,EAAU+K,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTnL,EAAU+K,QAAQC,SAAW,WAKrCI,UAAW,EACX/H,MAAOhE,EAAcuB,UAErB0C,SAAA,CAAAF,EAAAA,IAACiI,EAAA,QAAA,CACCC,iBAAaC,EAAe,QAAA,IAC5BlI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAA,IAAAoI,EAAAA,QAAA,CAAWnI,MAAOhE,EAAc+B,QAASkC,SAE1C,oBAEFF,EAAAA,IAACqI,EAAAA,QAAiB,CAAApI,MAAOhE,EAAc6B,iBACpCoC,SAAgBiG,IAAAmC,OAAOC,KAAKpC,IAAcrD,OAAS,EAClD9C,EAAAA,IAACwI,EAAA,QAAA,CACDjI,KAAM4F,GACN7F,iBACAmI,iBAAkB9D,GAClB+D,kBAAmBlC,KAGlBxG,EAAAA,IAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,gDAQ7CF,EAAAA,IAAA,MAAA,CAAI6G,IAAKvE,EAAarC,MAAO,CAAEvC,aAAc,QAAUqJ,YAAcC,GAAMA,EAAEC,iBAC1E/G,SAAAC,EAAAA,KAAC+G,EAAA,QAAA,CACCc,UAAW,EACX/H,MAAOhE,EAAcuB,UACrB2J,SAAU7B,GACV8B,SAAU,CAACC,EAAGF,IAAa5B,GAAoB4B,GAC/CG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM5K,EAAY0F,EAAYS,QAC9B,IAAKnG,EAAW,OAEV,MAAA6K,EAAK7K,EAAU8K,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,EAAcvM,EAAU8K,cAAc,2BACxCyB,IACSR,GAAA,EAEXQ,EAAYtB,eAAe,CACzBC,SAAU,OACVC,MAAO,WAGTa,EAASQ,gBAIbR,EAASS,QAAQzM,EAAW,CAC1B0M,WAAW,EACXC,SAAS,IAIXC,WAAW,IAAMZ,EAASQ,aAAc,QAK9ClJ,SAAA,CAAAF,EAAAA,IAACiI,EAAA,QAAA,CACCC,iBAAaC,EAAe,QAAA,IAC5BlI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAA,IAAAoI,EAAAA,QAAA,CAAWnI,MAAOhE,EAAc+B,QAASkC,SAE1C,+BAEDF,EAAAA,IAAAqI,EAAA,QAAA,CAAiBpI,MAAOhE,EAAc6B,iBAErCoC,SAAAF,EAAAA,IAACyJ,EAAA,QAAA,CACClJ,KAAM2F,GACNwD,MAAOvD,IAAcuD,OAAS,GAC9B5I,gCAGAuF,YACA3D,0BACApC,iBACAmI,iBAAkB5D,GAClB8E,aAAc1I,EACdC,eACAC,mBACAuH,iBAAkBlC,YAO3BxG,EAAAA,IAAA,MAAA,CAAI6G,IAAKtE,EAAYtC,MAAO,CAAEvC,aAAc,QAAUqJ,YAAcC,GAAMA,EAAEC,iBAC3E/G,SAAAC,EAAAA,KAAC+G,EAAA,QAAA,CACCC,SAAU3B,GACV4B,SAAU,CAACC,EAAGF,IAAa1B,GAAmB0B,GAAWa,UAAW,EAAG/H,MAAOhE,EAAcuB,UAC5F8J,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM5K,EAAY2F,EAAWQ,QACvB0E,EAAK7K,GAAW8K,cAAc,2BAEhCD,GAAM7K,IAAcA,EAAU+K,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTnL,EAAU+K,QAAQC,SAAW,WAMrC1H,SAAA,CAAAF,EAAAA,IAACiI,EAAA,QAAA,CACCC,iBAAaC,EAAe,QAAA,IAC5BlI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAA,IAAAoI,EAAAA,QAAA,CAAWnI,MAAOhE,EAAc+B,QAASkC,SAE1C,4BAEFF,EAAAA,IAACqI,EAAAA,QAAiB,CAAApI,MAAOhE,EAAc6B,iBACpCoC,SAAe+F,IAAAqC,OAAOC,KAAKtC,IAAanD,OAAS,EAChD9C,EAAAA,IAAC4J,EAAA,QAAA,CAAgBrJ,KAAM0F,GAAa3F,iBACpCmI,iBAAkB1D,GAClB2D,kBAAmBlC,GACnBtF,eACAC,qBAGCnB,EAAAA,IAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,qDAQ7CF,EAAAA,IAAA,MAAA,CAAI6G,IAAKrE,EAAcvC,MAAO,CAAEvC,aAAc,QAAUqJ,YAAcC,GAAMA,EAAEC,iBAC7E/G,SAAAC,EAAAA,KAAC+G,EAAA,QAAA,CAAUc,UAAW,EAAG/H,MAAOhE,EAAcuB,UAC5C2J,SAAUzB,GACV0B,SAAU,CAACC,EAAGF,IAAaxB,GAAqBwB,GAChDG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM5K,EAAY4F,EAAaO,QACzB0E,EAAK7K,GAAW8K,cAAc,2BAEhCD,GAAM7K,IAAcA,EAAU+K,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTnL,EAAU+K,QAAQC,SAAW,WAMrC1H,SAAA,CAAAF,EAAAA,IAACiI,EAAA,QAAA,CACCC,iBAAaC,EAAe,QAAA,IAC5BlI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAA,IAAAoI,EAAAA,QAAA,CAAWnI,MAAOhE,EAAc+B,QAASkC,SAE1C,6BAEFF,EAAAA,IAACqI,EAAAA,QAAiB,CAAApI,MAAOhE,EAAc6B,iBACpCoC,SAAiB8F,IAAAsC,OAAOC,KAAKvC,IAAelD,OAAS,EACpD9C,EAAAA,IAAC6J,EAAA,QAAA,CAAmBtJ,KAAMyF,GAAe1F,iBACzCmI,iBAAkBxD,GAClByD,kBAAmBlC,KAElBxG,EAAAA,IAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,8DAQ9CF,EAAAA,IAAC,MAAI,CAAA6G,IAAKpE,EACRvC,SAAAC,EAAAA,KAAC+G,EAAA,QAAA,CAAUc,UAAW,EAAG/H,MAAOhE,EAAcuB,UAC5C2J,SAAUvB,GACVwB,SAAU,CAACC,EAAGF,IAAatB,GAAkBsB,GAC7CG,UAAW,CACTC,WAAY,CACVC,UAAW,KACT,MAAM5K,EAAY6F,EAAUM,QACtB0E,EAAK7K,GAAW8K,cAAc,2BAEhCD,GAAM7K,IAAcA,EAAU+K,QAAQC,WACxCH,EAAGI,eAAe,CAChBC,SAAU,SACVC,MAAO,WAGTnL,EAAU+K,QAAQC,SAAW,WAMrC1H,SAAA,CAAAF,EAAAA,IAACiI,EAAA,QAAA,CACCC,iBAAaC,EAAe,QAAA,IAC5BlI,MAAOhE,EAAc0B,iBAErBuC,SAACF,EAAAA,IAAAoI,EAAAA,QAAA,CAAWnI,MAAOhE,EAAc+B,QAASkC,SAE1C,sBAEFF,EAAAA,IAACqI,EAAAA,QAAiB,CAAApI,MAAOhE,EAAc6B,iBACpCoC,SAAc6F,IAAAuC,OAAOC,KAAKxC,IAAYjD,OAAS,EAC9C9C,EAAAA,IAAC8J,EAAA,QAAA,CAAqBvJ,KAAMwF,GAAYzF,iBACxCmI,iBAAkBtD,GAClBuD,kBAAmBlC,KAElBxG,EAAAA,IAAA,MAAA,CAAIC,MAAOhE,EAAc2D,WAAYM,4DAW/Ca,GACEf,EAAAA,IAAA+J,oBAAA,CAAkB9J,MAAO,CAAEnD,MAAO,MAAOyC,WAAY,UAAWV,OAAQ,gBAK1EkC,SACE4F,QAAO,CAAAC,MAAO,EAAGoD,QAAS,GAAIC,QAAS,GAAKhK,MAAO,CAChD3D,SAAU,UACVE,SAAU,WACV+K,WAAY,wBACZ2C,iBAAkB,yBAEtBhK,SAAAF,EAAAA,IAACmK,EAAA,QAAA,CACChE,gBACAC,kBACA/F,QAASkG,GACT1E,2BACAT,wBACAsB,0BACAf,eACAF,cACAC,iBACAlB,cACAC,iBACAC,uBACAC,sBACAC,aACAuB,yBAOT/B,GACCD,EAAAA,KAAC,MAAI,CAAAF,MAAOhE,EAAcmC,YACxB8B,SAAA,CAACF,EAAAA,IAAAoK,EAAA,QAAA,CAAWnK,MAAOhE,EAAcyC,YAAa2L,QAAShK,EAASiK,KAAK,QACnEpK,SAACF,EAAAA,IAAAuK,EAAAA,QAAA,CAAA,KAGHvK,EAAAA,IAACH,EAAA,CACCC,OAAQW,GAAgBX,OACxBC,UAAWU,GAAgBV,UAC3BN,KAAMgB,GAAgBhB"}
+{"version":3,"file":"BookemonContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/Bookemon/utils/highlight.js

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

package/dist/cjs/features/Bookemon/utils/highlight.js.map

@@ -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","highlightTerms"],"mappings":"oEAIa,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,iEAG+B,CACtCH,EACAkB,IAEKlB,EAEAkB,GAA4C,IAA1BA,EAAehB,OAI/BH,EAAmBC,EAAMkB,GAHvBlB,EAHS"}
+{"version":3,"file":"highlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/ChatCitation/BigQueryTable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("lucide-react");const r=e=>null==e?"-":"object"==typeof e?JSON.stringify(e):String(e),n={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"}};exports.BigQueryTable=({rows:l,columns:i=[]})=>{const a=t.useRef(null),[s,d]=t.useState(0),[c,h]=t.useState(null),u=l&&Object.keys(l).length>0,b=u?Object.keys(l):[],f=u?Math.max(...Object.values(l).map(e=>Array.isArray(e)?e.length:1),0):0,g=t.useMemo(()=>b.map((e,t)=>i.includes(e)?t:-1).filter(e=>-1!==e),[b,i]),p=g.length>1,x=0===s,y=s===g.length-1;return t.useEffect(()=>{if(u&&g.length>0&&a.current){const e=a.current,t=g[s],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"})}}},[s,u,g]),u?e.jsxs("div",{style:n.container,children:[e.jsxs("div",{style:n.header,children:[e.jsx("div",{style:n.tableTitle,children:"Table: invoice_inquiry_data"}),p&&e.jsxs("div",{style:n.navContainer,children:[e.jsx("button",{onClick:()=>d(e=>Math.max(0,e-1)),disabled:x,style:{...n.navButton,...x?n.navButtonDisabled:{}},onMouseEnter:e=>!x&&Object.assign(e.currentTarget.style,n.navButtonHover),onMouseLeave:e=>Object.assign(e.currentTarget.style,{backgroundColor:"white"}),children:e.jsx(o.ChevronLeft,{style:{width:"14px",height:"14px"}})}),e.jsxs("div",{style:n.navCounter,children:[s+1,"/",g.length]}),e.jsx("button",{onClick:()=>d(e=>Math.min(g.length-1,e+1)),disabled:y,style:{...n.navButton,...y?n.navButtonDisabled:{}},onMouseEnter:e=>!y&&Object.assign(e.currentTarget.style,n.navButtonHover),onMouseLeave:e=>Object.assign(e.currentTarget.style,{backgroundColor:"white"}),children:e.jsx(o.ChevronRight,{style:{width:"14px",height:"14px"}})})]})]}),e.jsx("div",{ref:a,style:n.scrollContainer,children:e.jsxs("table",{style:n.table,children:[e.jsx("thead",{style:n.thead,children:e.jsx("tr",{children:b.map(t=>{const o=i.includes(t);return e.jsx("th",{style:{...n.th,...o?n.thHighlighted:{}},children:t},t)})})}),e.jsx("tbody",{style:n.tbody,children:Array.from({length:f}).map((t,o)=>e.jsx("tr",{style:{...n.tr,...c===o?n.trHover:{}},onMouseEnter:()=>h(o),onMouseLeave:()=>h(null),children:b.map(t=>{const a=Array.isArray(l[t])?l[t][o]:0===o?l[t]:"",s=i.includes(t);return e.jsx("td",{style:{...n.td,...s?n.tdHighlighted:{}},children:r(a)},`${t}-${o}`)})},o))})]})}),e.jsxs("div",{style:n.footer,children:["Showing ",f," rows"]})]}):e.jsx("div",{style:n.emptyState,children:"No data available."})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("lucide-react"),i=function(e){return null==e?"-":"object"==typeof e?JSON.stringify(e):String(e)},o={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"}};exports.BigQueryTable=function(s){var a=s.rows,l=s.columns,d=void 0===l?[]:l,c=n.useRef(null),u=n.useState(0),g=u[0],f=u[1],h=n.useState(null),b=h[0],p=h[1],x=a&&Object.keys(a).length>0,_=x?Object.keys(a):[],y=x?Math.max.apply(Math,e.__spreadArray(e.__spreadArray([],Object.values(a).map(function(e){return Array.isArray(e)?e.length:1}),!1),[0],!1)):0,v=n.useMemo(function(){return _.map(function(e,t){return d.includes(e)?t:-1}).filter(function(e){return-1!==e})},[_,d]),j=v.length>1,m=0===g,C=g===v.length-1;return n.useEffect(function(){if(x&&v.length>0&&c.current){var e=c.current,t=v[g],n=e.querySelectorAll("thead th")[t];if(n){var r=n.offsetLeft,i=n.offsetWidth,o=r-e.clientWidth/2+i/2;e.scrollTo({left:Math.max(0,o),behavior:"smooth"})}}},[g,x,v]),x?t.jsxs("div",e.__assign({style:o.container},{children:[t.jsxs("div",e.__assign({style:o.header},{children:[t.jsx("div",e.__assign({style:o.tableTitle},{children:"Table: invoice_inquiry_data"})),j&&t.jsxs("div",e.__assign({style:o.navContainer},{children:[t.jsx("button",e.__assign({onClick:function(){return f(function(e){return Math.max(0,e-1)})},disabled:m,style:e.__assign(e.__assign({},o.navButton),m?o.navButtonDisabled:{}),onMouseEnter:function(e){return!m&&Object.assign(e.currentTarget.style,o.navButtonHover)},onMouseLeave:function(e){return Object.assign(e.currentTarget.style,{backgroundColor:"white"})}},{children:t.jsx(r.ChevronLeft,{style:{width:"14px",height:"14px"}})})),t.jsxs("div",e.__assign({style:o.navCounter},{children:[g+1,"/",v.length]})),t.jsx("button",e.__assign({onClick:function(){return f(function(e){return Math.min(v.length-1,e+1)})},disabled:C,style:e.__assign(e.__assign({},o.navButton),C?o.navButtonDisabled:{}),onMouseEnter:function(e){return!C&&Object.assign(e.currentTarget.style,o.navButtonHover)},onMouseLeave:function(e){return Object.assign(e.currentTarget.style,{backgroundColor:"white"})}},{children:t.jsx(r.ChevronRight,{style:{width:"14px",height:"14px"}})}))]}))]})),t.jsx("div",e.__assign({ref:c,style:o.scrollContainer},{children:t.jsxs("table",e.__assign({style:o.table},{children:[t.jsx("thead",e.__assign({style:o.thead},{children:t.jsx("tr",{children:_.map(function(n){var r=d.includes(n);return t.jsx("th",e.__assign({style:e.__assign(e.__assign({},o.th),r?o.thHighlighted:{})},{children:n}),n)})})})),t.jsx("tbody",e.__assign({style:o.tbody},{children:Array.from({length:y}).map(function(n,r){return t.jsx("tr",e.__assign({style:e.__assign(e.__assign({},o.tr),b===r?o.trHover:{}),onMouseEnter:function(){return p(r)},onMouseLeave:function(){return p(null)}},{children:_.map(function(n){var s=Array.isArray(a[n])?a[n][r]:0===r?a[n]:"",l=d.includes(n);return t.jsx("td",e.__assign({style:e.__assign(e.__assign({},o.td),l?o.tdHighlighted:{})},{children:i(s)}),"".concat(n,"-").concat(r))})}),r)})}))]}))})),t.jsxs("div",e.__assign({style:o.footer},{children:["Showing ",y," rows"]}))]})):t.jsx("div",e.__assign({style:o.emptyState},{children:"No data available."}))};
 //# sourceMappingURL=BigQueryTable.js.map

package/dist/cjs/features/ChatCitation/BigQueryTable.js.map

@@ -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","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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"}
+{"version":3,"file":"BigQueryTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/ChatCitation/ChatCitationRenderer.js

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

package/dist/cjs/features/ChatCitation/ChatCitationRenderer.js.map

@@ -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":["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":"oaAoDA,SAA6CA,GAC3C,MAAOC,EAAWC,GAAgBC,YAAkB,IAC7CC,EAAqBC,GAA0BF,EAEpDA,WAEF,SAASG,EAASC,GAChBL,GAAa,GACbG,EAAuBE,EACzB,CAEA,SAASC,IACPN,GAAa,GACbG,OAAgC,EAClC,CAEA,SAASI,EAAaF,GACpBF,EAAuBE,EACzB,CAEM,MAAAG,EAAoBC,EAAAA,QAAQ,MACvBX,EAAMY,mBAAmBC,KACjC,CAACb,EAAMY,mBAAmBC,OAEvBC,EAAqBH,EAAAA,QAAQ,OAE/BX,EAAMe,gBAAgBC,MACtBC,OAAOC,KAAKlB,EAAMe,eAAeC,MAAMG,OAAS,GAEjD,CAACnB,EAAMe,iBAOV,OALQK,QAAAC,IAAI,uBAAwBrB,EAAMe,gBAClCK,QAAAC,IAAI,sBAAuBP,GAC3BM,QAAAC,IAAI,gBAAiBrB,EAAMsB,eAC3BF,QAAAC,IAAI,eAAgBrB,EAAMuB,eAI9BC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAA,QAAA,IACK5B,EACJ6B,kBAAmB7B,EAAM6B,kBACzBd,eAAgBf,EAAMe,eACtBe,eAAgB,IACX9B,EAAM8B,eACTC,YAAY,GAEdC,0BAA2BhC,EAAMgC,4BAA6B,EAC9DC,aAAcjC,EAAMiC,gBACfjC,EAAMuB,eAAiB,CAC5BA,cAAe,IACVvB,EAAMuB,cACTW,MAAM,EACNC,iBAAmBC,GAAoB,IAClCA,KACCpC,EAAMuB,eAAec,4BAA8B,GACvDrC,EAAMuB,eAAee,aAAaC,MAAMC,UACrCb,EAAAA,IAAA,OAAA,CAAKc,MAAO,CAAEC,MAAO,MAAOC,OAAQ,OAAQC,OAAQ,6BAEtDC,EAAAA,QAAc,CAAAC,QAAS,IAAMxC,EAAS,QAASmC,MAAO,CAAEM,OAAQ,WAC/DrB,SAACC,EAAAA,IAAAqB,EAAAA,UAAA,CAAUC,KAAM,GAAIC,MAAM,iBAKjCtC,kBACEF,EACI,IACKV,EAAMY,kBACTsB,MAAM,EACNC,iBAAmBC,GAAoB,IAClCA,KACCpC,EAAMY,mBAAmByB,4BAA8B,GAC3DV,EAAAA,IAAC,OAAA,CACCc,MAAO,CACLC,MAAO,MACPE,OAAQ,6BAGXC,EAAAA,QAAc,CAAAC,QAAS,IAAMxC,EAAS,YAAamC,MAAO,CAAEM,OAAQ,WACnErB,SAACC,EAAAA,IAAAqB,EAAAA,UAAA,CAAUC,KAAM,GAAIC,MAAM,qBAIjC,IAIRvB,EAAAA,IAACwB,SAAMC,OAAQnD,EAAWoD,QAAS7C,EAAkB8C,eAAgBtD,EAAMuD,oBACzE7B,SAAAC,EAAAA,IAACC,EAAA,QAAA,IACK5B,EACJ6B,kBAAmB7B,EAAM6B,kBACzBd,eAAgBf,EAAMe,eACtBe,eAAgB,IACX9B,EAAM8B,eACTC,YAAY,GAEdT,cAAe,IACVtB,EAAMsB,cACTa,iBAAmBqB,GAA6B,IAC3CA,EACH7B,EAAAA,IAACkB,EAAA,QAAA,CACCC,QAAStC,EACTiC,MAAO,CAAEM,OAAQ,WAEjBrB,SAACC,EAAAA,IAAA8B,IAAA,CAAER,KAAM,GAAIC,MAAM,mBAIpBlD,EAAMuB,eAAiB,CAC5BA,cAAe,IACVvB,EAAMuB,cACTW,UAA0C,IAApC9B,OAAoC,EAAoC,SAAxBA,EACtD+B,iBAAmBqB,GAA6B,IAC3CA,EACHxD,EAAMuB,eAAee,aAAaC,MAAMC,WAAa9B,GAAqBI,IACxEa,MAAC,OAAK,CAAAc,MAAO,CAAEC,MAAO,MAAOC,OAAQ,OAAQC,OAAQ,wBAEtDlC,GAAqBI,IACnBa,EAAAA,IAAAkB,UAAA,CAAcJ,MAAO,CAAEM,OAAQ,WAAaD,QAAS,IAAMrC,EAAa,YACvEiB,SAACC,EAAAA,IAAA+B,EAAA,QAAA,CAAcjB,MAAO,CAACS,MAAM,OAAOS,SAAS,SAGhD3D,EAAM6B,yBACJgB,EAAAA,QAAc,CAAAC,QAAStC,EAAkBiC,MAAO,CAAEM,OAAQ,WACzDrB,SAACC,MAAA8B,EAAAA,EAAA,CAAER,KAAM,GAAIC,MAAM,eAIzBU,WAAY,IACP5D,EAAMuB,eAAeqC,WACxBC,kBAAmB,IACd7D,EAAMuB,eAAeqC,YAAYC,kBACpCC,eAAW,MAKjBlD,kBACEF,EACI,IACKV,EAAMY,kBACTsB,UAEM,IADJ9B,OACI,EACwB,aAAxBA,EACN+B,iBAAmBqB,GAA6B,IAC3CA,EACH7B,EAAAA,IAAC,OAAA,CACCc,MAAO,CACLC,MAAO,MACPE,OAAQ,uBAGZjB,EAAAA,IAACkB,EAAA,QAAA,CACCJ,MAAO,CAAEM,OAAQ,WACjBD,QAAS,IAAMrC,EAAa,QAE5BiB,SAAAC,EAAAA,IAAC+B,WAAcjB,MAAO,CAACS,MAAM,OAAOS,SAAS,SAE5C3D,EAAM6B,yBACJgB,EAAAA,QAAc,CAAAC,QAAStC,EAAkBiC,MAAO,CAAEM,OAAQ,WACzDrB,SAACC,MAAA8B,EAAAA,EAAA,CAAER,KAAM,GAAIC,MAAM,eAI3BU,WAAY,IACP5D,EAAMY,mBAAmBgD,WAC5BG,cAAe,IACV/D,EAAMY,mBAAmBgD,YAAYG,cACxCD,eAAW,UAIjB,QAMhB"}
+{"version":3,"file":"ChatCitationRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}