@viswa-test/test-citation 0.0.385 → 0.0.387

package/dist/features/Bookemon/BookElementsCard/BookElementsCard.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import o from"@mui/material/Pagination";import n from"@mui/material/Skeleton";import{useRef as r,useEffect as i,useState as l}from"react";import s from"react-markdown";import c from"rehype-raw";import d from"remark-breaks";import{highlightTermsFunc as p}from"../utils/highlight.js";import{sanitizeHtml as g}from"../../../utils/sanitizeHtml.js";const h={sectionTitle:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"12px"},quotesPadding:{paddingLeft:"12px"},quoteCard:{border:"1px solid #CBD5E1",borderRadius:"8px",padding:"16px",backgroundColor:"#F8FAFC",boxShadow:"0 1px 2px rgba(0,0,0,0.05)",marginBottom:"16px",cursor:"pointer",transition:"transform 0.2s ease, box-shadow 0.2s ease"},quoteText:{fontStyle:"italic",color:"#475569",fontSize:"14px",fontWeight:400,marginBottom:"12px"},quoteMeta:{color:"#475569",fontSize:"12px",fontWeight:400},quoteAuthor:{fontSize:"10px",fontWeight:600,color:"#475569",marginTop:"8px",marginBottom:"18px"},button:{color:"#5928ED",fontSize:"14px",fontWeight:600,background:"none",border:"none",cursor:"pointer",padding:0,textDecoration:"none",paddingLeft:"12px"},geoLocationsContainer:{marginTop:"24px",marginBottom:"24px"},geoText:{fontSize:"14px",fontWeight:500,cursor:"pointer",color:"#532BED"},geoDivider:{margin:"0 8px",color:"#475abb",backgroundColor:"#475abb",width:"1px",height:"18px",display:"inline-block"},geoLocationFlex:{display:"inline-flex",alignItems:"center",gap:"8px",marginBottom:"8px"},charactersContainer:{marginTop:"16px"},charactersGrid:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"16px",marginBottom:"16px",paddingLeft:"12px"},characterCard:{border:"1px solid #E5E7EB",borderRadius:"8px",backgroundColor:"#FFFFFF",boxShadow:"0 1px 2px rgba(0,0,0,0.05)",display:"flex",alignItems:"flex-start",gap:"12px",padding:"16px",cursor:"pointer",transition:"transform 0.2s ease, box-shadow 0.2s ease"},avatar:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"9999px",fontSize:"14px",fontWeight:600,flexShrink:0},charName:{fontStyle:"normal",fontWeight:600,color:"#101827",fontSize:"16px"},charDesc:{fontStyle:"normal",fontWeight:400,fontSize:"14px",color:"#6B7280"},retryButton:{backgroundColor:"#5928EC",color:"#fff",padding:"6px 10px",border:"none",borderRadius:"6px",cursor:"pointer",fontSize:"12px",fontWeight:"500"}},x=({data:x,updateQuotesToHighLight:m,handleFetchManuscriptElements:u,BookIsbn:y,title:f,highlightTerms:b,onHighlightMatch:k,defaultPages:v,citationType:C,citationSubTitle:T,highlightEnabled:w})=>{const S=r(!0);i(()=>()=>{S.current=!1},[]);const[L,q]=l([]),[N,B]=l(v?.quotes??1),[D,M]=l(!1),[E,_]=l(!0),[P,F]=l(0),[H,I]=l([]),[W,z]=l(v?.characters??1),[R,j]=l(!1),[G,K]=l(!0),[Y,A]=l(0),[Q,O]=l([]),[J,U]=l(v?.locations??1),[V,X]=l(!1),[Z,$]=l(!0),[ee,te]=l(0),[ae,oe]=l({list:"",index:-1,page:1}),ne=r(!1),re=r(null);i(()=>{if(!b?.length||!w)return;const e=b.map(e=>e.toLowerCase()),t=t=>t&&e.some(e=>t.toLowerCase().includes(e));let a=!1;"notable_quotes"==T&&L.forEach((e,o)=>{!a&&t(e.text)&&(k?.(!0),a=!0)}),"location_details"==T&&Q.forEach((e,o)=>{!a&&t(e.name)&&(k?.(!0),a=!0)}),"notable_characters"==T&&H.forEach((t,o)=>{var n;!a&&((n=t.name)&&e[0]===n.toLowerCase())&&(k?.(!0),a=!0)})},[b,L,Q,H,N,J,W]),i(()=>{v&&(v.quotes&&B(v.quotes),v.locations&&U(v.locations),v.characters&&z(v.characters))},[v]),i(()=>{ne.current=!1},[b]);const ie=async({endpoint:e,page:t,isbn:a,setData:o,setLoading:n,setHasMore:r,setTotalPage:i,title:l})=>{n(!0);try{const n=await u({endpoint:e,page:t,pageSize:10,isbn:a,title:l});if(!S.current)return;o(n?.data||[]),i(n?.pagination?.totalPages||0),r(!n?.pagination?.hasNext&&!n?.pagination?.hasPrevious)}finally{S.current&&n(!1)}};return i(()=>{ie({endpoint:"notable-quotes",page:N,isbn:y,setData:q,setLoading:M,setHasMore:_,setTotalPage:F,title:f})},[N]),i(()=>{ie({endpoint:"notable-characters",page:W,isbn:y,setData:I,setLoading:j,setHasMore:K,setTotalPage:A,title:f})},[W]),i(()=>{ie({endpoint:"geo-locations",page:J,isbn:y,setData:O,setLoading:X,setHasMore:$,setTotalPage:te,title:f})},[J]),e("div",{ref:re,className:"book-elements-container",children:[e("div",{style:{marginBottom:"24px"},children:[t("p",{style:h.sectionTitle,className:"book-elements-section-title",children:"Notable Quotes"}),e("div",{style:h.quotesPadding,children:[D?t("div",{style:{display:"flex",flexDirection:"column",rowGap:"8px"},children:[1,2,3,4,5,6,7,8,9,10].map(a=>e("div",{className:"book-elements-quote-card",style:h.quoteCard,children:[t(n,{variant:"text",width:"60%",height:28}),t(n,{variant:"text",width:"40%",height:20}),t(n,{variant:"text",width:"25%",height:20}),t(n,{variant:"text",width:"30%",height:20})]},a))}):0===L.length?e("p",{style:{color:"#6B7280",fontStyle:"italic"},children:["No notable quotes found. ",t("button",{style:h.retryButton,onClick:()=>ie({endpoint:"notable-quotes",page:N,isbn:y,setData:q,setLoading:M,setHasMore:_,setTotalPage:F,title:f}),children:"Retry"})]}):t(a,{children:L.map((a,o)=>{const n="notable"===ae.list&&ae.page===N&&ae.index===o;return e("div",{className:"book-elements-quote-card",style:{...h.quoteCard,borderColor:n?"rgb(83, 43, 237)":"#CBD5E1"},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-4px)",e.currentTarget.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.15)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.1)"},onClick:async()=>{try{oe({list:"notable",page:N,index:o}),a?.chunkIds?.length>0&&await m(a.text,"Notable Quotes",a.chunkIds,0)}catch(e){console.error("Failed to highlight quote:",e)}},"data-selected":"notable"===ae.list&&ae.page===N&&ae.index===o?"true":void 0,children:[b&&b.length>0&&"notable_quotes"==T&&w?t("p",{style:h.quoteText,className:"book-elements-quote-text",dangerouslySetInnerHTML:{__html:g(p(a?.text,b))}}):t("p",{style:h.quoteText,className:"book-elements-quote-text",children:a?.text}),e("p",{style:h.quoteMeta,className:"book-elements-quote-meta",children:[a.chapter,t("br",{}),a.page]}),e("p",{style:h.quoteAuthor,children:["— ",a?.author]})]},o)})}),t("div",{className:"book-elements-pagination",style:{display:"flex",justifyContent:"flex-end",width:"100%"},children:!E&&t(o,{disabled:D,count:P,page:N,onChange:(e,t)=>B(t),shape:"rounded",style:{marginTop:"8px"}})})]})]}),e("div",{style:h.geoLocationsContainer,children:[t("p",{style:h.sectionTitle,className:"book-elements-section-title",children:"Key Geo Locations"}),e("div",{className:"book-elements-geo-wrapper",style:{...h.quotesPadding,marginBottom:"8px"},children:[V?t("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px"},children:[1,2,3,4,5,6,7,8,9,10].map(e=>t(n,{variant:"rectangular",width:100,height:20,style:{borderRadius:"8px"}},e))}):0===Q.length?e("p",{style:{color:"#6B7280",fontStyle:"italic",paddingLeft:"12px"},children:["No key geo locations found. ",t("button",{style:h.retryButton,onClick:()=>ie({endpoint:"geo-locations",page:J,isbn:y,setData:O,setLoading:X,setHasMore:$,setTotalPage:te,title:f}),children:"Retry"})]}):t(a,{children:Q.map((a,o)=>{const n="geo_location"===ae.list&&ae.page===J&&ae.index===o;return e("span",{"data-selected":"geo_location"===ae.list&&ae.page===J&&ae.index===o?"true":void 0,style:h.geoLocationFlex,children:[t("span",{className:"book-elements-geo-text",style:{...h.geoText,fontWeight:n?"700":"",textDecoration:n?"underline":""},onClick:async()=>{try{oe({list:"geo_location",page:J,index:o}),a?.chunkIds?.length>0&&await m(a.name,"Key Geo Locations",a.chunkIds,0)}catch(e){console.error("Failed to highlight location:",e)}},onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:b&&b.length>0&&"location_details"==T&&w?t("span",{dangerouslySetInnerHTML:{__html:g(p(a?.name,b))}}):a?.name}),o<Q.length-1&&t("span",{style:h.geoDivider})]},o)})}),t("div",{className:"book-elements-pagination",style:{display:"flex",justifyContent:"flex-end",width:"100%"},children:!Z&&t(o,{disabled:V,count:ee,page:J,onChange:(e,t)=>U(t),shape:"rounded",style:{marginTop:"8px"}})})]})]}),e("div",{style:h.charactersContainer,children:[t("p",{style:h.sectionTitle,className:"book-elements-section-title",children:"Key Characters"}),R?t("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px"},children:[1,2,3,4,5,6,7,8,9,10].map(a=>e("div",{style:{...h.characterCard,flexBasis:"40%"},children:[t(n,{variant:"circular",style:{...h.avatar,flexShrink:0}}),e("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[t(n,{variant:"text",style:{flex:"1",flexShrink:0}}),t(n,{variant:"text",style:{flex:"1"}}),t(n,{variant:"text",style:{flex:"1"}}),t(n,{variant:"text",style:{flex:"1"}})]})]},a))}):0===H.length?e("p",{style:{color:"#6B7280",fontStyle:"italic",paddingLeft:"12px"},children:["No key characters found. ",t("button",{style:h.retryButton,onClick:()=>ie({endpoint:"notable-characters",page:W,isbn:y,setData:I,setLoading:j,setHasMore:K,setTotalPage:A,title:f}),children:"Retry"})]}):t(a,{children:t("div",{className:"book-elements-characters-grid",style:h.charactersGrid,children:H.map((a,o)=>{const n={...h.avatar,backgroundColor:a.bg,color:a.color},r="key_character"===ae.list&&ae.page===W&&ae.index===o;return e("div",{onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-4px)",e.currentTarget.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.15)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.1)"},className:"book-elements-character-card",style:{...h.characterCard,borderColor:r?"rgb(83, 43, 237)":"#E5E7EB"},onClick:async()=>{oe({list:"key_character",page:W,index:o});try{a?.chunkIds?.length>0&&await m(a.name,"Key Characters",a.chunkIds,0)}catch(e){console.error("Failed to highlight character:",e)}},"data-selected":"key_character"===ae.list&&ae.page===W&&ae.index===o?"true":void 0,children:[t("div",{style:n,children:a.initials}),e("div",{style:{display:"flex",flexDirection:"column"},children:[t("p",{className:"book-elements-char-name",style:{...h.charName,margin:0},children:b&&b.length>0&&"notable_characters"==T&&a.name.toLowerCase()===b[0].toLowerCase()&&w?t("span",{dangerouslySetInnerHTML:{__html:g(p(a.name,b))}}):a.name}),t("p",{className:"book-elements-char-desc",style:{...h.charDesc,margin:0,marginTop:"4px"},children:t(s,{remarkPlugins:[d],rehypePlugins:[c],components:{p:({node:e,...a})=>t("p",{style:{marginTop:0},...a})},children:a?.description})})]})]},o)})})}),t("div",{className:"book-elements-pagination",style:{display:"flex",justifyContent:"flex-end",width:"100%"},children:!G&&t(o,{count:Y,disabled:R,page:W,onChange:(e,t)=>z(t),shape:"rounded",style:{marginTop:"8px"}})})]})]})};export{x as default};
+import{__assign as e,__awaiter as t,__generator as n,__rest as o}from"tslib";import{jsxs as a,jsx as r,Fragment as i}from"react/jsx-runtime";import l from"@mui/material/Pagination";import s from"@mui/material/Skeleton";import{useRef as c,useEffect as d,useState as u}from"react";import p from"react-markdown";import h from"rehype-raw";import g from"remark-breaks";import{highlightTermsFunc as x}from"../utils/highlight.js";import{sanitizeHtml as f}from"../../../utils/sanitizeHtml.js";var m={sectionTitle:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"12px"},quotesPadding:{paddingLeft:"12px"},quoteCard:{border:"1px solid #CBD5E1",borderRadius:"8px",padding:"16px",backgroundColor:"#F8FAFC",boxShadow:"0 1px 2px rgba(0,0,0,0.05)",marginBottom:"16px",cursor:"pointer",transition:"transform 0.2s ease, box-shadow 0.2s ease"},quoteText:{fontStyle:"italic",color:"#475569",fontSize:"14px",fontWeight:400,marginBottom:"12px"},quoteMeta:{color:"#475569",fontSize:"12px",fontWeight:400},quoteAuthor:{fontSize:"10px",fontWeight:600,color:"#475569",marginTop:"8px",marginBottom:"18px"},button:{color:"#5928ED",fontSize:"14px",fontWeight:600,background:"none",border:"none",cursor:"pointer",padding:0,textDecoration:"none",paddingLeft:"12px"},geoLocationsContainer:{marginTop:"24px",marginBottom:"24px"},geoText:{fontSize:"14px",fontWeight:500,cursor:"pointer",color:"#532BED"},geoDivider:{margin:"0 8px",color:"#475abb",backgroundColor:"#475abb",width:"1px",height:"18px",display:"inline-block"},geoLocationFlex:{display:"inline-flex",alignItems:"center",gap:"8px",marginBottom:"8px"},charactersContainer:{marginTop:"16px"},charactersGrid:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"16px",marginBottom:"16px",paddingLeft:"12px"},characterCard:{border:"1px solid #E5E7EB",borderRadius:"8px",backgroundColor:"#FFFFFF",boxShadow:"0 1px 2px rgba(0,0,0,0.05)",display:"flex",alignItems:"flex-start",gap:"12px",padding:"16px",cursor:"pointer",transition:"transform 0.2s ease, box-shadow 0.2s ease"},avatar:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"9999px",fontSize:"14px",fontWeight:600,flexShrink:0},charName:{fontStyle:"normal",fontWeight:600,color:"#101827",fontSize:"16px"},charDesc:{fontStyle:"normal",fontWeight:400,fontSize:"14px",color:"#6B7280"},retryButton:{backgroundColor:"#5928EC",color:"#fff",padding:"6px 10px",border:"none",borderRadius:"6px",cursor:"pointer",fontSize:"12px",fontWeight:"500"}},y=function(y){var v,b,k;y.data;var C=y.updateQuotesToHighLight,T=y.handleFetchManuscriptElements,w=y.BookIsbn,S=y.title,L=y.highlightTerms,q=y.onHighlightMatch,N=y.defaultPages;y.citationType;var B=y.citationSubTitle,D=y.highlightEnabled,M=c(!0);d(function(){return function(){M.current=!1}},[]);var E=u([]),_=E[0],P=E[1],F=u(null!==(v=null==N?void 0:N.quotes)&&void 0!==v?v:1),H=F[0],I=F[1],W=u(!1),z=W[0],R=W[1],j=u(!0),G=j[0],K=j[1],Y=u(0),A=Y[0],Q=Y[1],O=u([]),J=O[0],U=O[1],V=u(null!==(b=null==N?void 0:N.characters)&&void 0!==b?b:1),X=V[0],Z=V[1],$=u(!1),ee=$[0],te=$[1],ne=u(!0),oe=ne[0],ae=ne[1],re=u(0),ie=re[0],le=re[1],se=u([]),ce=se[0],de=se[1],ue=u(null!==(k=null==N?void 0:N.locations)&&void 0!==k?k:1),pe=ue[0],he=ue[1],ge=u(!1),xe=ge[0],fe=ge[1],me=u(!0),ye=me[0],ve=me[1],be=u(0),ke=be[0],Ce=be[1],Te=u({list:"",index:-1,page:1}),we=Te[0],Se=Te[1],Le=c(!1),qe=c(null);d(function(){if((null==L?void 0:L.length)&&D){var e=L.map(function(e){return e.toLowerCase()}),t=function(t){return t&&e.some(function(e){return t.toLowerCase().includes(e)})},n=!1;"notable_quotes"==B&&_.forEach(function(e,o){!n&&t(e.text)&&(null==q||q(!0),n=!0)}),"location_details"==B&&ce.forEach(function(e,o){!n&&t(e.name)&&(null==q||q(!0),n=!0)}),"notable_characters"==B&&J.forEach(function(t,o){var a;!n&&((a=t.name)&&e[0]===a.toLowerCase())&&(null==q||q(!0),n=!0)})}},[L,_,ce,J,H,pe,X]),d(function(){N&&(N.quotes&&I(N.quotes),N.locations&&he(N.locations),N.characters&&Z(N.characters))},[N]),d(function(){Le.current=!1},[L]);var Ne=function(e){var o=e.endpoint,a=e.page,r=e.isbn,i=e.setData,l=e.setLoading,s=e.setHasMore,c=e.setTotalPage,d=e.title;return t(void 0,void 0,void 0,function(){var e,t,u,p;return n(this,function(n){switch(n.label){case 0:l(!0),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,T({endpoint:o,page:a,pageSize:10,isbn:r,title:d})];case 2:return e=n.sent(),M.current?(i((null==e?void 0:e.data)||[]),c((null===(t=null==e?void 0:e.pagination)||void 0===t?void 0:t.totalPages)||0),s(!(null===(u=null==e?void 0:e.pagination)||void 0===u?void 0:u.hasNext)&&!(null===(p=null==e?void 0:e.pagination)||void 0===p?void 0:p.hasPrevious)),[3,4]):[2];case 3:return M.current&&l(!1),[7];case 4:return[2]}})})};return d(function(){Ne({endpoint:"notable-quotes",page:H,isbn:w,setData:P,setLoading:R,setHasMore:K,setTotalPage:Q,title:S})},[H]),d(function(){Ne({endpoint:"notable-characters",page:X,isbn:w,setData:U,setLoading:te,setHasMore:ae,setTotalPage:le,title:S})},[X]),d(function(){Ne({endpoint:"geo-locations",page:pe,isbn:w,setData:de,setLoading:fe,setHasMore:ve,setTotalPage:Ce,title:S})},[pe]),a("div",e({ref:qe,className:"book-elements-container"},{children:[a("div",e({style:{marginBottom:"24px"}},{children:[r("p",e({style:m.sectionTitle,className:"book-elements-section-title"},{children:"Notable Quotes"})),a("div",e({style:m.quotesPadding},{children:[z?r("div",e({style:{display:"flex",flexDirection:"column",rowGap:"8px"}},{children:[1,2,3,4,5,6,7,8,9,10].map(function(t){return a("div",e({className:"book-elements-quote-card",style:m.quoteCard},{children:[r(s,{variant:"text",width:"60%",height:28}),r(s,{variant:"text",width:"40%",height:20}),r(s,{variant:"text",width:"25%",height:20}),r(s,{variant:"text",width:"30%",height:20})]}),t)})})):0===_.length?a("p",e({style:{color:"#6B7280",fontStyle:"italic"}},{children:["No notable quotes found. ",r("button",e({style:m.retryButton,onClick:function(){return Ne({endpoint:"notable-quotes",page:H,isbn:w,setData:P,setLoading:R,setHasMore:K,setTotalPage:Q,title:S})}},{children:"Retry"}))]})):r(i,{children:_.map(function(o,i){var l="notable"===we.list&&we.page===H&&we.index===i;return a("div",e({className:"book-elements-quote-card",style:e(e({},m.quoteCard),{borderColor:l?"rgb(83, 43, 237)":"#CBD5E1"}),onMouseEnter:function(e){e.currentTarget.style.transform="translateY(-4px)",e.currentTarget.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.15)"},onMouseLeave:function(e){e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.1)"},onClick:function(){return t(void 0,void 0,void 0,function(){var e,t;return n(this,function(n){switch(n.label){case 0:return n.trys.push([0,3,,4]),Se({list:"notable",page:H,index:i}),(null===(t=null==o?void 0:o.chunkIds)||void 0===t?void 0:t.length)>0?[4,C(o.text,"Notable Quotes",o.chunkIds,0)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[3,4];case 3:return e=n.sent(),console.error("Failed to highlight quote:",e),[3,4];case 4:return[2]}})})},"data-selected":"notable"===we.list&&we.page===H&&we.index===i?"true":void 0},{children:[L&&L.length>0&&"notable_quotes"==B&&D?r("p",{style:m.quoteText,className:"book-elements-quote-text",dangerouslySetInnerHTML:{__html:f(x(null==o?void 0:o.text,L))}}):r("p",e({style:m.quoteText,className:"book-elements-quote-text"},{children:null==o?void 0:o.text})),a("p",e({style:m.quoteMeta,className:"book-elements-quote-meta"},{children:[o.chapter,r("br",{}),o.page]})),a("p",e({style:m.quoteAuthor},{children:["— ",null==o?void 0:o.author]}))]}),i)})}),r("div",e({className:"book-elements-pagination",style:{display:"flex",justifyContent:"flex-end",width:"100%"}},{children:!G&&r(l,{disabled:z,count:A,page:H,onChange:function(e,t){return I(t)},shape:"rounded",style:{marginTop:"8px"}})}))]}))]})),a("div",e({style:m.geoLocationsContainer},{children:[r("p",e({style:m.sectionTitle,className:"book-elements-section-title"},{children:"Key Geo Locations"})),a("div",e({className:"book-elements-geo-wrapper",style:e(e({},m.quotesPadding),{marginBottom:"8px"})},{children:[xe?r("div",e({style:{display:"flex",flexWrap:"wrap",gap:"8px"}},{children:[1,2,3,4,5,6,7,8,9,10].map(function(e){return r(s,{variant:"rectangular",width:100,height:20,style:{borderRadius:"8px"}},e)})})):0===ce.length?a("p",e({style:{color:"#6B7280",fontStyle:"italic",paddingLeft:"12px"}},{children:["No key geo locations found. ",r("button",e({style:m.retryButton,onClick:function(){return Ne({endpoint:"geo-locations",page:pe,isbn:w,setData:de,setLoading:fe,setHasMore:ve,setTotalPage:Ce,title:S})}},{children:"Retry"}))]})):r(i,{children:ce.map(function(o,i){var l="geo_location"===we.list&&we.page===pe&&we.index===i;return a("span",e({"data-selected":"geo_location"===we.list&&we.page===pe&&we.index===i?"true":void 0,style:m.geoLocationFlex},{children:[r("span",e({className:"book-elements-geo-text",style:e(e({},m.geoText),{fontWeight:l?"700":"",textDecoration:l?"underline":""}),onClick:function(){return t(void 0,void 0,void 0,function(){var e,t;return n(this,function(n){switch(n.label){case 0:return n.trys.push([0,3,,4]),Se({list:"geo_location",page:pe,index:i}),(null===(t=null==o?void 0:o.chunkIds)||void 0===t?void 0:t.length)>0?[4,C(o.name,"Key Geo Locations",o.chunkIds,0)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[3,4];case 3:return e=n.sent(),console.error("Failed to highlight location:",e),[3,4];case 4:return[2]}})})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:L&&L.length>0&&"location_details"==B&&D?r("span",{dangerouslySetInnerHTML:{__html:f(x(null==o?void 0:o.name,L))}}):null==o?void 0:o.name})),i<ce.length-1&&r("span",{style:m.geoDivider})]}),i)})}),r("div",e({className:"book-elements-pagination",style:{display:"flex",justifyContent:"flex-end",width:"100%"}},{children:!ye&&r(l,{disabled:xe,count:ke,page:pe,onChange:function(e,t){return he(t)},shape:"rounded",style:{marginTop:"8px"}})}))]}))]})),a("div",e({style:m.charactersContainer},{children:[r("p",e({style:m.sectionTitle,className:"book-elements-section-title"},{children:"Key Characters"})),ee?r("div",e({style:{display:"flex",flexWrap:"wrap",gap:"8px"}},{children:[1,2,3,4,5,6,7,8,9,10].map(function(t){return a("div",e({style:e(e({},m.characterCard),{flexBasis:"40%"})},{children:[r(s,{variant:"circular",style:e(e({},m.avatar),{flexShrink:0})}),a("div",e({style:{display:"flex",flexDirection:"column",flex:1}},{children:[r(s,{variant:"text",style:{flex:"1",flexShrink:0}}),r(s,{variant:"text",style:{flex:"1"}}),r(s,{variant:"text",style:{flex:"1"}}),r(s,{variant:"text",style:{flex:"1"}})]}))]}),t)})})):0===J.length?a("p",e({style:{color:"#6B7280",fontStyle:"italic",paddingLeft:"12px"}},{children:["No key characters found. ",r("button",e({style:m.retryButton,onClick:function(){return Ne({endpoint:"notable-characters",page:X,isbn:w,setData:U,setLoading:te,setHasMore:ae,setTotalPage:le,title:S})}},{children:"Retry"}))]})):r(i,{children:r("div",e({className:"book-elements-characters-grid",style:m.charactersGrid},{children:J.map(function(i,l){var s=e(e({},m.avatar),{backgroundColor:i.bg,color:i.color}),c="key_character"===we.list&&we.page===X&&we.index===l;return a("div",e({onMouseEnter:function(e){e.currentTarget.style.transform="translateY(-4px)",e.currentTarget.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.15)"},onMouseLeave:function(e){e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow="0 1px 4px rgba(0, 0, 0, 0.1)"},className:"book-elements-character-card",style:e(e({},m.characterCard),{borderColor:c?"rgb(83, 43, 237)":"#E5E7EB"}),onClick:function(){return t(void 0,void 0,void 0,function(){var e,t;return n(this,function(n){switch(n.label){case 0:Se({list:"key_character",page:X,index:l}),n.label=1;case 1:return n.trys.push([1,4,,5]),(null===(t=null==i?void 0:i.chunkIds)||void 0===t?void 0:t.length)>0?[4,C(i.name,"Key Characters",i.chunkIds,0)]:[3,3];case 2:n.sent(),n.label=3;case 3:return[3,5];case 4:return e=n.sent(),console.error("Failed to highlight character:",e),[3,5];case 5:return[2]}})})},"data-selected":"key_character"===we.list&&we.page===X&&we.index===l?"true":void 0},{children:[r("div",e({style:s},{children:i.initials})),a("div",e({style:{display:"flex",flexDirection:"column"}},{children:[r("p",e({className:"book-elements-char-name",style:e(e({},m.charName),{margin:0})},{children:L&&L.length>0&&"notable_characters"==B&&i.name.toLowerCase()===L[0].toLowerCase()&&D?r("span",{dangerouslySetInnerHTML:{__html:f(x(i.name,L))}}):i.name})),r("p",e({className:"book-elements-char-desc",style:e(e({},m.charDesc),{margin:0,marginTop:"4px"})},{children:r(p,e({remarkPlugins:[g],rehypePlugins:[h],components:{p:function(t){t.node;var n=o(t,["node"]);return r("p",e({style:{marginTop:0}},n))}}},{children:null==i?void 0:i.description}))}))]}))]}),l)})}))}),r("div",e({className:"book-elements-pagination",style:{display:"flex",justifyContent:"flex-end",width:"100%"}},{children:!oe&&r(l,{count:ie,disabled:ee,page:X,onChange:function(e,t){return Z(t)},shape:"rounded",style:{marginTop:"8px"}})}))]}))]}))};export{y as default};
 //# sourceMappingURL=BookElementsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookElementsCard.js","sources":["../../../../src/features/Bookemon/BookElementsCard/BookElementsCard.tsx"],"sourcesContent":["// import { Pagination, Skeleton, } from \"@mui/lab\";\nimport Pagination from '@mui/material/Pagination';\nimport Skeleton from '@mui/material/Skeleton';\nimport React, { CSSProperties, useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from 'remark-breaks'\nimport { highlightTermsFunc } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport \"./BookElementsCard.css\";\nimport { BookemonProps } from '../types/citation.types';\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n  sectionTitle: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n    color: \"#667085\",\n    marginBottom: \"12px\",\n  },\n  quotesPadding: {\n    paddingLeft : \"12px\",\n  },\n  quoteCard: {\n    border: \"1px solid #CBD5E1\",\n    borderRadius: \"8px\",\n    padding: \"16px\",\n    backgroundColor: \"#F8FAFC\",\n    boxShadow: \"0 1px 2px rgba(0,0,0,0.05)\",\n    marginBottom: \"16px\",\n    cursor: \"pointer\",\n    transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n  },\n  quoteText: {\n    fontStyle: \"italic\",\n    color: \"#475569\",\n    fontSize: \"14px\",\n    fontWeight: 400,\n    marginBottom: \"12px\",\n  },\n  quoteMeta: {\n    color: \"#475569\",\n    fontSize: \"12px\",\n    fontWeight: 400,\n  },\n  quoteAuthor: {\n    fontSize: \"10px\",\n    fontWeight: 600,\n    color: \"#475569\",\n    marginTop: \"8px\",\n    marginBottom: '18px'\n    // textAlign: \"right\",\n  },\n  button: {\n    color: \"#5928ED\",\n    fontSize: \"14px\",\n    fontWeight: 600,\n    background: \"none\",\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: 0,\n    textDecoration: \"none\",\n    paddingLeft : \"12px\",\n  },\n  geoLocationsContainer: {\n    marginTop: \"24px\",\n    marginBottom: \"24px\",\n  },\ngeoText: {\n  fontSize: \"14px\",\n  fontWeight: 500,\n  cursor: \"pointer\",\n  color: \"#532BED\",\n  // backgroundImage: \"linear-gradient(115deg, #2546F0 -23.58%, #5928ED 74.92%)\",\n  // backgroundClip: \"text\",\n  // WebkitBackgroundClip: \"text\",\n  // WebkitTextFillColor: \"transparent\",\n  // background: \"var(--Gradient-Primary-100, linear-gradient(115deg, #2546F0 -23.58%, #5928ED 74.92%))\",\n},\n  geoDivider: {\n    margin: \"0 8px\",\n    color: \"#475abb\",\n    backgroundColor: \"#475abb\",\n    width : \"1px\",\n    height : \"18px\",\n    display: \"inline-block\",\n  },\n  geoLocationFlex: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    gap: \"8px\",\n    marginBottom: \"8px\",\n  },\n  charactersContainer: {\n    marginTop: \"16px\",\n  },\n  charactersGrid: {\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(2, 1fr)\",\n    gap: \"16px\",\n    marginBottom: \"16px\",\n    paddingLeft : \"12px\",\n  },\n  characterCard: {\n    border: \"1px solid #E5E7EB\",\n    borderRadius: \"8px\",\n    backgroundColor: \"#FFFFFF\",\n    boxShadow: \"0 1px 2px rgba(0,0,0,0.05)\",\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    gap: \"12px\",\n    padding: \"16px\",\n    cursor: \"pointer\",\n    transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n  },\n  avatar: {\n    width: \"32px\",\n    height: \"32px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderRadius: \"9999px\",\n    fontSize: \"14px\",\n    fontWeight: 600,\n    flexShrink: 0,\n  },\n  charName: {\n    fontStyle: \"normal\",\n    fontWeight: 600,\n    color: \"#101827\",\n    fontSize: \"16px\",\n  },\n  charDesc: {\n    fontStyle: \"normal\",\n    fontWeight: 400,\n    fontSize: \"14px\",\n    color: \"#6B7280\",\n  },\n  retryButton: {\n    backgroundColor: '#5928EC',\n    color: '#fff',\n    padding: '6px 10px',\n    border: 'none',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    fontSize: '12px',\n    fontWeight: '500',\n  }\n};\nexport interface IQuote {\n  text: string;\n  chapter: string;\n  page: string;\n  author: string;\n  chunkIds : string[],\n}\n\nexport interface ICharacter {\n  name: string;\n  description: string;\n  bg: string;\n  color: string;\n  initials?: string;\n  chunkIds : string[],\n}\n\nexport interface geoLocationData {\n  chunkIds : string[],\n  name : string\n}\n\nexport interface IBookElementsData {\n  notableQuotes: IQuote[];\n  geoLocations: geoLocationData[];\n  characters: ICharacter[];\n}\n\ninterface BookElementsCardProps {\n  data: IBookElementsData;\n  updateQuotesToHighLight: (textToHighLight: string,content:string, chunkIds:string[], currentIndex : number) => void;\n   handleFetchManuscriptElements: ({\n    endpoint,\n    page,\n    pageSize,\n    isbn,\n    title\n  }: {\n    endpoint: any;\n    page: any;\n    pageSize: number; // optional, default to 10\n    isbn: any;\n    title : string\n  }) => Promise<any>;\n  BookIsbn : string;\n  title : string\n  highlightTerms?: string[];\n  onHighlightMatch?: (matched: boolean) => void;\n  defaultPages?: {\n    quotes?: number;\n    locations?: number;\n    characters?: number;\n  };\n  citationType: BookemonProps['citationType'];\n  citationSubTitle: BookemonProps['citationSubTitle'];\n  highlightEnabled: boolean\n}\n\nconst BookElementsCard = ({\n  data,\n  updateQuotesToHighLight,\n  handleFetchManuscriptElements,\n  BookIsbn,\n  title,\n  highlightTerms,\n  onHighlightMatch,\n  defaultPages,\n  citationType,\n  citationSubTitle,\n  highlightEnabled\n}: BookElementsCardProps) => {\n\n  const isAliveRef = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isAliveRef.current = false;\n    };\n  }, []);\n\n  const pageSize = 10; // 10 items per page\n\n  // const { notableQuotes = [], geoLocations = [], characters = [] } = data;\n  const [quotes, setQuotes] = useState<any[]>([]);\n  const [quotesPage, setQuotesPage] = useState(defaultPages?.quotes ?? 1);\n  const [quotesLoading, setQuotesLoading] = useState(false);\n  const [quotesHasMore, setQuotesHasMore] = useState(true);\n  const [quotesTotalPages, setQuotesTotalPages] = useState(0);\n\n  const [characters, setCharacters] = useState<any[]>([]);\n  const [charactersPage, setCharactersPage] = useState(defaultPages?.characters ?? 1);\n  const [charactersLoading, setCharactersLoading] = useState(false);\n  const [charactersHasMore, setCharactersHasMore] = useState(true);\n  const [charactersTotalPages, setCharactersTotalPages] = useState(0);\n\n\n  const [locations, setLocations] = useState<any[]>([]);\n  const [locationsPage, setLocationsPage] = useState(defaultPages?.locations ?? 1);\n  const [locationsLoading, setLocationsLoading] = useState(false);\n  const [locationsHasMore, setLocationsHasMore] = useState(true);\n  const [locationsTotalPages, setLocationsTotalPages] = useState(0);\n\n  const [selectedCard, setSelectedCard] = useState({ list: \"\", index: -1 , page: 1});\n\n  const didCheckRef = useRef(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!highlightTerms?.length || !highlightEnabled) return;\n  \n    const lowerTerms = highlightTerms.map(t => t.toLowerCase());\n  \n    const contains = (text?: string) =>\n      text && lowerTerms.some(term => text.toLowerCase().includes(term));\n\n\n    const charExactMatch = (text?: string) =>\n      !!text && lowerTerms[0] === text.toLowerCase();\n  \n    let found = false;\n  \n    // 🔎 Check Quotes\n    if(citationSubTitle == 'notable_quotes'){\n      quotes.forEach((quote, index) => {\n        if (!found && contains(quote.text)) {\n    \n          onHighlightMatch?.(true);\n          found = true;\n        }\n      });\n    }\n  \n    // 🔎 Check Locations\n    if(citationSubTitle == 'location_details'){\n      locations.forEach((loc, index) => {\n        if (!found && contains(loc.name)) {\n    \n          onHighlightMatch?.(true);\n          found = true;\n        }\n      });\n    }\n  \n    // 🔎 Check Characters\n    if(citationSubTitle == \"notable_characters\"){\n      characters.forEach((char, index) => {\n        if (\n          !found &&\n          (charExactMatch(char.name))\n        ) {\n    \n          onHighlightMatch?.(true);\n          found = true;\n        }\n      });\n    }\n  \n  }, [\n    highlightTerms,\n    quotes,\n    locations,\n    characters,\n    quotesPage,\n    locationsPage,\n    charactersPage\n  ]);\n\n  \n\n  useEffect(() => {\n    if (!defaultPages) return;\n  \n    if (defaultPages.quotes) {\n      setQuotesPage(defaultPages.quotes);\n    }\n  \n    if (defaultPages.locations) {\n      setLocationsPage(defaultPages.locations);\n    }\n  \n    if (defaultPages.characters) {\n      setCharactersPage(defaultPages.characters);\n    }\n  \n  }, [defaultPages]);\n  \n\n  useEffect(() => {\n    didCheckRef.current = false;\n  }, [highlightTerms]);\n\n  const getManuscriptElementsData = async ({endpoint, page,isbn,setData,setLoading, setHasMore,setTotalPage,title} : {endpoint : any,    page : any,isbn : any, setData : any, setLoading : any, setHasMore : any, setTotalPage : any, title : string}) => {\n  setLoading(true);\n\n  try {\n    const newData = await handleFetchManuscriptElements({\n      endpoint,\n      page,\n      pageSize,\n      isbn,\n      title\n    });\n\n    if (!isAliveRef.current) return;\n\n    setData(newData?.data || []);\n    setTotalPage(newData?.pagination?.totalPages || 0);\n    setHasMore(\n      !newData?.pagination?.hasNext &&\n      !newData?.pagination?.hasPrevious\n    );\n  } finally {\n    if (isAliveRef.current) {\n      setLoading(false);\n    }\n  }\n};\n\n\n    // fetch quotes for pagination\n  useEffect(() => {\n    // getManuscriptElementsData(\"notable-quotes\",  quotesPage, setQuotes, setQuotesLoading, setQuotesHasMore);\n     getManuscriptElementsData({\n     endpoint: \"notable-quotes\",\n     page: quotesPage,\n     isbn: BookIsbn,\n     setData: setQuotes,\n     setLoading: setQuotesLoading,\n     setHasMore: setQuotesHasMore,\n     setTotalPage: setQuotesTotalPages,\n     title : title,\n  });\n  }, [quotesPage]);\n\n   // fetch character for pagination\n  useEffect(() => {\n    getManuscriptElementsData({\n     endpoint: \"notable-characters\",\n     page: charactersPage,\n     isbn: BookIsbn,\n     setData: setCharacters,\n     setLoading: setCharactersLoading,\n     setHasMore: setCharactersHasMore,\n     setTotalPage: setCharactersTotalPages,\n     title : title,\n    })\n  }, [charactersPage]);\n\n   // fetch geo-location for pagination\n  useEffect(() => {\n    getManuscriptElementsData({\n     endpoint: \"geo-locations\",\n     page: locationsPage,\n     isbn: BookIsbn,\n     setData: setLocations,\n     setLoading: setLocationsLoading,\n     setHasMore: setLocationsHasMore,\n     setTotalPage: setLocationsTotalPages,\n     title : title,\n    })\n  }, [locationsPage]);\n\n\n\n  return (\n    <div ref={containerRef} className=\"book-elements-container\">\n      {/* Notable Quotes */}\n      <div style={{ marginBottom: \"24px\" }}>\n        <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Notable Quotes</p>\n        <div style={defaultStyles.quotesPadding}>\n          {\n            quotesLoading ? (\n              <div style={{ display: \"flex\", flexDirection: \"column\", rowGap: \"8px\" }}>\n                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item) => (\n                  <div className=\"book-elements-quote-card\" key={item} style={defaultStyles.quoteCard}>\n                    {/* Quote line */}\n                    <Skeleton variant=\"text\" width=\"60%\" height={28} />\n\n                    {/* Chapter and page info */}\n                    <Skeleton variant=\"text\" width=\"40%\" height={20} />\n                    <Skeleton variant=\"text\" width=\"25%\" height={20} />\n\n                    {/* Author */}\n                    <Skeleton variant=\"text\" width=\"30%\" height={20} />\n                  </div>\n                ))}\n              </div>\n            ) : quotes.length === 0 ? (\n                <p style={{ color: \"#6B7280\", fontStyle: \"italic\" }}>\n                  No notable quotes found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n                    endpoint: \"notable-quotes\",\n                    page: quotesPage,\n                    isbn: BookIsbn,\n                    setData: setQuotes,\n                    setLoading: setQuotesLoading,\n                    setHasMore: setQuotesHasMore,\n                    setTotalPage: setQuotesTotalPages,\n                    title : title,\n                  })}>Retry</button>\n                </p>\n            ) :  <>\n            {quotes.map((quote, index) => {\n             const isSelected = selectedCard.list === \"notable\" && selectedCard.page === quotesPage && selectedCard.index === index;\n\n              return (\n                 <div\n              key={index}\n              className=\"book-elements-quote-card\"\n              style={{\n                ...defaultStyles.quoteCard,\n                 borderColor : isSelected ? 'rgb(83, 43, 237)' : '#CBD5E1',\n              }}\n              onMouseEnter={(e) => {\n                e.currentTarget.style.transform = \"translateY(-4px)\";\n                e.currentTarget.style.boxShadow = \"0 4px 12px rgba(0, 0, 0, 0.15)\";\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.transform = \"translateY(0)\";\n                e.currentTarget.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.1)\";\n              }}\n              onClick={async () => {\n                try {\n                   setSelectedCard({ list: \"notable\", page : quotesPage, index })\n                  if ( quote?.chunkIds?.length > 0) {\n                    await updateQuotesToHighLight(quote.text, \"Notable Quotes\", quote.chunkIds, 0);\n                  }\n                } catch (error) {\n                  console.error(\"Failed to highlight quote:\", error);\n                }\n              }}\n              data-selected={\n                selectedCard.list === \"notable\" &&\n                selectedCard.page === quotesPage &&\n                selectedCard.index === index\n                  ? \"true\"\n                  : undefined\n              }\n            >\n              {highlightTerms && highlightTerms.length > 0 && citationSubTitle==\"notable_quotes\" && highlightEnabled ? (\n                <p style={defaultStyles.quoteText} className=\"book-elements-quote-text\" dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(quote?.text, highlightTerms)) }} />\n              ) : (\n                <p style={defaultStyles.quoteText} className=\"book-elements-quote-text\">{quote?.text}</p>\n              )}\n              {/* <p style={defaultStyles.quoteMeta} className=\"book-elements-quote-meta\">\n                {processTextWithHighlight(\n                  quote.chapter,\n                  highlightTerms\n                )} <br /> {processTextWithHighlight(\n                  quote.page,\n                  highlightTerms\n                )}\n              </p> */}\n              <p style={defaultStyles.quoteMeta} className=\"book-elements-quote-meta\">\n                {quote.chapter} \n                <br /> \n                {quote.page}\n              </p>\n              <p style={defaultStyles.quoteAuthor}>— {quote?.author}</p>\n              {/* <p style={defaultStyles.quoteAuthor}>— {processTextWithHighlight(\n                  quote?.author,\n                  highlightTerms\n                )}</p> */}\n            </div>\n              )\n            })}\n            </>\n          }\n          <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n            {!quotesHasMore && <Pagination\n           disabled={quotesLoading}\n            count={quotesTotalPages}\n            page={quotesPage}\n            onChange={(_, value) => setQuotesPage(value)}\n            shape=\"rounded\"\n             style={{marginTop: \"8px\",}}\n          />}\n          </div>\n          \n        </div>\n      </div>\n      {/* Key Geo Locations */}\n      <div style={defaultStyles.geoLocationsContainer}>\n        <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Key Geo Locations</p>\n        <div className=\"book-elements-geo-wrapper\" style={{ ...defaultStyles.quotesPadding, marginBottom: \"8px\" }}>\n          {\n            locationsLoading ? (\n              <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n                {[1, 2, 3, 4, 5, 6,7,8,9,10].map((item) => (\n                  <Skeleton\n                    key={item}\n                    variant=\"rectangular\"\n                    width={100}\n                    height={20}\n                    style={{ borderRadius: \"8px\" }}\n                  />\n                ))}\n              </div>\n            ) : locations.length === 0 ? (\n                <p style={{ color: \"#6B7280\", fontStyle: \"italic\", paddingLeft: \"12px\" }}>\n                  No key geo locations found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n                    endpoint: \"geo-locations\",\n                    page: locationsPage,\n                    isbn: BookIsbn,\n                    setData: setLocations,\n                    setLoading: setLocationsLoading,\n                    setHasMore: setLocationsHasMore,\n                    setTotalPage: setLocationsTotalPages,\n                    title : title,\n                  })}>Retry</button>\n                </p> \n          ) : <>\n           {locations.map((location, index) => {\n            const isSelected = selectedCard.list === \"geo_location\" && selectedCard.page === locationsPage && selectedCard.index === index;\n            return (\n              <span data-selected={\n                selectedCard.list === \"geo_location\" &&\n                selectedCard.page === locationsPage &&\n                selectedCard.index === index\n                  ? \"true\"\n                  : undefined\n              } key={index} style={defaultStyles.geoLocationFlex}>\n              <span\n                className=\"book-elements-geo-text\"\n                style={{\n                  ...defaultStyles.geoText,\n                  fontWeight: isSelected ? \"700\" : \"\",\n                  textDecoration : isSelected ? 'underline' : ''\n                }}\n                onClick={async () => {\n                  try {\n                    setSelectedCard({ list: \"geo_location\",page : locationsPage, index })\n                    if (location?.chunkIds?.length > 0) {\n                      await updateQuotesToHighLight(location.name, \"Key Geo Locations\", location.chunkIds, 0);\n                    }\n                    \n                  } catch (error) {\n                    console.error(\"Failed to highlight location:\", error);\n                  }\n                }}\n                onMouseOver={(e) =>\n                  (e.currentTarget.style.textDecoration = \"underline\")\n                }\n                onMouseOut={(e) =>\n                  (e.currentTarget.style.textDecoration = \"none\")\n                }\n              >\n                {highlightTerms && highlightTerms.length > 0 && citationSubTitle==\"location_details\" && highlightEnabled ? (\n                  <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(location?.name, highlightTerms)) }} />\n                ) : (\n                  location?.name\n                )}\n              </span>\n              {index < locations.length - 1 && (\n                <span style={defaultStyles.geoDivider}></span>\n              )}\n            </span>\n            )\n           })}\n          </>\n          }\n         <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n         {!locationsHasMore && <Pagination\n           disabled={locationsLoading}\n            count={locationsTotalPages}\n            page={locationsPage}\n            onChange={(_, value) => setLocationsPage(value)}\n            shape=\"rounded\"\n             style={{marginTop: \"8px\",}}\n          />}\n          </div>\n        </div>\n      </div>\n      {/* Key Characters */}\n      <div style={defaultStyles.charactersContainer}>\n        <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Key Characters</p>\n        {\n          charactersLoading ? (\n            <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n              {[1, 2, 3, 4, 5, 6,7,8,9,10].map((item) => (\n                <div style={{...defaultStyles.characterCard, flexBasis: '40%'}} key={item}>\n                  {/* Avatar Skeleton */}\n                  <Skeleton\n                    variant=\"circular\"\n                    style={{ ...defaultStyles.avatar, flexShrink: 0 }}\n\n                  />\n\n                  {/* Content Skeleton */}\n                  <div style={{ display: \"flex\", flexDirection: \"column\", flex: 1, }}>\n                    {/* Name Skeleton */}\n                    <Skeleton\n                      variant=\"text\"\n                      style={{ flex : '1',flexShrink: 0 }}\n                    />\n\n                    {/* Description Skeleton - Multiple lines */}\n                    <Skeleton variant=\"text\" style={{ flex : '1' }} />\n                    <Skeleton variant=\"text\" style={{ flex : '1' }} />\n                    <Skeleton variant=\"text\" style={{ flex : '1' }} />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : characters.length === 0 ? (\n              <p style={{ color: \"#6B7280\", fontStyle: \"italic\", paddingLeft: \"12px\" }}>\n                No key characters found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n                  endpoint: \"notable-characters\",\n                  page: charactersPage,\n                  isbn: BookIsbn,\n                  setData: setCharacters,\n                  setLoading: setCharactersLoading,\n                  setHasMore: setCharactersHasMore,\n                  setTotalPage: setCharactersTotalPages,\n                  title : title,\n                })}>Retry</button>\n              </p> \n        ) : <>\n        <div className=\"book-elements-characters-grid\" style={defaultStyles.charactersGrid}>\n          {characters.map((character, index) => {\n            const avatarStyle = {\n              ...defaultStyles.avatar,\n              backgroundColor: character.bg,\n              color: character.color,\n            };\n            const isSelected = selectedCard.list === \"key_character\" && selectedCard.page === charactersPage && selectedCard.index === index;\n\n            return (\n              <div\n                key={index}\n                onMouseEnter={(e) => {\n                e.currentTarget.style.transform = \"translateY(-4px)\";\n                e.currentTarget.style.boxShadow = \"0 4px 12px rgba(0, 0, 0, 0.15)\";}}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.transform = \"translateY(0)\";\n                e.currentTarget.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.1)\";}}\n                className=\"book-elements-character-card\"\n                style={{\n                  ...defaultStyles.characterCard,\n                  borderColor : isSelected ? 'rgb(83, 43, 237)' : '#E5E7EB'\n                }}\n                onClick={async () => {\n                  setSelectedCard({ list: \"key_character\",page : charactersPage, index })\n                  try {\n                    if (character?.chunkIds?.length > 0) {\n                      await updateQuotesToHighLight(character.name, \"Key Characters\", character.chunkIds, 0);\n                    }\n                  } catch (error) {\n                    console.error(\"Failed to highlight character:\", error);\n                  }\n                }}\n                data-selected={\n                  selectedCard.list === \"key_character\" &&\n                  selectedCard.page === charactersPage &&\n                  selectedCard.index === index\n                    ? \"true\"\n                    : undefined\n                }\n              >\n                <div style={avatarStyle}>{character.initials}</div>\n\n                <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n                  <p className=\"book-elements-char-name\" style={{ ...defaultStyles.charName, margin: 0 }}>\n                    {highlightTerms && highlightTerms.length > 0 \n                    && citationSubTitle==\"notable_characters\" \n                    && character.name.toLowerCase() === highlightTerms[0].toLowerCase() && highlightEnabled ? (\n                      <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(character.name, highlightTerms)) }} />\n                    ) : (\n                      character.name\n                    )}\n                  </p>\n                  <p\n                    className=\"book-elements-char-desc\"\n                    style={{\n                      ...defaultStyles.charDesc,\n                      margin: 0,\n                      marginTop: \"4px\",\n                    }}\n                  >\n                    {\n                      <ReactMarkdown\n                      remarkPlugins={[remarkBreaks]}\n                      rehypePlugins={[rehypeRaw as any]}\n                      components={{\n                        p: ({ node, ...props }) => (\n                          <p style={{ marginTop: 0 }} {...props} />\n                        )\n                      }}\n                    >\n                      {/* {processTextWithHighlight(\n                        character?.description,\n                        highlightTerms\n                      )} */}\n                      {character?.description}\n                    </ReactMarkdown>\n                    \n                    }\n                  </p>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        </>\n        }\n        <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n        {!charactersHasMore && <Pagination\n            count={charactersTotalPages}\n            disabled={charactersLoading}\n            page={charactersPage}\n            onChange={(_, value) => setCharactersPage(value)}\n            shape=\"rounded\"\n             style={{marginTop: \"8px\",}}\n          />}\n          </div>\n        {/* {characters.length > 6 && (\n          <button\n            style={defaultStyles.button}\n            onClick={() => setShowAllCharacters(!showAllCharacters)}\n            onMouseOver={(event) =>\n              (event.currentTarget.style.textDecoration = \"underline\")\n            }\n            onMouseOut={(event) =>\n              (event.currentTarget.style.textDecoration = \"none\")\n            }\n          >\n            {showAllCharacters ? \"View less\" : \"View more\"}\n          </button>\n        )} */}\n      </div>\n    </div>\n  );\n};\n\nexport default BookElementsCard;\n"],"names":["defaultStyles","sectionTitle","fontSize","fontWeight","color","marginBottom","quotesPadding","paddingLeft","quoteCard","border","borderRadius","padding","backgroundColor","boxShadow","cursor","transition","quoteText","fontStyle","quoteMeta","quoteAuthor","marginTop","button","background","textDecoration","geoLocationsContainer","geoText","geoDivider","margin","width","height","display","geoLocationFlex","alignItems","gap","charactersContainer","charactersGrid","gridTemplateColumns","characterCard","avatar","justifyContent","flexShrink","charName","charDesc","retryButton","BookElementsCard","data","updateQuotesToHighLight","handleFetchManuscriptElements","BookIsbn","title","highlightTerms","onHighlightMatch","defaultPages","citationType","citationSubTitle","highlightEnabled","isAliveRef","useRef","useEffect","current","quotes","setQuotes","useState","quotesPage","setQuotesPage","quotesLoading","setQuotesLoading","quotesHasMore","setQuotesHasMore","quotesTotalPages","setQuotesTotalPages","characters","setCharacters","charactersPage","setCharactersPage","charactersLoading","setCharactersLoading","charactersHasMore","setCharactersHasMore","charactersTotalPages","setCharactersTotalPages","locations","setLocations","locationsPage","setLocationsPage","locationsLoading","setLocationsLoading","locationsHasMore","setLocationsHasMore","locationsTotalPages","setLocationsTotalPages","selectedCard","setSelectedCard","list","index","page","didCheckRef","containerRef","length","lowerTerms","map","t","toLowerCase","contains","text","some","term","includes","found","forEach","quote","loc","name","char","getManuscriptElementsData","async","endpoint","isbn","setData","setLoading","setHasMore","setTotalPage","newData","pageSize","pagination","totalPages","hasNext","hasPrevious","jsxs","ref","className","children","style","jsx","flexDirection","rowGap","item","Skeleton","variant","onClick","Fragment","isSelected","borderColor","onMouseEnter","e","currentTarget","transform","onMouseLeave","chunkIds","error","console","dangerouslySetInnerHTML","__html","sanitizeHtml","highlightTermsFunc","chapter","author","Pagination","disabled","count","onChange","_","value","shape","flexWrap","location","onMouseOver","onMouseOut","flexBasis","flex","character","avatarStyle","bg","initials","ReactMarkdown","remarkPlugins","remarkBreaks","rehypePlugins","rehypeRaw","components","p","node","props","description"],"mappings":"wZAYA,MAAMA,EAAkD,CACtDC,aAAc,CACZC,SAAU,OACVC,WAAY,IACZC,MAAO,UACPC,aAAc,QAEhBC,cAAe,CACbC,YAAc,QAEhBC,UAAW,CACTC,OAAQ,oBACRC,aAAc,MACdC,QAAS,OACTC,gBAAiB,UACjBC,UAAW,6BACXR,aAAc,OACdS,OAAQ,UACRC,WAAY,6CAEdC,UAAW,CACTC,UAAW,SACXb,MAAO,UACPF,SAAU,OACVC,WAAY,IACZE,aAAc,QAEhBa,UAAW,CACTd,MAAO,UACPF,SAAU,OACVC,WAAY,KAEdgB,YAAa,CACXjB,SAAU,OACVC,WAAY,IACZC,MAAO,UACPgB,UAAW,MACXf,aAAc,QAGhBgB,OAAQ,CACNjB,MAAO,UACPF,SAAU,OACVC,WAAY,IACZmB,WAAY,OACZb,OAAQ,OACRK,OAAQ,UACRH,QAAS,EACTY,eAAgB,OAChBhB,YAAc,QAEhBiB,sBAAuB,CACrBJ,UAAW,OACXf,aAAc,QAElBoB,QAAS,CACPvB,SAAU,OACVC,WAAY,IACZW,OAAQ,UACRV,MAAO,WAOPsB,WAAY,CACVC,OAAQ,QACRvB,MAAO,UACPQ,gBAAiB,UACjBgB,MAAQ,MACRC,OAAS,OACTC,QAAS,gBAEXC,gBAAiB,CACfD,QAAS,cACTE,WAAY,SACZC,IAAK,MACL5B,aAAc,OAEhB6B,oBAAqB,CACnBd,UAAW,QAEbe,eAAgB,CACdL,QAAS,OACTM,oBAAqB,iBACrBH,IAAK,OACL5B,aAAc,OACdE,YAAc,QAEhB8B,cAAe,CACb5B,OAAQ,oBACRC,aAAc,MACdE,gBAAiB,UACjBC,UAAW,6BACXiB,QAAS,OACTE,WAAY,aACZC,IAAK,OACLtB,QAAS,OACTG,OAAQ,UACRC,WAAY,6CAEduB,OAAQ,CACNV,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTE,WAAY,SACZO,eAAgB,SAChB7B,aAAc,SACdR,SAAU,OACVC,WAAY,IACZqC,WAAY,GAEdC,SAAU,CACRxB,UAAW,SACXd,WAAY,IACZC,MAAO,UACPF,SAAU,QAEZwC,SAAU,CACRzB,UAAW,SACXd,WAAY,IACZD,SAAU,OACVE,MAAO,WAETuC,YAAa,CACX/B,gBAAiB,UACjBR,MAAO,OACPO,QAAS,WACTF,OAAQ,OACRC,aAAc,MACdI,OAAQ,UACRZ,SAAU,OACVC,WAAY,QA6DVyC,EAAmB,EACvBC,OACAC,0BACAC,gCACAC,WACAC,QACAC,iBACAC,mBACAC,eACAC,eACAC,mBACAC,uBAGM,MAAAC,EAAaC,GAAO,GAE1BC,EAAU,IACD,KACLF,EAAWG,SAAU,GAEtB,IAEH,MAGOC,EAAQC,GAAaC,EAAgB,KACrCC,EAAYC,GAAiBF,EAASV,GAAcQ,QAAU,IAC9DK,EAAeC,GAAoBJ,GAAS,IAC5CK,EAAeC,GAAoBN,GAAS,IAC5CO,EAAkBC,GAAuBR,EAAS,IAElDS,EAAYC,GAAiBV,EAAgB,KAC7CW,EAAgBC,GAAqBZ,EAASV,GAAcmB,YAAc,IAC1EI,EAAmBC,GAAwBd,GAAS,IACpDe,EAAmBC,GAAwBhB,GAAS,IACpDiB,EAAsBC,GAA2BlB,EAAS,IAG1DmB,EAAWC,GAAgBpB,EAAgB,KAC3CqB,EAAeC,GAAoBtB,EAASV,GAAc6B,WAAa,IACvEI,EAAkBC,GAAuBxB,GAAS,IAClDyB,EAAkBC,GAAuB1B,GAAS,IAClD2B,GAAqBC,IAA0B5B,EAAS,IAExD6B,GAAcC,IAAmB9B,EAAS,CAAE+B,KAAM,GAAIC,OAAO,EAAKC,KAAM,IAEzEC,GAAcvC,GAAO,GACrBwC,GAAexC,EAAuB,MAE5CC,EAAU,KACR,IAAKR,GAAgBgD,SAAW3C,EAAkB,OAElD,MAAM4C,EAAajD,EAAekD,IAASC,GAAAA,EAAEC,eAEvCC,EAAYC,GAChBA,GAAQL,EAAWM,KAAaC,GAAAF,EAAKF,cAAcK,SAASD,IAM9D,IAAIE,GAAQ,EAGW,kBAApBtD,GACMM,EAAAiD,QAAQ,CAACC,EAAOhB,MAChBc,GAASL,EAASO,EAAMN,QAE3BrD,KAAmB,GACXyD,GAAA,KAMS,oBAApBtD,GACS2B,EAAA4B,QAAQ,CAACE,EAAKjB,MACjBc,GAASL,EAASQ,EAAIC,QAEzB7D,KAAmB,GACXyD,GAAA,KAMS,sBAApBtD,GACUiB,EAAAsC,QAAQ,CAACI,EAAMnB,KA7BL,IAACU,GA+BjBI,KA/BiBJ,EAgCFS,EAAKD,OA/Bfb,EAAW,KAAOK,EAAKF,iBAkC7BnD,KAAmB,GACXyD,GAAA,MAKb,CACD1D,EACAU,EACAqB,EACAV,EACAR,EACAoB,EACAV,IAKFf,EAAU,KACHN,IAEDA,EAAaQ,QACfI,EAAcZ,EAAaQ,QAGzBR,EAAa6B,WACfG,EAAiBhC,EAAa6B,WAG5B7B,EAAamB,YACfG,EAAkBtB,EAAamB,cAGhC,CAACnB,IAGJM,EAAU,KACRsC,GAAYrC,SAAU,GACrB,CAACT,IAEJ,MAAMgE,GAA4BC,OAAQC,WAAUrB,OAAKsB,OAAKC,UAAQC,aAAYC,aAAWC,eAAaxE,MAAAA,MAC1GsE,GAAW,GAEP,IACI,MAAAG,QAAgB3E,EAA8B,CAClDqE,WACArB,OACA4B,SAtHa,GAuHbN,OACApE,MAAAA,IAGE,IAACO,EAAWG,QAAS,OAEjB2D,EAAAI,GAAS7E,MAAQ,IACZ4E,EAAAC,GAASE,YAAYC,YAAc,GAChDL,GACGE,GAASE,YAAYE,UACrBJ,GAASE,YAAYG,YACxB,CACA,QACIvE,EAAWG,SACb4D,GAAW,EAEf,GAiDA,OA5CA7D,EAAU,KAEmBwD,GAAA,CAC1BE,SAAU,iBACVrB,KAAMhC,EACNsD,KAAMrE,EACNsE,QAASzD,EACT0D,WAAYrD,EACZsD,WAAYpD,EACZqD,aAAcnD,EACdrB,WAEA,CAACc,IAGJL,EAAU,KACkBwD,GAAA,CACzBE,SAAU,qBACVrB,KAAMtB,EACN4C,KAAMrE,EACNsE,QAAS9C,EACT+C,WAAY3C,EACZ4C,WAAY1C,EACZ2C,aAAczC,EACd/B,WAEA,CAACwB,IAGJf,EAAU,KACkBwD,GAAA,CACzBE,SAAU,gBACVrB,KAAMZ,EACNkC,KAAMrE,EACNsE,QAASpC,EACTqC,WAAYjC,EACZkC,WAAYhC,EACZiC,aAAc/B,GACdzC,WAEA,CAACkC,IAKD6C,EAAA,MAAA,CAAIC,IAAKhC,GAAciC,UAAU,0BAEhCC,SAAA,CAAAH,EAAC,MAAI,CAAAI,MAAO,CAAE/H,aAAc,QAC1B8H,SAAA,CAAAE,EAAC,KAAED,MAAOpI,EAAcC,aAAciI,UAAU,8BAA8BC,SAAc,mBAC3FH,EAAA,MAAA,CAAII,MAAOpI,EAAcM,cAEtB6H,SAAA,CAAAlE,EACGoE,EAAA,MAAA,CAAID,MAAO,CAAEtG,QAAS,OAAQwG,cAAe,SAAUC,OAAQ,OAC7DJ,SAAC,CAAA,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,IAAI/B,IAAKoC,GACpCR,EAAC,MAAI,CAAAE,UAAU,2BAAsCE,MAAOpI,EAAcQ,UAExE2H,SAAA,CAAAE,EAACI,GAASC,QAAQ,OAAO9G,MAAM,MAAMC,OAAQ,OAG5C4G,EAAS,CAAAC,QAAQ,OAAO9G,MAAM,MAAMC,OAAQ,OAC5C4G,EAAS,CAAAC,QAAQ,OAAO9G,MAAM,MAAMC,OAAQ,OAG5C4G,EAAS,CAAAC,QAAQ,OAAO9G,MAAM,MAAMC,OAAQ,OATA2G,MAa/B,IAAlB5E,EAAOsC,OACN8B,EAAA,IAAA,CAAEI,MAAO,CAAEhI,MAAO,UAAWa,UAAW,UAAYkH,SAAA,CAAA,8BACzB,SAAO,CAAAC,MAAOpI,EAAc2C,YAAagG,QAAS,IAAMzB,GAA0B,CAC1GE,SAAU,iBACVrB,KAAMhC,EACNsD,KAAMrE,EACNsE,QAASzD,EACT0D,WAAYrD,EACZsD,WAAYpD,EACZqD,aAAcnD,EACdrB,UACEkF,SAAK,aAGdE,EAAAO,EAAA,CAAAT,SAAAvE,EAAOwC,IAAI,CAACU,EAAOhB,KACb,MAAA+C,EAAmC,YAAtBlD,GAAaE,MAAsBF,GAAaI,OAAShC,GAAc4B,GAAaG,QAAUA,EAG7G,OAAAkC,EAAC,MAAA,CAEJE,UAAU,2BACVE,MAAO,IACFpI,EAAcQ,UAChBsI,YAAcD,EAAa,mBAAqB,WAEnDE,aAAeC,IACXA,EAAAC,cAAcb,MAAMc,UAAY,mBAChCF,EAAAC,cAAcb,MAAMvH,UAAY,kCAEpCsI,aAAeH,IACXA,EAAAC,cAAcb,MAAMc,UAAY,gBAChCF,EAAAC,cAAcb,MAAMvH,UAAY,gCAEpC8H,QAASxB,UACH,IACDvB,GAAgB,CAAEC,KAAM,UAAWE,KAAOhC,EAAY+B,UAClDgB,GAAOsC,UAAUlD,OAAS,SACvBpD,EAAwBgE,EAAMN,KAAM,iBAAkBM,EAAMsC,SAAU,SAEvEC,GACCC,QAAAD,MAAM,6BAA8BA,EAC9C,GAEF,gBACwB,YAAtB1D,GAAaE,MACbF,GAAaI,OAAShC,GACtB4B,GAAaG,QAAUA,EACnB,YACA,EAGLqC,SAAA,CAAAjF,GAAkBA,EAAegD,OAAS,GAAuB,kBAAlB5C,GAAsCC,EACpF8E,EAAC,IAAE,CAAAD,MAAOpI,EAAcgB,UAAWkH,UAAU,2BAA2BqB,wBAAyB,CAAEC,OAAQC,EAAaC,EAAmB5C,GAAON,KAAMtD,OAEvJmF,EAAA,IAAA,CAAED,MAAOpI,EAAcgB,UAAWkH,UAAU,2BAA4BC,YAAO3B,SAWjF,IAAE,CAAA4B,MAAOpI,EAAckB,UAAWgH,UAAU,2BAC1CC,SAAA,CAAMrB,EAAA6C,UACN,KAAG,IACH7C,EAAMf,QAERiC,EAAA,IAAA,CAAEI,MAAOpI,EAAcmB,YAAagH,SAAA,CAAA,KAAGrB,GAAO8C,YAnD1C9D,OA6DRuC,EAAA,MAAA,CAAIH,UAAU,2BAA2BE,MAAO,CAACtG,QAAU,OAAQS,eAAe,WAAYX,MAAQ,QACpGuG,UAAChE,GAAiBkE,EAACwB,EAAA,CACrBC,SAAU7F,EACT8F,MAAO1F,EACP0B,KAAMhC,EACNiG,SAAU,CAACC,EAAGC,IAAUlG,EAAckG,GACtCC,MAAM,UACL/B,MAAO,CAAChH,UAAW,iBAOzB4G,EAAA,MAAA,CAAII,MAAOpI,EAAcwB,sBACxB2G,SAAA,CAAAE,EAAC,KAAED,MAAOpI,EAAcC,aAAciI,UAAU,8BAA8BC,SAAiB,sBAC/FH,EAAC,MAAI,CAAAE,UAAU,4BAA4BE,MAAO,IAAKpI,EAAcM,cAAeD,aAAc,OAE9F8H,SAAA,CACE9C,EAAAgD,EAAC,MAAI,CAAAD,MAAO,CAAEtG,QAAS,OAAQsI,SAAU,OAAQnI,IAAK,OACnDkG,SAAA,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAE,EAAE,EAAE,EAAE,IAAI/B,IAAKoC,GAChCH,EAACI,EAAA,CAECC,QAAQ,cACR9G,MAAO,IACPC,OAAQ,GACRuG,MAAO,CAAE1H,aAAc,QAJlB8H,MAQY,IAArBvD,EAAUiB,OACT8B,EAAA,IAAA,CAAEI,MAAO,CAAEhI,MAAO,UAAWa,UAAW,SAAUV,YAAa,QAAU4H,SAAA,CAAA,iCAC3C,SAAO,CAAAC,MAAOpI,EAAc2C,YAAagG,QAAS,IAAMzB,GAA0B,CAC7GE,SAAU,gBACVrB,KAAMZ,EACNkC,KAAMrE,EACNsE,QAASpC,EACTqC,WAAYjC,EACZkC,WAAYhC,EACZiC,aAAc/B,GACdzC,UACEkF,SAAK,aAGfE,EAAAO,EAAA,CAAAT,SAAAlD,EAAUmB,IAAI,CAACiE,EAAUvE,KACnB,MAAA+C,EAAmC,iBAAtBlD,GAAaE,MAA2BF,GAAaI,OAASZ,GAAiBQ,GAAaG,QAAUA,EACzH,SACG,OAAK,CAAA,gBACkB,iBAAtBH,GAAaE,MACbF,GAAaI,OAASZ,GACtBQ,GAAaG,QAAUA,EACnB,YAEQ,EAAAsC,MAAOpI,EAAc+B,gBACnCoG,SAAA,CAAAE,EAAC,OAAA,CACCH,UAAU,yBACVE,MAAO,IACFpI,EAAcyB,QACjBtB,WAAY0I,EAAa,MAAQ,GACjCtH,eAAiBsH,EAAa,YAAc,IAE9CF,QAASxB,UACH,IACFvB,GAAgB,CAAEC,KAAM,eAAeE,KAAOZ,EAAeW,UACzDuE,GAAUjB,UAAUlD,OAAS,SACzBpD,EAAwBuH,EAASrD,KAAM,oBAAqBqD,EAASjB,SAAU,SAGhFC,GACCC,QAAAD,MAAM,gCAAiCA,EACjD,GAEFiB,YAActB,GACXA,EAAEC,cAAcb,MAAM7G,eAAiB,YAE1CgJ,WAAavB,GACVA,EAAEC,cAAcb,MAAM7G,eAAiB,OAGzC4G,SAAAjF,GAAkBA,EAAegD,OAAS,GAAuB,oBAAlB5C,GAAwCC,IACrF,OAAK,CAAAgG,wBAAyB,CAAEC,OAAQC,EAAaC,EAAmBW,GAAUrD,KAAM9D,OAEzFmH,GAAUrD,OAGblB,EAAQb,EAAUiB,OAAS,KACzB,OAAK,CAAAkC,MAAOpI,EAAc0B,eAjCtBoE,OAwCXuC,EAAA,MAAA,CAAIH,UAAU,2BAA2BE,MAAO,CAACtG,QAAU,OAAQS,eAAe,WAAYX,MAAQ,QACtGuG,UAAC5C,GAAoB8C,EAACwB,EAAA,CACrBC,SAAUzE,EACT0E,MAAOtE,GACPM,KAAMZ,EACN6E,SAAU,CAACC,EAAGC,IAAU9E,EAAiB8E,GACzCC,MAAM,UACL/B,MAAO,CAAChH,UAAW,iBAMzB4G,EAAA,MAAA,CAAII,MAAOpI,EAAckC,oBACxBiG,SAAA,CAAAE,EAAC,KAAED,MAAOpI,EAAcC,aAAciI,UAAU,8BAA8BC,SAAc,mBAE1FxD,EACG0D,EAAA,MAAA,CAAID,MAAO,CAAEtG,QAAS,OAAQsI,SAAU,OAAQnI,IAAK,OACnDkG,SAAA,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAE,EAAE,EAAE,EAAE,IAAI/B,IAAKoC,GAChCR,EAAC,MAAI,CAAAI,MAAO,IAAIpI,EAAcqC,cAAemI,UAAW,OAEtDrC,SAAA,CAAAE,EAACI,EAAA,CACCC,QAAQ,WACRN,MAAO,IAAKpI,EAAcsC,OAAQE,WAAY,KAKhDwF,EAAC,MAAI,CAAAI,MAAO,CAAEtG,QAAS,OAAQwG,cAAe,SAAUmC,KAAM,GAE5DtC,SAAA,CAAAE,EAACI,EAAA,CACCC,QAAQ,OACRN,MAAO,CAAEqC,KAAO,IAAIjI,WAAY,KAIlC6F,EAACI,GAASC,QAAQ,OAAON,MAAO,CAAEqC,KAAO,OACzCpC,EAACI,GAASC,QAAQ,OAAON,MAAO,CAAEqC,KAAO,OACzCpC,EAACI,GAASC,QAAQ,OAAON,MAAO,CAAEqC,KAAO,YAnBwBjC,MAwBjD,IAAtBjE,EAAW2B,OACX8B,EAAC,IAAE,CAAAI,MAAO,CAAEhI,MAAO,UAAWa,UAAW,SAAUV,YAAa,QAAU4H,SAAA,CAAA,8BAC9C,SAAO,CAAAC,MAAOpI,EAAc2C,YAAagG,QAAS,IAAMzB,GAA0B,CAC1GE,SAAU,qBACVrB,KAAMtB,EACN4C,KAAMrE,EACNsE,QAAS9C,EACT+C,WAAY3C,EACZ4C,WAAY1C,EACZ2C,aAAczC,EACd/B,UACEkF,SAAK,aAEbE,EAAAO,EAAA,CACJT,SAACE,EAAA,MAAA,CAAIH,UAAU,gCAAgCE,MAAOpI,EAAcmC,eACjEgG,SAAA5D,EAAW6B,IAAI,CAACsE,EAAW5E,KAC1B,MAAM6E,EAAc,IACf3K,EAAcsC,OACjB1B,gBAAiB8J,EAAUE,GAC3BxK,MAAOsK,EAAUtK,OAEbyI,EAAmC,kBAAtBlD,GAAaE,MAA4BF,GAAaI,OAAStB,GAAkBkB,GAAaG,QAAUA,EAGzH,OAAAkC,EAAC,MAAA,CAECe,aAAeC,IACbA,EAAAC,cAAcb,MAAMc,UAAY,mBAChCF,EAAAC,cAAcb,MAAMvH,UAAY,kCACpCsI,aAAeH,IACXA,EAAAC,cAAcb,MAAMc,UAAY,gBAChCF,EAAAC,cAAcb,MAAMvH,UAAY,gCAClCqH,UAAU,+BACVE,MAAO,IACFpI,EAAcqC,cACjByG,YAAcD,EAAa,mBAAqB,WAElDF,QAASxB,UACPvB,GAAgB,CAAEC,KAAM,gBAAgBE,KAAOtB,EAAgBqB,UAC3D,IACE4E,GAAWtB,UAAUlD,OAAS,SAC1BpD,EAAwB4H,EAAU1D,KAAM,iBAAkB0D,EAAUtB,SAAU,SAE/EC,GACCC,QAAAD,MAAM,iCAAkCA,EAClD,GAEF,gBACwB,kBAAtB1D,GAAaE,MACbF,GAAaI,OAAStB,GACtBkB,GAAaG,QAAUA,EACnB,YACA,EAGNqC,SAAA,CAAAE,EAAC,MAAI,CAAAD,MAAOuC,EAAcxC,SAAAuC,EAAUG,WAEpC7C,EAAC,OAAII,MAAO,CAAEtG,QAAS,OAAQwG,cAAe,UAC5CH,SAAA,CAAAE,EAAC,KAAEH,UAAU,0BAA0BE,MAAO,IAAKpI,EAAcyC,SAAUd,OAAQ,GAChFwG,SAAAjF,GAAkBA,EAAegD,OAAS,GACtB,sBAAlB5C,GACAoH,EAAU1D,KAAKV,gBAAkBpD,EAAe,GAAGoD,eAAiB/C,EACpE8E,EAAA,OAAA,CAAKkB,wBAAyB,CAAEC,OAAQC,EAAaC,EAAmBgB,EAAU1D,KAAM9D,OAEzFwH,EAAU1D,OAGdqB,EAAC,IAAA,CACCH,UAAU,0BACVE,MAAO,IACFpI,EAAc0C,SACjBf,OAAQ,EACRP,UAAW,OAIX+G,SAAAE,EAACyC,EAAA,CACDC,cAAe,CAACC,GAChBC,cAAe,CAACC,GAChBC,WAAY,CACVC,EAAG,EAAGC,UAASC,KACZjD,EAAA,IAAA,CAAED,MAAO,CAAEhH,UAAW,MAASkK,KAQnCnD,SAAWuC,GAAAa,qBAhEbzF,SA4EZuC,EAAA,MAAA,CAAIH,UAAU,2BAA2BE,MAAO,CAACtG,QAAU,OAAQS,eAAe,WAAYX,MAAQ,QACtGuG,UAACtD,GAAqBwD,EAACwB,EAAA,CACpBE,MAAOhF,EACP+E,SAAUnF,EACVoB,KAAMtB,EACNuF,SAAU,CAACC,EAAGC,IAAUxF,EAAkBwF,GAC1CC,MAAM,UACL/B,MAAO,CAAChH,UAAW"}
+{"version":3,"file":"BookElementsCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/Bookemon/BookOverviewCard/BookOverviewCard.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as n,useRef as l,useLayoutEffect as r,useEffect as i}from"react";import a from"react-markdown";import s from"remark-breaks";import c from"rehype-raw";import{highlightTermsFunc as d,processTextWithHighlight as p}from"../utils/highlight.js";import{sanitizeHtml as m}from"../../../utils/sanitizeHtml.js";const h={card:{border:"2px solid #E5E7EB",backgroundColor:"#FFFFFF",borderRadius:"12px",padding:"24px"},title:{fontSize:"16px",fontWeight:"bold",marginBottom:"24px"},grid:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(110px, 1fr))",gap:"24px",marginBottom:"24px"},gridItem:{backgroundColor:"#F8FAFC",border:"1px solid #DFE5EC",borderRadius:"8px",padding:"12px 8px",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"12px"},gridItemHeight:{height:"50px"},label:{fontSize:"14px",fontWeight:400,color:"#64748B",margin:0},value:{fontWeight:"bold",fontSize:"14px",color:"#434C55",margin:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"120px"},section:{marginBottom:"12px",padding:"8px 12px",borderRadius:"8px",border:"1px solid #DEE4EB"},sectionLabel:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"8px",whiteSpace:"pre-line"},summaryText:{marginTop:"0px"},sectionText:{fontSize:"16px",fontWeight:400,lineHeight:"1.625",color:"#64748B",marginBottom:"8px"},button:{color:"#5928ED",fontSize:"14px",fontWeight:600,background:"none",border:"none",cursor:"pointer",padding:0,textDecoration:"none"},lineClamp:{display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},container:{fontFamily:"Inter, sans-serif",color:"#434C54",marginBottom:"8px"},partContainer:{marginBottom:"8px"},partTitle:{fontSize:"16px",fontWeight:"600",marginBottom:"10px"},chapterList:{listStyle:"none",paddingLeft:"20px",margin:0},chapterItem:{marginBottom:"6px"},chapterLink:{textDecoration:"none",color:"#63748A",fontSize:"16px",lineHeight:"1.5"},chapterLinkHover:{textDecoration:"underline"},singleChapter:{marginBottom:"4px",fontSize:"16px"},chapterNumber:{color:"#63748A"}},g=({data:g,highlightTerms:u,onHighlightMatch:y,highlightEnabled:b})=>{const[x,f]=n(!1),[k,v]=n(!1),[T,C]=n(!1),[S,N]=n(!1),L=l(null),B=l(null),w=g?.tableOfContent&&g.tableOfContent.every(e=>!e.title||""===e.title.trim()),I=g?.bookDescription?.replace(/display:\s*-webkit-box;?/g,"")?.replace(/-webkit-line-clamp:\s*\d+;?/g,"")?.replace(/-webkit-box-orient:\s*vertical;?/g,"")?.replace(/overflow:\s*hidden;?/g,""),D=e=>null!=e?String(e):"";return r(()=>{if(L.current){const e=L.current.scrollHeight>L.current.clientHeight;N(e)}},[g?.bookDescription,k]),i(()=>{if(!u?.length||!b)return;const e=u.map(e=>e.toLowerCase()),t=t=>t&&e.some(e=>t.toLowerCase().includes(e)),o=t(g.title),n=t(g.author),l=t(g.bookDescription),r=t(g.summary),i=t(D(g?.totalSectionCount)),a=t(D(g?.totalPages)),s=t(g.readingTime),c=g?.tableOfContent?.some(e=>t(e?.title)||e?.children?.some(e=>t(e?.title))),d=o||n||l||r||i||a||s||c;y?.(d),d&&(l&&v(!0),r&&f(!0),c&&C(!0))},[u,g]),e("div",{ref:B,style:h.card,className:"book-card-container",children:[e("div",{style:h.grid,className:"book-card-grid",children:[e("div",{style:h.gridItem,children:[t("p",{style:h.label,children:"Book Title"}),u&&u.length>0&&b?t("p",{style:h.value,className:"book-card-value",title:g?.title,dangerouslySetInnerHTML:{__html:m(d(g?.title??"NA",u))}}):t("p",{style:h.value,className:"book-card-value",title:g?.title,children:g?.title??"NA"})]}),e("div",{style:h.gridItem,children:[t("p",{style:h.label,children:"Book Author"}),u&&u.length>0&&b?t("p",{style:h.value,className:"book-card-value",title:g?.author,dangerouslySetInnerHTML:{__html:m(d(g?.author??"NA",u))}}):t("p",{style:h.value,className:"book-card-value",title:g?.author,children:g?.author??"NA"})]}),e("div",{style:h.gridItem,children:[t("p",{style:h.label,children:"Total Sections"}),u&&u.length>0&&b?t("p",{style:h.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:m(d(String(g?.totalSectionCount)??"NA",u))}}):t("p",{style:h.value,className:"book-card-value",children:g?.totalSectionCount??"NA"})]}),e("div",{style:h.gridItem,children:[t("p",{style:h.label,children:"Total Pages"}),u&&u.length>0&&b?t("p",{style:h.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:m(d(String(g?.totalPages??"NA"),u))}}):t("p",{style:h.value,className:"book-card-value",children:g?.totalPages??"NA"})]}),e("div",{style:h.gridItem,children:[t("p",{style:h.label,children:"Reading Time"}),u&&u.length>0&&b?t("p",{style:h.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:m(d(String(g?.readingTime??"NA"),u))}}):t("p",{style:h.value,className:"book-card-value",children:g?.readingTime??"NA"})]})]}),g?.bookDescription&&g?.bookDescription.length>0&&e("div",{style:h.section,className:"book-card-section",children:[t("p",{style:h.sectionLabel,children:"Book Description"}),t("div",{ref:L,className:"book-card-section-text",style:{...h.sectionText,...h.summaryText,...k?{}:h.lineClamp},children:t("div",{dangerouslySetInnerHTML:{__html:u&&u.length>0&&b?m(d(I||"",u)):I}})}),(S||k)&&t("button",{style:{...h.button,marginBottom:"10px"},onClick:()=>v(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:k?"View Less":"View More"})]}),e("div",{style:h.section,className:"book-card-section",children:[t("p",{style:h.sectionLabel,children:"AI Book Summary"}),t("p",{className:"book-card-section-text",style:{...h.sectionText,...x?{}:h.lineClamp},children:t(a,{remarkPlugins:[s],rehypePlugins:[c],components:{p:({node:e,...o})=>t("p",{style:{marginTop:"0"},...o})},children:p(g?.summary,u)})}),g?.summary&&g?.summary.length>0&&t("button",{style:{...h.button,marginBottom:"10px"},onClick:()=>f(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:x?"View Less":"View More"})]}),e("div",{style:{...h.section,marginTop:"10px"},children:[t("p",{style:{...h.sectionLabel,marginBottom:"18px"},children:"Table Of Content"}),t("div",{style:{...h.container,...T?{}:h.lineClamp},children:g?.tableOfContent&&!w?g?.tableOfContent?.map((n,l)=>t("div",{style:h.partContainer,children:n.children?e(o,{children:[t("p",{style:h.partTitle,className:"book-card-part-title",dangerouslySetInnerHTML:{__html:u&&u.length>0&&b?m(d(n.title,u)):n.title}}),t("ul",{style:h.chapterList,children:n.children.map((e,o)=>t("li",{style:h.chapterItem,children:t("span",{style:h.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:u&&u.length>0&&b?m(d(e.title,u)):e.title}})},o))})]}):t("div",{style:h.singleChapter,children:t("span",{style:h.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:u&&u.length>0&&b?m(d(n.title,u)):n.title}})})},l)):t("p",{style:{fontStyle:"italic",fontSize:"16px",color:"#6B7280",margin:"8px 0"},children:"Table of Contents not found for this book."})}),g?.tableOfContent&&!w&&g?.tableOfContent.length>0&&t("button",{style:{...h.button,marginBottom:"10px"},onClick:()=>C(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:T?"View Less":"View More"})]})]})};export{g as default};
+import{__assign as e,__rest as t}from"tslib";import{jsxs as n,jsx as l,Fragment as o}from"react/jsx-runtime";import{useState as i,useRef as r,useLayoutEffect as a,useEffect as d}from"react";import c from"react-markdown";import u from"remark-breaks";import s from"rehype-raw";import{highlightTermsFunc as p,processTextWithHighlight as m}from"../utils/highlight.js";import{sanitizeHtml as h}from"../../../utils/sanitizeHtml.js";var g={card:{border:"2px solid #E5E7EB",backgroundColor:"#FFFFFF",borderRadius:"12px",padding:"24px"},title:{fontSize:"16px",fontWeight:"bold",marginBottom:"24px"},grid:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(110px, 1fr))",gap:"24px",marginBottom:"24px"},gridItem:{backgroundColor:"#F8FAFC",border:"1px solid #DFE5EC",borderRadius:"8px",padding:"12px 8px",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"12px"},gridItemHeight:{height:"50px"},label:{fontSize:"14px",fontWeight:400,color:"#64748B",margin:0},value:{fontWeight:"bold",fontSize:"14px",color:"#434C55",margin:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"120px"},section:{marginBottom:"12px",padding:"8px 12px",borderRadius:"8px",border:"1px solid #DEE4EB"},sectionLabel:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"8px",whiteSpace:"pre-line"},summaryText:{marginTop:"0px"},sectionText:{fontSize:"16px",fontWeight:400,lineHeight:"1.625",color:"#64748B",marginBottom:"8px"},button:{color:"#5928ED",fontSize:"14px",fontWeight:600,background:"none",border:"none",cursor:"pointer",padding:0,textDecoration:"none"},lineClamp:{display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},container:{fontFamily:"Inter, sans-serif",color:"#434C54",marginBottom:"8px"},partContainer:{marginBottom:"8px"},partTitle:{fontSize:"16px",fontWeight:"600",marginBottom:"10px"},chapterList:{listStyle:"none",paddingLeft:"20px",margin:0},chapterItem:{marginBottom:"6px"},chapterLink:{textDecoration:"none",color:"#63748A",fontSize:"16px",lineHeight:"1.5"},chapterLinkHover:{textDecoration:"underline"},singleChapter:{marginBottom:"4px",fontSize:"16px"},chapterNumber:{color:"#63748A"}},v=function(v){var f,b,y,x,k,T,C,S,N,L,B,w,I,D,M,_=v.data,H=v.highlightTerms,O=v.onHighlightMatch,A=v.highlightEnabled,z=i(!1),F=z[0],E=z[1],W=i(!1),P=W[0],V=W[1],j=i(!1),R=j[0],q=j[1],G=i(!1),J=G[0],K=G[1],Q=r(null),U=r(null),X=(null==_?void 0:_.tableOfContent)&&_.tableOfContent.every(function(e){return!e.title||""===e.title.trim()}),Y=null===(x=null===(y=null===(b=null===(f=null==_?void 0:_.bookDescription)||void 0===f?void 0:f.replace(/display:\s*-webkit-box;?/g,""))||void 0===b?void 0:b.replace(/-webkit-line-clamp:\s*\d+;?/g,""))||void 0===y?void 0:y.replace(/-webkit-box-orient:\s*vertical;?/g,""))||void 0===x?void 0:x.replace(/overflow:\s*hidden;?/g,""),Z=function(e){return null!=e?String(e):""};return a(function(){if(Q.current){var e=Q.current.scrollHeight>Q.current.clientHeight;K(e)}},[null==_?void 0:_.bookDescription,P]),d(function(){var e;if((null==H?void 0:H.length)&&A){var t=H.map(function(e){return e.toLowerCase()}),n=function(e){return e&&t.some(function(t){return e.toLowerCase().includes(t)})},l=n(_.title),o=n(_.author),i=n(_.bookDescription),r=n(_.summary),a=n(Z(null==_?void 0:_.totalSectionCount)),d=n(Z(null==_?void 0:_.totalPages)),c=n(_.readingTime),u=null===(e=null==_?void 0:_.tableOfContent)||void 0===e?void 0:e.some(function(e){var t;return n(null==e?void 0:e.title)||(null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.some(function(e){return n(null==e?void 0:e.title)}))}),s=l||o||i||r||a||d||c||u;null==O||O(s),s&&(i&&V(!0),r&&E(!0),u&&q(!0))}},[H,_]),n("div",e({ref:U,style:g.card,className:"book-card-container"},{children:[n("div",e({style:g.grid,className:"book-card-grid"},{children:[n("div",e({style:g.gridItem},{children:[l("p",e({style:g.label},{children:"Book Title"})),H&&H.length>0&&A?l("p",{style:g.value,className:"book-card-value",title:null==_?void 0:_.title,dangerouslySetInnerHTML:{__html:h(p(null!==(k=null==_?void 0:_.title)&&void 0!==k?k:"NA",H))}}):l("p",e({style:g.value,className:"book-card-value",title:null==_?void 0:_.title},{children:null!==(T=null==_?void 0:_.title)&&void 0!==T?T:"NA"}))]})),n("div",e({style:g.gridItem},{children:[l("p",e({style:g.label},{children:"Book Author"})),H&&H.length>0&&A?l("p",{style:g.value,className:"book-card-value",title:null==_?void 0:_.author,dangerouslySetInnerHTML:{__html:h(p(null!==(C=null==_?void 0:_.author)&&void 0!==C?C:"NA",H))}}):l("p",e({style:g.value,className:"book-card-value",title:null==_?void 0:_.author},{children:null!==(S=null==_?void 0:_.author)&&void 0!==S?S:"NA"}))]})),n("div",e({style:g.gridItem},{children:[l("p",e({style:g.label},{children:"Total Sections"})),H&&H.length>0&&A?l("p",{style:g.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:h(p(null!==(N=String(null==_?void 0:_.totalSectionCount))&&void 0!==N?N:"NA",H))}}):l("p",e({style:g.value,className:"book-card-value"},{children:null!==(L=null==_?void 0:_.totalSectionCount)&&void 0!==L?L:"NA"}))]})),n("div",e({style:g.gridItem},{children:[l("p",e({style:g.label},{children:"Total Pages"})),H&&H.length>0&&A?l("p",{style:g.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:h(p(String(null!==(B=null==_?void 0:_.totalPages)&&void 0!==B?B:"NA"),H))}}):l("p",e({style:g.value,className:"book-card-value"},{children:null!==(w=null==_?void 0:_.totalPages)&&void 0!==w?w:"NA"}))]})),n("div",e({style:g.gridItem},{children:[l("p",e({style:g.label},{children:"Reading Time"})),H&&H.length>0&&A?l("p",{style:g.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:h(p(String(null!==(I=null==_?void 0:_.readingTime)&&void 0!==I?I:"NA"),H))}}):l("p",e({style:g.value,className:"book-card-value"},{children:null!==(D=null==_?void 0:_.readingTime)&&void 0!==D?D:"NA"}))]}))]})),(null==_?void 0:_.bookDescription)&&(null==_?void 0:_.bookDescription.length)>0&&n("div",e({style:g.section,className:"book-card-section"},{children:[l("p",e({style:g.sectionLabel},{children:"Book Description"})),l("div",e({ref:Q,className:"book-card-section-text",style:e(e(e({},g.sectionText),g.summaryText),P?{}:g.lineClamp)},{children:l("div",{dangerouslySetInnerHTML:{__html:H&&H.length>0&&A?h(p(Y||"",H)):Y}})})),(J||P)&&l("button",e({style:e(e({},g.button),{marginBottom:"10px"}),onClick:function(){return V(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:P?"View Less":"View More"}))]})),n("div",e({style:g.section,className:"book-card-section"},{children:[l("p",e({style:g.sectionLabel},{children:"AI Book Summary"})),l("p",e({className:"book-card-section-text",style:e(e({},g.sectionText),F?{}:g.lineClamp)},{children:l(c,e({remarkPlugins:[u],rehypePlugins:[s],components:{p:function(n){n.node;var o=t(n,["node"]);return l("p",e({style:{marginTop:"0"}},o))}}},{children:m(null==_?void 0:_.summary,H)}))})),(null==_?void 0:_.summary)&&(null==_?void 0:_.summary.length)>0&&l("button",e({style:e(e({},g.button),{marginBottom:"10px"}),onClick:function(){return E(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:F?"View Less":"View More"}))]})),n("div",e({style:e(e({},g.section),{marginTop:"10px"})},{children:[l("p",e({style:e(e({},g.sectionLabel),{marginBottom:"18px"})},{children:"Table Of Content"})),l("div",e({style:e(e({},g.container),R?{}:g.lineClamp)},{children:(null==_?void 0:_.tableOfContent)&&!X?null===(M=null==_?void 0:_.tableOfContent)||void 0===M?void 0:M.map(function(t,i){return l("div",e({style:g.partContainer},{children:t.children?n(o,{children:[l("p",{style:g.partTitle,className:"book-card-part-title",dangerouslySetInnerHTML:{__html:H&&H.length>0&&A?h(p(t.title,H)):t.title}}),l("ul",e({style:g.chapterList},{children:t.children.map(function(t,n){return l("li",e({style:g.chapterItem},{children:l("span",{style:g.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:H&&H.length>0&&A?h(p(t.title,H)):t.title}})}),n)})}))]}):l("div",e({style:g.singleChapter},{children:l("span",{style:g.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:H&&H.length>0&&A?h(p(t.title,H)):t.title}})}))}),i)}):l("p",e({style:{fontStyle:"italic",fontSize:"16px",color:"#6B7280",margin:"8px 0"}},{children:"Table of Contents not found for this book."}))})),(null==_?void 0:_.tableOfContent)&&!X&&(null==_?void 0:_.tableOfContent.length)>0&&l("button",e({style:e(e({},g.button),{marginBottom:"10px"}),onClick:function(){return q(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:R?"View Less":"View More"}))]}))]}))};export{v as default};
 //# sourceMappingURL=BookOverviewCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookOverviewCard.js","sources":["../../../../src/features/Bookemon/BookOverviewCard/BookOverviewCard.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkBreaks from 'remark-breaks'\nimport rehypeRaw from \"rehype-raw\";\nimport { highlightTermsFunc, processTextWithHighlight } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport \"./BookOverviewCard.css\";\nimport { BookemonProps } from \"../types/citation.types\";\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n  card: {\n    border: \"2px solid #E5E7EB\", // Tailwind border-2 default gray\n    backgroundColor: \"#FFFFFF\",\n    borderRadius: \"12px\",\n    padding: \"24px\",\n    // marginBottom: \"24px\",\n  },\n  title: {\n    fontSize: \"16px\",\n    fontWeight: \"bold\",\n    marginBottom: \"24px\",\n  },\n  grid: {\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(auto-fit, minmax(110px, 1fr))\", \n    gap: \"24px\",\n    marginBottom: \"24px\",\n  },\n  gridItem: {\n    backgroundColor: \"#F8FAFC\",\n    border: \"1px solid #DFE5EC\",\n    borderRadius: \"8px\",\n    padding: \"12px 8px\",\n    // height: \"50px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    gap: \"12px\",\n  },\n\n  gridItemHeight : {\n    height: \"50px\",\n  },\n  label: {\n    fontSize: \"14px\",\n    fontWeight: 400,\n    color: \"#64748B\",\n    margin: 0,\n    // marginBottom: \"4px\",\n  },\n  value: {\n    fontWeight: \"bold\",\n    fontSize: \"14px\",\n    color: \"#434C55\",\n    margin: 0,\n\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    maxWidth: \"120px\",\n  },\n  section: {\n    marginBottom: \"12px\",\n    // boxShadow : \"0px 8px 12px rgba(0, 0, 0, 0.05)\",\n    // boxShadow: \"rgba(0, 0, 0, 0.16) 0px 1px 4px\",\n    padding: \"8px 12px\",\n    borderRadius: \"8px\",\n    border : \"1px solid #DEE4EB\"\n  },\n  sectionLabel: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n    color: \"#667085\",\n    marginBottom: \"8px\",\n    whiteSpace: \"pre-line\",\n  },\n   summaryText: {\n    marginTop: \"0px\",\n  },\n  sectionText: {\n    fontSize: \"16px\",\n    fontWeight: 400,\n    lineHeight: \"1.625\", // leading-relaxed\n    color: \"#64748B\",\n    marginBottom: \"8px\",\n  },\n  button: {\n    color: \"#5928ED\",\n    fontSize: \"14px\",\n    fontWeight: 600,\n    background: \"none\",\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: 0,\n    textDecoration: \"none\",\n  },\n  lineClamp: {\n    display: \"-webkit-box\",\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: \"vertical\",\n    overflow: \"hidden\",\n  },\n  container: {\n      // padding: \"16px\",\n      fontFamily: \"Inter, sans-serif\",\n      color: \"#434C54\",\n       marginBottom: \"8px\",\n    },\n    partContainer: {\n      marginBottom: \"8px\",\n    },\n    partTitle: {\n      fontSize: \"16px\",\n      fontWeight: \"600\",\n      marginBottom: \"10px\",\n    },\n    chapterList: {\n      listStyle: \"none\",\n      paddingLeft: \"20px\",\n      margin: 0,\n    },\n    chapterItem: {\n      marginBottom: \"6px\",\n    },\n    chapterLink: {\n      textDecoration: \"none\",\n      color: \"#63748A\",\n      fontSize: \"16px\",\n      lineHeight: \"1.5\",\n    },\n    chapterLinkHover: {\n      textDecoration: \"underline\",\n    },\n    singleChapter: {\n      marginBottom: \"4px\",\n      fontSize: \"16px\",\n    },\n    chapterNumber : {\n      color: \"#63748A\",\n    }\n};\n// Type for book overview object\nexport interface IBookOverview {\n  title: string;\n  totalPages: number;\n  readingTime: string;\n  summary: string;\n  author : string;\n  totalSectionCount : number;\n  bookDescription : string,\n  tableOfContent : any[]\n}\n\ninterface BookOverviewCardProps {\n  data: IBookOverview;\n  highlightTerms?: string[];\n  onHighlightMatch?: (matched: boolean) => void;\n  highlightEnabled?: boolean\n}\n\nconst BookOverviewCard = ({ data, highlightTerms, onHighlightMatch, highlightEnabled }: BookOverviewCardProps) => {\n  const [expanded, setExpanded] = useState(false);\n  const [showFullSummary, setShowFullSummary] = useState(false);\n  const [tableOfContentExpanded, setTableOfContentExpanded] = useState(false);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const textRef = useRef<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const isTableOfContentEmpty = data?.tableOfContent && data.tableOfContent.every((item: any) => !item.title || item.title.trim() === \"\");\n  const extractSummary = (summary: string) => {\n    if (!summary) return \"\";\n    const idx = summary.indexOf(\"Book Title:\");\n    if (idx === 0) {\n      return summary.slice(\"Book Title:\".length).trim();\n    }\n    return summary;\n  };\n\n  const cleanedDescription = data?.bookDescription\n  ?.replace(/display:\\s*-webkit-box;?/g, \"\")\n  ?.replace(/-webkit-line-clamp:\\s*\\d+;?/g, \"\")\n  ?.replace(/-webkit-box-orient:\\s*vertical;?/g, \"\")\n  ?.replace(/overflow:\\s*hidden;?/g, \"\");\n\n  const safeString = (value: any) =>\n    value !== null && value !== undefined ? String(value) : \"\";\n\n  useLayoutEffect(() => {\n  if (textRef.current) {\n    const isTextOverflowing =\n      textRef.current.scrollHeight > textRef.current.clientHeight;\n    setIsOverflowing(isTextOverflowing);\n  }\n}, [data?.bookDescription, showFullSummary]);\n\nuseEffect(() => {\n  if (!highlightTerms?.length || !highlightEnabled) return;\n\n\n  const lowerTerms = highlightTerms.map(t => t.toLowerCase());\n\n  const contains = (text?: string) =>\n    text && lowerTerms.some(term => text.toLowerCase().includes(term));\n\n  const titleMatch = contains(data.title);\n  const authorMatch = contains(data.author);\n  const descriptionMatch = contains(data.bookDescription);\n  const summaryMatch = contains(data.summary);\n  const totalSectionCountMatch = contains(safeString(data?.totalSectionCount));\n  const totalPagesMatch = contains(safeString(data?.totalPages));\n  const readingTimeMatch = contains(data.readingTime);\n\n  const tocMatch = data?.tableOfContent?.some((item: any) =>\n    contains(item?.title) ||\n    item?.children?.some((child: any) =>\n      contains(child?.title)\n    )\n  );\n\n  const matched =\n    titleMatch ||\n    authorMatch ||\n    descriptionMatch ||\n    summaryMatch ||\n    totalSectionCountMatch ||\n    totalPagesMatch ||\n    readingTimeMatch ||\n    tocMatch;\n\n  onHighlightMatch?.(matched);\n\n  if (!matched) return;\n\n  if (descriptionMatch) {\n    setShowFullSummary(true);\n  }\n\n  if (summaryMatch) {\n    setExpanded(true);\n  }\n\n  if (tocMatch) {\n    setTableOfContentExpanded(true);\n  }\n\n}, [highlightTerms, data]);\n\n\n  return (\n    <div ref={containerRef} style={defaultStyles.card} className=\"book-card-container\">\n      {/* <h2 style={defaultStyles.title}>Book Overview</h2> */}\n      <div style={defaultStyles.grid} className=\"book-card-grid\">\n        <div style={defaultStyles.gridItem}>\n          <p style={defaultStyles.label} >Book Title</p>\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <p style={defaultStyles.value} className=\"book-card-value\" title={data?.title} dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data?.title ?? \"NA\", highlightTerms)) }} />\n          ) : (\n            <p style={defaultStyles.value} className=\"book-card-value\" title={data?.title}>{data?.title ?? \"NA\"}</p>\n          )}\n        </div>\n        <div style={defaultStyles.gridItem}>\n          <p style={defaultStyles.label} >Book Author</p>\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <p style={defaultStyles.value} className=\"book-card-value\" title={data?.author} dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data?.author ?? \"NA\", highlightTerms)) }} />\n          ) : (\n            <p style={defaultStyles.value} className=\"book-card-value\" title={data?.author}>{data?.author ?? \"NA\"}</p>\n          )}\n        </div>\n        <div style={defaultStyles.gridItem}>\n          <p style={defaultStyles.label}>Total Sections</p>\n          {\n            highlightTerms && highlightTerms.length > 0 && highlightEnabled ?\n             <p style={defaultStyles.value} className=\"book-card-value\" dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(String(data?.totalSectionCount) ?? \"NA\", highlightTerms)) }} /> : \n            <p style={defaultStyles.value} className=\"book-card-value\">{data?.totalSectionCount ?? \"NA\"}</p>\n          }\n        </div>\n        <div style={defaultStyles.gridItem}>\n          <p style={defaultStyles.label}>Total Pages</p>\n          {\n            highlightTerms && highlightTerms.length > 0 && highlightEnabled ? \n            <p style={defaultStyles.value} className=\"book-card-value\" dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(String(data?.totalPages ?? \"NA\"), highlightTerms)) }} /> : \n            <p style={defaultStyles.value} className=\"book-card-value\">{data?.totalPages ?? \"NA\"}</p>\n          }\n        </div>\n        <div style={defaultStyles.gridItem}>\n          <p style={defaultStyles.label}>Reading Time</p>\n          {\n            highlightTerms && highlightTerms.length > 0 && highlightEnabled ? \n            <p style={defaultStyles.value} className=\"book-card-value\" dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(String(data?.readingTime ?? \"NA\"), highlightTerms)) }} /> : \n            <p style={defaultStyles.value} className=\"book-card-value\">{data?.readingTime ?? \"NA\"}</p>\n          }\n        </div>\n      </div>\n      {data?.bookDescription && data?.bookDescription.length > 0 && <div style={defaultStyles.section} className=\"book-card-section\">\n        <p style={defaultStyles.sectionLabel}>Book Description</p>\n        <div\n        ref={textRef}\n        className=\"book-card-section-text\"\n        style={{ ...defaultStyles.sectionText, ...defaultStyles.summaryText, ...(!showFullSummary ? defaultStyles.lineClamp : {}) }} >\n          <div\n           dangerouslySetInnerHTML={{ __html: highlightTerms && highlightTerms.length > 0 && highlightEnabled ? sanitizeHtml(highlightTermsFunc(cleanedDescription || \"\", highlightTerms)) : cleanedDescription }}\n          />\n        </div>\n         {(isOverflowing || showFullSummary) && <button\n        style={{ ...defaultStyles.button, marginBottom: \"10px\" }}\n        onClick={() => setShowFullSummary((prev) => !prev)}\n        onMouseOver={(e) =>\n          (e.currentTarget.style.textDecoration = \"underline\")\n        }\n        onMouseOut={(e) => (e.currentTarget.style.textDecoration = \"none\")}\n      >\n        {showFullSummary ? \"View Less\" : \"View More\"}\n      </button>}\n      </div>}\n      <div style={defaultStyles.section} className=\"book-card-section\">\n        <p style={defaultStyles.sectionLabel}>AI Book Summary</p>\n        <p className=\"book-card-section-text\" style={{...defaultStyles.sectionText, ...(!expanded ? defaultStyles.lineClamp : {})}}>\n          {/* {extractSummary(data.summary)} */}\n          {\n            <ReactMarkdown \n            remarkPlugins={[remarkBreaks]}\n            rehypePlugins={[rehypeRaw as any]}\n            components={{\n              p: ({ node, ...props }) => (\n                <p\n                  style={{\n                    marginTop: \"0\",\n                  }}\n                  {...props}\n                />\n              ),\n            }}>{processTextWithHighlight(\n              data?.summary,\n              highlightTerms\n            )}</ReactMarkdown>\n          }\n          </p>\n        {data?.summary && data?.summary.length > 0 && <button\n          style={{...defaultStyles.button, marginBottom: \"10px\"}}\n          onClick={() => setExpanded((prev) => !prev)}\n          onMouseOver={(e) =>\n            (e.currentTarget.style.textDecoration = \"underline\")\n          }\n          onMouseOut={(e) => (e.currentTarget.style.textDecoration = \"none\")}\n        >\n           {expanded ? \"View Less\" : \"View More\"}\n        </button>}\n      </div>\n      <div style={{...defaultStyles.section, marginTop: \"10px\" }}>\n        <p style={{...defaultStyles.sectionLabel, marginBottom : \"18px\"}}>Table Of Content</p>\n        <div style={{ ...defaultStyles.container, ...(!tableOfContentExpanded ? defaultStyles.lineClamp : {}) }}>\n          {(data?.tableOfContent && !isTableOfContentEmpty) ? data?.tableOfContent?.map((item, index) => (\n            <div key={index} style={defaultStyles.partContainer}>\n              {/* If the item has subchapters */}\n              {item.children ? (\n                <>\n                  <p style={defaultStyles.partTitle} className=\"book-card-part-title\"\n                    dangerouslySetInnerHTML={{\n                      __html: highlightTerms && highlightTerms.length > 0 && highlightEnabled ? sanitizeHtml(highlightTermsFunc(item.title, highlightTerms)) : item.title,\n                    }}\n                  />\n                  <ul style={defaultStyles.chapterList}>\n                    {item.children.map((child: any, i: any) => {\n                      return (\n                        <li key={i} style={defaultStyles.chapterItem}>\n                          <span\n                            style={defaultStyles.chapterLink}\n                            className=\"book-card-chapter-link\"\n                            dangerouslySetInnerHTML={{\n                              __html: highlightTerms && highlightTerms.length > 0 && highlightEnabled ? sanitizeHtml(highlightTermsFunc(child.title, highlightTerms)) : child.title,\n                            }}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </>\n              ) : (\n                // Standalone chapters (like Introduction, Conclusion, etc.)\n                (<div style={defaultStyles.singleChapter}>\n                  <span\n                    style={defaultStyles.chapterLink}\n                    className=\"book-card-chapter-link\"\n                    dangerouslySetInnerHTML={{ __html: highlightTerms && highlightTerms.length > 0 && highlightEnabled ? sanitizeHtml(highlightTermsFunc(item.title, highlightTerms)) : item.title }}\n                  />\n                </div>)\n              )}\n            </div>\n          )) : <p style={{ fontStyle: \"italic\", fontSize: '16px', color: \"#6B7280\", margin: \"8px 0\" }}>\n            Table of Contents not found for this book.\n          </p>\n          }\n\n        </div>\n        {data?.tableOfContent && !isTableOfContentEmpty && data?.tableOfContent.length > 0 && <button\n          style={{...defaultStyles.button, marginBottom: \"10px\"}}\n          onClick={() => setTableOfContentExpanded((prev) => !prev)}\n          onMouseOver={(e) =>\n            (e.currentTarget.style.textDecoration = \"underline\")\n          }\n          onMouseOut={(e) => (e.currentTarget.style.textDecoration = \"none\")}\n        >\n          {tableOfContentExpanded ? \"View Less\" : \"View More\"}\n        </button>}\n      </div>\n    </div>\n  );\n};\n\nexport default BookOverviewCard;\n"],"names":["defaultStyles","card","border","backgroundColor","borderRadius","padding","title","fontSize","fontWeight","marginBottom","grid","display","gridTemplateColumns","gap","gridItem","flexDirection","justifyContent","alignItems","gridItemHeight","height","label","color","margin","value","whiteSpace","overflow","textOverflow","maxWidth","section","sectionLabel","summaryText","marginTop","sectionText","lineHeight","button","background","cursor","textDecoration","lineClamp","WebkitLineClamp","WebkitBoxOrient","container","fontFamily","partContainer","partTitle","chapterList","listStyle","paddingLeft","chapterItem","chapterLink","chapterLinkHover","singleChapter","chapterNumber","BookOverviewCard","data","highlightTerms","onHighlightMatch","highlightEnabled","expanded","setExpanded","useState","showFullSummary","setShowFullSummary","tableOfContentExpanded","setTableOfContentExpanded","isOverflowing","setIsOverflowing","textRef","useRef","containerRef","isTableOfContentEmpty","tableOfContent","every","item","trim","cleanedDescription","bookDescription","replace","safeString","String","useLayoutEffect","current","isTextOverflowing","scrollHeight","clientHeight","useEffect","length","lowerTerms","map","t","toLowerCase","contains","text","some","term","includes","titleMatch","authorMatch","author","descriptionMatch","summaryMatch","summary","totalSectionCountMatch","totalSectionCount","totalPagesMatch","totalPages","readingTimeMatch","readingTime","tocMatch","children","child","matched","jsxs","ref","style","className","jsx","dangerouslySetInnerHTML","__html","sanitizeHtml","highlightTermsFunc","onClick","prev","onMouseOver","e","currentTarget","onMouseOut","ReactMarkdown","remarkPlugins","remarkBreaks","rehypePlugins","rehypeRaw","components","p","node","props","processTextWithHighlight","index","Fragment","i","fontStyle"],"mappings":"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"}
+{"version":3,"file":"BookOverviewCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/Bookemon/BookPeopleAwardsCard/BookPeopleAwardsCard.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import{useRef as r,useEffect as o}from"react";import{highlightTermsFunc as n}from"../utils/highlight.js";import{sanitizeHtml as l}from"../../../utils/sanitizeHtml.js";const i={sectionTitle:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"12px"},card:{backgroundColor:"#ECEEF1",padding:"8px 12px",fontWeight:500,fontSize:"14px",borderRadius:"4px",color:"#64748B",maxWidth:"100%",wordBreak:"break-word",marginBottom:"24px",width:"fit-content"},tag:{padding:"4px 12px",fontSize:"14px",fontWeight:500,color:"#3B82F6",backgroundColor:"#F3F8FF",borderRadius:"6px"},avatar:{display:"flex",alignItems:"center",justifyContent:"center",height:"35px",width:"35px",borderRadius:"50%",backgroundColor:"#E5E7EB",color:"#4B5563",fontWeight:600,flexShrink:0,fontSize:"12px"},contributorName:{fontWeight:600,color:"#111827",marginTop:"8px",fontSize:"14px"},contributorRole:{fontSize:"12px",color:"#6B7280"},grid:{display:"grid",gridTemplateColumns:"repeat(4, minmax(0, 1fr))",gap:"24px",marginBottom:"24px",padding:"0 12px"},awardMeta:{fontSize:"14px",color:"#4B5563"},awardDesc:{fontSize:"14px",color:"#4B5563"},awardContainer:{display:"flex",gap:"8px"},awardInfo:{backgroundColor:"#ECEEF1",padding:"8px 12px",fontWeight:600,fontSize:"12px",borderRadius:"4px",color:"#434C54",maxWidth:"100%",wordBreak:"break-word",width:"fit-content"},listContainerWrapper:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"30px",marginBottom:"24px"},awardContainerWrapper:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"16px"}},s=({data:s,highlightTerms:p,onHighlightMatch:d,highlightEnabled:c})=>{const{publisher:m,contributors:h,awards:g=[]}=s,x=r(null),f=e=>{const t=e.trim().split(/\s+/).map(e=>e[0]?.toUpperCase()).join("");return t.length>3?`${t.slice(0,3)}`:t};return o(()=>{if(!p||0===p.length||!c)return;const e=[s.publisher?.name??"",...s.publisher?.tags??[],...s.contributors?.primary?.flatMap(e=>[e.name,e.role,...e.tags??[]])??[],...s.contributors?.additional?.flatMap(e=>[e.name,e.role,...e.tags??[]])??[],...s.awards?.flatMap(e=>[e.title,e.org,String(e.year),e.country])??[]].some(e=>!!e&&p.some(t=>e.toLowerCase().includes(t.toLowerCase())));d?.(e)},[p,s]),e("div",{ref:x,className:"book-people-container",children:[t("p",{style:i.sectionTitle,className:"book-people-section-title",children:"Publishers"}),e("div",{style:i.card,className:"book-people-card",children:[t("span",{style:{color:"rgb(67, 76, 85)"},children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(m.name,p))}}):m.name}),m?.tags&&m?.tags.length>0&&t("div",{style:{display:"flex",gap:"8px",marginTop:"18px"},children:m?.tags?.map((e,a)=>t("span",{style:i.tag,children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(e,p))}}):e},a))})]}),t("p",{style:i.sectionTitle,className:"book-people-section-title",children:"Contributors"}),t("div",{style:i.listContainerWrapper,className:"book-people-list-wrapper",children:h?.primary?.map((a,r)=>e("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t("div",{style:i.avatar,className:"book-people-avatar",children:f(a?.name)}),t("span",{style:i.contributorName,className:"book-people-name",children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(a?.name,p))}}):a?.name}),t("span",{style:i.contributorRole,className:"book-people-role",children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(a?.role,p))}}):a?.role}),t("div",{style:{display:"flex",gap:"8px",marginTop:"8px"},children:a?.tags?.map((e,a)=>t("span",{style:i.tag,children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(e,p))}}):e},a))})]},r))}),h.additional&&h.additional.length>0&&e(a,{children:[t("p",{style:i.sectionTitle,className:"book-people-section-title",children:"Additional Contributors"}),t("div",{style:i.listContainerWrapper,className:"book-people-list-wrapper",children:h?.additional?.map((a,r)=>e("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t("div",{style:i.avatar,className:"book-people-avatar",children:f(a?.name)}),t("span",{style:i.contributorName,className:"book-people-name",children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(a?.name,p))}}):a?.name}),t("span",{style:i.contributorRole,className:"book-people-role",children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(a?.role,p))}}):a?.role})]},r))})]}),g.length>0&&e(a,{children:[t("p",{style:i.sectionTitle,className:"book-people-section-title",children:"Awards"}),t("div",{style:i.awardContainerWrapper,className:"book-people-award-wrapper",children:g?.map((e,a)=>t("div",{style:i.awardInfo,children:t("span",{children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:l(n(e?.title,p))}}):e?.title})},a))})]})]})};export{s as default};
+import{__spreadArray as e,__assign as l}from"tslib";import{jsxs as n,jsx as o,Fragment as t}from"react/jsx-runtime";import{useRef as i,useEffect as r}from"react";import{highlightTermsFunc as a}from"../utils/highlight.js";import{sanitizeHtml as d}from"../../../utils/sanitizeHtml.js";var p={sectionTitle:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"12px"},card:{backgroundColor:"#ECEEF1",padding:"8px 12px",fontWeight:500,fontSize:"14px",borderRadius:"4px",color:"#64748B",maxWidth:"100%",wordBreak:"break-word",marginBottom:"24px",width:"fit-content"},tag:{padding:"4px 12px",fontSize:"14px",fontWeight:500,color:"#3B82F6",backgroundColor:"#F3F8FF",borderRadius:"6px"},avatar:{display:"flex",alignItems:"center",justifyContent:"center",height:"35px",width:"35px",borderRadius:"50%",backgroundColor:"#E5E7EB",color:"#4B5563",fontWeight:600,flexShrink:0,fontSize:"12px"},contributorName:{fontWeight:600,color:"#111827",marginTop:"8px",fontSize:"14px"},contributorRole:{fontSize:"12px",color:"#6B7280"},grid:{display:"grid",gridTemplateColumns:"repeat(4, minmax(0, 1fr))",gap:"24px",marginBottom:"24px",padding:"0 12px"},awardMeta:{fontSize:"14px",color:"#4B5563"},awardDesc:{fontSize:"14px",color:"#4B5563"},awardContainer:{display:"flex",gap:"8px"},awardInfo:{backgroundColor:"#ECEEF1",padding:"8px 12px",fontWeight:600,fontSize:"12px",borderRadius:"4px",color:"#434C54",maxWidth:"100%",wordBreak:"break-word",width:"fit-content"},listContainerWrapper:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"30px",marginBottom:"24px"},awardContainerWrapper:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"16px"}},s=function(s){var c,u,m,h=s.data,v=s.highlightTerms,g=s.onHighlightMatch,f=s.highlightEnabled,x=h.publisher,y=h.contributors,b=h.awards,w=void 0===b?[]:b,k=i(null),C=function(e){var l=e.trim().split(/\s+/).map(function(e){var l;return null===(l=e[0])||void 0===l?void 0:l.toUpperCase()}).join("");return l.length>3?"".concat(l.slice(0,3)):l};return r(function(){var l,n,o,t,i,r,a,d,p,s,c,u;if(v&&0!==v.length&&f){var m=e(e(e(e([null!==(n=null===(l=h.publisher)||void 0===l?void 0:l.name)&&void 0!==n?n:""],null!==(t=null===(o=h.publisher)||void 0===o?void 0:o.tags)&&void 0!==t?t:[],!0),null!==(a=null===(r=null===(i=h.contributors)||void 0===i?void 0:i.primary)||void 0===r?void 0:r.flatMap(function(l){var n;return e([l.name,l.role],null!==(n=l.tags)&&void 0!==n?n:[],!0)}))&&void 0!==a?a:[],!0),null!==(s=null===(p=null===(d=h.contributors)||void 0===d?void 0:d.additional)||void 0===p?void 0:p.flatMap(function(l){var n;return e([l.name,l.role],null!==(n=l.tags)&&void 0!==n?n:[],!0)}))&&void 0!==s?s:[],!0),null!==(u=null===(c=h.awards)||void 0===c?void 0:c.flatMap(function(e){return[e.title,e.org,String(e.year),e.country]}))&&void 0!==u?u:[],!0).some(function(e){return!!e&&v.some(function(l){return e.toLowerCase().includes(l.toLowerCase())})});null==g||g(m)}},[v,h]),n("div",l({ref:k,className:"book-people-container"},{children:[o("p",l({style:p.sectionTitle,className:"book-people-section-title"},{children:"Publishers"})),n("div",l({style:p.card,className:"book-people-card"},{children:[o("span",l({style:{color:"rgb(67, 76, 85)"}},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(x.name,v))}}):x.name})),(null==x?void 0:x.tags)&&(null==x?void 0:x.tags.length)>0&&o("div",l({style:{display:"flex",gap:"8px",marginTop:"18px"}},{children:null===(c=null==x?void 0:x.tags)||void 0===c?void 0:c.map(function(e,n){return o("span",l({style:p.tag},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(e,v))}}):e}),n)})}))]})),o("p",l({style:p.sectionTitle,className:"book-people-section-title"},{children:"Contributors"})),o("div",l({style:p.listContainerWrapper,className:"book-people-list-wrapper"},{children:null===(u=null==y?void 0:y.primary)||void 0===u?void 0:u.map(function(e,t){var i;return n("div",l({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[o("div",l({style:p.avatar,className:"book-people-avatar"},{children:C(null==e?void 0:e.name)})),o("span",l({style:p.contributorName,className:"book-people-name"},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(null==e?void 0:e.name,v))}}):null==e?void 0:e.name})),o("span",l({style:p.contributorRole,className:"book-people-role"},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(null==e?void 0:e.role,v))}}):null==e?void 0:e.role})),o("div",l({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:null===(i=null==e?void 0:e.tags)||void 0===i?void 0:i.map(function(e,n){return o("span",l({style:p.tag},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(e,v))}}):e}),n)})}))]}),t)})})),y.additional&&y.additional.length>0&&n(t,{children:[o("p",l({style:p.sectionTitle,className:"book-people-section-title"},{children:"Additional Contributors"})),o("div",l({style:p.listContainerWrapper,className:"book-people-list-wrapper"},{children:null===(m=null==y?void 0:y.additional)||void 0===m?void 0:m.map(function(e,t){return n("div",l({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[o("div",l({style:p.avatar,className:"book-people-avatar"},{children:C(null==e?void 0:e.name)})),o("span",l({style:p.contributorName,className:"book-people-name"},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(null==e?void 0:e.name,v))}}):null==e?void 0:e.name})),o("span",l({style:p.contributorRole,className:"book-people-role"},{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(null==e?void 0:e.role,v))}}):null==e?void 0:e.role}))]}),t)})}))]}),w.length>0&&n(t,{children:[o("p",l({style:p.sectionTitle,className:"book-people-section-title"},{children:"Awards"})),o("div",l({style:p.awardContainerWrapper,className:"book-people-award-wrapper"},{children:null==w?void 0:w.map(function(e,n){return o("div",l({style:p.awardInfo},{children:o("span",{children:v&&v.length>0&&f?o("span",{dangerouslySetInnerHTML:{__html:d(a(null==e?void 0:e.title,v))}}):null==e?void 0:e.title})}),n)})}))]})]}))};export{s as default};
 //# sourceMappingURL=BookPeopleAwardsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookPeopleAwardsCard.js","sources":["../../../../src/features/Bookemon/BookPeopleAwardsCard/BookPeopleAwardsCard.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef } from \"react\";\nimport { highlightTermsFunc } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport './BookPeopleAwardsCard.css'\n// import {\n//   Accordion,\n//   AccordionDetails,\n//   AccordionSummary,\n//   Typography,\n// } from \"@mui/material\";\n// import ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n  sectionTitle: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n    color: \"#667085\",\n    marginBottom: \"12px\",\n  },\n  card: {\n   backgroundColor: \"#ECEEF1\",\n    padding: \"8px 12px\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    borderRadius: \"4px\",\n    color: \"#64748B\",\n    maxWidth: \"100%\",\n    wordBreak: \"break-word\",\n    marginBottom: \"24px\",\n    width : \"fit-content\"\n  },\n  tag: {\n    padding: \"4px 12px\",\n    fontSize: \"14px\",\n    fontWeight: 500,\n    color: \"#3B82F6\",\n    backgroundColor: \"#F3F8FF\",\n    borderRadius: \"6px\",\n  },\n  avatar: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"35px\",\n    width: \"35px\",\n    borderRadius: \"50%\",\n    backgroundColor: \"#E5E7EB\",\n    color: \"#4B5563\",\n    fontWeight: 600,\n    flexShrink: 0,\n    fontSize : '12px'\n  },\n  contributorName: {\n    fontWeight: 600,\n    color: \"#111827\",\n    marginTop: \"8px\",\n    fontSize : \"14px\",\n  },\n  contributorRole: {\n    fontSize: \"12px\",\n    color: \"#6B7280\",\n  },\n  grid: {\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n    gap: \"24px\",\n    marginBottom: \"24px\",\n    padding: \"0 12px\",\n  },\n  awardMeta: {\n    fontSize: \"14px\",\n    color: \"#4B5563\",\n  },\n  awardDesc: {\n    fontSize: \"14px\",\n    color: \"#4B5563\",\n  },\n\n  awardContainer : {\n    display : 'flex',\n    gap : \"8px\"\n  },\n  awardInfo : {\n    backgroundColor: \"#ECEEF1\",\n    padding: \"8px 12px\",\n    fontWeight: 600,\n    fontSize: \"12px\",\n    borderRadius: \"4px\",\n    color: \"#434C54\",\n    maxWidth: \"100%\",\n    wordBreak: \"break-word\",\n    // marginBottom: \"24px\",\n    width : \"fit-content\", \n  },\n  listContainerWrapper: {\n    display:\"flex\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    gap: \"30px\",\n    marginBottom: \"24px\",\n  },\n  awardContainerWrapper:{\n    display: \"flex\",\n    flexDirection: \"row\", // horizontal layout\n    flexWrap: \"wrap\",     // allow wrapping\n    gap: \"16px\"}\n};\nexport interface IPublisher {\n  name: string;\n  shortName?: string;\n  tags?: string[];\n}\n\nexport interface IContributor {\n  name: string;\n  role: string;\n  tags?: string[];\n}\n\nexport interface IAward {\n  title: string;\n  org: string;\n  year: number;\n  description: string;\n  country : string\n}\n\nexport interface IBookPeopleAwardsData {\n  publisher: IPublisher;\n  contributors: {\n    primary: IContributor[];\n    additional?: IContributor[];\n  };\n  awards?: IAward[];\n}\n\ninterface BookPeopleAwardsCardProps {\n  data: IBookPeopleAwardsData;\n  highlightTerms?: string[];\n  onHighlightMatch?: (matched: boolean) => void;\n  highlightEnabled: boolean\n}\n\nconst BookPeopleAwardsCard = ({ data, highlightTerms, onHighlightMatch, highlightEnabled }: BookPeopleAwardsCardProps) => {\n  const { publisher, contributors, awards = [] } = data;\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const getInitials = (name: string) => {\n  const initials = name\n    .trim()\n    .split(/\\s+/)\n    .map(n => n[0]?.toUpperCase())\n    .join(\"\");\n\n    return initials.length > 3\n      ? `${initials.slice(0, 3)}`\n      : initials;\n  };\n\n  useEffect(() => {\n    if (!highlightTerms || highlightTerms.length === 0 || !highlightEnabled) return;\n\n    const fieldsToCheck: string[] = [\n      data.publisher?.name ?? \"\",\n      ...(data.publisher?.tags ?? []),\n\n      ...(data.contributors?.primary?.flatMap(c => [\n        c.name,\n        c.role,\n        ...(c.tags ?? []),\n      ]) ?? []),\n\n      ...(data.contributors?.additional?.flatMap(c => [\n        c.name,\n        c.role,\n        ...(c.tags ?? []),\n      ]) ?? []),\n\n      ...(data.awards?.flatMap(a => [\n        a.title,\n        a.org,\n        String(a.year),\n        a.country,\n      ]) ?? []),\n    ];\n\n    const matched = fieldsToCheck.some((field) => {\n      if (!field) return false;\n      return highlightTerms.some((term) =>\n        field.toLowerCase().includes(term.toLowerCase())\n      );\n    });\n\n    onHighlightMatch?.(matched);\n  }, [highlightTerms, data]);\n\n  return (\n    <div ref={containerRef} className=\"book-people-container\">\n      {/* Publisher */}\n      <p style={defaultStyles.sectionTitle} className=\"book-people-section-title\">Publishers</p>\n      <div style={defaultStyles.card} className=\"book-people-card\">\n        <span style={{ color: \"rgb(67, 76, 85)\" }}>\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(publisher.name, highlightTerms)) }} />\n          ) : (\n            publisher.name\n          )}\n        </span>\n       {publisher?.tags && publisher?.tags.length > 0 && <div style={{ display: \"flex\", gap: \"8px\", marginTop: \"18px\" }}>\n          {publisher?.tags?.map((tag, index) => (\n            <span key={index} style={defaultStyles.tag}>\n              {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(tag, highlightTerms)) }} />\n              ) : (\n                tag\n              )}\n            </span>\n          ))}\n        </div>}\n      </div>\n\n      {/* Primary Contributor */}\n      <p style={defaultStyles.sectionTitle} className=\"book-people-section-title\">Contributors</p>\n      <div style={defaultStyles.listContainerWrapper} className=\"book-people-list-wrapper\">\n        {contributors?.primary?.map((contributor, index) => (\n          <div\n            key={index}\n            style={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }}\n          >\n            <div style={defaultStyles.avatar} className=\"book-people-avatar\">\n                 {getInitials(contributor?.name)}\n            </div>\n            <span style={defaultStyles.contributorName} className=\"book-people-name\">\n              {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(contributor?.name, highlightTerms)) }} />\n              ) : (\n                contributor?.name\n              )}\n            </span>\n            <span style={defaultStyles.contributorRole} className=\"book-people-role\">\n              {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(contributor?.role, highlightTerms)) }} />\n              ) : (\n                contributor?.role\n              )}\n            </span>\n            <div style={{ display: \"flex\", gap: \"8px\", marginTop: \"8px\" }}>\n              {contributor?.tags?.map((tag, index) => (\n                <span key={index} style={defaultStyles.tag}>\n                  {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                    <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(tag, highlightTerms)) }} />\n                  ) : (\n                    tag\n                  )}\n                </span>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n\n\n      {/* Additional Contributors */}\n      {contributors.additional && contributors.additional.length > 0 && (\n        <>\n\n            <p style={defaultStyles.sectionTitle} className=\"book-people-section-title\">Additional Contributors</p>\n\n          <div style={defaultStyles.listContainerWrapper} className=\"book-people-list-wrapper\">\n            {contributors?.additional?.map((person, index) => (\n              <div\n                key={index}\n                style={{\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  justifyContent: \"center\",\n                  alignItems: \"center\",\n                }}\n              >\n                <div style={defaultStyles.avatar} className=\"book-people-avatar\">\n                  {getInitials(person?.name)}\n                </div>\n                <span style={defaultStyles.contributorName} className=\"book-people-name\">\n                  {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                    <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(person?.name, highlightTerms)) }} />\n                  ) : (\n                    person?.name\n                  )}\n                </span>\n                <span style={defaultStyles.contributorRole} className=\"book-people-role\">\n                  {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                    <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(person?.role, highlightTerms)) }} />\n                  ) : (\n                    person?.role\n                  )}\n                </span>\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n\n      {/* Awards */}\n      {awards.length > 0 && (\n        <>\n          <p style={defaultStyles.sectionTitle} className=\"book-people-section-title\">Awards</p>\n          <div\n             style={defaultStyles.awardContainerWrapper} className=\"book-people-award-wrapper\">\n          {awards?.map((award, index) => (\n         <div key={index} style={defaultStyles.awardInfo}>\n         <span>\n           {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n             <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(award?.title, highlightTerms)) }} />\n           ) : (\n             award?.title\n           )}\n         </span>\n          </div>\n  ))}\n</div>\n        </>\n      )}\n\n    </div>\n  );\n};\n\nexport default BookPeopleAwardsCard;\n"],"names":["defaultStyles","sectionTitle","fontSize","fontWeight","color","marginBottom","card","backgroundColor","padding","borderRadius","maxWidth","wordBreak","width","tag","avatar","display","alignItems","justifyContent","height","flexShrink","contributorName","marginTop","contributorRole","grid","gridTemplateColumns","gap","awardMeta","awardDesc","awardContainer","awardInfo","listContainerWrapper","flexDirection","flexWrap","awardContainerWrapper","BookPeopleAwardsCard","data","highlightTerms","onHighlightMatch","highlightEnabled","publisher","contributors","awards","containerRef","useRef","getInitials","name","initials","trim","split","map","n","toUpperCase","join","length","slice","useEffect","matched","tags","primary","flatMap","c","role","additional","a","title","org","String","year","country","some","field","term","toLowerCase","includes","jsxs","ref","className","children","jsx","style","dangerouslySetInnerHTML","__html","sanitizeHtml","highlightTermsFunc","index","contributor","Fragment","person","award"],"mappings":"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"}
