@e-llm-studio/citation 0.0.249 → 0.0.250

package/dist/features/Bookemon/BookDetailsCard/BookDetailsCard.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as i,useRef as o,useMemo as r,useEffect as l}from"react";import{highlightTermsFunc as s}from"../utils/highlight.js";import{sanitizeHtml as a}from"../../../utils/sanitizeHtml.js";var d={container:{width:"100%"},sectionTitle:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"12px"},detailsContainer:{marginBottom:"24px",fontSize:"14px",fontWeight:400,color:"#64748B",display:"flex",flexDirection:"column",gap:"4px",paddingLeft:"12px"},detailsContainerItem:{margin:"4px 0"},boldText:{fontWeight:"bold"},categoriesContainer:{marginBottom:"24px"},categoriesList:{display:"flex",flexWrap:"wrap",gap:"12px",marginBottom:"8px",paddingLeft:"12px"},category:{backgroundColor:"#ECEEF1",padding:"8px 12px",fontWeight:400,fontSize:"12px",borderRadius:"4px",color:"#64748B",maxWidth:"100%",wordBreak:"break-word"},button:{color:"#5928ED",fontSize:"14px",fontWeight:600,background:"none",border:"none",cursor:"pointer",padding:0,textDecoration:"none",paddingLeft:"12px"},reviewsList:{paddingLeft:"12px"},reviewCard:{border:"1px solid #CBD5E1",borderRadius:"6px",padding:"16px",marginBottom:"12px",backgroundColor:"#F8FAFC"},reviewText:{fontSize:"14px",fontStyle:"italic",fontWeight:400,color:"#475569",marginBottom:"8px"},reviewSource:{fontSize:"10px",color:"#475569",fontWeight:600}},c=function(c){var u,g,p,h,m,b,f,v,x,y,C,T,w,N=c.data,k=c.highlightTerms,S=c.onHighlightMatch,L=c.highlightEnabled;c.citationType;var I,_=c.citationSubTitle,M=i(!1),A=M[0],B=M[1],D=i(!1),j=D[0],H=D[1],W=o(null),z=null!==(u=null==k?void 0:k.map(function(e){return e.split(",")}).flat())&&void 0!==u?u:[],E=r(function(){return A?N.subjectCategories||[]:(N.subjectCategories||[]).slice(0,10)},[A,N.subjectCategories]);return l(function(){var e,t;if((null==k?void 0:k.length)&&L){var n="genre_details"==_?z.map(function(e){return e.toLowerCase()}):k.map(function(e){return e.toLowerCase()}),i=function(e){return e&&n.some(function(t){return e.toLowerCase().includes(t)})},o=[N.isbn,N.isbn10,N.imprint,N.publisher,N.publishingDate,N.age].some(i),r=(null!==(e=N.subjectCategories)&&void 0!==e?e:[]).some(i);console.log("categoriesMatch",r);var l=(null!==(t=N.reviews)&&void 0!==t?t:[]).some(function(e){return i(e.replace(/<[^>]+>/g,""))}),s=o||r||l;null==S||S(s),s&&(r&&!A&&B(!0),l&&!j&&H(!0))}},[k,N]),t("div",e({ref:W,style:d.container,className:"book-details-container"},{children:[n("p",e({style:d.sectionTitle,className:"book-details-section-title"},{children:"Product Details"})),t("div",e({style:d.detailsContainer,className:"book-details-details-container"},{children:[t("p",e({style:d.detailsContainerItem},{children:[n("span",e({style:d.boldText},{children:"ISBN:"}))," ",k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(null!==(g=N.isbn)&&void 0!==g?g:"NA",k))}}):null!==(p=N.isbn)&&void 0!==p?p:"NA"]})),t("p",e({style:d.detailsContainerItem},{children:[n("span",e({style:d.boldText},{children:"ISBN 10:"}))," ",k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(null!==(h=N.isbn10)&&void 0!==h?h:"NA",k))}}):null!==(m=N.isbn10)&&void 0!==m?m:"NA"]})),t("p",e({style:d.detailsContainerItem},{children:[n("span",e({style:d.boldText},{children:"Imprint:"}))," ",k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(null!==(b=N.imprint)&&void 0!==b?b:"NA",k))}}):null!==(f=N.imprint)&&void 0!==f?f:"NA"]})),t("p",e({style:d.detailsContainerItem},{children:[n("span",e({style:d.boldText},{children:"Publisher:"}))," ",k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(null!==(v=N.publisher)&&void 0!==v?v:"NA",k))}}):null!==(x=N.publisher)&&void 0!==x?x:"NA"]})),t("p",e({style:d.detailsContainerItem},{children:[n("span",e({style:d.boldText},{children:"Publishing Date:"}))," ",k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(null!==(y=N.publishingDate)&&void 0!==y?y:"NA",k))}}):null!==(C=N.publishingDate)&&void 0!==C?C:"NA"]})),t("p",e({style:d.detailsContainerItem},{children:[n("span",e({style:d.boldText},{children:"Age:"}))," ",k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(null!==(T=N.age)&&void 0!==T?T:"NA",k))}}):null!==(w=N.age)&&void 0!==w?w:"NA"]}))]})),t("div",e({style:d.categoriesContainer},{children:[n("p",e({style:d.sectionTitle,className:"book-details-section-title"},{children:"Subject Categories"})),t("div",e({style:d.categoriesList,className:"book-details-categories-list"},{children:[E.map(function(t,i){return n("span",e({style:d.category,className:"book-details-category"},{children:k&&k.length>0&&L?n("span",{dangerouslySetInnerHTML:{__html:a(s(t,z))}}):t}),i)}),N.subjectCategories&&N.subjectCategories.length>10&&n("button",e({style:d.button,onClick:function(){return B(!A)},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:A?"View less":"View more"}))]}))]})),t("div",e({style:d.reviewsContainer},{children:[n("p",e({style:d.sectionTitle,className:"book-details-section-title"},{children:"Book Marketing Collateral"})),t("div",e({style:d.reviewsList,className:"book-details-reviews-list"},{children:[N.reviews&&N.reviews.length>0?(I=N.reviews.filter(function(e){return e.replace(/<[^>]+>/g,"").trim().replace(/&[#A-Za-z0-9]+;/g,"").trim().length>0}),(j?I:I.slice(0,3)).map(function(t,i){return n("div",e({style:d.reviewCard,className:"book-details-review-card"},{children:n("div",{style:d.reviewText,dangerouslySetInnerHTML:{__html:k&&k.length>0&&L?a(s(t,k)):t}})}),i)})):n("p",e({style:d.reviewText},{children:"No Book Marketing Collateral available for this book."})),N.reviews&&N.reviews.length>3&&n("button",e({style:d.button,onClick:function(){return H(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:j?"View less":"View more"}))]}))]}))]}))};export{c as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as o,useEffect as r}from"react";import{highlightTermsFunc as l}from"../utils/highlight.js";import{sanitizeHtml as s}from"../../../utils/sanitizeHtml.js";import"./BookDetailsCard.css.js";const a={container:{width:"100%"},sectionTitle:{fontSize:"14px",fontWeight:600,color:"#667085",marginBottom:"12px"},detailsContainer:{marginBottom:"24px",fontSize:"14px",fontWeight:400,color:"#64748B",display:"flex",flexDirection:"column",gap:"4px",paddingLeft:"12px"},detailsContainerItem:{margin:"4px 0"},boldText:{fontWeight:"bold"},categoriesContainer:{marginBottom:"24px"},categoriesList:{display:"flex",flexWrap:"wrap",gap:"12px",marginBottom:"8px",paddingLeft:"12px"},category:{backgroundColor:"#ECEEF1",padding:"8px 12px",fontWeight:400,fontSize:"12px",borderRadius:"4px",color:"#64748B",maxWidth:"100%",wordBreak:"break-word"},button:{color:"#5928ED",fontSize:"14px",fontWeight:600,background:"none",border:"none",cursor:"pointer",padding:0,textDecoration:"none",paddingLeft:"12px"},reviewsList:{paddingLeft:"12px"},reviewCard:{border:"1px solid #CBD5E1",borderRadius:"6px",padding:"16px",marginBottom:"12px",backgroundColor:"#F8FAFC"},reviewText:{fontSize:"14px",fontStyle:"italic",fontWeight:400,color:"#475569",marginBottom:"8px"},reviewSource:{fontSize:"10px",color:"#475569",fontWeight:600}},d=({data:d,highlightTerms:c,onHighlightMatch:g,highlightEnabled:p,citationType:h,citationSubTitle:m})=>{const[u,b]=i(!1),[x,y]=i(!1),C=n(null),f=c?.map(e=>e.split(",")).flat()??[],T=o(()=>u?d.subjectCategories||[]:(d.subjectCategories||[]).slice(0,10),[u,d.subjectCategories]);return r(()=>{if(!c?.length||!p)return;const e="genre_details"==m?f.map(e=>e.toLowerCase()):c.map(e=>e.toLowerCase()),t=t=>t&&e.some(e=>t.toLowerCase().includes(e)),i=[d.isbn,d.isbn10,d.imprint,d.publisher,d.publishingDate,d.age].some(t),n=(d.subjectCategories??[]).some(t);console.log("categoriesMatch",n);const o=(d.reviews??[]).some(e=>t(e.replace(/<[^>]+>/g,""))),r=i||n||o;g?.(r),r&&(n&&!u&&b(!0),o&&!x&&y(!0))},[c,d]),e("div",{ref:C,style:a.container,className:"book-details-container",children:[t("p",{style:a.sectionTitle,className:"book-details-section-title",children:"Product Details"}),e("div",{style:a.detailsContainer,className:"book-details-details-container",children:[e("p",{style:a.detailsContainerItem,children:[t("span",{style:a.boldText,children:"ISBN:"})," ",c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(d.isbn??"NA",c))}}):d.isbn??"NA"]}),e("p",{style:a.detailsContainerItem,children:[t("span",{style:a.boldText,children:"ISBN 10:"})," ",c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(d.isbn10??"NA",c))}}):d.isbn10??"NA"]}),e("p",{style:a.detailsContainerItem,children:[t("span",{style:a.boldText,children:"Imprint:"})," ",c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(d.imprint??"NA",c))}}):d.imprint??"NA"]}),e("p",{style:a.detailsContainerItem,children:[t("span",{style:a.boldText,children:"Publisher:"})," ",c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(d.publisher??"NA",c))}}):d.publisher??"NA"]}),e("p",{style:a.detailsContainerItem,children:[t("span",{style:a.boldText,children:"Publishing Date:"})," ",c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(d.publishingDate??"NA",c))}}):d.publishingDate??"NA"]}),e("p",{style:a.detailsContainerItem,children:[t("span",{style:a.boldText,children:"Age:"})," ",c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(d.age??"NA",c))}}):d.age??"NA"]})]}),e("div",{style:a.categoriesContainer,children:[t("p",{style:a.sectionTitle,className:"book-details-section-title",children:"Subject Categories"}),e("div",{style:a.categoriesList,className:"book-details-categories-list",children:[T.map((e,i)=>t("span",{style:a.category,className:"book-details-category",children:c&&c.length>0&&p?t("span",{dangerouslySetInnerHTML:{__html:s(l(e,f))}}):e},i)),d.subjectCategories&&d.subjectCategories.length>10&&t("button",{style:a.button,onClick:()=>b(!u),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:u?"View less":"View more"})]})]}),e("div",{style:a.reviewsContainer,children:[t("p",{style:a.sectionTitle,className:"book-details-section-title",children:"Book Marketing Collateral"}),e("div",{style:a.reviewsList,className:"book-details-reviews-list",children:[d.reviews&&d.reviews.length>0?(()=>{const e=d.reviews.filter(e=>e.replace(/<[^>]+>/g,"").trim().replace(/&[#A-Za-z0-9]+;/g,"").trim().length>0);return(x?e:e.slice(0,3)).map((e,i)=>t("div",{style:a.reviewCard,className:"book-details-review-card",children:t("div",{style:a.reviewText,dangerouslySetInnerHTML:{__html:c&&c.length>0&&p?s(l(e,c)):e}})},i))})():t("p",{style:a.reviewText,children:"No Book Marketing Collateral available for this book."}),d.reviews&&d.reviews.length>3&&t("button",{style:a.button,onClick:()=>y(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:x?"View less":"View more"})]})]})]})};export{d as default};
 //# sourceMappingURL=BookDetailsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookDetailsCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BookDetailsCard.js","sources":["../../../../src/features/Bookemon/BookDetailsCard/BookDetailsCard.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useMemo, useRef, useState } from \"react\";\nimport { highlightTermsFunc } from \"../utils/highlight\";\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport { BookemonProps, IBookDetails } from \"../types/citation.types\";\nimport \"./BookDetailsCard.css\";\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n  container : {\n    width: \"100%\",\n  },\n  sectionTitle: {\n    fontSize: \"14px\",\n    fontWeight: 600,\n    color: \"#667085\",\n    marginBottom: \"12px\",\n  },\n  detailsContainer: {\n    marginBottom: \"24px\",\n    fontSize: \"14px\",\n    fontWeight: 400,\n    color: \"#64748B\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"4px\",\n    paddingLeft : \"12px\"\n  },\n  detailsContainerItem : {\n    margin : \"4px 0\",\n  },\n  boldText: {\n    fontWeight: \"bold\",\n  },\n  categoriesContainer: {\n    marginBottom: \"24px\",\n  },\n  categoriesList: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    gap: \"12px\",\n    marginBottom: \"8px\",\n    paddingLeft : \"12px\"\n  },\n  category: {\n    backgroundColor: \"#ECEEF1\",\n    padding: \"8px 12px\",\n    fontWeight: 400,\n    fontSize: \"12px\",\n    borderRadius: \"4px\",\n    color: \"#64748B\",\n    maxWidth: \"100%\",\n    wordBreak: \"break-word\",\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\n  reviewsList : {\n    paddingLeft : \"12px\",\n  },\n  reviewCard: {\n    border: \"1px solid #CBD5E1\",\n    borderRadius: \"6px\",\n    padding: \"16px\",\n    marginBottom: \"12px\",\n    backgroundColor: \"#F8FAFC\",\n  },\n  reviewText: {\n    fontSize: \"14px\",\n    fontStyle: \"italic\",\n    fontWeight: 400,\n    color: \"#475569\",\n    marginBottom: \"8px\",\n  },\n  reviewSource: {\n    fontSize: \"10px\",\n    color: \"#475569\",\n    fontWeight: 600,\n  },\n};\ntype BookDetailsCardProps = {\n  data: IBookDetails;\n  highlightTerms?: string[];\n  onHighlightMatch?: (matched: boolean) => void;\n  highlightEnabled: boolean\n  citationType?: BookemonProps['citationType'];\n  citationSubTitle?: BookemonProps['citationSubTitle'];\n};\nconst BookDetailsCard = ({ data, highlightTerms, onHighlightMatch, highlightEnabled, citationType, citationSubTitle }: BookDetailsCardProps) => {\n  const [showAllCategories, setShowAllCategories] = useState(false);\n  const [showAllReviews, setShowAllReviews] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const highlightGenreArray = highlightTerms?.map(ele=>ele.split(',')).flat() ?? []\n\n  const visibleCategories = useMemo(() => {\n  return showAllCategories\n    ? data.subjectCategories || []\n    : (data.subjectCategories || []).slice(0, 10); \n}, [showAllCategories, data.subjectCategories]);\n\n  useEffect(() => {\n    if (!highlightTerms?.length || !highlightEnabled) return;\n  \n    const lowerTerms = citationSubTitle==\"genre_details\" ? highlightGenreArray.map(t => t.toLowerCase()) : highlightTerms.map(t => t.toLowerCase());\n  \n    const contains = (text?: string) =>\n      text && lowerTerms.some(term => text.toLowerCase().includes(term));\n  \n    // ----- BASIC FIELDS -----\n    const basicMatch = [\n      data.isbn,\n      data.isbn10,\n      data.imprint,\n      data.publisher,\n      data.publishingDate,\n      data.age,\n    ].some(contains);\n  \n    // ----- SUBJECT CATEGORIES -----\n    const categoriesMatch = (data.subjectCategories ?? []).some(contains);\n    console.log('categoriesMatch', categoriesMatch)\n  \n    // ----- REVIEWS -----\n    const reviewsMatch = (data.reviews ?? []).some((review: string) =>\n      contains(review.replace(/<[^>]+>/g, \"\"))\n    );\n  \n    const matched = basicMatch || categoriesMatch || reviewsMatch;\n  \n    onHighlightMatch?.(matched);\n  \n    if (!matched) return;\n  \n    // 🔓 Auto open hidden sections\n    if (categoriesMatch && !showAllCategories) {\n      setShowAllCategories(true);\n    }\n  \n    if (reviewsMatch && !showAllReviews) {\n      setShowAllReviews(true);\n    }\n  \n  }, [highlightTerms, data]);\n  \n  \n\n  return (\n    <div ref={containerRef} style={defaultStyles.container} className=\"book-details-container\">\n      {/* Product Details */}\n      <p style={defaultStyles.sectionTitle} className=\"book-details-section-title\">Product Details</p>\n      <div style={defaultStyles.detailsContainer} className=\"book-details-details-container\">\n        <p style={defaultStyles.detailsContainerItem}>\n          <span style={defaultStyles.boldText}>ISBN:</span>{\" \"}\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data.isbn ?? \"NA\", highlightTerms)) }} />\n          ) : (\n            data.isbn ?? \"NA\"\n          )}\n        </p>\n        <p style={defaultStyles.detailsContainerItem}>\n          <span style={defaultStyles.boldText}>ISBN 10:</span>{\" \"}\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data.isbn10 ?? \"NA\", highlightTerms)) }} />\n          ) : (\n            data.isbn10 ?? \"NA\"\n          )}\n        </p>\n        <p style={defaultStyles.detailsContainerItem}>\n          <span style={defaultStyles.boldText}>Imprint:</span>{\" \"}\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data.imprint ?? \"NA\", highlightTerms)) }} />\n          ) : (\n            data.imprint ?? \"NA\"\n          )}\n        </p>\n        <p style={defaultStyles.detailsContainerItem}>\n          <span style={defaultStyles.boldText}>Publisher:</span>{\" \"}\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data.publisher ?? \"NA\", highlightTerms)) }} />\n          ) : (\n            data.publisher ?? \"NA\"\n          )}\n        </p>\n        <p style={defaultStyles.detailsContainerItem}>\n          <span style={defaultStyles.boldText}>Publishing Date:</span>{\" \"}\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data.publishingDate ?? 'NA', highlightTerms)) }} />\n          ) : (\n            data.publishingDate ?? 'NA'\n          )}\n        </p>\n        <p style={defaultStyles.detailsContainerItem}>\n          <span style={defaultStyles.boldText}>Age:</span>{\" \"}\n          {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n            <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(data.age ?? 'NA', highlightTerms)) }} />\n          ) : (\n            data.age ?? 'NA'\n          )}\n        </p>\n      </div>\n      {/* Subject Categories */}\n      <div style={defaultStyles.categoriesContainer}>\n        <p style={defaultStyles.sectionTitle} className=\"book-details-section-title\">Subject Categories</p>\n        <div style={defaultStyles.categoriesList} className=\"book-details-categories-list\">\n          {visibleCategories.map((category:any, index:any) => (\n            <span key={index} style={defaultStyles.category} className=\"book-details-category\">\n              {highlightTerms && highlightTerms.length > 0 && highlightEnabled ? (\n                <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(category, highlightGenreArray)) }} />\n              ) : (\n                category\n              )}\n            </span>\n          ))}\n\n          {data.subjectCategories && data.subjectCategories.length > 10 && (\n            <button\n              style={defaultStyles.button}\n              onClick={() => setShowAllCategories(!showAllCategories)}\n              onMouseOver={(event) =>\n                (event.currentTarget.style.textDecoration = \"underline\")\n              }\n              onMouseOut={(event) =>\n                (event.currentTarget.style.textDecoration = \"none\")\n              }\n            >\n              {showAllCategories ? \"View less\" : \"View more\"}\n            </button>\n          )}\n        </div>\n      </div>\n      {/* Reviews */}\n      <div style={defaultStyles.reviewsContainer}>\n        <p style={defaultStyles.sectionTitle} className=\"book-details-section-title\">Book Marketing Collateral</p>\n        <div style={defaultStyles.reviewsList} className=\"book-details-reviews-list\">\n          {data.reviews && data.reviews.length > 0 ? (\n            (() => {\n              // STEP 1: Filter out empty reviews\n              const validReviews = data.reviews.filter((review:any) => {\n                const text = review.replace(/<[^>]+>/g, \"\").trim();\n                const decoded = text.replace(/&[#A-Za-z0-9]+;/g, \"\").trim();\n                return decoded.length > 0;\n              });\n\n              // STEP 2: Slice AFTER filtering\n              const reviewsToShow = showAllReviews\n                ? validReviews\n                : validReviews.slice(0, 3);\n\n              return reviewsToShow.map((review:any, index:any) => (\n                <div key={index} style={defaultStyles.reviewCard} className=\"book-details-review-card\">\n                  <div\n                    style={defaultStyles.reviewText}\n                    dangerouslySetInnerHTML={{\n                      __html: highlightTerms && highlightTerms.length > 0 && highlightEnabled\n                        ? sanitizeHtml(highlightTermsFunc(review, highlightTerms))\n                        : review\n                    }}\n                  />\n                </div>\n              ));\n            })()\n          ) : (\n            <p style={defaultStyles.reviewText}>\n              No Book Marketing Collateral available for this book.\n            </p>\n          )}\n          \n         {data.reviews && data.reviews.length > 3 && (\n          <button\n            style={defaultStyles.button}\n            onClick={() => setShowAllReviews((prev) => !prev)}\n            onMouseOver={(event) =>\n              (event.currentTarget.style.textDecoration = \"underline\")\n            }\n            onMouseOut={(event) => (event.currentTarget.style.textDecoration = \"none\")}\n          >\n            {showAllReviews ? \"View less\" : \"View more\"}\n          </button>\n        )}\n       </div>\n      </div>\n    </div>\n  );\n};\n\nexport default BookDetailsCard;\n"],"names":["defaultStyles","container","width","sectionTitle","fontSize","fontWeight","color","marginBottom","detailsContainer","display","flexDirection","gap","paddingLeft","detailsContainerItem","margin","boldText","categoriesContainer","categoriesList","flexWrap","category","backgroundColor","padding","borderRadius","maxWidth","wordBreak","button","background","border","cursor","textDecoration","reviewsList","reviewCard","reviewText","fontStyle","reviewSource","BookDetailsCard","data","highlightTerms","onHighlightMatch","highlightEnabled","citationType","citationSubTitle","showAllCategories","setShowAllCategories","useState","showAllReviews","setShowAllReviews","containerRef","useRef","highlightGenreArray","map","ele","split","flat","visibleCategories","useMemo","subjectCategories","slice","useEffect","length","lowerTerms","t","toLowerCase","contains","text","some","term","includes","basicMatch","isbn","isbn10","imprint","publisher","publishingDate","age","categoriesMatch","console","log","reviewsMatch","reviews","review","replace","matched","jsxs","ref","style","className","children","jsx","dangerouslySetInnerHTML","__html","sanitizeHtml","highlightTermsFunc","index","onClick","onMouseOver","event","currentTarget","onMouseOut","reviewsContainer","validReviews","filter","trim","prev"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";e(".BookElementsCard_book-elements-container__bsopV{box-sizing:border-box;width:100%}.BookElementsCard_book-elements-characters-grid__0Em1u{width:100%}.BookElementsCard_book-elements-geo-wrapper__JJyAl{display:flex;flex-wrap:wrap;row-gap:8px}@media (max-width:1024px){.BookElementsCard_book-elements-characters-grid__0Em1u{gap:12px!important}}@media (max-width:768px){.BookElementsCard_book-elements-quote-card__klTo8{padding:14px!important}.BookElementsCard_book-elements-quote-text__Fo63S,.BookElementsCard_book-elements-section-title__hPnIK{font-size:13px!important}.BookElementsCard_book-elements-character-card__fm9lL{padding:14px!important}.BookElementsCard_book-elements-char-name__1Thhg{font-size:15px!important}.BookElementsCard_book-elements-char-desc__Z-pOa{font-size:13px!important}.BookElementsCard_book-elements-characters-grid__0Em1u{grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.BookElementsCard_book-elements-characters-grid__0Em1u{grid-template-columns:1fr!important}.BookElementsCard_book-elements-character-card__fm9lL,.BookElementsCard_book-elements-quote-card__klTo8{padding:12px!important}.BookElementsCard_book-elements-quote-text__Fo63S,.BookElementsCard_book-elements-section-title__hPnIK{font-size:12px!important}.BookElementsCard_book-elements-quote-meta__tlHOL{font-size:11px!important}.BookElementsCard_book-elements-geo-text__wbGIQ{font-size:13px!important}.BookElementsCard_book-elements-char-name__1Thhg{font-size:14px!important}.BookElementsCard_book-elements-char-desc__Z-pOa{font-size:12px!important}.BookElementsCard_book-elements-pagination__RjOfN{justify-content:center!important}}");
+//# sourceMappingURL=BookElementsCard.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookElementsCard.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-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};
+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";import"./BookElementsCard.css.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),[j,R]=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:R,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"}),j?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:R,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:j,page:W,onChange:(e,t)=>z(t),shape:"rounded",style:{marginTop:"8px"}})})]})]})};export{x as default};
 //# sourceMappingURL=BookElementsCard.js.map

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

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

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

@@ -0,0 +1,2 @@
+import o from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";o(".BookOverviewCard_book-card-container__jtb31{box-sizing:border-box;width:100%}.BookOverviewCard_book-card-grid__SfFgR{width:100%}.BookOverviewCard_book-card-value__ABLu8{max-width:120px}@media (max-width:1024px){.BookOverviewCard_book-card-grid__SfFgR{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}}@media (max-width:768px){.BookOverviewCard_book-card-container__jtb31{padding:16px!important}.BookOverviewCard_book-card-grid__SfFgR{gap:16px!important;grid-template-columns:repeat(2,1fr)!important}.BookOverviewCard_book-card-value__ABLu8{max-width:100%!important}.BookOverviewCard_book-card-section-text__WwaKT{font-size:14px!important}.BookOverviewCard_book-card-part-title__ts1Vp,.BookOverviewCard_book-card-title__G9Id6{font-size:15px!important}.BookOverviewCard_book-card-chapter-link__Hu-Kk{font-size:14px!important}}@media (max-width:480px){.BookOverviewCard_book-card-grid__SfFgR{grid-template-columns:1fr!important}.BookOverviewCard_book-card-container__jtb31{padding:14px!important}.BookOverviewCard_book-card-section__2haSZ{padding:10px!important}.BookOverviewCard_book-card-part-title__ts1Vp,.BookOverviewCard_book-card-title__G9Id6{font-size:14px!important}.BookOverviewCard_book-card-section-text__WwaKT{font-size:13px!important;line-height:1.5!important}.BookOverviewCard_book-card-chapter-link__Hu-Kk{font-size:13px!important}}");
+//# sourceMappingURL=BookOverviewCard.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookOverviewCard.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-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};
+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";import"./BookOverviewCard.css.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};
 //# sourceMappingURL=BookOverviewCard.js.map

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

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

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

@@ -0,0 +1,2 @@
+import o from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";o(".BookPeopleAwardsCard_book-people-container__EL5Yq{box-sizing:border-box;width:100%}@media (max-width:768px){.BookPeopleAwardsCard_book-people-list-wrapper__ogyRr{gap:20px!important}.BookPeopleAwardsCard_book-people-award-wrapper__Z5uim{gap:12px!important}.BookPeopleAwardsCard_book-people-card__VqYio{padding:6px 10px!important}}@media (max-width:480px){.BookPeopleAwardsCard_book-people-list-wrapper__ogyRr{gap:16px!important}.BookPeopleAwardsCard_book-people-award-wrapper__Z5uim{gap:10px!important}.BookPeopleAwardsCard_book-people-section-title__tW-JH{font-size:13px!important}.BookPeopleAwardsCard_book-people-avatar__r39Yf{height:30px!important;width:30px!important}.BookPeopleAwardsCard_book-people-name__IMWOY{font-size:13px!important}.BookPeopleAwardsCard_book-people-role__7icV6{font-size:11px!important}}");
+//# sourceMappingURL=BookPeopleAwardsCard.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookPeopleAwardsCard.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-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};
+import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import{useRef as o,useEffect as r}from"react";import{highlightTermsFunc as l}from"../utils/highlight.js";import{sanitizeHtml as n}from"../../../utils/sanitizeHtml.js";import"./BookPeopleAwardsCard.css.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=o(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 r(()=>{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:n(l(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:n(l(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,o)=>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:n(l(a?.name,p))}}):a?.name}),t("span",{style:i.contributorRole,className:"book-people-role",children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:n(l(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:n(l(e,p))}}):e},a))})]},o))}),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,o)=>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:n(l(a?.name,p))}}):a?.name}),t("span",{style:i.contributorRole,className:"book-people-role",children:p&&p.length>0&&c?t("span",{dangerouslySetInnerHTML:{__html:n(l(a?.role,p))}}):a?.role})]},o))})]}),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:n(l(e?.title,p))}}):e?.title})},a))})]})]})};export{s as default};
 //# sourceMappingURL=BookPeopleAwardsCard.js.map

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

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

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

@@ -0,0 +1,2 @@
+import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";e(".BookPreview_book-cover-placeholder__LFlSO{align-items:center;background:linear-gradient(180deg,#22c55e,#14532d);border-radius:4px;color:#fff;display:flex;font-size:10px;height:calc(100% - 8px);justify-content:center;padding:4px;width:100%}.BookPreview_book-cover-inner__iaD7L{align-items:center;border:1px solid #fff;display:flex;flex-direction:column;height:calc(100% - 26px);justify-content:space-around;padding:4px;text-align:center;width:calc(100% - 26px)}.BookPreview_book-title__4Z-8H{font-size:1.5rem;font-weight:800;letter-spacing:.5px;line-height:1.2;padding:0 8px;text-transform:uppercase}.BookPreview_book-author__txI8W,.BookPreview_book-title__4Z-8H{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.BookPreview_book-author__txI8W{font-size:1rem;font-weight:500;margin-top:8px;opacity:.9}");
+//# sourceMappingURL=BookPreview.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookPreview.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}