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

@viswa-test/test-citation 0.0.384 → 0.0.385

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (501) hide show

package/dist/cjs/features/Bookemon/BookElementsCard/BookElementsCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookElementsCard.js","sources":["../../../../../src/features/Bookemon/BookElementsCard/BookElementsCard.tsx"],"sourcesContent":["// import { Pagination, Skeleton, } from \"@mui/lab\";\nimport Pagination from '@mui/material/Pagination';\nimport Skeleton from '@mui/material/Skeleton';\nimport React, { CSSProperties, useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from 'remark-breaks'\nimport { highlightTermsFunc } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport \"./BookElementsCard.css\";\nimport { BookemonProps } from '../types/citation.types';\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n sectionTitle: {\n fontSize: \"14px\",\n fontWeight: 600,\n color: \"#667085\",\n marginBottom: \"12px\",\n },\n quotesPadding: {\n paddingLeft : \"12px\",\n },\n quoteCard: {\n border: \"1px solid #CBD5E1\",\n borderRadius: \"8px\",\n padding: \"16px\",\n backgroundColor: \"#F8FAFC\",\n boxShadow: \"0 1px 2px rgba(0,0,0,0.05)\",\n marginBottom: \"16px\",\n cursor: \"pointer\",\n transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n },\n quoteText: {\n fontStyle: \"italic\",\n color: \"#475569\",\n fontSize: \"14px\",\n fontWeight: 400,\n marginBottom: \"12px\",\n },\n quoteMeta: {\n color: \"#475569\",\n fontSize: \"12px\",\n fontWeight: 400,\n },\n quoteAuthor: {\n fontSize: \"10px\",\n fontWeight: 600,\n color: \"#475569\",\n marginTop: \"8px\",\n marginBottom: '18px'\n // textAlign: \"right\",\n },\n button: {\n color: \"#5928ED\",\n fontSize: \"14px\",\n fontWeight: 600,\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n textDecoration: \"none\",\n paddingLeft : \"12px\",\n },\n geoLocationsContainer: {\n marginTop: \"24px\",\n marginBottom: \"24px\",\n },\ngeoText: {\n fontSize: \"14px\",\n fontWeight: 500,\n cursor: \"pointer\",\n color: \"#532BED\",\n // backgroundImage: \"linear-gradient(115deg, #2546F0 -23.58%, #5928ED 74.92%)\",\n // backgroundClip: \"text\",\n // WebkitBackgroundClip: \"text\",\n // WebkitTextFillColor: \"transparent\",\n // background: \"var(--Gradient-Primary-100, linear-gradient(115deg, #2546F0 -23.58%, #5928ED 74.92%))\",\n},\n geoDivider: {\n margin: \"0 8px\",\n color: \"#475abb\",\n backgroundColor: \"#475abb\",\n width : \"1px\",\n height : \"18px\",\n display: \"inline-block\",\n },\n geoLocationFlex: {\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"8px\",\n marginBottom: \"8px\",\n },\n charactersContainer: {\n marginTop: \"16px\",\n },\n charactersGrid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(2, 1fr)\",\n gap: \"16px\",\n marginBottom: \"16px\",\n paddingLeft : \"12px\",\n },\n characterCard: {\n border: \"1px solid #E5E7EB\",\n borderRadius: \"8px\",\n backgroundColor: \"#FFFFFF\",\n boxShadow: \"0 1px 2px rgba(0,0,0,0.05)\",\n display: \"flex\",\n alignItems: \"flex-start\",\n gap: \"12px\",\n padding: \"16px\",\n cursor: \"pointer\",\n transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n },\n avatar: {\n width: \"32px\",\n height: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: \"9999px\",\n fontSize: \"14px\",\n fontWeight: 600,\n flexShrink: 0,\n },\n charName: {\n fontStyle: \"normal\",\n fontWeight: 600,\n color: \"#101827\",\n fontSize: \"16px\",\n },\n charDesc: {\n fontStyle: \"normal\",\n fontWeight: 400,\n fontSize: \"14px\",\n color: \"#6B7280\",\n },\n retryButton: {\n backgroundColor: '#5928EC',\n color: '#fff',\n padding: '6px 10px',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer',\n fontSize: '12px',\n fontWeight: '500',\n }\n};\nexport interface IQuote {\n text: string;\n chapter: string;\n page: string;\n author: string;\n chunkIds : string[],\n}\n\nexport interface ICharacter {\n name: string;\n description: string;\n bg: string;\n color: string;\n initials?: string;\n chunkIds : string[],\n}\n\nexport interface geoLocationData {\n chunkIds : string[],\n name : string\n}\n\nexport interface IBookElementsData {\n notableQuotes: IQuote[];\n geoLocations: geoLocationData[];\n characters: ICharacter[];\n}\n\ninterface BookElementsCardProps {\n data: IBookElementsData;\n updateQuotesToHighLight: (textToHighLight: string,content:string, chunkIds:string[], currentIndex : number) => void;\n handleFetchManuscriptElements: ({\n endpoint,\n page,\n pageSize,\n isbn,\n title\n }: {\n endpoint: any;\n page: any;\n pageSize: number; // optional, default to 10\n isbn: any;\n title : string\n }) => Promise<any>;\n BookIsbn : string;\n title : string\n highlightTerms?: string[];\n onHighlightMatch?: (matched: boolean) => void;\n defaultPages?: {\n quotes?: number;\n locations?: number;\n characters?: number;\n };\n citationType: BookemonProps['citationType'];\n citationSubTitle: BookemonProps['citationSubTitle'];\n highlightEnabled: boolean\n}\n\nconst BookElementsCard = ({\n data,\n updateQuotesToHighLight,\n handleFetchManuscriptElements,\n BookIsbn,\n title,\n highlightTerms,\n onHighlightMatch,\n defaultPages,\n citationType,\n citationSubTitle,\n highlightEnabled\n}: BookElementsCardProps) => {\n\n const isAliveRef = useRef(true);\n\n useEffect(() => {\n return () => {\n isAliveRef.current = false;\n };\n }, []);\n\n const pageSize = 10; // 10 items per page\n\n // const { notableQuotes = [], geoLocations = [], characters = [] } = data;\n const [quotes, setQuotes] = useState<any[]>([]);\n const [quotesPage, setQuotesPage] = useState(defaultPages?.quotes ?? 1);\n const [quotesLoading, setQuotesLoading] = useState(false);\n const [quotesHasMore, setQuotesHasMore] = useState(true);\n const [quotesTotalPages, setQuotesTotalPages] = useState(0);\n\n const [characters, setCharacters] = useState<any[]>([]);\n const [charactersPage, setCharactersPage] = useState(defaultPages?.characters ?? 1);\n const [charactersLoading, setCharactersLoading] = useState(false);\n const [charactersHasMore, setCharactersHasMore] = useState(true);\n const [charactersTotalPages, setCharactersTotalPages] = useState(0);\n\n\n const [locations, setLocations] = useState<any[]>([]);\n const [locationsPage, setLocationsPage] = useState(defaultPages?.locations ?? 1);\n const [locationsLoading, setLocationsLoading] = useState(false);\n const [locationsHasMore, setLocationsHasMore] = useState(true);\n const [locationsTotalPages, setLocationsTotalPages] = useState(0);\n\n const [selectedCard, setSelectedCard] = useState({ list: \"\", index: -1 , page: 1});\n\n const didCheckRef = useRef(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!highlightTerms?.length \|\| !highlightEnabled) return;\n \n const lowerTerms = highlightTerms.map(t => t.toLowerCase());\n \n const contains = (text?: string) =>\n text && lowerTerms.some(term => text.toLowerCase().includes(term));\n\n\n const charExactMatch = (text?: string) =>\n !!text && lowerTerms[0] === text.toLowerCase();\n \n let found = false;\n \n // 🔎 Check Quotes\n if(citationSubTitle == 'notable_quotes'){\n quotes.forEach((quote, index) => {\n if (!found && contains(quote.text)) {\n \n onHighlightMatch?.(true);\n found = true;\n }\n });\n }\n \n // 🔎 Check Locations\n if(citationSubTitle == 'location_details'){\n locations.forEach((loc, index) => {\n if (!found && contains(loc.name)) {\n \n onHighlightMatch?.(true);\n found = true;\n }\n });\n }\n \n // 🔎 Check Characters\n if(citationSubTitle == \"notable_characters\"){\n characters.forEach((char, index) => {\n if (\n !found &&\n (charExactMatch(char.name))\n ) {\n \n onHighlightMatch?.(true);\n found = true;\n }\n });\n }\n \n }, [\n highlightTerms,\n quotes,\n locations,\n characters,\n quotesPage,\n locationsPage,\n charactersPage\n ]);\n\n \n\n useEffect(() => {\n if (!defaultPages) return;\n \n if (defaultPages.quotes) {\n setQuotesPage(defaultPages.quotes);\n }\n \n if (defaultPages.locations) {\n setLocationsPage(defaultPages.locations);\n }\n \n if (defaultPages.characters) {\n setCharactersPage(defaultPages.characters);\n }\n \n }, [defaultPages]);\n \n\n useEffect(() => {\n didCheckRef.current = false;\n }, [highlightTerms]);\n\n const getManuscriptElementsData = async ({endpoint, page,isbn,setData,setLoading, setHasMore,setTotalPage,title} : {endpoint : any, page : any,isbn : any, setData : any, setLoading : any, setHasMore : any, setTotalPage : any, title : string}) => {\n setLoading(true);\n\n try {\n const newData = await handleFetchManuscriptElements({\n endpoint,\n page,\n pageSize,\n isbn,\n title\n });\n\n if (!isAliveRef.current) return;\n\n setData(newData?.data \|\| []);\n setTotalPage(newData?.pagination?.totalPages \|\| 0);\n setHasMore(\n !newData?.pagination?.hasNext &&\n !newData?.pagination?.hasPrevious\n );\n } finally {\n if (isAliveRef.current) {\n setLoading(false);\n }\n }\n};\n\n\n // fetch quotes for pagination\n useEffect(() => {\n // getManuscriptElementsData(\"notable-quotes\", quotesPage, setQuotes, setQuotesLoading, setQuotesHasMore);\n getManuscriptElementsData({\n endpoint: \"notable-quotes\",\n page: quotesPage,\n isbn: BookIsbn,\n setData: setQuotes,\n setLoading: setQuotesLoading,\n setHasMore: setQuotesHasMore,\n setTotalPage: setQuotesTotalPages,\n title : title,\n });\n }, [quotesPage]);\n\n // fetch character for pagination\n useEffect(() => {\n getManuscriptElementsData({\n endpoint: \"notable-characters\",\n page: charactersPage,\n isbn: BookIsbn,\n setData: setCharacters,\n setLoading: setCharactersLoading,\n setHasMore: setCharactersHasMore,\n setTotalPage: setCharactersTotalPages,\n title : title,\n })\n }, [charactersPage]);\n\n // fetch geo-location for pagination\n useEffect(() => {\n getManuscriptElementsData({\n endpoint: \"geo-locations\",\n page: locationsPage,\n isbn: BookIsbn,\n setData: setLocations,\n setLoading: setLocationsLoading,\n setHasMore: setLocationsHasMore,\n setTotalPage: setLocationsTotalPages,\n title : title,\n })\n }, [locationsPage]);\n\n\n\n return (\n <div ref={containerRef} className=\"book-elements-container\">\n {/* Notable Quotes /}\n <div style={{ marginBottom: \"24px\" }}>\n <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Notable Quotes</p>\n <div style={defaultStyles.quotesPadding}>\n {\n quotesLoading ? (\n <div style={{ display: \"flex\", flexDirection: \"column\", rowGap: \"8px\" }}>\n {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item) => (\n <div className=\"book-elements-quote-card\" key={item} style={defaultStyles.quoteCard}>\n {/ Quote line /}\n <Skeleton variant=\"text\" width=\"60%\" height={28} />\n\n {/ Chapter and page info /}\n <Skeleton variant=\"text\" width=\"40%\" height={20} />\n <Skeleton variant=\"text\" width=\"25%\" height={20} />\n\n {/ Author /}\n <Skeleton variant=\"text\" width=\"30%\" height={20} />\n </div>\n ))}\n </div>\n ) : quotes.length === 0 ? (\n <p style={{ color: \"#6B7280\", fontStyle: \"italic\" }}>\n No notable quotes found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n endpoint: \"notable-quotes\",\n page: quotesPage,\n isbn: BookIsbn,\n setData: setQuotes,\n setLoading: setQuotesLoading,\n setHasMore: setQuotesHasMore,\n setTotalPage: setQuotesTotalPages,\n title : title,\n })}>Retry</button>\n </p>\n ) : <>\n {quotes.map((quote, index) => {\n const isSelected = selectedCard.list === \"notable\" && selectedCard.page === quotesPage && selectedCard.index === index;\n\n return (\n <div\n key={index}\n className=\"book-elements-quote-card\"\n style={{\n ...defaultStyles.quoteCard,\n borderColor : isSelected ? 'rgb(83, 43, 237)' : '#CBD5E1',\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.transform = \"translateY(-4px)\";\n e.currentTarget.style.boxShadow = \"0 4px 12px rgba(0, 0, 0, 0.15)\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"translateY(0)\";\n e.currentTarget.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.1)\";\n }}\n onClick={async () => {\n try {\n setSelectedCard({ list: \"notable\", page : quotesPage, index })\n if ( quote?.chunkIds?.length > 0) {\n await updateQuotesToHighLight(quote.text, \"Notable Quotes\", quote.chunkIds, 0);\n }\n } catch (error) {\n console.error(\"Failed to highlight quote:\", error);\n }\n }}\n data-selected={\n selectedCard.list === \"notable\" &&\n selectedCard.page === quotesPage &&\n selectedCard.index === index\n ? \"true\"\n : undefined\n }\n >\n {highlightTerms && highlightTerms.length > 0 && citationSubTitle==\"notable_quotes\" && highlightEnabled ? (\n <p style={defaultStyles.quoteText} className=\"book-elements-quote-text\" dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(quote?.text, highlightTerms)) }} />\n ) : (\n <p style={defaultStyles.quoteText} className=\"book-elements-quote-text\">{quote?.text}</p>\n )}\n {/ <p style={defaultStyles.quoteMeta} className=\"book-elements-quote-meta\">\n {processTextWithHighlight(\n quote.chapter,\n highlightTerms\n )} <br /> {processTextWithHighlight(\n quote.page,\n highlightTerms\n )}\n </p> /}\n <p style={defaultStyles.quoteMeta} className=\"book-elements-quote-meta\">\n {quote.chapter} \n <br /> \n {quote.page}\n </p>\n <p style={defaultStyles.quoteAuthor}>— {quote?.author}</p>\n {/ <p style={defaultStyles.quoteAuthor}>— {processTextWithHighlight(\n quote?.author,\n highlightTerms\n )}</p> /}\n </div>\n )\n })}\n </>\n }\n <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n {!quotesHasMore && <Pagination\n disabled={quotesLoading}\n count={quotesTotalPages}\n page={quotesPage}\n onChange={(_, value) => setQuotesPage(value)}\n shape=\"rounded\"\n style={{marginTop: \"8px\",}}\n />}\n </div>\n \n </div>\n </div>\n {/ Key Geo Locations /}\n <div style={defaultStyles.geoLocationsContainer}>\n <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Key Geo Locations</p>\n <div className=\"book-elements-geo-wrapper\" style={{ ...defaultStyles.quotesPadding, marginBottom: \"8px\" }}>\n {\n locationsLoading ? (\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n {[1, 2, 3, 4, 5, 6,7,8,9,10].map((item) => (\n <Skeleton\n key={item}\n variant=\"rectangular\"\n width={100}\n height={20}\n style={{ borderRadius: \"8px\" }}\n />\n ))}\n </div>\n ) : locations.length === 0 ? (\n <p style={{ color: \"#6B7280\", fontStyle: \"italic\", paddingLeft: \"12px\" }}>\n No key geo locations found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n endpoint: \"geo-locations\",\n page: locationsPage,\n isbn: BookIsbn,\n setData: setLocations,\n setLoading: setLocationsLoading,\n setHasMore: setLocationsHasMore,\n setTotalPage: setLocationsTotalPages,\n title : title,\n })}>Retry</button>\n </p> \n ) : <>\n {locations.map((location, index) => {\n const isSelected = selectedCard.list === \"geo_location\" && selectedCard.page === locationsPage && selectedCard.index === index;\n return (\n <span data-selected={\n selectedCard.list === \"geo_location\" &&\n selectedCard.page === locationsPage &&\n selectedCard.index === index\n ? \"true\"\n : undefined\n } key={index} style={defaultStyles.geoLocationFlex}>\n <span\n className=\"book-elements-geo-text\"\n style={{\n ...defaultStyles.geoText,\n fontWeight: isSelected ? \"700\" : \"\",\n textDecoration : isSelected ? 'underline' : ''\n }}\n onClick={async () => {\n try {\n setSelectedCard({ list: \"geo_location\",page : locationsPage, index })\n if (location?.chunkIds?.length > 0) {\n await updateQuotesToHighLight(location.name, \"Key Geo Locations\", location.chunkIds, 0);\n }\n \n } catch (error) {\n console.error(\"Failed to highlight location:\", error);\n }\n }}\n onMouseOver={(e) =>\n (e.currentTarget.style.textDecoration = \"underline\")\n }\n onMouseOut={(e) =>\n (e.currentTarget.style.textDecoration = \"none\")\n }\n >\n {highlightTerms && highlightTerms.length > 0 && citationSubTitle==\"location_details\" && highlightEnabled ? (\n <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(location?.name, highlightTerms)) }} />\n ) : (\n location?.name\n )}\n </span>\n {index < locations.length - 1 && (\n <span style={defaultStyles.geoDivider}></span>\n )}\n </span>\n )\n })}\n </>\n }\n <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n {!locationsHasMore && <Pagination\n disabled={locationsLoading}\n count={locationsTotalPages}\n page={locationsPage}\n onChange={(_, value) => setLocationsPage(value)}\n shape=\"rounded\"\n style={{marginTop: \"8px\",}}\n />}\n </div>\n </div>\n </div>\n {/ Key Characters /}\n <div style={defaultStyles.charactersContainer}>\n <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Key Characters</p>\n {\n charactersLoading ? (\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n {[1, 2, 3, 4, 5, 6,7,8,9,10].map((item) => (\n <div style={{...defaultStyles.characterCard, flexBasis: '40%'}} key={item}>\n {/ Avatar Skeleton /}\n <Skeleton\n variant=\"circular\"\n style={{ ...defaultStyles.avatar, flexShrink: 0 }}\n\n />\n\n {/ Content Skeleton /}\n <div style={{ display: \"flex\", flexDirection: \"column\", flex: 1, }}>\n {/ Name Skeleton /}\n <Skeleton\n variant=\"text\"\n style={{ flex : '1',flexShrink: 0 }}\n />\n\n {/ Description Skeleton - Multiple lines /}\n <Skeleton variant=\"text\" style={{ flex : '1' }} />\n <Skeleton variant=\"text\" style={{ flex : '1' }} />\n <Skeleton variant=\"text\" style={{ flex : '1' }} />\n </div>\n </div>\n ))}\n </div>\n ) : characters.length === 0 ? (\n <p style={{ color: \"#6B7280\", fontStyle: \"italic\", paddingLeft: \"12px\" }}>\n No key characters found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n endpoint: \"notable-characters\",\n page: charactersPage,\n isbn: BookIsbn,\n setData: setCharacters,\n setLoading: setCharactersLoading,\n setHasMore: setCharactersHasMore,\n setTotalPage: setCharactersTotalPages,\n title : title,\n })}>Retry</button>\n </p> \n ) : <>\n <div className=\"book-elements-characters-grid\" style={defaultStyles.charactersGrid}>\n {characters.map((character, index) => {\n const avatarStyle = {\n ...defaultStyles.avatar,\n backgroundColor: character.bg,\n color: character.color,\n };\n const isSelected = selectedCard.list === \"key_character\" && selectedCard.page === charactersPage && selectedCard.index === index;\n\n return (\n <div\n key={index}\n onMouseEnter={(e) => {\n e.currentTarget.style.transform = \"translateY(-4px)\";\n e.currentTarget.style.boxShadow = \"0 4px 12px rgba(0, 0, 0, 0.15)\";}}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"translateY(0)\";\n e.currentTarget.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.1)\";}}\n className=\"book-elements-character-card\"\n style={{\n ...defaultStyles.characterCard,\n borderColor : isSelected ? 'rgb(83, 43, 237)' : '#E5E7EB'\n }}\n onClick={async () => {\n setSelectedCard({ list: \"key_character\",page : charactersPage, index })\n try {\n if (character?.chunkIds?.length > 0) {\n await updateQuotesToHighLight(character.name, \"Key Characters\", character.chunkIds, 0);\n }\n } catch (error) {\n console.error(\"Failed to highlight character:\", error);\n }\n }}\n data-selected={\n selectedCard.list === \"key_character\" &&\n selectedCard.page === charactersPage &&\n selectedCard.index === index\n ? \"true\"\n : undefined\n }\n >\n <div style={avatarStyle}>{character.initials}</div>\n\n <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n <p className=\"book-elements-char-name\" style={{ ...defaultStyles.charName, margin: 0 }}>\n {highlightTerms && highlightTerms.length > 0 \n && citationSubTitle==\"notable_characters\" \n && character.name.toLowerCase() === highlightTerms[0].toLowerCase() && highlightEnabled ? (\n <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(character.name, highlightTerms)) }} />\n ) : (\n character.name\n )}\n </p>\n <p\n className=\"book-elements-char-desc\"\n style={{\n ...defaultStyles.charDesc,\n margin: 0,\n marginTop: \"4px\",\n }}\n >\n {\n <ReactMarkdown\n remarkPlugins={[remarkBreaks]}\n rehypePlugins={[rehypeRaw as any]}\n components={{\n p: ({ node, ...props }) => (\n <p style={{ marginTop: 0 }} {...props} />\n )\n }}\n >\n {/ {processTextWithHighlight(\n character?.description,\n highlightTerms\n )} /}\n {character?.description}\n </ReactMarkdown>\n \n }\n </p>\n </div>\n </div>\n );\n })}\n </div>\n </>\n }\n <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n {!charactersHasMore && <Pagination\n count={charactersTotalPages}\n disabled={charactersLoading}\n page={charactersPage}\n onChange={(_, value) => setCharactersPage(value)}\n shape=\"rounded\"\n style={{marginTop: \"8px\",}}\n />}\n </div>\n {/ {characters.length > 6 && (\n <button\n style={defaultStyles.button}\n onClick={() => setShowAllCharacters(!showAllCharacters)}\n onMouseOver={(event) =>\n (event.currentTarget.style.textDecoration = \"underline\")\n }\n onMouseOut={(event) =>\n (event.currentTarget.style.textDecoration = \"none\")\n }\n >\n {showAllCharacters ? \"View less\" : \"View more\"}\n </button>\n )} */}\n </div>\n </div>\n );\n};\n\nexport default BookElementsCard;\n"],"names":["defaultStyles","sectionTitle","fontSize","fontWeight","color","marginBottom","quotesPadding","paddingLeft","quoteCard","border","borderRadius","padding","backgroundColor","boxShadow","cursor","transition","quoteText","fontStyle","quoteMeta","quoteAuthor","marginTop","button","background","textDecoration","geoLocationsContainer","geoText","geoDivider","margin","width","height","display","geoLocationFlex","alignItems","gap","charactersContainer","charactersGrid","gridTemplateColumns","characterCard","avatar","justifyContent","flexShrink","charName","charDesc","retryButton","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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"}
1	+ {"version":3,"file":"BookElementsCard.js","sources":["../../../../../src/features/Bookemon/BookElementsCard/BookElementsCard.tsx"],"sourcesContent":["// import { Pagination, Skeleton, } from \"@mui/lab\";\nimport Pagination from '@mui/material/Pagination';\nimport Skeleton from '@mui/material/Skeleton';\nimport React, { CSSProperties, useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from 'remark-breaks'\nimport { highlightTermsFunc } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport \"./BookElementsCard.css\";\nimport { BookemonProps } from '../types/citation.types';\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n sectionTitle: {\n fontSize: \"14px\",\n fontWeight: 600,\n color: \"#667085\",\n marginBottom: \"12px\",\n },\n quotesPadding: {\n paddingLeft : \"12px\",\n },\n quoteCard: {\n border: \"1px solid #CBD5E1\",\n borderRadius: \"8px\",\n padding: \"16px\",\n backgroundColor: \"#F8FAFC\",\n boxShadow: \"0 1px 2px rgba(0,0,0,0.05)\",\n marginBottom: \"16px\",\n cursor: \"pointer\",\n transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n },\n quoteText: {\n fontStyle: \"italic\",\n color: \"#475569\",\n fontSize: \"14px\",\n fontWeight: 400,\n marginBottom: \"12px\",\n },\n quoteMeta: {\n color: \"#475569\",\n fontSize: \"12px\",\n fontWeight: 400,\n },\n quoteAuthor: {\n fontSize: \"10px\",\n fontWeight: 600,\n color: \"#475569\",\n marginTop: \"8px\",\n marginBottom: '18px'\n // textAlign: \"right\",\n },\n button: {\n color: \"#5928ED\",\n fontSize: \"14px\",\n fontWeight: 600,\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n textDecoration: \"none\",\n paddingLeft : \"12px\",\n },\n geoLocationsContainer: {\n marginTop: \"24px\",\n marginBottom: \"24px\",\n },\ngeoText: {\n fontSize: \"14px\",\n fontWeight: 500,\n cursor: \"pointer\",\n color: \"#532BED\",\n // backgroundImage: \"linear-gradient(115deg, #2546F0 -23.58%, #5928ED 74.92%)\",\n // backgroundClip: \"text\",\n // WebkitBackgroundClip: \"text\",\n // WebkitTextFillColor: \"transparent\",\n // background: \"var(--Gradient-Primary-100, linear-gradient(115deg, #2546F0 -23.58%, #5928ED 74.92%))\",\n},\n geoDivider: {\n margin: \"0 8px\",\n color: \"#475abb\",\n backgroundColor: \"#475abb\",\n width : \"1px\",\n height : \"18px\",\n display: \"inline-block\",\n },\n geoLocationFlex: {\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"8px\",\n marginBottom: \"8px\",\n },\n charactersContainer: {\n marginTop: \"16px\",\n },\n charactersGrid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(2, 1fr)\",\n gap: \"16px\",\n marginBottom: \"16px\",\n paddingLeft : \"12px\",\n },\n characterCard: {\n border: \"1px solid #E5E7EB\",\n borderRadius: \"8px\",\n backgroundColor: \"#FFFFFF\",\n boxShadow: \"0 1px 2px rgba(0,0,0,0.05)\",\n display: \"flex\",\n alignItems: \"flex-start\",\n gap: \"12px\",\n padding: \"16px\",\n cursor: \"pointer\",\n transition: \"transform 0.2s ease, box-shadow 0.2s ease\",\n },\n avatar: {\n width: \"32px\",\n height: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: \"9999px\",\n fontSize: \"14px\",\n fontWeight: 600,\n flexShrink: 0,\n },\n charName: {\n fontStyle: \"normal\",\n fontWeight: 600,\n color: \"#101827\",\n fontSize: \"16px\",\n },\n charDesc: {\n fontStyle: \"normal\",\n fontWeight: 400,\n fontSize: \"14px\",\n color: \"#6B7280\",\n },\n retryButton: {\n backgroundColor: '#5928EC',\n color: '#fff',\n padding: '6px 10px',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer',\n fontSize: '12px',\n fontWeight: '500',\n }\n};\nexport interface IQuote {\n text: string;\n chapter: string;\n page: string;\n author: string;\n chunkIds : string[],\n}\n\nexport interface ICharacter {\n name: string;\n description: string;\n bg: string;\n color: string;\n initials?: string;\n chunkIds : string[],\n}\n\nexport interface geoLocationData {\n chunkIds : string[],\n name : string\n}\n\nexport interface IBookElementsData {\n notableQuotes: IQuote[];\n geoLocations: geoLocationData[];\n characters: ICharacter[];\n}\n\ninterface BookElementsCardProps {\n data: IBookElementsData;\n updateQuotesToHighLight: (textToHighLight: string,content:string, chunkIds:string[], currentIndex : number) => void;\n handleFetchManuscriptElements: ({\n endpoint,\n page,\n pageSize,\n isbn,\n title\n }: {\n endpoint: any;\n page: any;\n pageSize: number; // optional, default to 10\n isbn: any;\n title : string\n }) => Promise<any>;\n BookIsbn : string;\n title : string\n highlightTerms?: string[];\n onHighlightMatch?: (matched: boolean) => void;\n defaultPages?: {\n quotes?: number;\n locations?: number;\n characters?: number;\n };\n citationType: BookemonProps['citationType'];\n citationSubTitle: BookemonProps['citationSubTitle'];\n highlightEnabled: boolean\n}\n\nconst BookElementsCard = ({\n data,\n updateQuotesToHighLight,\n handleFetchManuscriptElements,\n BookIsbn,\n title,\n highlightTerms,\n onHighlightMatch,\n defaultPages,\n citationType,\n citationSubTitle,\n highlightEnabled\n}: BookElementsCardProps) => {\n\n const isAliveRef = useRef(true);\n\n useEffect(() => {\n return () => {\n isAliveRef.current = false;\n };\n }, []);\n\n const pageSize = 10; // 10 items per page\n\n // const { notableQuotes = [], geoLocations = [], characters = [] } = data;\n const [quotes, setQuotes] = useState<any[]>([]);\n const [quotesPage, setQuotesPage] = useState(defaultPages?.quotes ?? 1);\n const [quotesLoading, setQuotesLoading] = useState(false);\n const [quotesHasMore, setQuotesHasMore] = useState(true);\n const [quotesTotalPages, setQuotesTotalPages] = useState(0);\n\n const [characters, setCharacters] = useState<any[]>([]);\n const [charactersPage, setCharactersPage] = useState(defaultPages?.characters ?? 1);\n const [charactersLoading, setCharactersLoading] = useState(false);\n const [charactersHasMore, setCharactersHasMore] = useState(true);\n const [charactersTotalPages, setCharactersTotalPages] = useState(0);\n\n\n const [locations, setLocations] = useState<any[]>([]);\n const [locationsPage, setLocationsPage] = useState(defaultPages?.locations ?? 1);\n const [locationsLoading, setLocationsLoading] = useState(false);\n const [locationsHasMore, setLocationsHasMore] = useState(true);\n const [locationsTotalPages, setLocationsTotalPages] = useState(0);\n\n const [selectedCard, setSelectedCard] = useState({ list: \"\", index: -1 , page: 1});\n\n const didCheckRef = useRef(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!highlightTerms?.length \|\| !highlightEnabled) return;\n \n const lowerTerms = highlightTerms.map(t => t.toLowerCase());\n \n const contains = (text?: string) =>\n text && lowerTerms.some(term => text.toLowerCase().includes(term));\n\n\n const charExactMatch = (text?: string) =>\n !!text && lowerTerms[0] === text.toLowerCase();\n \n let found = false;\n \n // 🔎 Check Quotes\n if(citationSubTitle == 'notable_quotes'){\n quotes.forEach((quote, index) => {\n if (!found && contains(quote.text)) {\n \n onHighlightMatch?.(true);\n found = true;\n }\n });\n }\n \n // 🔎 Check Locations\n if(citationSubTitle == 'location_details'){\n locations.forEach((loc, index) => {\n if (!found && contains(loc.name)) {\n \n onHighlightMatch?.(true);\n found = true;\n }\n });\n }\n \n // 🔎 Check Characters\n if(citationSubTitle == \"notable_characters\"){\n characters.forEach((char, index) => {\n if (\n !found &&\n (charExactMatch(char.name))\n ) {\n \n onHighlightMatch?.(true);\n found = true;\n }\n });\n }\n \n }, [\n highlightTerms,\n quotes,\n locations,\n characters,\n quotesPage,\n locationsPage,\n charactersPage\n ]);\n\n \n\n useEffect(() => {\n if (!defaultPages) return;\n \n if (defaultPages.quotes) {\n setQuotesPage(defaultPages.quotes);\n }\n \n if (defaultPages.locations) {\n setLocationsPage(defaultPages.locations);\n }\n \n if (defaultPages.characters) {\n setCharactersPage(defaultPages.characters);\n }\n \n }, [defaultPages]);\n \n\n useEffect(() => {\n didCheckRef.current = false;\n }, [highlightTerms]);\n\n const getManuscriptElementsData = async ({endpoint, page,isbn,setData,setLoading, setHasMore,setTotalPage,title} : {endpoint : any, page : any,isbn : any, setData : any, setLoading : any, setHasMore : any, setTotalPage : any, title : string}) => {\n setLoading(true);\n\n try {\n const newData = await handleFetchManuscriptElements({\n endpoint,\n page,\n pageSize,\n isbn,\n title\n });\n\n if (!isAliveRef.current) return;\n\n setData(newData?.data \|\| []);\n setTotalPage(newData?.pagination?.totalPages \|\| 0);\n setHasMore(\n !newData?.pagination?.hasNext &&\n !newData?.pagination?.hasPrevious\n );\n } finally {\n if (isAliveRef.current) {\n setLoading(false);\n }\n }\n};\n\n\n // fetch quotes for pagination\n useEffect(() => {\n // getManuscriptElementsData(\"notable-quotes\", quotesPage, setQuotes, setQuotesLoading, setQuotesHasMore);\n getManuscriptElementsData({\n endpoint: \"notable-quotes\",\n page: quotesPage,\n isbn: BookIsbn,\n setData: setQuotes,\n setLoading: setQuotesLoading,\n setHasMore: setQuotesHasMore,\n setTotalPage: setQuotesTotalPages,\n title : title,\n });\n }, [quotesPage]);\n\n // fetch character for pagination\n useEffect(() => {\n getManuscriptElementsData({\n endpoint: \"notable-characters\",\n page: charactersPage,\n isbn: BookIsbn,\n setData: setCharacters,\n setLoading: setCharactersLoading,\n setHasMore: setCharactersHasMore,\n setTotalPage: setCharactersTotalPages,\n title : title,\n })\n }, [charactersPage]);\n\n // fetch geo-location for pagination\n useEffect(() => {\n getManuscriptElementsData({\n endpoint: \"geo-locations\",\n page: locationsPage,\n isbn: BookIsbn,\n setData: setLocations,\n setLoading: setLocationsLoading,\n setHasMore: setLocationsHasMore,\n setTotalPage: setLocationsTotalPages,\n title : title,\n })\n }, [locationsPage]);\n\n\n\n return (\n <div ref={containerRef} className=\"book-elements-container\">\n {/* Notable Quotes /}\n <div style={{ marginBottom: \"24px\" }}>\n <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Notable Quotes</p>\n <div style={defaultStyles.quotesPadding}>\n {\n quotesLoading ? (\n <div style={{ display: \"flex\", flexDirection: \"column\", rowGap: \"8px\" }}>\n {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item) => (\n <div className=\"book-elements-quote-card\" key={item} style={defaultStyles.quoteCard}>\n {/ Quote line /}\n <Skeleton variant=\"text\" width=\"60%\" height={28} />\n\n {/ Chapter and page info /}\n <Skeleton variant=\"text\" width=\"40%\" height={20} />\n <Skeleton variant=\"text\" width=\"25%\" height={20} />\n\n {/ Author /}\n <Skeleton variant=\"text\" width=\"30%\" height={20} />\n </div>\n ))}\n </div>\n ) : quotes.length === 0 ? (\n <p style={{ color: \"#6B7280\", fontStyle: \"italic\" }}>\n No notable quotes found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n endpoint: \"notable-quotes\",\n page: quotesPage,\n isbn: BookIsbn,\n setData: setQuotes,\n setLoading: setQuotesLoading,\n setHasMore: setQuotesHasMore,\n setTotalPage: setQuotesTotalPages,\n title : title,\n })}>Retry</button>\n </p>\n ) : <>\n {quotes.map((quote, index) => {\n const isSelected = selectedCard.list === \"notable\" && selectedCard.page === quotesPage && selectedCard.index === index;\n\n return (\n <div\n key={index}\n className=\"book-elements-quote-card\"\n style={{\n ...defaultStyles.quoteCard,\n borderColor : isSelected ? 'rgb(83, 43, 237)' : '#CBD5E1',\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.transform = \"translateY(-4px)\";\n e.currentTarget.style.boxShadow = \"0 4px 12px rgba(0, 0, 0, 0.15)\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"translateY(0)\";\n e.currentTarget.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.1)\";\n }}\n onClick={async () => {\n try {\n setSelectedCard({ list: \"notable\", page : quotesPage, index })\n if ( quote?.chunkIds?.length > 0) {\n await updateQuotesToHighLight(quote.text, \"Notable Quotes\", quote.chunkIds, 0);\n }\n } catch (error) {\n console.error(\"Failed to highlight quote:\", error);\n }\n }}\n data-selected={\n selectedCard.list === \"notable\" &&\n selectedCard.page === quotesPage &&\n selectedCard.index === index\n ? \"true\"\n : undefined\n }\n >\n {highlightTerms && highlightTerms.length > 0 && citationSubTitle==\"notable_quotes\" && highlightEnabled ? (\n <p style={defaultStyles.quoteText} className=\"book-elements-quote-text\" dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(quote?.text, highlightTerms)) }} />\n ) : (\n <p style={defaultStyles.quoteText} className=\"book-elements-quote-text\">{quote?.text}</p>\n )}\n {/ <p style={defaultStyles.quoteMeta} className=\"book-elements-quote-meta\">\n {processTextWithHighlight(\n quote.chapter,\n highlightTerms\n )} <br /> {processTextWithHighlight(\n quote.page,\n highlightTerms\n )}\n </p> /}\n <p style={defaultStyles.quoteMeta} className=\"book-elements-quote-meta\">\n {quote.chapter} \n <br /> \n {quote.page}\n </p>\n <p style={defaultStyles.quoteAuthor}>— {quote?.author}</p>\n {/ <p style={defaultStyles.quoteAuthor}>— {processTextWithHighlight(\n quote?.author,\n highlightTerms\n )}</p> /}\n </div>\n )\n })}\n </>\n }\n <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n {!quotesHasMore && <Pagination\n disabled={quotesLoading}\n count={quotesTotalPages}\n page={quotesPage}\n onChange={(_, value) => setQuotesPage(value)}\n shape=\"rounded\"\n style={{marginTop: \"8px\",}}\n />}\n </div>\n \n </div>\n </div>\n {/ Key Geo Locations /}\n <div style={defaultStyles.geoLocationsContainer}>\n <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Key Geo Locations</p>\n <div className=\"book-elements-geo-wrapper\" style={{ ...defaultStyles.quotesPadding, marginBottom: \"8px\" }}>\n {\n locationsLoading ? (\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n {[1, 2, 3, 4, 5, 6,7,8,9,10].map((item) => (\n <Skeleton\n key={item}\n variant=\"rectangular\"\n width={100}\n height={20}\n style={{ borderRadius: \"8px\" }}\n />\n ))}\n </div>\n ) : locations.length === 0 ? (\n <p style={{ color: \"#6B7280\", fontStyle: \"italic\", paddingLeft: \"12px\" }}>\n No key geo locations found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n endpoint: \"geo-locations\",\n page: locationsPage,\n isbn: BookIsbn,\n setData: setLocations,\n setLoading: setLocationsLoading,\n setHasMore: setLocationsHasMore,\n setTotalPage: setLocationsTotalPages,\n title : title,\n })}>Retry</button>\n </p> \n ) : <>\n {locations.map((location, index) => {\n const isSelected = selectedCard.list === \"geo_location\" && selectedCard.page === locationsPage && selectedCard.index === index;\n return (\n <span data-selected={\n selectedCard.list === \"geo_location\" &&\n selectedCard.page === locationsPage &&\n selectedCard.index === index\n ? \"true\"\n : undefined\n } key={index} style={defaultStyles.geoLocationFlex}>\n <span\n className=\"book-elements-geo-text\"\n style={{\n ...defaultStyles.geoText,\n fontWeight: isSelected ? \"700\" : \"\",\n textDecoration : isSelected ? 'underline' : ''\n }}\n onClick={async () => {\n try {\n setSelectedCard({ list: \"geo_location\",page : locationsPage, index })\n if (location?.chunkIds?.length > 0) {\n await updateQuotesToHighLight(location.name, \"Key Geo Locations\", location.chunkIds, 0);\n }\n \n } catch (error) {\n console.error(\"Failed to highlight location:\", error);\n }\n }}\n onMouseOver={(e) =>\n (e.currentTarget.style.textDecoration = \"underline\")\n }\n onMouseOut={(e) =>\n (e.currentTarget.style.textDecoration = \"none\")\n }\n >\n {highlightTerms && highlightTerms.length > 0 && citationSubTitle==\"location_details\" && highlightEnabled ? (\n <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(location?.name, highlightTerms)) }} />\n ) : (\n location?.name\n )}\n </span>\n {index < locations.length - 1 && (\n <span style={defaultStyles.geoDivider}></span>\n )}\n </span>\n )\n })}\n </>\n }\n <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n {!locationsHasMore && <Pagination\n disabled={locationsLoading}\n count={locationsTotalPages}\n page={locationsPage}\n onChange={(_, value) => setLocationsPage(value)}\n shape=\"rounded\"\n style={{marginTop: \"8px\",}}\n />}\n </div>\n </div>\n </div>\n {/ Key Characters /}\n <div style={defaultStyles.charactersContainer}>\n <p style={defaultStyles.sectionTitle} className=\"book-elements-section-title\">Key Characters</p>\n {\n charactersLoading ? (\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n {[1, 2, 3, 4, 5, 6,7,8,9,10].map((item) => (\n <div style={{...defaultStyles.characterCard, flexBasis: '40%'}} key={item}>\n {/ Avatar Skeleton /}\n <Skeleton\n variant=\"circular\"\n style={{ ...defaultStyles.avatar, flexShrink: 0 }}\n\n />\n\n {/ Content Skeleton /}\n <div style={{ display: \"flex\", flexDirection: \"column\", flex: 1, }}>\n {/ Name Skeleton /}\n <Skeleton\n variant=\"text\"\n style={{ flex : '1',flexShrink: 0 }}\n />\n\n {/ Description Skeleton - Multiple lines /}\n <Skeleton variant=\"text\" style={{ flex : '1' }} />\n <Skeleton variant=\"text\" style={{ flex : '1' }} />\n <Skeleton variant=\"text\" style={{ flex : '1' }} />\n </div>\n </div>\n ))}\n </div>\n ) : characters.length === 0 ? (\n <p style={{ color: \"#6B7280\", fontStyle: \"italic\", paddingLeft: \"12px\" }}>\n No key characters found. <button style={defaultStyles.retryButton} onClick={() => getManuscriptElementsData({\n endpoint: \"notable-characters\",\n page: charactersPage,\n isbn: BookIsbn,\n setData: setCharacters,\n setLoading: setCharactersLoading,\n setHasMore: setCharactersHasMore,\n setTotalPage: setCharactersTotalPages,\n title : title,\n })}>Retry</button>\n </p> \n ) : <>\n <div className=\"book-elements-characters-grid\" style={defaultStyles.charactersGrid}>\n {characters.map((character, index) => {\n const avatarStyle = {\n ...defaultStyles.avatar,\n backgroundColor: character.bg,\n color: character.color,\n };\n const isSelected = selectedCard.list === \"key_character\" && selectedCard.page === charactersPage && selectedCard.index === index;\n\n return (\n <div\n key={index}\n onMouseEnter={(e) => {\n e.currentTarget.style.transform = \"translateY(-4px)\";\n e.currentTarget.style.boxShadow = \"0 4px 12px rgba(0, 0, 0, 0.15)\";}}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"translateY(0)\";\n e.currentTarget.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.1)\";}}\n className=\"book-elements-character-card\"\n style={{\n ...defaultStyles.characterCard,\n borderColor : isSelected ? 'rgb(83, 43, 237)' : '#E5E7EB'\n }}\n onClick={async () => {\n setSelectedCard({ list: \"key_character\",page : charactersPage, index })\n try {\n if (character?.chunkIds?.length > 0) {\n await updateQuotesToHighLight(character.name, \"Key Characters\", character.chunkIds, 0);\n }\n } catch (error) {\n console.error(\"Failed to highlight character:\", error);\n }\n }}\n data-selected={\n selectedCard.list === \"key_character\" &&\n selectedCard.page === charactersPage &&\n selectedCard.index === index\n ? \"true\"\n : undefined\n }\n >\n <div style={avatarStyle}>{character.initials}</div>\n\n <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n <p className=\"book-elements-char-name\" style={{ ...defaultStyles.charName, margin: 0 }}>\n {highlightTerms && highlightTerms.length > 0 \n && citationSubTitle==\"notable_characters\" \n && character.name.toLowerCase() === highlightTerms[0].toLowerCase() && highlightEnabled ? (\n <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(highlightTermsFunc(character.name, highlightTerms)) }} />\n ) : (\n character.name\n )}\n </p>\n <p\n className=\"book-elements-char-desc\"\n style={{\n ...defaultStyles.charDesc,\n margin: 0,\n marginTop: \"4px\",\n }}\n >\n {\n <ReactMarkdown\n remarkPlugins={[remarkBreaks]}\n rehypePlugins={[rehypeRaw as any]}\n components={{\n p: ({ node, ...props }) => (\n <p style={{ marginTop: 0 }} {...props} />\n )\n }}\n >\n {/ {processTextWithHighlight(\n character?.description,\n highlightTerms\n )} /}\n {character?.description}\n </ReactMarkdown>\n \n }\n </p>\n </div>\n </div>\n );\n })}\n </div>\n </>\n }\n <div className=\"book-elements-pagination\" style={{display : 'flex', justifyContent:'flex-end', width : '100%'}}>\n {!charactersHasMore && <Pagination\n count={charactersTotalPages}\n disabled={charactersLoading}\n page={charactersPage}\n onChange={(_, value) => setCharactersPage(value)}\n shape=\"rounded\"\n style={{marginTop: \"8px\",}}\n />}\n </div>\n {/ {characters.length > 6 && (\n <button\n style={defaultStyles.button}\n onClick={() => setShowAllCharacters(!showAllCharacters)}\n onMouseOver={(event) =>\n (event.currentTarget.style.textDecoration = \"underline\")\n }\n onMouseOut={(event) =>\n (event.currentTarget.style.textDecoration = \"none\")\n }\n >\n {showAllCharacters ? \"View less\" : \"View more\"}\n </button>\n )} */}\n </div>\n </div>\n );\n};\n\nexport default BookElementsCard;\n"],"names":["defaultStyles","sectionTitle","fontSize","fontWeight","color","marginBottom","quotesPadding","paddingLeft","quoteCard","border","borderRadius","padding","backgroundColor","boxShadow","cursor","transition","quoteText","fontStyle","quoteMeta","quoteAuthor","marginTop","button","background","textDecoration","geoLocationsContainer","geoText","geoDivider","margin","width","height","display","geoLocationFlex","alignItems","gap","charactersContainer","charactersGrid","gridTemplateColumns","characterCard","avatar","justifyContent","flexShrink","charName","charDesc","retryButton","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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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"})]})]})};
+"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}}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,p]=t.useState(!1),[u,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,u]),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),u=i?.tableOfContent?.some(e=>t(e?.title)||e?.children?.some(e=>t(e?.title))),x=r||o||a||c||d||h||m||u;n?.(x),x&&(a&&g(!0),c&&p(!0),u&&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,...u?{}:h.lineClamp},children:e.jsx("div",{dangerouslySetInnerHTML:{__html:l&&l.length>0&&s?o.sanitizeHtml(r.highlightTermsFunc(T||"",l)):T}})}),(b||u)&&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:u?"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:()=>p(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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookOverviewCard.js","sources":["../../../../../src/features/Bookemon/BookOverviewCard/BookOverviewCard.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkBreaks from 'remark-breaks'\nimport rehypeRaw from \"rehype-raw\";\nimport { highlightTermsFunc, processTextWithHighlight } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport \"./BookOverviewCard.css\";\nimport { BookemonProps } from \"../types/citation.types\";\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n card: {\n border: \"2px solid #E5E7EB\", // Tailwind border-2 default gray\n backgroundColor: \"#FFFFFF\",\n borderRadius: \"12px\",\n padding: \"24px\",\n // marginBottom: \"24px\",\n },\n title: {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n marginBottom: \"24px\",\n },\n grid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fit, minmax(110px, 1fr))\", \n gap: \"24px\",\n marginBottom: \"24px\",\n },\n gridItem: {\n backgroundColor: \"#F8FAFC\",\n border: \"1px solid #DFE5EC\",\n borderRadius: \"8px\",\n padding: \"12px 8px\",\n // height: \"50px\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: \"12px\",\n },\n\n gridItemHeight : {\n height: \"50px\",\n },\n label: {\n fontSize: \"14px\",\n fontWeight: 400,\n color: \"#64748B\",\n margin: 0,\n // marginBottom: \"4px\",\n },\n value: {\n fontWeight: \"bold\",\n fontSize: \"14px\",\n color: \"#434C55\",\n margin: 0,\n\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n maxWidth: \"120px\",\n },\n section: {\n marginBottom: \"12px\",\n // boxShadow : \"0px 8px 12px rgba(0, 0, 0, 0.05)\",\n // boxShadow: \"rgba(0, 0, 0, 0.16) 0px 1px 4px\",\n padding: \"8px 12px\",\n borderRadius: \"8px\",\n border : \"1px solid #DEE4EB\"\n },\n sectionLabel: {\n fontSize: \"14px\",\n fontWeight: 600,\n color: \"#667085\",\n marginBottom: \"8px\",\n whiteSpace: \"pre-line\",\n },\n summaryText: {\n marginTop: \"0px\",\n },\n sectionText: {\n fontSize: \"16px\",\n fontWeight: 400,\n lineHeight: \"1.625\", // leading-relaxed\n color: \"#64748B\",\n marginBottom: \"8px\",\n },\n button: {\n color: \"#5928ED\",\n fontSize: \"14px\",\n fontWeight: 600,\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n textDecoration: \"none\",\n },\n lineClamp: {\n display: \"-webkit-box\",\n WebkitLineClamp: 3,\n WebkitBoxOrient: \"vertical\",\n overflow: \"hidden\",\n },\n container: {\n // padding: \"16px\",\n fontFamily: \"Inter, sans-serif\",\n color: \"#434C54\",\n marginBottom: \"8px\",\n },\n partContainer: {\n marginBottom: \"8px\",\n },\n partTitle: {\n fontSize: \"16px\",\n fontWeight: \"600\",\n marginBottom: \"10px\",\n },\n chapterList: {\n listStyle: \"none\",\n paddingLeft: \"20px\",\n margin: 0,\n },\n chapterItem: {\n marginBottom: \"6px\",\n },\n chapterLink: {\n textDecoration: \"none\",\n color: \"#63748A\",\n fontSize: \"16px\",\n lineHeight: \"1.5\",\n },\n chapterLinkHover: {\n textDecoration: \"underline\",\n },\n singleChapter: {\n marginBottom: \"4px\",\n fontSize: \"16px\",\n },\n chapterNumber : {\n color: \"#63748A\",\n }\n};\n// Type for book overview object\nexport interface IBookOverview {\n title: string;\n totalPages: number;\n readingTime: string;\n summary: string;\n author : string;\n totalSectionCount : number;\n bookDescription : string,\n tableOfContent : any[]\n}\n\ninterface BookOverviewCardProps {\n data: IBookOverview;\n highlightTerms?: string[];\n onHighlightMatch?: (matched: boolean) => void;\n highlightEnabled?: boolean\n}\n\nconst BookOverviewCard = ({ data, highlightTerms, onHighlightMatch, highlightEnabled }: BookOverviewCardProps) => {\n const [expanded, setExpanded] = useState(false);\n const [showFullSummary, setShowFullSummary] = useState(false);\n const [tableOfContentExpanded, setTableOfContentExpanded] = useState(false);\n const [isOverflowing, setIsOverflowing] = useState(false);\n const textRef = useRef<HTMLDivElement \| null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const isTableOfContentEmpty = data?.tableOfContent && data.tableOfContent.every((item: any) => !item.title \|\| item.title.trim() === \"\");\n const extractSummary = (summary: string) => {\n if (!summary) return \"\";\n const idx = summary.indexOf(\"Book Title:\");\n if (idx === 0) {\n return summary.slice(\"Book Title:\".length).trim();\n }\n return summary;\n };\n\n const cleanedDescription = data?.bookDescription\n ?.replace(/display:\\s-webkit-box;?/g, \"\")\n ?.replace(/-webkit-line-clamp:\\s\\d+;?/g, \"\")\n ?.replace(/-webkit-box-orient:\\svertical;?/g, \"\")\n ?.replace(/overflow:\\shidden;?/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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"}
1	+ {"version":3,"file":"BookOverviewCard.js","sources":["../../../../../src/features/Bookemon/BookOverviewCard/BookOverviewCard.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkBreaks from 'remark-breaks'\nimport rehypeRaw from \"rehype-raw\";\nimport { highlightTermsFunc, processTextWithHighlight } from '../utils/highlight';\nimport { sanitizeHtml } from \"../../../utils/sanitizeHtml\";\nimport \"./BookOverviewCard.css\";\nimport { BookemonProps } from \"../types/citation.types\";\n\nconst defaultStyles: { [key: string]: CSSProperties } = {\n card: {\n border: \"2px solid #E5E7EB\", // Tailwind border-2 default gray\n backgroundColor: \"#FFFFFF\",\n borderRadius: \"12px\",\n padding: \"24px\",\n // marginBottom: \"24px\",\n },\n title: {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n marginBottom: \"24px\",\n },\n grid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fit, minmax(110px, 1fr))\", \n gap: \"24px\",\n marginBottom: \"24px\",\n },\n gridItem: {\n backgroundColor: \"#F8FAFC\",\n border: \"1px solid #DFE5EC\",\n borderRadius: \"8px\",\n padding: \"12px 8px\",\n // height: \"50px\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: \"12px\",\n },\n\n gridItemHeight : {\n height: \"50px\",\n },\n label: {\n fontSize: \"14px\",\n fontWeight: 400,\n color: \"#64748B\",\n margin: 0,\n // marginBottom: \"4px\",\n },\n value: {\n fontWeight: \"bold\",\n fontSize: \"14px\",\n color: \"#434C55\",\n margin: 0,\n\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n maxWidth: \"120px\",\n },\n section: {\n marginBottom: \"12px\",\n // boxShadow : \"0px 8px 12px rgba(0, 0, 0, 0.05)\",\n // boxShadow: \"rgba(0, 0, 0, 0.16) 0px 1px 4px\",\n padding: \"8px 12px\",\n borderRadius: \"8px\",\n border : \"1px solid #DEE4EB\"\n },\n sectionLabel: {\n fontSize: \"14px\",\n fontWeight: 600,\n color: \"#667085\",\n marginBottom: \"8px\",\n whiteSpace: \"pre-line\",\n },\n summaryText: {\n marginTop: \"0px\",\n },\n sectionText: {\n fontSize: \"16px\",\n fontWeight: 400,\n lineHeight: \"1.625\", // leading-relaxed\n color: \"#64748B\",\n marginBottom: \"8px\",\n },\n button: {\n color: \"#5928ED\",\n fontSize: \"14px\",\n fontWeight: 600,\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n textDecoration: \"none\",\n },\n lineClamp: {\n display: \"-webkit-box\",\n WebkitLineClamp: 3,\n WebkitBoxOrient: \"vertical\",\n overflow: \"hidden\",\n },\n container: {\n // padding: \"16px\",\n fontFamily: \"Inter, sans-serif\",\n color: \"#434C54\",\n marginBottom: \"8px\",\n },\n partContainer: {\n marginBottom: \"8px\",\n },\n partTitle: {\n fontSize: \"16px\",\n fontWeight: \"600\",\n marginBottom: \"10px\",\n },\n chapterList: {\n listStyle: \"none\",\n paddingLeft: \"20px\",\n margin: 0,\n },\n chapterItem: {\n marginBottom: \"6px\",\n },\n chapterLink: {\n textDecoration: \"none\",\n color: \"#63748A\",\n fontSize: \"16px\",\n lineHeight: \"1.5\",\n },\n chapterLinkHover: {\n textDecoration: \"underline\",\n },\n singleChapter: {\n marginBottom: \"4px\",\n fontSize: \"16px\",\n },\n chapterNumber : {\n color: \"#63748A\",\n }\n};\n// Type for book overview object\nexport interface IBookOverview {\n title: string;\n totalPages: number;\n readingTime: string;\n summary: string;\n author : string;\n totalSectionCount : number;\n bookDescription : string,\n tableOfContent : any[]\n}\n\ninterface BookOverviewCardProps {\n data: IBookOverview;\n highlightTerms?: string[];\n onHighlightMatch?: (matched: boolean) => void;\n highlightEnabled?: boolean\n}\n\nconst BookOverviewCard = ({ data, highlightTerms, onHighlightMatch, highlightEnabled }: BookOverviewCardProps) => {\n const [expanded, setExpanded] = useState(false);\n const [showFullSummary, setShowFullSummary] = useState(false);\n const [tableOfContentExpanded, setTableOfContentExpanded] = useState(false);\n const [isOverflowing, setIsOverflowing] = useState(false);\n const textRef = useRef<HTMLDivElement \| null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const isTableOfContentEmpty = data?.tableOfContent && data.tableOfContent.every((item: any) => !item.title \|\| item.title.trim() === \"\");\n const extractSummary = (summary: string) => {\n if (!summary) return \"\";\n const idx = summary.indexOf(\"Book Title:\");\n if (idx === 0) {\n return summary.slice(\"Book Title:\".length).trim();\n }\n return summary;\n };\n\n const cleanedDescription = data?.bookDescription\n ?.replace(/display:\\s-webkit-box;?/g, \"\")\n ?.replace(/-webkit-line-clamp:\\s\\d+;?/g, \"\")\n ?.replace(/-webkit-box-orient:\\svertical;?/g, \"\")\n ?.replace(/overflow:\\shidden;?/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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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))})]})]})};
+"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");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 CHANGED Viewed

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

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