+{"version":3,"file":"BookPeopleAwardsCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as i}from"react";import r from"@mui/icons-material/Close";import n from"@mui/icons-material/ArrowBack";import l from"../../BookCitation/BookCitation.js";import{comingSoonStyles as a,defaultIcon as d}from"../Bookemon.js";import c from"@mui/material/Switch";import s from"@mui/material/Tooltip";const p=({bookOverView:p,bookCoverImage:g,onClose:h,customStyle:u,quotesToHighLightData:m,updateQuotesToHighLight:x,citationLoad:f,clickableElementCategory:y="",comingSoonData:b,isNonHighlightedBlur:k=!1,isBlurToggleVisible:v=!1,noHtmlContent:C=!1,isBookemon:w=!0})=>{const[B,S]=o(!1),[I,T]=o(!0),W=!!m.content,j={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(()=>{T(!0),console.log(f,"citationLoad")},[f]),e("div",{style:{...j.rightPanel,...u?.rightPanel||{}},children:[e("div",{style:j.header,children:[e("div",{style:j.headerLeft,children:[(W||C)&&t("button",{style:j.closeButton,onClick:()=>x("","Book Preview"),onMouseOver:e=>e.currentTarget.style.backgroundColor="#F3F4F6",onMouseOut:e=>e.currentTarget.style.backgroundColor="transparent",children:t(n,{})}),t("h2",{style:j.clickableElementCategory,children:y})]}),e("div",{style:j.toggleBlurContainer,children:[W&&v&&e("div",{style:{display:"flex",alignItems:"center",gap:"2px"},children:[t(c,{checked:I,onChange:e=>{T(e.target.checked),console.log(e.target.checked,"event.target.checked")},color:"primary",size:"small"}),e("span",{style:{fontSize:"0.75rem",display:"flex",alignItems:"center",gap:"4px"},children:["Blur",t(s,{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("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"})})]})]}),t("button",{style:j.closeButton,onClick:()=>{h(),x("","Book Preview")},onMouseOver:e=>e.currentTarget.style.backgroundColor="#F3F4F6",onMouseOut:e=>e.currentTarget.style.backgroundColor="transparent",children:t(r,{})})]})]}),t("div",{style:{...j.previewWrapper,...u?.previewWrapper},children:W?t(l,{citationNumber:1,defaultState:!0,partialMatch:!0,fixedWidth:!1,citationTitle:"Sample Citation",title:"Sample Title",paragraphs:[m?.content],textToHighlight:[m?.textToHighLight],externalLinkComponent:"",bookCoverImage:g,customStyle:u?.citationCustomStyle,isNonHighlightedBlur:k,isBookemon:w,toggleBlur:I}):f||C?e("div",{style:j.loadingStyle,children:[t("div",{style:a.iconWrapper,children:b?.icon||d}),e("p",C?{style:a.text,children:["No data found matching the selected ",y.toLowerCase()]}:{style:a.text,children:["fetching ",y.toLowerCase(),"...."]})]}):t("div",{style:j.flexCenter,children:t("div",{style:{...j.coverContainer,...B||!g?{...j.coverImagePreview,...u?.coverImagePreview}:{}},children:g&&!B?t("img",{onError:()=>S(!0),style:j.bookCoverStyle,src:g,alt:"Book Cover Image"}):t("div",{style:j.bookCoverPlaceholder,children:e("div",{style:j.bookCoverInner,children:[t("div",{style:j.bookTitle,children:p?.title||"Unknown Title"}),t("div",{style:j.bookAuthor,children:p?.author||"Unknown Author"})]})})})})})]})};export{p as default};
+import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import r from"@mui/icons-material/Close";import l from"@mui/icons-material/ArrowBack";import a from"../../BookCitation/BookCitation.js";import{comingSoonStyles as d,defaultIcon as c}from"../Bookemon.js";import s from"@mui/material/Switch";import p from"@mui/material/Tooltip";var g=function(g){var h=g.bookOverView,u=g.bookCoverImage,f=g.onClose,m=g.customStyle,x=g.quotesToHighLightData,v=g.updateQuotesToHighLight,y=g.citationLoad,b=g.clickableElementCategory,k=void 0===b?"":b,C=g.comingSoonData,w=g.isNonHighlightedBlur,B=void 0!==w&&w,S=g.isBlurToggleVisible,I=void 0!==S&&S,T=g.noHtmlContent,W=void 0!==T&&T,j=g.isBookemon,L=void 0===j||j,P=i(!1),H=P[0],F=P[1],z=i(!0),D=z[0],O=z[1],R=!!x.content,A={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 n(function(){O(!0),console.log(y,"citationLoad")},[y]),t("div",e({style:e(e({},A.rightPanel),(null==m?void 0:m.rightPanel)||{})},{children:[t("div",e({style:A.header},{children:[t("div",e({style:A.headerLeft},{children:[(R||W)&&o("button",e({style:A.closeButton,onClick:function(){return v("","Book Preview")},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="#F3F4F6"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="transparent"}},{children:o(l,{})})),o("h2",e({style:A.clickableElementCategory},{children:k}))]})),t("div",e({style:A.toggleBlurContainer},{children:[R&&I&&t("div",e({style:{display:"flex",alignItems:"center",gap:"2px"}},{children:[o(s,{checked:D,onChange:function(e){O(e.target.checked),console.log(e.target.checked,"event.target.checked")},color:"primary",size:"small"}),t("span",e({style:{fontSize:"0.75rem",display:"flex",alignItems:"center",gap:"4px"}},{children:["Blur",o(p,e({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:o("span",e({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"}))}))]}))]})),o("button",e({style:A.closeButton,onClick:function(){f(),v("","Book Preview")},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="#F3F4F6"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="transparent"}},{children:o(r,{})}))]}))]})),o("div",e({style:e(e({},A.previewWrapper),null==m?void 0:m.previewWrapper)},{children:R?o(a,{citationNumber:1,defaultState:!0,partialMatch:!0,fixedWidth:!1,citationTitle:"Sample Citation",title:"Sample Title",paragraphs:[null==x?void 0:x.content],textToHighlight:[null==x?void 0:x.textToHighLight],externalLinkComponent:"",bookCoverImage:u,customStyle:null==m?void 0:m.citationCustomStyle,isNonHighlightedBlur:B,isBookemon:L,toggleBlur:D}):y||W?t("div",e({style:A.loadingStyle},{children:[o("div",e({style:d.iconWrapper},{children:(null==C?void 0:C.icon)||c})),t("p",e({style:d.text},W?{children:["No data found matching the selected ",k.toLowerCase()]}:{children:["fetching ",k.toLowerCase(),"...."]}))]})):o("div",e({style:A.flexCenter},{children:o("div",e({style:e(e({},A.coverContainer),H||!u?e(e({},A.coverImagePreview),null==m?void 0:m.coverImagePreview):{})},{children:u&&!H?o("img",{onError:function(){return F(!0)},style:A.bookCoverStyle,src:u,alt:"Book Cover Image"}):o("div",e({style:A.bookCoverPlaceholder},{children:t("div",e({style:A.bookCoverInner},{children:[o("div",e({style:A.bookTitle},{children:(null==h?void 0:h.title)||"Unknown Title"})),o("div",e({style:A.bookAuthor},{children:(null==h?void 0:h.author)||"Unknown Author"}))]}))}))}))}))}))]}))};export{g as default};
 //# sourceMappingURL=BookPreview.js.map

package/dist/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":["BookPreview","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/features/Bookemon/Bookemon.js

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

package/dist/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","Bookemon","open","onClose","isDialog","isBookPreview","isNonHighlightedBlur","isBookemon","getHighlightContent","handleFetchManuscriptElements","data","showComingSoon","comingSoonData","header","subheader","customStyle","isBlurToggleVisible","highlightTerms","defaultElementPages","citationType","citationSubTitle","safeOnClose","Dialog","fullWidth","PaperProps","dialogDimension","DialogContent","BookemonContent"],"mappings":"8KAgBA,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,EAAC,MAAA,CACCC,MAAOzB,EAAiBa,KACxBa,KAAK,OACLC,OAAO,eACPC,QAAQ,YAERC,SAAAL,EAAC,OAAA,CACCM,cAAc,QACdC,eAAe,QACfC,YAAa,EACbC,EAAE,iCAaFC,EAAW,EACfC,OACAC,UACAC,YAAW,EACXC,iBAAgB,EAChBC,uBACAC,aACAC,sBACAC,gCACAC,OACAC,kBAAiB,EACjBC,iBAAiB,CACfC,OAAQ,yBACRC,UAAW,8DACXlC,KAAMU,GAERyB,cAAc,CAAC,EACfC,uBAAsB,EACtBC,iBACAC,sBACAC,eACAC,uBA4IF,MACMC,EAAclB,SAAmB,GAErC,OAAKC,EA4BHb,EAAC+B,EAAA,CACCpB,KAhCWA,IAAQ,EAiCnBqB,WAAS,EACTC,WAAY,CACVhC,MAAO,IACF5B,KACAmD,GAAaU,kBAIpB7B,WAAC8B,EAAc,CAAAlC,MAAO,CAAEH,QAAS,GAC/BO,SAAAL,EAACoC,EAAA,CACCjB,OACAK,cACAH,iBACAD,iBACAL,uBACAU,sBACAT,aACAU,iBACAT,sBACAC,gCACAJ,gBACAD,WACAD,QAASkB,EACTH,4BAlDJ3B,EAAC,OAAIC,MAAO,CAAEnB,MAAO,OAAQE,OAAQ,QACnCqB,SAAAL,EAACoC,EAAA,CACCjB,OACAK,cACAH,iBACAD,iBACAL,uBACAU,sBACAT,aACAU,iBACAT,sBACAC,gCACAJ,gBACAD,WACAD,QAASkB,EACTH,sBACAC,eACAC"}
+{"version":3,"file":"Bookemon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}