@e-llm-studio/citation 0.0.249 → 0.0.250

package/dist/cjs/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","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/cjs/features/Bookemon/BookOverviewCard/BookOverviewCard.css.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js").default(".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/cjs/features/Bookemon/BookOverviewCard/BookOverviewCard.css.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),i=require("react-markdown"),l=require("remark-breaks"),o=require("rehype-raw"),s=require("../utils/highlight.js"),r=require("../../../utils/sanitizeHtml.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(i),d=a(l),c=a(o),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"}};exports.default=function(i){var l,o,a,h,m,p,_,x,v,f,y,b,j,k,T,S=i.data,C=i.highlightTerms,N=i.onHighlightMatch,H=i.highlightEnabled,L=n.useState(!1),B=L[0],w=L[1],F=n.useState(!1),I=F[0],z=F[1],M=n.useState(!1),D=M[0],O=M[1],A=n.useState(!1),E=A[0],W=A[1],q=n.useRef(null),P=n.useRef(null),R=(null==S?void 0:S.tableOfContent)&&S.tableOfContent.every(function(e){return!e.title||""===e.title.trim()}),V=null===(h=null===(a=null===(o=null===(l=null==S?void 0:S.bookDescription)||void 0===l?void 0:l.replace(/display:\s*-webkit-box;?/g,""))||void 0===o?void 0:o.replace(/-webkit-line-clamp:\s*\d+;?/g,""))||void 0===a?void 0:a.replace(/-webkit-box-orient:\s*vertical;?/g,""))||void 0===h?void 0:h.replace(/overflow:\s*hidden;?/g,""),G=function(e){return null!=e?String(e):""};return n.useLayoutEffect(function(){if(q.current){var e=q.current.scrollHeight>q.current.clientHeight;W(e)}},[null==S?void 0:S.bookDescription,I]),n.useEffect(function(){var e;if((null==C?void 0:C.length)&&H){var t=C.map(function(e){return e.toLowerCase()}),n=function(e){return e&&t.some(function(t){return e.toLowerCase().includes(t)})},i=n(S.title),l=n(S.author),o=n(S.bookDescription),s=n(S.summary),r=n(G(null==S?void 0:S.totalSectionCount)),a=n(G(null==S?void 0:S.totalPages)),u=n(S.readingTime),d=null===(e=null==S?void 0:S.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)}))}),c=i||l||o||s||r||a||u||d;null==N||N(c),c&&(o&&z(!0),s&&w(!0),d&&O(!0))}},[C,S]),t.jsxs("div",e.__assign({ref:P,style:g.card,className:"book-card-container"},{children:[t.jsxs("div",e.__assign({style:g.grid,className:"book-card-grid"},{children:[t.jsxs("div",e.__assign({style:g.gridItem},{children:[t.jsx("p",e.__assign({style:g.label},{children:"Book Title"})),C&&C.length>0&&H?t.jsx("p",{style:g.value,className:"book-card-value",title:null==S?void 0:S.title,dangerouslySetInnerHTML:{__html:r.sanitizeHtml(s.highlightTermsFunc(null!==(m=null==S?void 0:S.title)&&void 0!==m?m:"NA",C))}}):t.jsx("p",e.__assign({style:g.value,className:"book-card-value",title:null==S?void 0:S.title},{children:null!==(p=null==S?void 0:S.title)&&void 0!==p?p:"NA"}))]})),t.jsxs("div",e.__assign({style:g.gridItem},{children:[t.jsx("p",e.__assign({style:g.label},{children:"Book Author"})),C&&C.length>0&&H?t.jsx("p",{style:g.value,className:"book-card-value",title:null==S?void 0:S.author,dangerouslySetInnerHTML:{__html:r.sanitizeHtml(s.highlightTermsFunc(null!==(_=null==S?void 0:S.author)&&void 0!==_?_:"NA",C))}}):t.jsx("p",e.__assign({style:g.value,className:"book-card-value",title:null==S?void 0:S.author},{children:null!==(x=null==S?void 0:S.author)&&void 0!==x?x:"NA"}))]})),t.jsxs("div",e.__assign({style:g.gridItem},{children:[t.jsx("p",e.__assign({style:g.label},{children:"Total Sections"})),C&&C.length>0&&H?t.jsx("p",{style:g.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:r.sanitizeHtml(s.highlightTermsFunc(null!==(v=String(null==S?void 0:S.totalSectionCount))&&void 0!==v?v:"NA",C))}}):t.jsx("p",e.__assign({style:g.value,className:"book-card-value"},{children:null!==(f=null==S?void 0:S.totalSectionCount)&&void 0!==f?f:"NA"}))]})),t.jsxs("div",e.__assign({style:g.gridItem},{children:[t.jsx("p",e.__assign({style:g.label},{children:"Total Pages"})),C&&C.length>0&&H?t.jsx("p",{style:g.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:r.sanitizeHtml(s.highlightTermsFunc(String(null!==(y=null==S?void 0:S.totalPages)&&void 0!==y?y:"NA"),C))}}):t.jsx("p",e.__assign({style:g.value,className:"book-card-value"},{children:null!==(b=null==S?void 0:S.totalPages)&&void 0!==b?b:"NA"}))]})),t.jsxs("div",e.__assign({style:g.gridItem},{children:[t.jsx("p",e.__assign({style:g.label},{children:"Reading Time"})),C&&C.length>0&&H?t.jsx("p",{style:g.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:r.sanitizeHtml(s.highlightTermsFunc(String(null!==(j=null==S?void 0:S.readingTime)&&void 0!==j?j:"NA"),C))}}):t.jsx("p",e.__assign({style:g.value,className:"book-card-value"},{children:null!==(k=null==S?void 0:S.readingTime)&&void 0!==k?k:"NA"}))]}))]})),(null==S?void 0:S.bookDescription)&&(null==S?void 0:S.bookDescription.length)>0&&t.jsxs("div",e.__assign({style:g.section,className:"book-card-section"},{children:[t.jsx("p",e.__assign({style:g.sectionLabel},{children:"Book Description"})),t.jsx("div",e.__assign({ref:q,className:"book-card-section-text",style:e.__assign(e.__assign(e.__assign({},g.sectionText),g.summaryText),I?{}:g.lineClamp)},{children:t.jsx("div",{dangerouslySetInnerHTML:{__html:C&&C.length>0&&H?r.sanitizeHtml(s.highlightTermsFunc(V||"",C)):V}})})),(E||I)&&t.jsx("button",e.__assign({style:e.__assign(e.__assign({},g.button),{marginBottom:"10px"}),onClick:function(){return z(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:I?"View Less":"View More"}))]})),t.jsxs("div",e.__assign({style:g.section,className:"book-card-section"},{children:[t.jsx("p",e.__assign({style:g.sectionLabel},{children:"AI Book Summary"})),t.jsx("p",e.__assign({className:"book-card-section-text",style:e.__assign(e.__assign({},g.sectionText),B?{}:g.lineClamp)},{children:t.jsx(u.default,e.__assign({remarkPlugins:[d.default],rehypePlugins:[c.default],components:{p:function(n){n.node;var i=e.__rest(n,["node"]);return t.jsx("p",e.__assign({style:{marginTop:"0"}},i))}}},{children:s.processTextWithHighlight(null==S?void 0:S.summary,C)}))})),(null==S?void 0:S.summary)&&(null==S?void 0:S.summary.length)>0&&t.jsx("button",e.__assign({style:e.__assign(e.__assign({},g.button),{marginBottom:"10px"}),onClick:function(){return w(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:B?"View Less":"View More"}))]})),t.jsxs("div",e.__assign({style:e.__assign(e.__assign({},g.section),{marginTop:"10px"})},{children:[t.jsx("p",e.__assign({style:e.__assign(e.__assign({},g.sectionLabel),{marginBottom:"18px"})},{children:"Table Of Content"})),t.jsx("div",e.__assign({style:e.__assign(e.__assign({},g.container),D?{}:g.lineClamp)},{children:(null==S?void 0:S.tableOfContent)&&!R?null===(T=null==S?void 0:S.tableOfContent)||void 0===T?void 0:T.map(function(n,i){return t.jsx("div",e.__assign({style:g.partContainer},{children:n.children?t.jsxs(t.Fragment,{children:[t.jsx("p",{style:g.partTitle,className:"book-card-part-title",dangerouslySetInnerHTML:{__html:C&&C.length>0&&H?r.sanitizeHtml(s.highlightTermsFunc(n.title,C)):n.title}}),t.jsx("ul",e.__assign({style:g.chapterList},{children:n.children.map(function(n,i){return t.jsx("li",e.__assign({style:g.chapterItem},{children:t.jsx("span",{style:g.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:C&&C.length>0&&H?r.sanitizeHtml(s.highlightTermsFunc(n.title,C)):n.title}})}),i)})}))]}):t.jsx("div",e.__assign({style:g.singleChapter},{children:t.jsx("span",{style:g.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:C&&C.length>0&&H?r.sanitizeHtml(s.highlightTermsFunc(n.title,C)):n.title}})}))}),i)}):t.jsx("p",e.__assign({style:{fontStyle:"italic",fontSize:"16px",color:"#6B7280",margin:"8px 0"}},{children:"Table of Contents not found for this book."}))})),(null==S?void 0:S.tableOfContent)&&!R&&(null==S?void 0:S.tableOfContent.length)>0&&t.jsx("button",e.__assign({style:e.__assign(e.__assign({},g.button),{marginBottom:"10px"}),onClick:function(){return O(function(e){return!e})},onMouseOver:function(e){return e.currentTarget.style.textDecoration="underline"},onMouseOut:function(e){return e.currentTarget.style.textDecoration="none"}},{children:D?"View Less":"View More"}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-markdown"),l=require("remark-breaks"),n=require("rehype-raw"),r=require("../utils/highlight.js"),o=require("../../../utils/sanitizeHtml.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./BookOverviewCard.css.js");var a=s(i),c=s(l),d=s(n);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"}};exports.default=({data:i,highlightTerms:l,onHighlightMatch:n,highlightEnabled:s})=>{const[m,u]=t.useState(!1),[p,g]=t.useState(!1),[x,y]=t.useState(!1),[b,f]=t.useState(!1),j=t.useRef(null),k=t.useRef(null),v=i?.tableOfContent&&i.tableOfContent.every(e=>!e.title||""===e.title.trim()),T=i?.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,""),S=e=>null!=e?String(e):"";return t.useLayoutEffect(()=>{if(j.current){const e=j.current.scrollHeight>j.current.clientHeight;f(e)}},[i?.bookDescription,p]),t.useEffect(()=>{if(!l?.length||!s)return;const e=l.map(e=>e.toLowerCase()),t=t=>t&&e.some(e=>t.toLowerCase().includes(e)),r=t(i.title),o=t(i.author),a=t(i.bookDescription),c=t(i.summary),d=t(S(i?.totalSectionCount)),h=t(S(i?.totalPages)),m=t(i.readingTime),p=i?.tableOfContent?.some(e=>t(e?.title)||e?.children?.some(e=>t(e?.title))),x=r||o||a||c||d||h||m||p;n?.(x),x&&(a&&g(!0),c&&u(!0),p&&y(!0))},[l,i]),e.jsxs("div",{ref:k,style:h.card,className:"book-card-container",children:[e.jsxs("div",{style:h.grid,className:"book-card-grid",children:[e.jsxs("div",{style:h.gridItem,children:[e.jsx("p",{style:h.label,children:"Book Title"}),l&&l.length>0&&s?e.jsx("p",{style:h.value,className:"book-card-value",title:i?.title,dangerouslySetInnerHTML:{__html:o.sanitizeHtml(r.highlightTermsFunc(i?.title??"NA",l))}}):e.jsx("p",{style:h.value,className:"book-card-value",title:i?.title,children:i?.title??"NA"})]}),e.jsxs("div",{style:h.gridItem,children:[e.jsx("p",{style:h.label,children:"Book Author"}),l&&l.length>0&&s?e.jsx("p",{style:h.value,className:"book-card-value",title:i?.author,dangerouslySetInnerHTML:{__html:o.sanitizeHtml(r.highlightTermsFunc(i?.author??"NA",l))}}):e.jsx("p",{style:h.value,className:"book-card-value",title:i?.author,children:i?.author??"NA"})]}),e.jsxs("div",{style:h.gridItem,children:[e.jsx("p",{style:h.label,children:"Total Sections"}),l&&l.length>0&&s?e.jsx("p",{style:h.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:o.sanitizeHtml(r.highlightTermsFunc(String(i?.totalSectionCount)??"NA",l))}}):e.jsx("p",{style:h.value,className:"book-card-value",children:i?.totalSectionCount??"NA"})]}),e.jsxs("div",{style:h.gridItem,children:[e.jsx("p",{style:h.label,children:"Total Pages"}),l&&l.length>0&&s?e.jsx("p",{style:h.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:o.sanitizeHtml(r.highlightTermsFunc(String(i?.totalPages??"NA"),l))}}):e.jsx("p",{style:h.value,className:"book-card-value",children:i?.totalPages??"NA"})]}),e.jsxs("div",{style:h.gridItem,children:[e.jsx("p",{style:h.label,children:"Reading Time"}),l&&l.length>0&&s?e.jsx("p",{style:h.value,className:"book-card-value",dangerouslySetInnerHTML:{__html:o.sanitizeHtml(r.highlightTermsFunc(String(i?.readingTime??"NA"),l))}}):e.jsx("p",{style:h.value,className:"book-card-value",children:i?.readingTime??"NA"})]})]}),i?.bookDescription&&i?.bookDescription.length>0&&e.jsxs("div",{style:h.section,className:"book-card-section",children:[e.jsx("p",{style:h.sectionLabel,children:"Book Description"}),e.jsx("div",{ref:j,className:"book-card-section-text",style:{...h.sectionText,...h.summaryText,...p?{}:h.lineClamp},children:e.jsx("div",{dangerouslySetInnerHTML:{__html:l&&l.length>0&&s?o.sanitizeHtml(r.highlightTermsFunc(T||"",l)):T}})}),(b||p)&&e.jsx("button",{style:{...h.button,marginBottom:"10px"},onClick:()=>g(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:p?"View Less":"View More"})]}),e.jsxs("div",{style:h.section,className:"book-card-section",children:[e.jsx("p",{style:h.sectionLabel,children:"AI Book Summary"}),e.jsx("p",{className:"book-card-section-text",style:{...h.sectionText,...m?{}:h.lineClamp},children:e.jsx(a.default,{remarkPlugins:[c.default],rehypePlugins:[d.default],components:{p:({node:t,...i})=>e.jsx("p",{style:{marginTop:"0"},...i})},children:r.processTextWithHighlight(i?.summary,l)})}),i?.summary&&i?.summary.length>0&&e.jsx("button",{style:{...h.button,marginBottom:"10px"},onClick:()=>u(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:m?"View Less":"View More"})]}),e.jsxs("div",{style:{...h.section,marginTop:"10px"},children:[e.jsx("p",{style:{...h.sectionLabel,marginBottom:"18px"},children:"Table Of Content"}),e.jsx("div",{style:{...h.container,...x?{}:h.lineClamp},children:i?.tableOfContent&&!v?i?.tableOfContent?.map((t,i)=>e.jsx("div",{style:h.partContainer,children:t.children?e.jsxs(e.Fragment,{children:[e.jsx("p",{style:h.partTitle,className:"book-card-part-title",dangerouslySetInnerHTML:{__html:l&&l.length>0&&s?o.sanitizeHtml(r.highlightTermsFunc(t.title,l)):t.title}}),e.jsx("ul",{style:h.chapterList,children:t.children.map((t,i)=>e.jsx("li",{style:h.chapterItem,children:e.jsx("span",{style:h.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:l&&l.length>0&&s?o.sanitizeHtml(r.highlightTermsFunc(t.title,l)):t.title}})},i))})]}):e.jsx("div",{style:h.singleChapter,children:e.jsx("span",{style:h.chapterLink,className:"book-card-chapter-link",dangerouslySetInnerHTML:{__html:l&&l.length>0&&s?o.sanitizeHtml(r.highlightTermsFunc(t.title,l)):t.title}})})},i)):e.jsx("p",{style:{fontStyle:"italic",fontSize:"16px",color:"#6B7280",margin:"8px 0"},children:"Table of Contents not found for this book."})}),i?.tableOfContent&&!v&&i?.tableOfContent.length>0&&e.jsx("button",{style:{...h.button,marginBottom:"10px"},onClick:()=>y(e=>!e),onMouseOver:e=>e.currentTarget.style.textDecoration="underline",onMouseOut:e=>e.currentTarget.style.textDecoration="none",children:x?"View Less":"View More"})]})]})};
 //# sourceMappingURL=BookOverviewCard.js.map

package/dist/cjs/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","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/cjs/features/Bookemon/BookPeopleAwardsCard/BookPeopleAwardsCard.css.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js").default(".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/cjs/features/Bookemon/BookPeopleAwardsCard/BookPeopleAwardsCard.css.js.map

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),l=require("../utils/highlight.js"),t=require("../../../utils/sanitizeHtml.js"),r={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"}};exports.default=function(a){var o,s,d,p=a.data,u=a.highlightTerms,c=a.onHighlightMatch,g=a.highlightEnabled,h=p.publisher,m=p.contributors,x=p.awards,v=void 0===x?[]:x,_=i.useRef(null),f=function(e){var n=e.trim().split(/\s+/).map(function(e){var n;return null===(n=e[0])||void 0===n?void 0:n.toUpperCase()}).join("");return n.length>3?"".concat(n.slice(0,3)):n};return i.useEffect(function(){var n,i,l,t,r,a,o,s,d,h,m,x;if(u&&0!==u.length&&g){var v=e.__spreadArray(e.__spreadArray(e.__spreadArray(e.__spreadArray([null!==(i=null===(n=p.publisher)||void 0===n?void 0:n.name)&&void 0!==i?i:""],null!==(t=null===(l=p.publisher)||void 0===l?void 0:l.tags)&&void 0!==t?t:[],!0),null!==(o=null===(a=null===(r=p.contributors)||void 0===r?void 0:r.primary)||void 0===a?void 0:a.flatMap(function(n){var i;return e.__spreadArray([n.name,n.role],null!==(i=n.tags)&&void 0!==i?i:[],!0)}))&&void 0!==o?o:[],!0),null!==(h=null===(d=null===(s=p.contributors)||void 0===s?void 0:s.additional)||void 0===d?void 0:d.flatMap(function(n){var i;return e.__spreadArray([n.name,n.role],null!==(i=n.tags)&&void 0!==i?i:[],!0)}))&&void 0!==h?h:[],!0),null!==(x=null===(m=p.awards)||void 0===m?void 0:m.flatMap(function(e){return[e.title,e.org,String(e.year),e.country]}))&&void 0!==x?x:[],!0).some(function(e){return!!e&&u.some(function(n){return e.toLowerCase().includes(n.toLowerCase())})});null==c||c(v)}},[u,p]),n.jsxs("div",e.__assign({ref:_,className:"book-people-container"},{children:[n.jsx("p",e.__assign({style:r.sectionTitle,className:"book-people-section-title"},{children:"Publishers"})),n.jsxs("div",e.__assign({style:r.card,className:"book-people-card"},{children:[n.jsx("span",e.__assign({style:{color:"rgb(67, 76, 85)"}},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(h.name,u))}}):h.name})),(null==h?void 0:h.tags)&&(null==h?void 0:h.tags.length)>0&&n.jsx("div",e.__assign({style:{display:"flex",gap:"8px",marginTop:"18px"}},{children:null===(o=null==h?void 0:h.tags)||void 0===o?void 0:o.map(function(i,a){return n.jsx("span",e.__assign({style:r.tag},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(i,u))}}):i}),a)})}))]})),n.jsx("p",e.__assign({style:r.sectionTitle,className:"book-people-section-title"},{children:"Contributors"})),n.jsx("div",e.__assign({style:r.listContainerWrapper,className:"book-people-list-wrapper"},{children:null===(s=null==m?void 0:m.primary)||void 0===s?void 0:s.map(function(i,a){var o;return n.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[n.jsx("div",e.__assign({style:r.avatar,className:"book-people-avatar"},{children:f(null==i?void 0:i.name)})),n.jsx("span",e.__assign({style:r.contributorName,className:"book-people-name"},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(null==i?void 0:i.name,u))}}):null==i?void 0:i.name})),n.jsx("span",e.__assign({style:r.contributorRole,className:"book-people-role"},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(null==i?void 0:i.role,u))}}):null==i?void 0:i.role})),n.jsx("div",e.__assign({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:null===(o=null==i?void 0:i.tags)||void 0===o?void 0:o.map(function(i,a){return n.jsx("span",e.__assign({style:r.tag},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(i,u))}}):i}),a)})}))]}),a)})})),m.additional&&m.additional.length>0&&n.jsxs(n.Fragment,{children:[n.jsx("p",e.__assign({style:r.sectionTitle,className:"book-people-section-title"},{children:"Additional Contributors"})),n.jsx("div",e.__assign({style:r.listContainerWrapper,className:"book-people-list-wrapper"},{children:null===(d=null==m?void 0:m.additional)||void 0===d?void 0:d.map(function(i,a){return n.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[n.jsx("div",e.__assign({style:r.avatar,className:"book-people-avatar"},{children:f(null==i?void 0:i.name)})),n.jsx("span",e.__assign({style:r.contributorName,className:"book-people-name"},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(null==i?void 0:i.name,u))}}):null==i?void 0:i.name})),n.jsx("span",e.__assign({style:r.contributorRole,className:"book-people-role"},{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(null==i?void 0:i.role,u))}}):null==i?void 0:i.role}))]}),a)})}))]}),v.length>0&&n.jsxs(n.Fragment,{children:[n.jsx("p",e.__assign({style:r.sectionTitle,className:"book-people-section-title"},{children:"Awards"})),n.jsx("div",e.__assign({style:r.awardContainerWrapper,className:"book-people-award-wrapper"},{children:null==v?void 0:v.map(function(i,a){return n.jsx("div",e.__assign({style:r.awardInfo},{children:n.jsx("span",{children:u&&u.length>0&&g?n.jsx("span",{dangerouslySetInnerHTML:{__html:t.sanitizeHtml(l.highlightTermsFunc(null==i?void 0:i.title,u))}}):null==i?void 0:i.title})}),a)})}))]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../utils/highlight.js"),r=require("../../../utils/sanitizeHtml.js");require("./BookPeopleAwardsCard.css.js");const n={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"}};exports.default=({data:l,highlightTerms:i,onHighlightMatch:s,highlightEnabled:o})=>{const{publisher:p,contributors:d,awards:c=[]}=l,h=t.useRef(null),g=e=>{const t=e.trim().split(/\s+/).map(e=>e[0]?.toUpperCase()).join("");return t.length>3?`${t.slice(0,3)}`:t};return t.useEffect(()=>{if(!i||0===i.length||!o)return;const e=[l.publisher?.name??"",...l.publisher?.tags??[],...l.contributors?.primary?.flatMap(e=>[e.name,e.role,...e.tags??[]])??[],...l.contributors?.additional?.flatMap(e=>[e.name,e.role,...e.tags??[]])??[],...l.awards?.flatMap(e=>[e.title,e.org,String(e.year),e.country])??[]].some(e=>!!e&&i.some(t=>e.toLowerCase().includes(t.toLowerCase())));s?.(e)},[i,l]),e.jsxs("div",{ref:h,className:"book-people-container",children:[e.jsx("p",{style:n.sectionTitle,className:"book-people-section-title",children:"Publishers"}),e.jsxs("div",{style:n.card,className:"book-people-card",children:[e.jsx("span",{style:{color:"rgb(67, 76, 85)"},children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(p.name,i))}}):p.name}),p?.tags&&p?.tags.length>0&&e.jsx("div",{style:{display:"flex",gap:"8px",marginTop:"18px"},children:p?.tags?.map((t,l)=>e.jsx("span",{style:n.tag,children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t,i))}}):t},l))})]}),e.jsx("p",{style:n.sectionTitle,className:"book-people-section-title",children:"Contributors"}),e.jsx("div",{style:n.listContainerWrapper,className:"book-people-list-wrapper",children:d?.primary?.map((t,l)=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsx("div",{style:n.avatar,className:"book-people-avatar",children:g(t?.name)}),e.jsx("span",{style:n.contributorName,className:"book-people-name",children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t?.name,i))}}):t?.name}),e.jsx("span",{style:n.contributorRole,className:"book-people-role",children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t?.role,i))}}):t?.role}),e.jsx("div",{style:{display:"flex",gap:"8px",marginTop:"8px"},children:t?.tags?.map((t,l)=>e.jsx("span",{style:n.tag,children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t,i))}}):t},l))})]},l))}),d.additional&&d.additional.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("p",{style:n.sectionTitle,className:"book-people-section-title",children:"Additional Contributors"}),e.jsx("div",{style:n.listContainerWrapper,className:"book-people-list-wrapper",children:d?.additional?.map((t,l)=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsx("div",{style:n.avatar,className:"book-people-avatar",children:g(t?.name)}),e.jsx("span",{style:n.contributorName,className:"book-people-name",children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t?.name,i))}}):t?.name}),e.jsx("span",{style:n.contributorRole,className:"book-people-role",children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t?.role,i))}}):t?.role})]},l))})]}),c.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("p",{style:n.sectionTitle,className:"book-people-section-title",children:"Awards"}),e.jsx("div",{style:n.awardContainerWrapper,className:"book-people-award-wrapper",children:c?.map((t,l)=>e.jsx("div",{style:n.awardInfo,children:e.jsx("span",{children:i&&i.length>0&&o?e.jsx("span",{dangerouslySetInnerHTML:{__html:r.sanitizeHtml(a.highlightTermsFunc(t?.title,i))}}):t?.title})},l))})]})]})};
 //# sourceMappingURL=BookPeopleAwardsCard.js.map

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

@@ -0,0 +1,2 @@
+"use strict";require("../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js").default(".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/cjs/features/Bookemon/BookPreview/BookPreview.css.js.map

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/material/Dialog"),o=require("@mui/material/DialogContent"),n=require("./BookemonContent.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t),r=l(o),a={maxWidth:"none",fontFamily:"Inter, sans-serif"},g={wrapper:{alignItems:"center",justifyContent:"center",textAlign:"center"},inner:{width:"100%"},iconWrapper:{width:"80px",height:"80px",background:"linear-gradient(to right, #3B82F6, #9333EA)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 24px auto"},icon:{width:"40px",height:"40px",color:"#FFFFFF"},heading:{fontSize:"36px",fontWeight:"bold",color:"#9333EA",marginBottom:"16px"},text:{fontSize:"18px",color:"#4B5563",lineHeight:1.6,textAlign:"center"},errorState:{color:"#CE3928",padding:"18px 0px",display:"flex",justifyContent:"center",width:"100%"}},d=i.jsx("svg",e.__assign({style:g.icon,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},{children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 10V3L4 14h7v7l9-11h-7z"})}));exports.comingSoonStyles=g,exports.default=function(t){var o=t.open,l=t.onClose,g=t.isDialog,h=void 0===g||g,u=t.isBookPreview,c=void 0===u||u,m=t.isNonHighlightedBlur,p=t.isBookemon,x=t.getHighlightContent,f=t.handleFetchManuscriptElements,B=t.data,y=t.showComingSoon,C=void 0!==y&&y,v=t.comingSoonData,S=void 0===v?{header:"Bookemon Coming Soon!!",subheader:"We're working on something amazing. Stay tuned for updates!",icon:d}:v,k=t.customStyle,j=void 0===k?{}:k,w=t.isBlurToggleVisible,_=void 0!==w&&w,b=t.highlightTerms,F=t.defaultElementPages,T=t.citationType,D=t.citationSubTitle,E=null!=o&&o,P=null!=l?l:function(){};return h?i.jsx(s.default,e.__assign({open:E,fullWidth:!0,PaperProps:{style:e.__assign(e.__assign({},a),null==j?void 0:j.dialogDimension)}},{children:i.jsx(r.default,e.__assign({style:{padding:0}},{children:i.jsx(n.BookemonContent,{data:B,customStyle:j,comingSoonData:S,showComingSoon:C,isNonHighlightedBlur:m,isBlurToggleVisible:_,isBookemon:p,highlightTerms:b,getHighlightContent:x,handleFetchManuscriptElements:f,isBookPreview:c,isDialog:h,onClose:P,defaultElementPages:F})}))})):i.jsx("div",e.__assign({style:{width:"100%",height:"100%"}},{children:i.jsx(n.BookemonContent,{data:B,customStyle:j,comingSoonData:S,showComingSoon:C,isNonHighlightedBlur:m,isBlurToggleVisible:_,isBookemon:p,highlightTerms:b,getHighlightContent:x,handleFetchManuscriptElements:f,isBookPreview:c,isDialog:h,onClose:P,defaultElementPages:F,citationType:T,citationSubTitle:D})}))},exports.defaultIcon=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Dialog"),o=require("@mui/material/DialogContent"),i=require("./BookemonContent.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),l=n(o);const s={maxWidth:"none",fontFamily:"Inter, sans-serif"},a={wrapper:{alignItems:"center",justifyContent:"center",textAlign:"center"},inner:{width:"100%"},iconWrapper:{width:"80px",height:"80px",background:"linear-gradient(to right, #3B82F6, #9333EA)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 24px auto"},icon:{width:"40px",height:"40px",color:"#FFFFFF"},heading:{fontSize:"36px",fontWeight:"bold",color:"#9333EA",marginBottom:"16px"},text:{fontSize:"18px",color:"#4B5563",lineHeight:1.6,textAlign:"center"},errorState:{color:"#CE3928",padding:"18px 0px",display:"flex",justifyContent:"center",width:"100%"}},g=e.jsx("svg",{style:a.icon,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 10V3L4 14h7v7l9-11h-7z"})});exports.comingSoonStyles=a,exports.default=({open:t,onClose:o,isDialog:n=!0,isBookPreview:a=!0,isNonHighlightedBlur:h,isBookemon:d,getHighlightContent:u,handleFetchManuscriptElements:c,data:m,showComingSoon:p=!1,comingSoonData:x={header:"Bookemon Coming Soon!!",subheader:"We're working on something amazing. Stay tuned for updates!",icon:g},customStyle:f={},isBlurToggleVisible:B=!1,highlightTerms:y,defaultElementPages:C,citationType:S,citationSubTitle:k})=>{const j=t??!1,w=o??(()=>{});return n?e.jsx(r.default,{open:j,fullWidth:!0,PaperProps:{style:{...s,...f?.dialogDimension}},children:e.jsx(l.default,{style:{padding:0},children:e.jsx(i.BookemonContent,{data:m,customStyle:f,comingSoonData:x,showComingSoon:p,isNonHighlightedBlur:h,isBlurToggleVisible:B,isBookemon:d,highlightTerms:y,getHighlightContent:u,handleFetchManuscriptElements:c,isBookPreview:a,isDialog:n,onClose:w,defaultElementPages:C})})}):e.jsx("div",{style:{width:"100%",height:"100%"},children:e.jsx(i.BookemonContent,{data:m,customStyle:f,comingSoonData:x,showComingSoon:p,isNonHighlightedBlur:h,isBlurToggleVisible:B,isBookemon:d,highlightTerms:y,getHighlightContent:u,handleFetchManuscriptElements:c,isBookPreview:a,isDialog:n,onClose:w,defaultElementPages:C,citationType:S,citationSubTitle:k})})},exports.defaultIcon=g;
 //# sourceMappingURL=Bookemon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bookemon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Bookemon.js","sources":["../../../../src/features/Bookemon/Bookemon.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n// import {\n//   AccordionDetails,\n//   AccordionSummary,\n//   Dialog,\n//   DialogContent,\n//   Typography,\n//   IconButton,\n// } from \"@mui/material\";\n\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport { BookemonContent } from \"./BookemonContent\";\nimport { BookemonProps } from \"./types/citation.types\";\n\n// ---------------- Default Styles ----------------\nconst defaultStyles: { [key: string]: CSSProperties } = {\n  dialogPaper: {\n    maxWidth: \"none\",\n    fontFamily: \"Inter, sans-serif\",\n  }\n};\n\n// ---------------- Coming Soon Styles ----------------\nexport const comingSoonStyles: { [key: string]: CSSProperties } = {\n  wrapper: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    textAlign: \"center\",\n  },\n  inner: {\n    width: \"100%\",\n  },\n  iconWrapper: {\n    width: \"80px\",\n    height: \"80px\",\n    background: \"linear-gradient(to right, #3B82F6, #9333EA)\", // blue to purple\n    borderRadius: \"50%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    margin: \"0 auto 24px auto\",\n  },\n  icon: {\n    width: \"40px\",\n    height: \"40px\",\n    color: \"#FFFFFF\",\n  },\n  heading: {\n    fontSize: \"36px\",\n    fontWeight: \"bold\",\n    color: \"#9333EA\", // purple\n    marginBottom: \"16px\",\n  },\n  text: {\n    fontSize: \"18px\",\n    color: \"#4B5563\", // gray-600\n    lineHeight: 1.6,\n    textAlign : 'center'\n  },\n\n  errorState: {\n    color: \"#CE3928\",\n    padding: \"18px 0px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    width: \"100%\"\n  }\n};\nexport const defaultIcon = (\n  <svg\n    style={comingSoonStyles.icon}\n    fill=\"none\"\n    stroke=\"currentColor\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n    />\n  </svg>\n);\n\n\n// ---------------- Bookemon Component ----------------\n// export interface IBookReview {\n//   text: string;\n//   source: string;\n// }\n\n\nconst Bookemon = ({\n  open,\n  onClose,\n  isDialog = true,\n  isBookPreview = true,\n  isNonHighlightedBlur,\n  isBookemon,\n  getHighlightContent,\n  handleFetchManuscriptElements,\n  data,\n  showComingSoon = false,\n  comingSoonData = {\n    header: \"Bookemon Coming Soon!!\",\n    subheader: \"We're working on something amazing. Stay tuned for updates!\",\n    icon: defaultIcon,\n  },\n  customStyle = {},\n  isBlurToggleVisible = false,\n  highlightTerms,\n  defaultElementPages,\n  citationType,\n  citationSubTitle\n}: BookemonProps ) => {\n  // const [quotesToHighLightData, setQuotesToHighLightData] = useState<{\n  //   textToHighLight: string;\n  //   content: string;\n  // }>({\n  //   textToHighLight: \"\",\n  //   content: \"\",\n  // });\n  // const [previewPage, setPreviewPage] = useState(1);\n  // const [citationLoad, setCitationLoad] = useState(false);\n  // const [clickableElementCategory, setClickableElementCategory] =\n  //   useState<string>(\"Book Preview\");\n  // const [leftSidePanelWidth, setLeftSidePanelWidth] = useState<number>(70);\n  // const leftPanelRef = useRef<ImperativePanelHandle >(null);\n  // const [noHtmlContent, setNoHtmlContent] = useState(false)\n\n\n  // const updateQuotesToHighLight = async (\n  //   textToHighLight: string,\n  //   clickableElementCategory: string,\n  //   chunkIds?: string[],\n  //   currentIndex: number = 0\n  // ): Promise<void> => {\n  //   setQuotesToHighLightData({ textToHighLight: \"\", content: \"\" });\n  //   setNoHtmlContent(false);\n  //   setCitationLoad(true);\n  //   setClickableElementCategory(clickableElementCategory);\n\n  //   try {\n  //     if (!chunkIds || chunkIds.length === 0) {\n  //       setCitationLoad(false);\n  //       setLeftSidePanelWidth(70);\n  //       leftPanelRef.current?.resize(70);\n  //       return;\n  //     }\n\n  //     // ---- Fetch content ----\n  //     const resp = await getHighlightContent([chunkIds[currentIndex]]);\n  //     const contentList: ContentItem[] = resp?.data || resp || [];\n\n  //     if (!Array.isArray(contentList) || contentList.length === 0) {\n  //       setNoHtmlContent(true);\n  //       setCitationLoad(false);\n  //       return;\n  //     }\n\n  //     // ---- Normalizer ----\n  //     const normalize = (text: string | null | undefined): string => {\n  //       if (!text) return \"\";\n  //       return text\n  //         .replace(/<[^>]*>/g, \" \")\n  //         .replace(/&nbsp;/g, \" \")\n  //         .replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\")\n  //         .replace(/[\\u2018\\u2019]/g, \"'\")\n  //         .replace(/[\\u201C\\u201D]/g, '\"')\n  //         .replace(/[\\u2013\\u2014]/g, \"-\")\n  //         .replace(/[.,!?;:'\"(){}\\[\\]—–…\\/\\\\@#&*_|\\^~%=+<>`]/g, \"\")\n  //         .replace(/\\s+/g, \" \")\n  //         .trim()\n  //         .toLowerCase();\n  //     };\n\n  //     const highlightNorm = normalize(textToHighLight);\n\n  //     let matchedItem: ContentItem | null = null;\n\n  //     // ================================================\n  //     // 1️⃣ FULL EXACT SUBSTRING MATCH\n  //     // ================================================\n  //     for (const item of contentList) {\n  //       const norm = normalize(item.normalizedContent || item.htmlContent);\n  //       if (norm.includes(highlightNorm)) {\n  //         matchedItem = item;\n  //         break;\n  //       }\n  //     }\n\n  //     // ================================================\n  //     // 2️⃣ PROGRESSIVE RIGHT-TRIM EXACT MATCH (Your Idea)\n  //     // ================================================\n  //     if (!matchedItem) {\n  //       let words = highlightNorm.split(\" \").filter(Boolean);\n\n  //       while (words.length > 0) {\n  //         const attempt = words.join(\" \");\n\n  //         for (const item of contentList) {\n  //           const norm = normalize(item.normalizedContent || item.htmlContent);\n\n  //           if (norm.includes(attempt)) {\n  //             matchedItem = item;\n  //             break;\n  //           }\n  //         }\n\n  //         if (matchedItem) break;\n\n  //         // remove last word and try again\n  //         words.pop();\n  //       }\n  //     }\n\n  //     // ================================================\n  //     // MERGE HTML AND RETURN RESULT\n  //     // ================================================\n  //     const combinedHtmlContent = contentList\n  //       .map((item) => item.htmlContent)\n  //       .join(\"\\n\");\n\n  //     setQuotesToHighLightData({\n  //       textToHighLight: matchedItem ? matchedItem.htmlContent : '',\n  //       content: combinedHtmlContent,\n  //     });\n  //     setLeftSidePanelWidth(50);\n  //     leftPanelRef.current?.resize(50);\n\n  //     // ================================================\n  //     // NO MATCH → TRY NEXT CHUNK\n  //     // ================================================\n  //     if (!matchedItem && currentIndex + 1 < chunkIds.length) {\n  //       return await updateQuotesToHighLight(\n  //         textToHighLight,\n  //         clickableElementCategory,\n  //         chunkIds,\n  //         currentIndex + 1\n  //       );\n  //     }\n\n  //     return;\n  //     //   setNoHtmlContent(true);\n  //     // setCitationLoad(false);\n  //   } catch (error) {\n  //     console.error(\"Highlight error:\", error);\n  //     setNoHtmlContent(true);\n  //   } finally {\n  //     setCitationLoad(false);\n  //   }\n  // };\n\nconst safeOpen = open ?? false;\nconst safeOnClose = onClose ?? (() => {});\n\n  if (!isDialog) {\n  // INLINE MODE\n    return (\n      <div style={{ width: \"100%\", height: \"100%\" }}>\n        <BookemonContent\n          data={data}\n          customStyle={customStyle}\n          comingSoonData={comingSoonData}\n          showComingSoon={showComingSoon}\n          isNonHighlightedBlur={isNonHighlightedBlur}\n          isBlurToggleVisible={isBlurToggleVisible}\n          isBookemon={isBookemon}\n          highlightTerms={highlightTerms}\n          getHighlightContent={getHighlightContent}\n          handleFetchManuscriptElements={handleFetchManuscriptElements}\n          isBookPreview={isBookPreview}\n          isDialog={isDialog}\n          onClose={safeOnClose}\n          defaultElementPages={defaultElementPages}\n          citationType={citationType}\n          citationSubTitle={citationSubTitle}\n        />\n      </div>\n    );\n  }\n\n  // DIALOG MODE (default)\n  return (\n    <Dialog\n      open={safeOpen}\n      fullWidth\n      PaperProps={{\n        style: {\n          ...defaultStyles.dialogPaper,\n          ...customStyle?.dialogDimension,\n        },\n      }}\n    >\n      <DialogContent style={{ padding: 0 }}>\n        <BookemonContent\n          data={data}\n          customStyle={customStyle}\n          comingSoonData={comingSoonData}\n          showComingSoon={showComingSoon}\n          isNonHighlightedBlur={isNonHighlightedBlur}\n          isBlurToggleVisible={isBlurToggleVisible}\n          isBookemon={isBookemon}\n          highlightTerms={highlightTerms}\n          getHighlightContent={getHighlightContent}\n          handleFetchManuscriptElements={handleFetchManuscriptElements}\n          isBookPreview={isBookPreview}\n          isDialog={isDialog}\n          onClose={safeOnClose}\n          defaultElementPages={defaultElementPages}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default Bookemon;\n"],"names":["defaultStyles","maxWidth","fontFamily","comingSoonStyles","wrapper","alignItems","justifyContent","textAlign","inner","width","iconWrapper","height","background","borderRadius","display","margin","icon","color","heading","fontSize","fontWeight","marginBottom","text","lineHeight","errorState","padding","defaultIcon","jsx","style","fill","stroke","viewBox","children","strokeLinecap","strokeLinejoin","strokeWidth","d","open","onClose","isDialog","isBookPreview","isNonHighlightedBlur","isBookemon","getHighlightContent","handleFetchManuscriptElements","data","showComingSoon","comingSoonData","header","subheader","customStyle","isBlurToggleVisible","highlightTerms","defaultElementPages","citationType","citationSubTitle","safeOpen","safeOnClose","Dialog","fullWidth","PaperProps","dialogDimension","DialogContent","BookemonContent"],"mappings":"8SAgBA,MAAMA,EACS,CACXC,SAAU,OACVC,WAAY,qBAKHC,EAAqD,CAChEC,QAAS,CACPC,WAAY,SACZC,eAAgB,SAChBC,UAAW,UAEbC,MAAO,CACLC,MAAO,QAETC,YAAa,CACXD,MAAO,OACPE,OAAQ,OACRC,WAAY,8CACZC,aAAc,MACdC,QAAS,OACTT,WAAY,SACZC,eAAgB,SAChBS,OAAQ,oBAEVC,KAAM,CACJP,MAAO,OACPE,OAAQ,OACRM,MAAO,WAETC,QAAS,CACPC,SAAU,OACVC,WAAY,OACZH,MAAO,UACPI,aAAc,QAEhBC,KAAM,CACJH,SAAU,OACVF,MAAO,UACPM,WAAY,IACZhB,UAAY,UAGdiB,WAAY,CACVP,MAAO,UACPQ,QAAS,WACTX,QAAS,OACTR,eAAgB,SAChBG,MAAO,SAGEiB,EACXC,EAAAA,IAAC,MAAA,CACCC,MAAOzB,EAAiBa,KACxBa,KAAK,OACLC,OAAO,eACPC,QAAQ,YAERC,SAAAL,EAAAA,IAAC,OAAA,CACCM,cAAc,QACdC,eAAe,QACfC,YAAa,EACbC,EAAE,4EAaS,EACfC,OACAC,UACAC,YAAW,EACXC,iBAAgB,EAChBC,uBACAC,aACAC,sBACAC,gCACAC,OACAC,kBAAiB,EACjBC,iBAAiB,CACfC,OAAQ,yBACRC,UAAW,8DACXjC,KAAMU,GAERwB,cAAc,CAAC,EACfC,uBAAsB,EACtBC,iBACAC,sBACAC,eACAC,uBA4IF,MAAMC,EAAWnB,IAAQ,EACnBoB,EAAcnB,SAAmB,GAErC,OAAKC,EA4BHZ,EAAAA,IAAC+B,EAAA,QAAA,CACCrB,KAAMmB,EACNG,WAAS,EACTC,WAAY,CACVhC,MAAO,IACF5B,KACAkD,GAAaW,kBAIpB7B,eAAC8B,EAAAA,QAAc,CAAAlC,MAAO,CAAEH,QAAS,GAC/BO,SAAAL,EAAAA,IAACoC,EAAAA,gBAAA,CACClB,OACAK,cACAH,iBACAD,iBACAL,uBACAU,sBACAT,aACAU,iBACAT,sBACAC,gCACAJ,gBACAD,WACAD,QAASmB,EACTJ,4BAlDJ1B,MAAC,OAAIC,MAAO,CAAEnB,MAAO,OAAQE,OAAQ,QACnCqB,SAAAL,EAAAA,IAACoC,EAAAA,gBAAA,CACClB,OACAK,cACAH,iBACAD,iBACAL,uBACAU,sBACAT,aACAU,iBACAT,sBACAC,gCACAJ,gBACAD,WACAD,QAASmB,EACTJ,sBACAC,eACAC"}

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

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

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

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