@viswa-test/test-citation 0.0.384 → 0.0.385

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

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

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

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

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

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

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

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

package/dist/features/ChatCitation/InternalChatCitationRenderer.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"./components/ChatCitation.js";import{getColorCode as r}from"./utils/helpers.js";import i from"./components/Chip.js";import n from"./assets/message-chat-square.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import l from"./components/InViewNavigation.js";import s from"./components/DetailedView.js";import a from"./components/SummarizedView.js";import c from"./components/RuleBook.js";import{useState as d,useRef as h,useMemo as u,useEffect as m,useCallback as p}from"react";import{defaultRenderer as f}from"./constants/renderer.js";import"./styles/common.css.js";import g from"./components/IconContainer.js";import{Table as y}from"lucide-react";import{BigQueryTable as b}from"./BigQueryTable.js";import x from"@mui/icons-material/CloseOutlined";const v=(e,t,o="smooth")=>{if(!t)return;let r=e.parentElement;for(;r;){const{overflowY:e}=window.getComputedStyle(r);if(("auto"===e||"scroll"===e)&&r.scrollHeight>r.clientHeight)break;if(r===t){r=null;break}r=r.parentElement}const i=r??t,n=e.getBoundingClientRect(),l=i.getBoundingClientRect(),s=i.scrollTop+n.top-l.top-(i.clientHeight-n.height)/2;i.scrollTo({top:Math.max(0,s),behavior:o})},w={chatData:[]};function C({rootContainer:C,chatContainer:S=w,ruleBookContainer:k,renderer:A,additionalData:D,tableComponent:T,closePreview:F,isRenderedCustomComponent:R=!1,showRootContainer:I=!0,reversePanels:j=!1}){const[E,z]=d(0),[B,H]=d(0),[P,V]=d(0),[q,N]=d(0),W=h(null),Y=h(null),K=h(null),O=u(()=>({...f,...A}),[A]),M=u(()=>!!(T?.rows&&Object.keys(T.rows).length>0),[T]),Q=u(()=>D?.RuleBookDetailedViewVerticallyStacked??!1,[D?.RuleBookDetailedViewVerticallyStacked]);m(()=>{if(k?.show&&W.current){const e=W.current?.querySelectorAll(".rule-book-highlight");if(z(e?.length||0),H(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c",v(t,W.current)}}if(S?.show&&Y?.current){const e=Y.current?.querySelectorAll(".user-chat-highlight");if(V(e?.length||0),N(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c";const o=requestAnimationFrame(()=>{v(t,K.current)});return()=>cancelAnimationFrame(o)}const t=D?.targetIndex;if(void 0!==t&&t>=0&&Y.current?.firstElementChild){const e=Y.current.firstElementChild.children[t];if(e){const t=requestAnimationFrame(()=>{v(e,K.current)});return()=>cancelAnimationFrame(t)}}}},[S?.show,k?.show,k?.data,S?.chatData,D?.targetIndex]);const U=p(()=>{if(B+1<E){const e=W.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[B].style.backgroundColor="#ffffb8";const t=B+1;H(t);const o=e[t];o.style.backgroundColor="#ffff5c",v(o,W.current)}},[B,E]),G=p(()=>{if(B-1<0)return;const e=W.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[B].style.backgroundColor="#ffffb8";const t=B-1,o=e[t];o.style.backgroundColor="#ffff5c",H(t),v(o,W.current)},[B]),J=p(()=>{if(q+1<P){const e=Y.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[q].style.backgroundColor="#ffffb8";const t=q+1,o=e[t];o.style.backgroundColor="#ffff5c",N(t),v(o,K.current)}},[q,P]),L=p(()=>{if(q-1<0)return;const e=Y.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[q].style.backgroundColor="#ffffb8";const t=q-1,o=e[t];o.style.backgroundColor="#ffff5c",N(t),v(o,K.current)},[q]),X=r(C?.relevanceScore||0),Z=u(()=>{const o=e("span",{style:{display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:X.border,backgroundColor:X.background,color:X.text,...C?.slotStyles?.relevanceScore},children:[C?.relevanceTitle||"Decision Strength",":"," ",C?.relevanceScore||0,"%"]},"relevance-score"),r=t("span",{style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:F,children:t(x,{})},"close-preview");return R&&!D?.isExpanded?[o,r]:[o]},[R,X.background,X.border,X.text,C?.relevanceScore,C?.slotStyles?.relevanceScore,C?.relevanceTitle]),$=u(()=>[E>0&&t(l,{currentItemNumber:B+1,totalItems:E,disableNext:B+1>=E,onNext:U,onPrevious:G,disablePrevious:B<=0},"rulebook-nav")],[B,U,G,E]),_=u(()=>D?.RuleBookContainerHeight?D.RuleBookContainerHeight:!(!Q||D?.isExpanded)&&"600px",[D?.RuleBookContainerHeight,Q]),ee=u(()=>[S?.detailedTab?.chip?.isActive&&P>0&&t(l,{currentItemNumber:q+1,totalItems:P,onNext:J,onPrevious:L,disableNext:q+1>=P,disablePrevious:q<=0},"chat-nav")],[S?.detailedTab?.chip?.isActive,q,J,L,P]),te=e("div",{style:{display:"flex",flexDirection:j?Q?"column-reverse":"row-reverse":Q?"column":"row",gap:[S?.chatData&&S.chatData.length>0&&(S.show||void 0===S.show),k?.data&&(k.show||void 0===k.show),M].filter(Boolean).length>1?"12px":"0",height:_||"100%",minHeight:0,...C?.slotStyles?.container},children:[M&&t("span",{style:{flex:"1 1 0%",minWidth:0,...S?.slotStyles?.outerContainer},children:t(o,{title:"Invoice Data Preview",icon:t(g,{children:t(y,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[],children:t("div",{style:{height:"100%",maxHeight:D?.isExpanded?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"},children:T?.rows&&t(b,{rows:T.rows,columns:T.columns||[]})})})}),k?.data&&(k.show||void 0===k.show)&&t("span",{style:{flex:"1 1 0%",minWidth:0,...k?.slotStyles?.outerContainer},children:t(o,{title:k?.title??"Rule book",icon:k?.ruleBookIcon,slotStyles:{title:{color:"#475569",fontWeight:500,...k?.slotStyles?.title},body:k?.slotStyles?.body},secondaryActions:k?.secondaryActions?k.secondaryActions($):$,children:t("div",{style:{height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...k?.slotStyles?.dataContainer},children:t("div",{style:{padding:"12px",height:"100%",overflowY:"auto"},ref:W,children:t(c,{data:k.data,renderers:k?.renderer??O})})})})}),S?.chatData&&S.chatData.length>0&&(S.show||void 0===S.show)&&t("span",{style:{flex:"1 1 0%",minWidth:0,...S?.slotStyles?.outerContainer},children:t(o,{title:S?.title??"Chat",icon:S?.chatIcon,containerStyles:S?.slotStyles?.container,slotStyles:{title:{color:"#475569",fontWeight:500,...S?.slotStyles?.title},body:S?.slotStyles?.body},primaryActions:[(S?.summarizedTab?.chip?.show||void 0===S?.summarizedTab?.chip?.show)&&t(i,{label:"Summarized",...S?.summarizedTab?.chip}),t(i,{label:"Detailed",...S?.detailedTab?.chip})],secondaryActions:S.secondaryActions?S?.secondaryActions(ee):ee,children:e("div",{ref:K,style:{height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...S?.slotStyles?.chatDataContainer},children:[S?.detailedTab?.chip?.isActive&&t("div",{ref:Y,style:{position:D?.isExpanded?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"},children:t(s,{chatData:S.chatData??[],assistantChatProps:{...S?.detailedTab?.view?.assistantChatProps,renderers:S?.detailedTab?.detailedViewRenderer?.assistantText??O},userChatItemProps:{...S?.detailedTab?.view?.userChatItemProps,renderers:S?.detailedTab?.detailedViewRenderer?.userText??O}})}),S?.summarizedTab?.chip?.show&&S?.summarizedTab?.chip?.isActive&&t(a,{chatData:S.chatData??[],...S?.summarizedTab?.view,renderer:S?.summarizedTab?.summarizedViewRenderer??O})]})})})]});return I?t(o,{title:C?.title,slotStyles:{title:C?.slotStyles?.title,body:C?.slotStyles?.body},containerStyles:C?.slotStyles?.container,icon:C?.icon??t(g,{children:t("img",{src:n,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:C?.secondaryActions?C.secondaryActions(Z):Z,children:te}):te}export{C as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"./components/ChatCitation.js";import{getColorCode as r}from"./utils/helpers.js";import i from"./components/Chip.js";import n from"./assets/message-chat-square.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import l from"./components/InViewNavigation.js";import a from"./components/DetailedView.js";import s from"./components/SummarizedView.js";import c from"./components/RuleBook.js";import{useState as d,useRef as h,useMemo as u,useEffect as m,useCallback as p}from"react";import{defaultRenderer as f}from"./constants/renderer.js";import g from"./components/IconContainer.js";import{Table as y}from"lucide-react";import{BigQueryTable as b}from"./BigQueryTable.js";import x from"@mui/icons-material/CloseOutlined";const v=(e,t,o="smooth")=>{if(!t)return;let r=e.parentElement;for(;r;){const{overflowY:e}=window.getComputedStyle(r);if(("auto"===e||"scroll"===e)&&r.scrollHeight>r.clientHeight)break;if(r===t){r=null;break}r=r.parentElement}const i=r??t,n=e.getBoundingClientRect(),l=i.getBoundingClientRect(),a=i.scrollTop+n.top-l.top-(i.clientHeight-n.height)/2;i.scrollTo({top:Math.max(0,a),behavior:o})},w={chatData:[]};function C({rootContainer:C,chatContainer:S=w,ruleBookContainer:k,renderer:A,additionalData:D,tableComponent:T,closePreview:F,isRenderedCustomComponent:R=!1,showRootContainer:I=!0,reversePanels:E=!1}){const[j,z]=d(0),[B,H]=d(0),[P,V]=d(0),[q,N]=d(0),W=h(null),Y=h(null),K=h(null),O=u(()=>({...f,...A}),[A]),M=u(()=>!!(T?.rows&&Object.keys(T.rows).length>0),[T]),Q=u(()=>D?.RuleBookDetailedViewVerticallyStacked??!1,[D?.RuleBookDetailedViewVerticallyStacked]);m(()=>{if(k?.show&&W.current){const e=W.current?.querySelectorAll(".rule-book-highlight");if(z(e?.length||0),H(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c",v(t,W.current)}}if(S?.show&&Y?.current){const e=Y.current?.querySelectorAll(".user-chat-highlight");if(V(e?.length||0),N(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c";const o=requestAnimationFrame(()=>{v(t,K.current)});return()=>cancelAnimationFrame(o)}const t=D?.targetIndex;if(void 0!==t&&t>=0&&Y.current?.firstElementChild){const e=Y.current.firstElementChild.children[t];if(e){const t=requestAnimationFrame(()=>{v(e,K.current)});return()=>cancelAnimationFrame(t)}}}},[S?.show,k?.show,k?.data,S?.chatData,D?.targetIndex]);const U=p(()=>{if(B+1<j){const e=W.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[B].style.backgroundColor="#ffffb8";const t=B+1;H(t);const o=e[t];o.style.backgroundColor="#ffff5c",v(o,W.current)}},[B,j]),G=p(()=>{if(B-1<0)return;const e=W.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[B].style.backgroundColor="#ffffb8";const t=B-1,o=e[t];o.style.backgroundColor="#ffff5c",H(t),v(o,W.current)},[B]),J=p(()=>{if(q+1<P){const e=Y.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[q].style.backgroundColor="#ffffb8";const t=q+1,o=e[t];o.style.backgroundColor="#ffff5c",N(t),v(o,K.current)}},[q,P]),L=p(()=>{if(q-1<0)return;const e=Y.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[q].style.backgroundColor="#ffffb8";const t=q-1,o=e[t];o.style.backgroundColor="#ffff5c",N(t),v(o,K.current)},[q]),X=r(C?.relevanceScore||0),Z=u(()=>{const o=e("span",{style:{display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:X.border,backgroundColor:X.background,color:X.text,...C?.slotStyles?.relevanceScore},children:[C?.relevanceTitle||"Decision Strength",":"," ",C?.relevanceScore||0,"%"]},"relevance-score"),r=t("span",{style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:F,children:t(x,{})},"close-preview");return R&&!D?.isExpanded?[o,r]:[o]},[R,X.background,X.border,X.text,C?.relevanceScore,C?.slotStyles?.relevanceScore,C?.relevanceTitle]),$=u(()=>[j>0&&t(l,{currentItemNumber:B+1,totalItems:j,disableNext:B+1>=j,onNext:U,onPrevious:G,disablePrevious:B<=0},"rulebook-nav")],[B,U,G,j]),_=u(()=>D?.RuleBookContainerHeight?D.RuleBookContainerHeight:!(!Q||D?.isExpanded)&&"600px",[D?.RuleBookContainerHeight,Q]),ee=u(()=>[S?.detailedTab?.chip?.isActive&&P>0&&t(l,{currentItemNumber:q+1,totalItems:P,onNext:J,onPrevious:L,disableNext:q+1>=P,disablePrevious:q<=0},"chat-nav")],[S?.detailedTab?.chip?.isActive,q,J,L,P]),te=e("div",{style:{display:"flex",flexDirection:E?Q?"column-reverse":"row-reverse":Q?"column":"row",gap:[S?.chatData&&S.chatData.length>0&&(S.show||void 0===S.show),k?.data&&(k.show||void 0===k.show),M].filter(Boolean).length>1?"12px":"0",height:_||"100%",minHeight:0,...C?.slotStyles?.container},children:[M&&t("span",{style:{flex:"1 1 0%",minWidth:0,...S?.slotStyles?.outerContainer},children:t(o,{title:"Invoice Data Preview",icon:t(g,{children:t(y,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[],children:t("div",{style:{height:"100%",maxHeight:D?.isExpanded?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"},children:T?.rows&&t(b,{rows:T.rows,columns:T.columns||[]})})})}),k?.data&&(k.show||void 0===k.show)&&t("span",{style:{flex:"1 1 0%",minWidth:0,...k?.slotStyles?.outerContainer},children:t(o,{title:k?.title??"Rule book",icon:k?.ruleBookIcon,slotStyles:{title:{color:"#475569",fontWeight:500,...k?.slotStyles?.title},body:k?.slotStyles?.body},secondaryActions:k?.secondaryActions?k.secondaryActions($):$,children:t("div",{style:{height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...k?.slotStyles?.dataContainer},children:t("div",{style:{padding:"12px",height:"100%",overflowY:"auto"},ref:W,children:t(c,{data:k.data,renderers:k?.renderer??O})})})})}),S?.chatData&&S.chatData.length>0&&(S.show||void 0===S.show)&&t("span",{style:{flex:"1 1 0%",minWidth:0,...S?.slotStyles?.outerContainer},children:t(o,{title:S?.title??"Chat",icon:S?.chatIcon,containerStyles:S?.slotStyles?.container,slotStyles:{title:{color:"#475569",fontWeight:500,...S?.slotStyles?.title},body:S?.slotStyles?.body},primaryActions:[(S?.summarizedTab?.chip?.show||void 0===S?.summarizedTab?.chip?.show)&&t(i,{label:"Summarized",...S?.summarizedTab?.chip}),t(i,{label:"Detailed",...S?.detailedTab?.chip})],secondaryActions:S.secondaryActions?S?.secondaryActions(ee):ee,children:e("div",{ref:K,style:{height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...S?.slotStyles?.chatDataContainer},children:[S?.detailedTab?.chip?.isActive&&t("div",{ref:Y,style:{position:D?.isExpanded?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"},children:t(a,{chatData:S.chatData??[],assistantChatProps:{...S?.detailedTab?.view?.assistantChatProps,renderers:S?.detailedTab?.detailedViewRenderer?.assistantText??O},userChatItemProps:{...S?.detailedTab?.view?.userChatItemProps,renderers:S?.detailedTab?.detailedViewRenderer?.userText??O}})}),S?.summarizedTab?.chip?.show&&S?.summarizedTab?.chip?.isActive&&t(s,{chatData:S.chatData??[],...S?.summarizedTab?.view,renderer:S?.summarizedTab?.summarizedViewRenderer??O})]})})})]});return I?t(o,{title:C?.title,slotStyles:{title:C?.slotStyles?.title,body:C?.slotStyles?.body},containerStyles:C?.slotStyles?.container,icon:C?.icon??t(g,{children:t("img",{src:n,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:C?.secondaryActions?C.secondaryActions(Z):Z,children:te}):te}export{C as default};
 //# sourceMappingURL=InternalChatCitationRenderer.js.map

package/dist/features/ChatCitation/InternalChatCitationRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalChatCitationRenderer.js","sources":["../../../src/features/ChatCitation/InternalChatCitationRenderer.tsx"],"sourcesContent":["import ChatCitation from \"./components/ChatCitation\";\nimport { FeatureModMarkdownProps } from \"./components/MarkdownRenderer\";\nimport { ChatCitationProps } from \"./types/citations.types\";\nimport { getColorCode } from \"./utils/helpers\";\nimport Chip from \"./components/Chip\";\nimport { ChatIcon } from \"./constants/icons\";\nimport InViewNavigation from \"./components/InViewNavigation\";\nimport DetailedView from \"./components/DetailedView\";\nimport SummarizedView from \"./components/SummarizedView\";\nimport RuleBook from \"./components/RuleBook\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { defaultRenderer } from \"./constants/renderer\";\nimport \"./styles/common.css\";\nimport IconContainer from \"./components/IconContainer\";\nimport { Table } from \"lucide-react\";\nimport { BigQueryTable } from \"./BigQueryTable\";\nimport CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';\n// BigQuery Table Data Interface\ninterface BigQueryTableData {\n  rows: Record<string, any[]>;\n  columns?: string[];\n}\n\n/**\n * Scrolls the given element into view within the specified container boundary\n * instead of delegating the scrolling to browser's default behavior.\n */\nconst scrollHighlightIntoContainer = (\n  element: HTMLElement,\n  containerBoundary: HTMLElement | null,\n  behavior: ScrollBehavior = \"smooth\",\n) => {\n  if (!containerBoundary) return;\n\n  let scrollContainer: HTMLElement | null = element.parentElement;\n\n  while (scrollContainer) {\n    const { overflowY } = window.getComputedStyle(scrollContainer);\n    const canScroll =\n      (overflowY === \"auto\" || overflowY === \"scroll\") &&\n      scrollContainer.scrollHeight > scrollContainer.clientHeight;\n\n    if (canScroll) break;\n    if (scrollContainer === containerBoundary) {\n      scrollContainer = null;\n      break;\n    }\n\n    scrollContainer = scrollContainer.parentElement;\n  }\n\n  const container = scrollContainer ?? containerBoundary;\n  const elementRect = element.getBoundingClientRect();\n  const containerRect = container.getBoundingClientRect();\n  const top =\n    container.scrollTop +\n    elementRect.top -\n    containerRect.top -\n    (container.clientHeight - elementRect.height) / 2;\n\n  container.scrollTo({\n    top: Math.max(0, top),\n    behavior,\n  });\n};\n\n\ntype InternalChatCitationRendererProps = ChatCitationProps & {\n  showRootContainer?: boolean; \n  tableComponent?: BigQueryTableData; // Changed to BigQueryTableData\n};\n\nconst EMPTY_CHAT_CONTAINER = { chatData: [] };\n\nexport default function InternalChatCitationRenderer({\n  rootContainer,\n  chatContainer = EMPTY_CHAT_CONTAINER,\n  ruleBookContainer,\n  renderer,\n  additionalData,\n  tableComponent,\n  closePreview,\n  isRenderedCustomComponent = false,\n  showRootContainer = true, \n  reversePanels=false\n}: InternalChatCitationRendererProps) {\n  const [\n    totalNumberOfHighlightedItemsInRuleBook,\n    setTotalNumberOfHighlightedItemsInRuleBook,\n  ] = useState<number>(0);\n  const [currentlyHighlightedInRuleBook, setCurrentlyHighlightedInRuleBook] =\n    useState<number>(0);\n\n  const [\n    totalNumberOfHighlightedItemsInUserChat,\n    setTotalNumberOfHighlightedItemsInUserChat,\n  ] = useState<number>(0);\n  const [currentlyHighlightedInUserChat, setCurrentlyHighlightedInUserChat] =\n    useState<number>(0);\n\n  const ruleBookRef = useRef<HTMLDivElement | null>(null);\n  const userChatRef = useRef<HTMLDivElement | null>(null);\n  const userChatScrollRef = useRef<HTMLDivElement | null>(null);\n\n  const rendererToUse: FeatureModMarkdownProps[\"renderers\"] = useMemo(() => {\n    return { ...defaultRenderer, ...renderer };\n  }, [renderer]);\n\n  const isTableDataPresent = useMemo(() => {\n    return !!(\n      tableComponent?.rows &&\n      Object.keys(tableComponent.rows).length > 0\n    );\n  }, [tableComponent]);\n\n  // Determine if we're in vertical (column) or horizontal (row) layout\n  const isVerticalLayout = useMemo(() => {\n    return additionalData?.RuleBookDetailedViewVerticallyStacked ?? false;\n  }, [additionalData?.RuleBookDetailedViewVerticallyStacked]);\n\n  useEffect(() => {\n    if (ruleBookContainer?.show && ruleBookRef.current) {\n      const result = ruleBookRef.current?.querySelectorAll(\n        \".rule-book-highlight\",\n      );\n      setTotalNumberOfHighlightedItemsInRuleBook(result?.length || 0);\n      setCurrentlyHighlightedInRuleBook(0);\n      if (result && result.length > 0) {\n        const element = result[0] as HTMLElement;\n        element.style.backgroundColor = \"#ffff5c\";\n        scrollHighlightIntoContainer(element, ruleBookRef.current);\n      }\n    }\n    if (chatContainer?.show && userChatRef?.current) {\n      const userChatHighlightsResult = userChatRef.current?.querySelectorAll(\n        \".user-chat-highlight\",\n      );\n      setTotalNumberOfHighlightedItemsInUserChat(\n        userChatHighlightsResult?.length || 0,\n      );\n      setCurrentlyHighlightedInUserChat(0);\n      if (userChatHighlightsResult && userChatHighlightsResult.length > 0) {\n        const element = userChatHighlightsResult[0] as HTMLElement;\n        element.style.backgroundColor = \"#ffff5c\";\n\n        // request animation frame to ensure DOM has completely rendered before scrolling\n        const animationFrame = requestAnimationFrame(() => {\n          scrollHighlightIntoContainer(element, userChatScrollRef.current);\n        });\n\n        return () => cancelAnimationFrame(animationFrame);\n      }\n      // FALLBACK LOGIC IF THE HIGHLIGHTED_PHRASE is empty and we got the msgOrderNumber for CR_CITATION\n      const targetIndex = (additionalData as any)?.targetIndex;\n      if (targetIndex !== undefined && targetIndex >= 0 && userChatRef.current?.firstElementChild) {\n        const messageNode = userChatRef.current.firstElementChild.children[targetIndex] as HTMLElement;\n        if (messageNode) {\n          const animationFrame = requestAnimationFrame(() => {\n            scrollHighlightIntoContainer(messageNode, userChatScrollRef.current);\n          });\n          return () => cancelAnimationFrame(animationFrame);\n        }\n      }\n    }\n  }, [\n    chatContainer?.show,\n    ruleBookContainer?.show,\n    ruleBookContainer?.data,\n    chatContainer?.chatData,\n    (additionalData as any)?.targetIndex\n  ]);\n\n  const handleRuleBookNextHighlight = useCallback(() => {\n    if (\n      currentlyHighlightedInRuleBook + 1 <\n      totalNumberOfHighlightedItemsInRuleBook\n    ) {\n      const result = ruleBookRef.current?.querySelectorAll(\n        \".rule-book-highlight\",\n      );\n      if (!result) return;\n      const prevElement = result[currentlyHighlightedInRuleBook] as HTMLElement;\n      prevElement.style.backgroundColor = \"#ffffb8\";\n      const nextIndex = currentlyHighlightedInRuleBook + 1;\n      setCurrentlyHighlightedInRuleBook(nextIndex);\n      const element = result[nextIndex] as HTMLElement;\n      element.style.backgroundColor = \"#ffff5c\";\n      scrollHighlightIntoContainer(element, ruleBookRef.current);\n    }\n  }, [currentlyHighlightedInRuleBook, totalNumberOfHighlightedItemsInRuleBook]);\n\n  const handleRuleBookPreviousHighlight = useCallback(() => {\n    if (currentlyHighlightedInRuleBook - 1 < 0) return;\n    const result = ruleBookRef.current?.querySelectorAll(\n      \".rule-book-highlight\",\n    );\n    if (!result) return;\n    const element = result[currentlyHighlightedInRuleBook] as HTMLElement;\n    element.style.backgroundColor = \"#ffffb8\";\n    const previousIndex = currentlyHighlightedInRuleBook - 1;\n    const prevElement = result[previousIndex] as HTMLElement;\n    prevElement.style.backgroundColor = \"#ffff5c\";\n    setCurrentlyHighlightedInRuleBook(previousIndex);\n    scrollHighlightIntoContainer(prevElement, ruleBookRef.current);\n  }, [currentlyHighlightedInRuleBook]);\n\n  const handleUserChatNextHighlight = useCallback(() => {\n    if (\n      currentlyHighlightedInUserChat + 1 <\n      totalNumberOfHighlightedItemsInUserChat\n    ) {\n      const result = userChatRef.current?.querySelectorAll(\n        \".user-chat-highlight\",\n      );\n      if (!result) return;\n      const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n      element.style.backgroundColor = \"#ffffb8\";\n      const nextIndex = currentlyHighlightedInUserChat + 1;\n      const nextElement = result[nextIndex] as HTMLElement;\n      nextElement.style.backgroundColor = \"#ffff5c\";\n      setCurrentlyHighlightedInUserChat(nextIndex);\n      scrollHighlightIntoContainer(nextElement, userChatScrollRef.current);\n    }\n  }, [currentlyHighlightedInUserChat, totalNumberOfHighlightedItemsInUserChat]);\n\n  const handleUserChatPreviousHighlight = useCallback(() => {\n    if (currentlyHighlightedInUserChat - 1 < 0) return;\n    const result = userChatRef.current?.querySelectorAll(\n      \".user-chat-highlight\",\n    );\n    if (!result) return;\n    const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n    element.style.backgroundColor = \"#ffffb8\";\n    const previousIndex = currentlyHighlightedInUserChat - 1;\n    const prevElement = result[previousIndex] as HTMLElement;\n    prevElement.style.backgroundColor = \"#ffff5c\";\n    setCurrentlyHighlightedInUserChat(previousIndex);\n    scrollHighlightIntoContainer(prevElement, userChatScrollRef.current);\n  }, [currentlyHighlightedInUserChat]);\n\n  const colorCodes = getColorCode(rootContainer?.relevanceScore || 0);\n\nconst rootContainerSecondaryActions = useMemo(() => {\n  const relevanceBadge = (\n    <span\n      key=\"relevance-score\"\n      style={{\n        display: \"flex\",\n        border: \"1px solid\",\n        alignItems: \"center\",\n        gap: \"4px\",\n        borderRadius: \"6px\",\n        padding: \"2px 8px\",\n        fontSize: \"12px\",\n        borderColor: colorCodes.border,\n        backgroundColor: colorCodes.background,\n        color: colorCodes.text,\n        ...rootContainer?.slotStyles?.relevanceScore,\n      }}\n    >\n      {rootContainer?.relevanceTitle || \"Decision Strength\"}:{\" \"}\n      {rootContainer?.relevanceScore || 0}%\n    \n    </span>\n  );\n\n  const closeButton = (\n    <span\n      key=\"close-preview\"\n      style={{\n        display: \"flex\",\n        // border: \"1px solid black\",\n        alignItems: \"center\",\n        gap: \"4px\",\n        borderRadius: \"6px\",\n        padding: \"2px 8px\",\n        fontSize: \"12px\",\n        backgroundColor: \"white\",\n        color: \"black\",\n        cursor: \"pointer\",\n      }}\n      onClick={closePreview}\n    >\n      <CloseOutlinedIcon />\n    </span>\n  );\n\n  return isRenderedCustomComponent && !additionalData?.isExpanded  ?  [relevanceBadge,closeButton] : [relevanceBadge];\n}, [\n  isRenderedCustomComponent,\n  colorCodes.background,\n  colorCodes.border,\n  colorCodes.text,\n  rootContainer?.relevanceScore,\n  rootContainer?.slotStyles?.relevanceScore,\n  rootContainer?.relevanceTitle,\n]);\n\n  const ruleBookContainerSecondaryActions = useMemo(() => {\n    return [\n      totalNumberOfHighlightedItemsInRuleBook > 0 && (\n        <InViewNavigation\n          key=\"rulebook-nav\"\n          currentItemNumber={currentlyHighlightedInRuleBook + 1}\n          totalItems={totalNumberOfHighlightedItemsInRuleBook}\n          disableNext={\n            currentlyHighlightedInRuleBook + 1 >=\n            totalNumberOfHighlightedItemsInRuleBook\n          }\n          onNext={handleRuleBookNextHighlight}\n          onPrevious={handleRuleBookPreviousHighlight}\n          disablePrevious={currentlyHighlightedInRuleBook <= 0}\n        />\n      ),\n    ];\n  }, [\n    currentlyHighlightedInRuleBook,\n    handleRuleBookNextHighlight,\n    handleRuleBookPreviousHighlight,\n    totalNumberOfHighlightedItemsInRuleBook,\n  ]);\n\n\n\n     const containerHeight = useMemo(() => {\n        if (additionalData?.RuleBookContainerHeight) {\n          return additionalData.RuleBookContainerHeight;\n        }\n\n        if (isVerticalLayout) {\n          if(!additionalData?.isExpanded){\n            return \"600px\";\n          }\n        }\n\n        return false;\n    }, [additionalData?.RuleBookContainerHeight, isVerticalLayout]);\n\n  const chatContainerSecondaryActions = useMemo(() => {\n    return [\n      chatContainer?.detailedTab?.chip?.isActive &&\n        totalNumberOfHighlightedItemsInUserChat > 0 && (\n          <InViewNavigation\n            key=\"chat-nav\"\n            currentItemNumber={currentlyHighlightedInUserChat + 1}\n            totalItems={totalNumberOfHighlightedItemsInUserChat}\n            onNext={handleUserChatNextHighlight}\n            onPrevious={handleUserChatPreviousHighlight}\n            disableNext={\n              currentlyHighlightedInUserChat + 1 >=\n              totalNumberOfHighlightedItemsInUserChat\n            }\n            disablePrevious={currentlyHighlightedInUserChat <= 0}\n          />\n        ),\n    ];\n  }, [\n    chatContainer?.detailedTab?.chip?.isActive,\n    currentlyHighlightedInUserChat,\n    handleUserChatNextHighlight,\n    handleUserChatPreviousHighlight,\n    totalNumberOfHighlightedItemsInUserChat,\n  ]);\n\n\n\n\n  // Extract the inner content that's currently inside <ChatCitation>\nconst innerContent = (\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: reversePanels ? isVerticalLayout ? \"column-reverse\" : \"row-reverse\": isVerticalLayout ? \"column\" : \"row\",\n          gap: (() => {\n            const hasChat = chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show || chatContainer.show === undefined);\n            const hasRulebook = ruleBookContainer?.data && (ruleBookContainer.show || ruleBookContainer.show === undefined);\n            const hasTable = isTableDataPresent;\n            \n            // Count how many containers we have\n            const containerCount = [hasChat, hasRulebook, hasTable].filter(Boolean).length;\n            \n            // Only add gap if we have more than 1 container\n            return containerCount > 1 ? \"12px\" : \"0\";\n          })(),\n          height: containerHeight ? containerHeight : \"100%\",\n          minHeight: 0,\n          ...rootContainer?.slotStyles?.container, \n        }}\n      >\n    {isTableDataPresent && (\n      <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer }}>\n        <ChatCitation\n          title=\"Invoice Data Preview\"\n          icon={\n            <IconContainer>\n              <Table size={16} />\n            </IconContainer>\n          }\n          slotStyles={{\n            title: {\n              color: \"#475569\",\n              fontWeight: 500,\n            },\n          }}\n          secondaryActions={[]}\n        >\n          <div\n            style={{\n              height: \"100%\",\n              maxHeight: additionalData?.isExpanded ? \"none\" : \"275px\",\n              border: \"2px solid #E2E8F0\",\n              borderRadius: \"8px\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              backgroundColor: \"#FFFFFF\",\n              position: \"relative\",\n              overflow: \"hidden\",\n            }}\n          >\n            {tableComponent?.rows && (\n              <BigQueryTable\n                rows={tableComponent.rows}\n                columns={tableComponent.columns || []}\n              />\n            )}\n          </div>\n        </ChatCitation>\n      </span>\n    )}\n\n    {ruleBookContainer?.data &&\n      (ruleBookContainer.show || ruleBookContainer.show === undefined) && (\n        <span style={{ flex: \"1 1 0%\", minWidth: 0, ...ruleBookContainer?.slotStyles?.outerContainer }}>\n          <ChatCitation\n            title={ruleBookContainer?.title ?? \"Rule book\"}\n            icon={ruleBookContainer?.ruleBookIcon}\n            slotStyles={{\n              title: {\n                color: \"#475569\",\n                fontWeight: 500,\n                ...ruleBookContainer?.slotStyles?.title,\n              },\n              body: ruleBookContainer?.slotStyles?.body,\n            }}\n            secondaryActions={\n              ruleBookContainer?.secondaryActions\n                ? ruleBookContainer.secondaryActions(\n                    ruleBookContainerSecondaryActions,\n                  )\n                : ruleBookContainerSecondaryActions\n            }\n          >\n            \n            <div\n              style={{\n                height: \"100%\",\n                maxHeight: \"275px\",\n                minHeight: 0,\n                border: \"2px solid #E2E8F0\",\n                borderRadius: \"8px\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: \"12px\",\n                backgroundColor: \"#F8FAFC\",\n                position: \"relative\",\n                overflowY: \"auto\",\n                ...ruleBookContainer?.slotStyles?.dataContainer,\n              }}\n            >\n              <div\n                style={{\n                  padding: \"12px\",\n                  height: \"100%\",\n                  overflowY: \"auto\",\n                }}\n                ref={ruleBookRef}\n              >\n                <RuleBook\n                  data={ruleBookContainer.data}\n                  renderers={ruleBookContainer?.renderer ?? rendererToUse}\n                />\n              </div>\n            </div>\n          </ChatCitation>\n        </span>\n      )}\n\n    {chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show || chatContainer.show === undefined) && (\n      <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer  }}>\n        <ChatCitation\n          title={chatContainer?.title ?? \"Chat\"}\n          icon={chatContainer?.chatIcon}\n          containerStyles={chatContainer?.slotStyles?.container}\n          slotStyles={{\n            title: {\n              color: \"#475569\",\n              fontWeight: 500,\n              ...chatContainer?.slotStyles?.title,\n            },\n            body: chatContainer?.slotStyles?.body,\n          }}\n          primaryActions={[\n            (chatContainer?.summarizedTab?.chip?.show ||\n              chatContainer?.summarizedTab?.chip?.show === undefined) && (\n              <Chip\n                label=\"Summarized\"\n                {...chatContainer?.summarizedTab?.chip}\n              />\n            ),\n            <Chip label=\"Detailed\" {...chatContainer?.detailedTab?.chip} />,\n          ]}\n          secondaryActions={\n            chatContainer.secondaryActions\n              ? chatContainer?.secondaryActions(\n                  chatContainerSecondaryActions,\n                )\n              : chatContainerSecondaryActions\n          }\n        >\n          <div\n            ref={userChatScrollRef}\n            style={{\n              height: \"100%\",\n              maxHeight: \"275px\",\n              border: \"2px solid #E2E8F0\",\n              borderRadius: \"8px\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: \"12px\",\n              backgroundColor: \"#F8FAFC\",\n              position: \"relative\",\n              overflowY: \"auto\",\n              ...chatContainer?.slotStyles?.chatDataContainer,\n            }}\n          >\n            {chatContainer?.detailedTab?.chip?.isActive && (\n              <div\n                ref={userChatRef}\n                style={{\n                  position: additionalData?.isExpanded\n                    ? \"absolute\"\n                    : \"relative\",\n                  inset: 0,\n                  padding: \"12px\",\n                  overflowY: \"auto\",\n                }}\n              >\n                <DetailedView\n                  chatData={chatContainer.chatData ?? []}\n                  assistantChatProps={{\n                    ...chatContainer?.detailedTab?.view?.assistantChatProps,\n                    renderers:\n                      chatContainer?.detailedTab?.detailedViewRenderer\n                        ?.assistantText ?? rendererToUse,\n                  }}\n                  userChatItemProps={{\n                    ...chatContainer?.detailedTab?.view?.userChatItemProps,\n                    renderers:\n                      chatContainer?.detailedTab?.detailedViewRenderer\n                        ?.userText ?? rendererToUse,\n                  }}\n                />\n              </div>\n            )}\n            {chatContainer?.summarizedTab?.chip?.show &&\n              chatContainer?.summarizedTab?.chip?.isActive && (\n                <SummarizedView\n                  chatData={chatContainer.chatData ?? []}\n                  {...chatContainer?.summarizedTab?.view}\n                  renderer={\n                    chatContainer?.summarizedTab?.summarizedViewRenderer ??\n                    rendererToUse\n                  }\n                />\n              )}\n          </div>\n        </ChatCitation>\n      </span>\n    )}\n  </div>\n);\n\n// Conditional wrapper\nif (!showRootContainer) {\n  return innerContent;\n}\n\nreturn (\n  <ChatCitation\n    title={rootContainer?.title}\n    slotStyles={{\n      title: rootContainer?.slotStyles?.title,\n      body: rootContainer?.slotStyles?.body,\n    }}\n    containerStyles={rootContainer?.slotStyles?.container}\n    icon={\n      rootContainer?.icon ?? (\n        <IconContainer>\n          <img\n            src={ChatIcon}\n            alt=\"chat icon\"\n            style={{ width: 16, height: 16 }}\n          />\n        </IconContainer>\n      )\n    }\n    secondaryActions={\n      rootContainer?.secondaryActions\n        ? rootContainer.secondaryActions(rootContainerSecondaryActions)\n        : rootContainerSecondaryActions\n    }\n  >\n    {innerContent}\n  </ChatCitation>\n);\n}"],"names":["scrollHighlightIntoContainer","element","containerBoundary","behavior","scrollContainer","parentElement","overflowY","window","getComputedStyle","scrollHeight","clientHeight","container","elementRect","getBoundingClientRect","containerRect","top","scrollTop","height","scrollTo","Math","max","EMPTY_CHAT_CONTAINER","chatData","InternalChatCitationRenderer","rootContainer","chatContainer","ruleBookContainer","renderer","additionalData","tableComponent","closePreview","isRenderedCustomComponent","showRootContainer","reversePanels","totalNumberOfHighlightedItemsInRuleBook","setTotalNumberOfHighlightedItemsInRuleBook","useState","currentlyHighlightedInRuleBook","setCurrentlyHighlightedInRuleBook","totalNumberOfHighlightedItemsInUserChat","setTotalNumberOfHighlightedItemsInUserChat","currentlyHighlightedInUserChat","setCurrentlyHighlightedInUserChat","ruleBookRef","useRef","userChatRef","userChatScrollRef","rendererToUse","useMemo","defaultRenderer","isTableDataPresent","rows","Object","keys","length","isVerticalLayout","RuleBookDetailedViewVerticallyStacked","useEffect","show","current","result","querySelectorAll","style","backgroundColor","userChatHighlightsResult","animationFrame","requestAnimationFrame","cancelAnimationFrame","targetIndex","firstElementChild","messageNode","children","data","handleRuleBookNextHighlight","useCallback","nextIndex","handleRuleBookPreviousHighlight","previousIndex","prevElement","handleUserChatNextHighlight","nextElement","handleUserChatPreviousHighlight","colorCodes","getColorCode","relevanceScore","rootContainerSecondaryActions","relevanceBadge","jsxs","display","border","alignItems","gap","borderRadius","padding","fontSize","borderColor","background","color","text","slotStyles","relevanceTitle","closeButton","jsx","cursor","onClick","CloseOutlinedIcon","isExpanded","ruleBookContainerSecondaryActions","InViewNavigation","currentItemNumber","totalItems","disableNext","onNext","onPrevious","disablePrevious","containerHeight","RuleBookContainerHeight","chatContainerSecondaryActions","detailedTab","chip","isActive","innerContent","flexDirection","filter","Boolean","minHeight","flex","minWidth","outerContainer","ChatCitation","title","icon","IconContainer","Table","size","fontWeight","secondaryActions","maxHeight","position","overflow","BigQueryTable","columns","ruleBookIcon","body","dataContainer","ref","RuleBook","renderers","chatIcon","containerStyles","primaryActions","summarizedTab","Chip","label","chatDataContainer","inset","DetailedView","assistantChatProps","view","detailedViewRenderer","assistantText","userChatItemProps","userText","SummarizedView","summarizedViewRenderer","src","ChatIcon","alt","width"],"mappings":"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"}
+{"version":3,"file":"InternalChatCitationRenderer.js","sources":["../../../src/features/ChatCitation/InternalChatCitationRenderer.tsx"],"sourcesContent":["import ChatCitation from \"./components/ChatCitation\";\nimport { FeatureModMarkdownProps } from \"./components/MarkdownRenderer\";\nimport { ChatCitationProps } from \"./types/citations.types\";\nimport { getColorCode } from \"./utils/helpers\";\nimport Chip from \"./components/Chip\";\nimport { ChatIcon } from \"./constants/icons\";\nimport InViewNavigation from \"./components/InViewNavigation\";\nimport DetailedView from \"./components/DetailedView\";\nimport SummarizedView from \"./components/SummarizedView\";\nimport RuleBook from \"./components/RuleBook\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { defaultRenderer } from \"./constants/renderer\";\nimport \"./styles/common.css\";\nimport IconContainer from \"./components/IconContainer\";\nimport { Table } from \"lucide-react\";\nimport { BigQueryTable } from \"./BigQueryTable\";\nimport CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';\n// BigQuery Table Data Interface\ninterface BigQueryTableData {\n  rows: Record<string, any[]>;\n  columns?: string[];\n}\n\n/**\n * Scrolls the given element into view within the specified container boundary\n * instead of delegating the scrolling to browser's default behavior.\n */\nconst scrollHighlightIntoContainer = (\n  element: HTMLElement,\n  containerBoundary: HTMLElement | null,\n  behavior: ScrollBehavior = \"smooth\",\n) => {\n  if (!containerBoundary) return;\n\n  let scrollContainer: HTMLElement | null = element.parentElement;\n\n  while (scrollContainer) {\n    const { overflowY } = window.getComputedStyle(scrollContainer);\n    const canScroll =\n      (overflowY === \"auto\" || overflowY === \"scroll\") &&\n      scrollContainer.scrollHeight > scrollContainer.clientHeight;\n\n    if (canScroll) break;\n    if (scrollContainer === containerBoundary) {\n      scrollContainer = null;\n      break;\n    }\n\n    scrollContainer = scrollContainer.parentElement;\n  }\n\n  const container = scrollContainer ?? containerBoundary;\n  const elementRect = element.getBoundingClientRect();\n  const containerRect = container.getBoundingClientRect();\n  const top =\n    container.scrollTop +\n    elementRect.top -\n    containerRect.top -\n    (container.clientHeight - elementRect.height) / 2;\n\n  container.scrollTo({\n    top: Math.max(0, top),\n    behavior,\n  });\n};\n\n\ntype InternalChatCitationRendererProps = ChatCitationProps & {\n  showRootContainer?: boolean; \n  tableComponent?: BigQueryTableData; // Changed to BigQueryTableData\n};\n\nconst EMPTY_CHAT_CONTAINER = { chatData: [] };\n\nexport default function InternalChatCitationRenderer({\n  rootContainer,\n  chatContainer = EMPTY_CHAT_CONTAINER,\n  ruleBookContainer,\n  renderer,\n  additionalData,\n  tableComponent,\n  closePreview,\n  isRenderedCustomComponent = false,\n  showRootContainer = true, \n  reversePanels=false\n}: InternalChatCitationRendererProps) {\n  const [\n    totalNumberOfHighlightedItemsInRuleBook,\n    setTotalNumberOfHighlightedItemsInRuleBook,\n  ] = useState<number>(0);\n  const [currentlyHighlightedInRuleBook, setCurrentlyHighlightedInRuleBook] =\n    useState<number>(0);\n\n  const [\n    totalNumberOfHighlightedItemsInUserChat,\n    setTotalNumberOfHighlightedItemsInUserChat,\n  ] = useState<number>(0);\n  const [currentlyHighlightedInUserChat, setCurrentlyHighlightedInUserChat] =\n    useState<number>(0);\n\n  const ruleBookRef = useRef<HTMLDivElement | null>(null);\n  const userChatRef = useRef<HTMLDivElement | null>(null);\n  const userChatScrollRef = useRef<HTMLDivElement | null>(null);\n\n  const rendererToUse: FeatureModMarkdownProps[\"renderers\"] = useMemo(() => {\n    return { ...defaultRenderer, ...renderer };\n  }, [renderer]);\n\n  const isTableDataPresent = useMemo(() => {\n    return !!(\n      tableComponent?.rows &&\n      Object.keys(tableComponent.rows).length > 0\n    );\n  }, [tableComponent]);\n\n  // Determine if we're in vertical (column) or horizontal (row) layout\n  const isVerticalLayout = useMemo(() => {\n    return additionalData?.RuleBookDetailedViewVerticallyStacked ?? false;\n  }, [additionalData?.RuleBookDetailedViewVerticallyStacked]);\n\n  useEffect(() => {\n    if (ruleBookContainer?.show && ruleBookRef.current) {\n      const result = ruleBookRef.current?.querySelectorAll(\n        \".rule-book-highlight\",\n      );\n      setTotalNumberOfHighlightedItemsInRuleBook(result?.length || 0);\n      setCurrentlyHighlightedInRuleBook(0);\n      if (result && result.length > 0) {\n        const element = result[0] as HTMLElement;\n        element.style.backgroundColor = \"#ffff5c\";\n        scrollHighlightIntoContainer(element, ruleBookRef.current);\n      }\n    }\n    if (chatContainer?.show && userChatRef?.current) {\n      const userChatHighlightsResult = userChatRef.current?.querySelectorAll(\n        \".user-chat-highlight\",\n      );\n      setTotalNumberOfHighlightedItemsInUserChat(\n        userChatHighlightsResult?.length || 0,\n      );\n      setCurrentlyHighlightedInUserChat(0);\n      if (userChatHighlightsResult && userChatHighlightsResult.length > 0) {\n        const element = userChatHighlightsResult[0] as HTMLElement;\n        element.style.backgroundColor = \"#ffff5c\";\n\n        // request animation frame to ensure DOM has completely rendered before scrolling\n        const animationFrame = requestAnimationFrame(() => {\n          scrollHighlightIntoContainer(element, userChatScrollRef.current);\n        });\n\n        return () => cancelAnimationFrame(animationFrame);\n      }\n      // FALLBACK LOGIC IF THE HIGHLIGHTED_PHRASE is empty and we got the msgOrderNumber for CR_CITATION\n      const targetIndex = (additionalData as any)?.targetIndex;\n      if (targetIndex !== undefined && targetIndex >= 0 && userChatRef.current?.firstElementChild) {\n        const messageNode = userChatRef.current.firstElementChild.children[targetIndex] as HTMLElement;\n        if (messageNode) {\n          const animationFrame = requestAnimationFrame(() => {\n            scrollHighlightIntoContainer(messageNode, userChatScrollRef.current);\n          });\n          return () => cancelAnimationFrame(animationFrame);\n        }\n      }\n    }\n  }, [\n    chatContainer?.show,\n    ruleBookContainer?.show,\n    ruleBookContainer?.data,\n    chatContainer?.chatData,\n    (additionalData as any)?.targetIndex\n  ]);\n\n  const handleRuleBookNextHighlight = useCallback(() => {\n    if (\n      currentlyHighlightedInRuleBook + 1 <\n      totalNumberOfHighlightedItemsInRuleBook\n    ) {\n      const result = ruleBookRef.current?.querySelectorAll(\n        \".rule-book-highlight\",\n      );\n      if (!result) return;\n      const prevElement = result[currentlyHighlightedInRuleBook] as HTMLElement;\n      prevElement.style.backgroundColor = \"#ffffb8\";\n      const nextIndex = currentlyHighlightedInRuleBook + 1;\n      setCurrentlyHighlightedInRuleBook(nextIndex);\n      const element = result[nextIndex] as HTMLElement;\n      element.style.backgroundColor = \"#ffff5c\";\n      scrollHighlightIntoContainer(element, ruleBookRef.current);\n    }\n  }, [currentlyHighlightedInRuleBook, totalNumberOfHighlightedItemsInRuleBook]);\n\n  const handleRuleBookPreviousHighlight = useCallback(() => {\n    if (currentlyHighlightedInRuleBook - 1 < 0) return;\n    const result = ruleBookRef.current?.querySelectorAll(\n      \".rule-book-highlight\",\n    );\n    if (!result) return;\n    const element = result[currentlyHighlightedInRuleBook] as HTMLElement;\n    element.style.backgroundColor = \"#ffffb8\";\n    const previousIndex = currentlyHighlightedInRuleBook - 1;\n    const prevElement = result[previousIndex] as HTMLElement;\n    prevElement.style.backgroundColor = \"#ffff5c\";\n    setCurrentlyHighlightedInRuleBook(previousIndex);\n    scrollHighlightIntoContainer(prevElement, ruleBookRef.current);\n  }, [currentlyHighlightedInRuleBook]);\n\n  const handleUserChatNextHighlight = useCallback(() => {\n    if (\n      currentlyHighlightedInUserChat + 1 <\n      totalNumberOfHighlightedItemsInUserChat\n    ) {\n      const result = userChatRef.current?.querySelectorAll(\n        \".user-chat-highlight\",\n      );\n      if (!result) return;\n      const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n      element.style.backgroundColor = \"#ffffb8\";\n      const nextIndex = currentlyHighlightedInUserChat + 1;\n      const nextElement = result[nextIndex] as HTMLElement;\n      nextElement.style.backgroundColor = \"#ffff5c\";\n      setCurrentlyHighlightedInUserChat(nextIndex);\n      scrollHighlightIntoContainer(nextElement, userChatScrollRef.current);\n    }\n  }, [currentlyHighlightedInUserChat, totalNumberOfHighlightedItemsInUserChat]);\n\n  const handleUserChatPreviousHighlight = useCallback(() => {\n    if (currentlyHighlightedInUserChat - 1 < 0) return;\n    const result = userChatRef.current?.querySelectorAll(\n      \".user-chat-highlight\",\n    );\n    if (!result) return;\n    const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n    element.style.backgroundColor = \"#ffffb8\";\n    const previousIndex = currentlyHighlightedInUserChat - 1;\n    const prevElement = result[previousIndex] as HTMLElement;\n    prevElement.style.backgroundColor = \"#ffff5c\";\n    setCurrentlyHighlightedInUserChat(previousIndex);\n    scrollHighlightIntoContainer(prevElement, userChatScrollRef.current);\n  }, [currentlyHighlightedInUserChat]);\n\n  const colorCodes = getColorCode(rootContainer?.relevanceScore || 0);\n\nconst rootContainerSecondaryActions = useMemo(() => {\n  const relevanceBadge = (\n    <span\n      key=\"relevance-score\"\n      style={{\n        display: \"flex\",\n        border: \"1px solid\",\n        alignItems: \"center\",\n        gap: \"4px\",\n        borderRadius: \"6px\",\n        padding: \"2px 8px\",\n        fontSize: \"12px\",\n        borderColor: colorCodes.border,\n        backgroundColor: colorCodes.background,\n        color: colorCodes.text,\n        ...rootContainer?.slotStyles?.relevanceScore,\n      }}\n    >\n      {rootContainer?.relevanceTitle || \"Decision Strength\"}:{\" \"}\n      {rootContainer?.relevanceScore || 0}%\n    \n    </span>\n  );\n\n  const closeButton = (\n    <span\n      key=\"close-preview\"\n      style={{\n        display: \"flex\",\n        // border: \"1px solid black\",\n        alignItems: \"center\",\n        gap: \"4px\",\n        borderRadius: \"6px\",\n        padding: \"2px 8px\",\n        fontSize: \"12px\",\n        backgroundColor: \"white\",\n        color: \"black\",\n        cursor: \"pointer\",\n      }}\n      onClick={closePreview}\n    >\n      <CloseOutlinedIcon />\n    </span>\n  );\n\n  return isRenderedCustomComponent && !additionalData?.isExpanded  ?  [relevanceBadge,closeButton] : [relevanceBadge];\n}, [\n  isRenderedCustomComponent,\n  colorCodes.background,\n  colorCodes.border,\n  colorCodes.text,\n  rootContainer?.relevanceScore,\n  rootContainer?.slotStyles?.relevanceScore,\n  rootContainer?.relevanceTitle,\n]);\n\n  const ruleBookContainerSecondaryActions = useMemo(() => {\n    return [\n      totalNumberOfHighlightedItemsInRuleBook > 0 && (\n        <InViewNavigation\n          key=\"rulebook-nav\"\n          currentItemNumber={currentlyHighlightedInRuleBook + 1}\n          totalItems={totalNumberOfHighlightedItemsInRuleBook}\n          disableNext={\n            currentlyHighlightedInRuleBook + 1 >=\n            totalNumberOfHighlightedItemsInRuleBook\n          }\n          onNext={handleRuleBookNextHighlight}\n          onPrevious={handleRuleBookPreviousHighlight}\n          disablePrevious={currentlyHighlightedInRuleBook <= 0}\n        />\n      ),\n    ];\n  }, [\n    currentlyHighlightedInRuleBook,\n    handleRuleBookNextHighlight,\n    handleRuleBookPreviousHighlight,\n    totalNumberOfHighlightedItemsInRuleBook,\n  ]);\n\n\n\n     const containerHeight = useMemo(() => {\n        if (additionalData?.RuleBookContainerHeight) {\n          return additionalData.RuleBookContainerHeight;\n        }\n\n        if (isVerticalLayout) {\n          if(!additionalData?.isExpanded){\n            return \"600px\";\n          }\n        }\n\n        return false;\n    }, [additionalData?.RuleBookContainerHeight, isVerticalLayout]);\n\n  const chatContainerSecondaryActions = useMemo(() => {\n    return [\n      chatContainer?.detailedTab?.chip?.isActive &&\n        totalNumberOfHighlightedItemsInUserChat > 0 && (\n          <InViewNavigation\n            key=\"chat-nav\"\n            currentItemNumber={currentlyHighlightedInUserChat + 1}\n            totalItems={totalNumberOfHighlightedItemsInUserChat}\n            onNext={handleUserChatNextHighlight}\n            onPrevious={handleUserChatPreviousHighlight}\n            disableNext={\n              currentlyHighlightedInUserChat + 1 >=\n              totalNumberOfHighlightedItemsInUserChat\n            }\n            disablePrevious={currentlyHighlightedInUserChat <= 0}\n          />\n        ),\n    ];\n  }, [\n    chatContainer?.detailedTab?.chip?.isActive,\n    currentlyHighlightedInUserChat,\n    handleUserChatNextHighlight,\n    handleUserChatPreviousHighlight,\n    totalNumberOfHighlightedItemsInUserChat,\n  ]);\n\n\n\n\n  // Extract the inner content that's currently inside <ChatCitation>\nconst innerContent = (\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: reversePanels ? isVerticalLayout ? \"column-reverse\" : \"row-reverse\": isVerticalLayout ? \"column\" : \"row\",\n          gap: (() => {\n            const hasChat = chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show || chatContainer.show === undefined);\n            const hasRulebook = ruleBookContainer?.data && (ruleBookContainer.show || ruleBookContainer.show === undefined);\n            const hasTable = isTableDataPresent;\n            \n            // Count how many containers we have\n            const containerCount = [hasChat, hasRulebook, hasTable].filter(Boolean).length;\n            \n            // Only add gap if we have more than 1 container\n            return containerCount > 1 ? \"12px\" : \"0\";\n          })(),\n          height: containerHeight ? containerHeight : \"100%\",\n          minHeight: 0,\n          ...rootContainer?.slotStyles?.container, \n        }}\n      >\n    {isTableDataPresent && (\n      <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer }}>\n        <ChatCitation\n          title=\"Invoice Data Preview\"\n          icon={\n            <IconContainer>\n              <Table size={16} />\n            </IconContainer>\n          }\n          slotStyles={{\n            title: {\n              color: \"#475569\",\n              fontWeight: 500,\n            },\n          }}\n          secondaryActions={[]}\n        >\n          <div\n            style={{\n              height: \"100%\",\n              maxHeight: additionalData?.isExpanded ? \"none\" : \"275px\",\n              border: \"2px solid #E2E8F0\",\n              borderRadius: \"8px\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              backgroundColor: \"#FFFFFF\",\n              position: \"relative\",\n              overflow: \"hidden\",\n            }}\n          >\n            {tableComponent?.rows && (\n              <BigQueryTable\n                rows={tableComponent.rows}\n                columns={tableComponent.columns || []}\n              />\n            )}\n          </div>\n        </ChatCitation>\n      </span>\n    )}\n\n    {ruleBookContainer?.data &&\n      (ruleBookContainer.show || ruleBookContainer.show === undefined) && (\n        <span style={{ flex: \"1 1 0%\", minWidth: 0, ...ruleBookContainer?.slotStyles?.outerContainer }}>\n          <ChatCitation\n            title={ruleBookContainer?.title ?? \"Rule book\"}\n            icon={ruleBookContainer?.ruleBookIcon}\n            slotStyles={{\n              title: {\n                color: \"#475569\",\n                fontWeight: 500,\n                ...ruleBookContainer?.slotStyles?.title,\n              },\n              body: ruleBookContainer?.slotStyles?.body,\n            }}\n            secondaryActions={\n              ruleBookContainer?.secondaryActions\n                ? ruleBookContainer.secondaryActions(\n                    ruleBookContainerSecondaryActions,\n                  )\n                : ruleBookContainerSecondaryActions\n            }\n          >\n            \n            <div\n              style={{\n                height: \"100%\",\n                maxHeight: \"275px\",\n                minHeight: 0,\n                border: \"2px solid #E2E8F0\",\n                borderRadius: \"8px\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: \"12px\",\n                backgroundColor: \"#F8FAFC\",\n                position: \"relative\",\n                overflowY: \"auto\",\n                ...ruleBookContainer?.slotStyles?.dataContainer,\n              }}\n            >\n              <div\n                style={{\n                  padding: \"12px\",\n                  height: \"100%\",\n                  overflowY: \"auto\",\n                }}\n                ref={ruleBookRef}\n              >\n                <RuleBook\n                  data={ruleBookContainer.data}\n                  renderers={ruleBookContainer?.renderer ?? rendererToUse}\n                />\n              </div>\n            </div>\n          </ChatCitation>\n        </span>\n      )}\n\n    {chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show || chatContainer.show === undefined) && (\n      <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer  }}>\n        <ChatCitation\n          title={chatContainer?.title ?? \"Chat\"}\n          icon={chatContainer?.chatIcon}\n          containerStyles={chatContainer?.slotStyles?.container}\n          slotStyles={{\n            title: {\n              color: \"#475569\",\n              fontWeight: 500,\n              ...chatContainer?.slotStyles?.title,\n            },\n            body: chatContainer?.slotStyles?.body,\n          }}\n          primaryActions={[\n            (chatContainer?.summarizedTab?.chip?.show ||\n              chatContainer?.summarizedTab?.chip?.show === undefined) && (\n              <Chip\n                label=\"Summarized\"\n                {...chatContainer?.summarizedTab?.chip}\n              />\n            ),\n            <Chip label=\"Detailed\" {...chatContainer?.detailedTab?.chip} />,\n          ]}\n          secondaryActions={\n            chatContainer.secondaryActions\n              ? chatContainer?.secondaryActions(\n                  chatContainerSecondaryActions,\n                )\n              : chatContainerSecondaryActions\n          }\n        >\n          <div\n            ref={userChatScrollRef}\n            style={{\n              height: \"100%\",\n              maxHeight: \"275px\",\n              border: \"2px solid #E2E8F0\",\n              borderRadius: \"8px\",\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: \"12px\",\n              backgroundColor: \"#F8FAFC\",\n              position: \"relative\",\n              overflowY: \"auto\",\n              ...chatContainer?.slotStyles?.chatDataContainer,\n            }}\n          >\n            {chatContainer?.detailedTab?.chip?.isActive && (\n              <div\n                ref={userChatRef}\n                style={{\n                  position: additionalData?.isExpanded\n                    ? \"absolute\"\n                    : \"relative\",\n                  inset: 0,\n                  padding: \"12px\",\n                  overflowY: \"auto\",\n                }}\n              >\n                <DetailedView\n                  chatData={chatContainer.chatData ?? []}\n                  assistantChatProps={{\n                    ...chatContainer?.detailedTab?.view?.assistantChatProps,\n                    renderers:\n                      chatContainer?.detailedTab?.detailedViewRenderer\n                        ?.assistantText ?? rendererToUse,\n                  }}\n                  userChatItemProps={{\n                    ...chatContainer?.detailedTab?.view?.userChatItemProps,\n                    renderers:\n                      chatContainer?.detailedTab?.detailedViewRenderer\n                        ?.userText ?? rendererToUse,\n                  }}\n                />\n              </div>\n            )}\n            {chatContainer?.summarizedTab?.chip?.show &&\n              chatContainer?.summarizedTab?.chip?.isActive && (\n                <SummarizedView\n                  chatData={chatContainer.chatData ?? []}\n                  {...chatContainer?.summarizedTab?.view}\n                  renderer={\n                    chatContainer?.summarizedTab?.summarizedViewRenderer ??\n                    rendererToUse\n                  }\n                />\n              )}\n          </div>\n        </ChatCitation>\n      </span>\n    )}\n  </div>\n);\n\n// Conditional wrapper\nif (!showRootContainer) {\n  return innerContent;\n}\n\nreturn (\n  <ChatCitation\n    title={rootContainer?.title}\n    slotStyles={{\n      title: rootContainer?.slotStyles?.title,\n      body: rootContainer?.slotStyles?.body,\n    }}\n    containerStyles={rootContainer?.slotStyles?.container}\n    icon={\n      rootContainer?.icon ?? (\n        <IconContainer>\n          <img\n            src={ChatIcon}\n            alt=\"chat icon\"\n            style={{ width: 16, height: 16 }}\n          />\n        </IconContainer>\n      )\n    }\n    secondaryActions={\n      rootContainer?.secondaryActions\n        ? rootContainer.secondaryActions(rootContainerSecondaryActions)\n        : rootContainerSecondaryActions\n    }\n  >\n    {innerContent}\n  </ChatCitation>\n);\n}"],"names":["scrollHighlightIntoContainer","element","containerBoundary","behavior","scrollContainer","parentElement","overflowY","window","getComputedStyle","scrollHeight","clientHeight","container","elementRect","getBoundingClientRect","containerRect","top","scrollTop","height","scrollTo","Math","max","EMPTY_CHAT_CONTAINER","chatData","InternalChatCitationRenderer","rootContainer","chatContainer","ruleBookContainer","renderer","additionalData","tableComponent","closePreview","isRenderedCustomComponent","showRootContainer","reversePanels","totalNumberOfHighlightedItemsInRuleBook","setTotalNumberOfHighlightedItemsInRuleBook","useState","currentlyHighlightedInRuleBook","setCurrentlyHighlightedInRuleBook","totalNumberOfHighlightedItemsInUserChat","setTotalNumberOfHighlightedItemsInUserChat","currentlyHighlightedInUserChat","setCurrentlyHighlightedInUserChat","ruleBookRef","useRef","userChatRef","userChatScrollRef","rendererToUse","useMemo","defaultRenderer","isTableDataPresent","rows","Object","keys","length","isVerticalLayout","RuleBookDetailedViewVerticallyStacked","useEffect","show","current","result","querySelectorAll","style","backgroundColor","userChatHighlightsResult","animationFrame","requestAnimationFrame","cancelAnimationFrame","targetIndex","firstElementChild","messageNode","children","data","handleRuleBookNextHighlight","useCallback","nextIndex","handleRuleBookPreviousHighlight","previousIndex","prevElement","handleUserChatNextHighlight","nextElement","handleUserChatPreviousHighlight","colorCodes","getColorCode","relevanceScore","rootContainerSecondaryActions","relevanceBadge","jsxs","display","border","alignItems","gap","borderRadius","padding","fontSize","borderColor","background","color","text","slotStyles","relevanceTitle","closeButton","jsx","cursor","onClick","CloseOutlinedIcon","isExpanded","ruleBookContainerSecondaryActions","InViewNavigation","currentItemNumber","totalItems","disableNext","onNext","onPrevious","disablePrevious","containerHeight","RuleBookContainerHeight","chatContainerSecondaryActions","detailedTab","chip","isActive","innerContent","flexDirection","filter","Boolean","minHeight","flex","minWidth","outerContainer","ChatCitation","title","icon","IconContainer","Table","size","fontWeight","secondaryActions","maxHeight","position","overflow","BigQueryTable","columns","ruleBookIcon","body","dataContainer","ref","RuleBook","renderers","chatIcon","containerStyles","primaryActions","summarizedTab","Chip","label","chatDataContainer","inset","DetailedView","assistantChatProps","view","detailedViewRenderer","assistantText","userChatItemProps","userText","SummarizedView","summarizedViewRenderer","src","ChatIcon","alt","width"],"mappings":"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"}

package/dist/features/ChatCitation/assets/cw_chat.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"cw_chat.svg.js","sources":["../../../../src/features/ChatCitation/assets/cw_chat.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6228%206.98031C12.526%206.50656%2011.849%206.50656%2011.7522%206.98031C11.1582%209.88678%208.88678%2012.1582%205.98031%2012.7522C5.50656%2012.849%205.50656%2013.526%205.98031%2013.6228C8.88678%2014.2168%2011.1582%2016.4882%2011.7522%2019.3947C11.849%2019.8684%2012.526%2019.8684%2012.6228%2019.3947C13.2168%2016.4882%2015.4882%2014.2168%2018.3947%2013.6228C18.8684%2013.526%2018.8684%2012.849%2018.3947%2012.7522C15.4882%2012.1582%2013.2168%209.88678%2012.6228%206.98031Z%22%20fill%3D%22url%28%23paint0_linear_22023_3754%29%22%2F%3E%3Cpath%20d%3D%22M4.56003%202.2735C4.55363%202.24217%204.50887%202.24217%204.50247%202.2735C4.17013%203.89946%202.89946%205.17013%201.27349%205.50247C1.24217%205.50887%201.24217%205.55363%201.27349%205.56003C2.89946%205.89237%204.17013%207.16304%204.50247%208.789C4.50887%208.82033%204.55363%208.82033%204.56003%208.789C4.89237%207.16304%206.16304%205.89237%207.789%205.56003C7.82033%205.55363%207.82033%205.50887%207.789%205.50247C6.16304%205.17013%204.89237%203.89946%204.56003%202.2735Z%22%20fill%3D%22url%28%23paint1_linear_22023_3754%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":["CWChatIcon"],"mappings":"cA+CA,IAAAA,EAAe"}
+{"version":3,"file":"cw_chat.svg.js","sources":["../../../../src/features/ChatCitation/assets/cw_chat.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6228%206.98031C12.526%206.50656%2011.849%206.50656%2011.7522%206.98031C11.1582%209.88678%208.88678%2012.1582%205.98031%2012.7522C5.50656%2012.849%205.50656%2013.526%205.98031%2013.6228C8.88678%2014.2168%2011.1582%2016.4882%2011.7522%2019.3947C11.849%2019.8684%2012.526%2019.8684%2012.6228%2019.3947C13.2168%2016.4882%2015.4882%2014.2168%2018.3947%2013.6228C18.8684%2013.526%2018.8684%2012.849%2018.3947%2012.7522C15.4882%2012.1582%2013.2168%209.88678%2012.6228%206.98031Z%22%20fill%3D%22url%28%23paint0_linear_22023_3754%29%22%2F%3E%3Cpath%20d%3D%22M4.56003%202.2735C4.55363%202.24217%204.50887%202.24217%204.50247%202.2735C4.17013%203.89946%202.89946%205.17013%201.27349%205.50247C1.24217%205.50887%201.24217%205.55363%201.27349%205.56003C2.89946%205.89237%204.17013%207.16304%204.50247%208.789C4.50887%208.82033%204.55363%208.82033%204.56003%208.789C4.89237%207.16304%206.16304%205.89237%207.789%205.56003C7.82033%205.55363%207.82033%205.50887%207.789%205.50247C6.16304%205.17013%204.89237%203.89946%204.56003%202.2735Z%22%20fill%3D%22url%28%23paint1_linear_22023_3754%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":["CWChatIcon"],"mappings":"cA6CA,IAAAA,EAAe"}

package/dist/features/ChatCitation/assets/message-chat-square.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-chat-square.svg.js","sources":["../../../../src/features/ChatCitation/assets/message-chat-square.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_22708_25%29%22%3E%3Cpath%20d%3D%22M6.66732%2010.0026L4.61715%2012.0784C4.33117%2012.3679%204.18819%2012.5127%204.06529%2012.5229C3.95866%2012.5318%203.85426%2012.4889%203.78462%2012.4077C3.70435%2012.3141%203.70435%2012.1106%203.70435%2011.7036V10.6637C3.70435%2010.2986%203.40537%2010.0344%203.04412%209.98149C2.16981%209.85342%201.48317%209.16678%201.3551%208.29247C1.33398%208.14831%201.33398%207.97628%201.33398%207.63223V4.53594C1.33398%203.41583%201.33398%202.85578%201.55197%202.42796C1.74372%202.05163%202.04968%201.74567%202.426%201.55392C2.85383%201.33594%203.41388%201.33594%204.53398%201.33594H9.46732C10.5874%201.33594%2011.1475%201.33594%2011.5753%201.55392C11.9516%201.74567%2012.2576%202.05163%2012.4493%202.42796C12.6673%202.85578%2012.6673%203.41583%2012.6673%204.53594V7.33594M12.6673%2014.6693L11.2164%2013.6605C11.0124%2013.5187%2010.9104%2013.4478%2010.7995%2013.3976C10.7009%2013.3529%2010.5974%2013.3205%2010.491%2013.3009C10.3712%2013.2788%2010.247%2013.2788%209.9986%2013.2788H8.80065C8.05391%2013.2788%207.68055%2013.2788%207.39533%2013.1335C7.14445%2013.0056%206.94047%2012.8017%206.81264%2012.5508C6.66732%2012.2656%206.66732%2011.8922%206.66732%2011.1455V9.46927C6.66732%208.72253%206.66732%208.34917%206.81264%208.06395C6.94047%207.81307%207.14445%207.60909%207.39533%207.48126C7.68055%207.33594%208.05391%207.33594%208.80065%207.33594H12.534C13.2807%207.33594%2013.6541%207.33594%2013.9393%207.48126C14.1902%207.60909%2014.3942%207.81307%2014.522%208.06395C14.6673%208.34917%2014.6673%208.72253%2014.6673%209.46927V11.2788C14.6673%2011.9001%2014.6673%2012.2107%2014.5658%2012.4557C14.4305%2012.7824%2014.1709%2013.042%2013.8442%2013.1773C13.5992%2013.2788%2013.2886%2013.2788%2012.6673%2013.2788V14.6693Z%22%20stroke%3D%22%235928ED%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_22708_25%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":["ChatIcon"],"mappings":"cAwBA,IAAAA,EAAe"}
+{"version":3,"file":"message-chat-square.svg.js","sources":["../../../../src/features/ChatCitation/assets/message-chat-square.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_22708_25%29%22%3E%3Cpath%20d%3D%22M6.66732%2010.0026L4.61715%2012.0784C4.33117%2012.3679%204.18819%2012.5127%204.06529%2012.5229C3.95866%2012.5318%203.85426%2012.4889%203.78462%2012.4077C3.70435%2012.3141%203.70435%2012.1106%203.70435%2011.7036V10.6637C3.70435%2010.2986%203.40537%2010.0344%203.04412%209.98149C2.16981%209.85342%201.48317%209.16678%201.3551%208.29247C1.33398%208.14831%201.33398%207.97628%201.33398%207.63223V4.53594C1.33398%203.41583%201.33398%202.85578%201.55197%202.42796C1.74372%202.05163%202.04968%201.74567%202.426%201.55392C2.85383%201.33594%203.41388%201.33594%204.53398%201.33594H9.46732C10.5874%201.33594%2011.1475%201.33594%2011.5753%201.55392C11.9516%201.74567%2012.2576%202.05163%2012.4493%202.42796C12.6673%202.85578%2012.6673%203.41583%2012.6673%204.53594V7.33594M12.6673%2014.6693L11.2164%2013.6605C11.0124%2013.5187%2010.9104%2013.4478%2010.7995%2013.3976C10.7009%2013.3529%2010.5974%2013.3205%2010.491%2013.3009C10.3712%2013.2788%2010.247%2013.2788%209.9986%2013.2788H8.80065C8.05391%2013.2788%207.68055%2013.2788%207.39533%2013.1335C7.14445%2013.0056%206.94047%2012.8017%206.81264%2012.5508C6.66732%2012.2656%206.66732%2011.8922%206.66732%2011.1455V9.46927C6.66732%208.72253%206.66732%208.34917%206.81264%208.06395C6.94047%207.81307%207.14445%207.60909%207.39533%207.48126C7.68055%207.33594%208.05391%207.33594%208.80065%207.33594H12.534C13.2807%207.33594%2013.6541%207.33594%2013.9393%207.48126C14.1902%207.60909%2014.3942%207.81307%2014.522%208.06395C14.6673%208.34917%2014.6673%208.72253%2014.6673%209.46927V11.2788C14.6673%2011.9001%2014.6673%2012.2107%2014.5658%2012.4557C14.4305%2012.7824%2014.1709%2013.042%2013.8442%2013.1773C13.5992%2013.2788%2013.2886%2013.2788%2012.6673%2013.2788V14.6693Z%22%20stroke%3D%22%235928ED%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_22708_25%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":["ChatIcon"],"mappings":"cAsBA,IAAAA,EAAe"}

package/dist/features/CitationRenderer/MarkdownRenderer.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useEffect as i}from"react";import n from"react-markdown";import a from"rehype-raw";import l from"remark-gfm";import{visit as s}from"unist-util-visit";import o from"./MarkdownRenderer.module.css.js";function p(){return e=>{s(e,"text",(e,t,r)=>{if(!r||"string"!=typeof e.value)return;if(!e.value.includes("✓"))return;const i=e.value.split("✓"),n=[];for(let e=0;e<i.length;e++){const t=i[e];t&&n.push({type:"text",value:t}),e<i.length-1&&n.push({type:"element",tagName:"span",properties:{"data-green-check":"true",className:[o.checkGreen]},children:[{type:"text",value:"✓"}]})}return r.children.splice(t,1,...n),t+n.length})}}function c(){return e=>{s(e,"element",(e,t,r)=>{if(r&&"p"===e.tagName)return e.children&&1===e.children.length&&"element"===e.children[0].type&&"details"===e.children[0].tagName?(r.children.splice(t,1,e.children[0]),t):void 0})}}const d=e=>"text"===e?.type&&/^\s*$/.test(e.value??"");function m(){return e=>{s(e,"element",e=>{if("details"!==e.tagName)return;if(!("data-target"in(e.properties||{})))return;const t=e.children||[];let r=0;"element"===t[0]?.type&&"summary"===t[0]?.tagName&&(r=1);const i=t.slice(r),n=i.filter(e=>!d(e));if(1===n.length&&"element"===n[0].type&&n[0].properties&&("data-popup"in n[0].properties||void 0!==n[0].properties["data-popup"]))return;if(n.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const a={type:"element",tagName:"div",properties:{"data-popup":""},children:i};e.children=t.slice(0,r).concat([a])})}}function u(){return e=>{s(e,"element",e=>{if("details"!==e.tagName)return;const t=e.properties||{};if("data-inline"in t||"data-target"in t)return;const r=e.children||[];let i=0;"element"===r[0]?.type&&"summary"===r[0]?.tagName&&(i=1);const n=r.slice(i),a=n.filter(e=>!d(e));if(1===a.length&&"element"===a[0].type&&a[0].properties&&("data-popup"in a[0].properties||void 0!==a[0].properties["data-popup"]))return;if(a.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const l={type:"element",tagName:"div",properties:{"data-popup":""},children:n};e.children=r.slice(0,i).concat([l])})}}const h=(t,r,i)=>{if(!r||!r.trim())return t;const n=new RegExp(`(${a=r,a.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")})`,"gi");var a;return t.split(n).map((t,r)=>n.test(t)?e("mark",{className:o.customHighlight,id:"customHighlight",style:i,children:t},r):t)},g=({value:s,highlightedText:d,scrollTo:g,styles:y={}})=>{const f=r.useRef(null),v=r.useRef(null);i(()=>{if(d){const e=setTimeout(()=>{if(v.current){const e=v.current.querySelector("#customHighlight");e&&e.scrollIntoView({behavior:"smooth",block:g||"center"})}},225);return()=>clearTimeout(e)}},[d,s]);return e("div",{ref:f,className:o.containerWrapper,style:y.containerWrapper,children:e("div",{className:o.mainCard,style:y.mainCard,children:e("div",{ref:v,className:o.scrollArea,style:y.scrollArea,children:e(n,{remarkPlugins:[l],rehypePlugins:[a,c,p,m,u],components:{details:({node:r,...i})=>{const n=!!i["data-inline"],a=!!i["data-target"];let l=o.detailsBlock,s=y.detailsBlock;return n&&(l=o.detailsInline,s=y.detailsInline),a&&(l=o.detailsTarget,s=y.detailsTarget),t("details",{...i,className:l,style:{...s,...i.style},onToggle:e=>{e.stopPropagation(),n&&(e=>{const t=e.currentTarget,r=t.getAttribute("data-inline");if(!r||!f.current)return;const i=f.current.querySelector(`details[data-target="${r}"]`);i&&(i.open=t.open)})(e)},children:[a&&e("summary",{className:o.targetDummySummary,"aria-hidden":"true"}),i.children]})},summary:({node:t,...r})=>e("summary",{className:o.summary,style:y.summary,onClick:e=>e.stopPropagation(),...r,children:r.children}),ul:t=>e("ul",{className:o.list,style:y.list,...t}),ol:t=>e("ol",{className:o.list,style:y.list,...t}),div:({node:t,...r})=>{const i=t?.properties&&"data-popup"in t.properties;return e("div",{...r,className:i?o.popup:r.className,style:i?y.popup:r.style})},span:({node:t,...r})=>e("span","true"===t?.properties?.["data-green-check"]?{...r,style:y.checkGreen}:{...r}),p:function({children:t}){const i=Array.isArray(t)?t:[t];return e("p",{children:i.map((t,i)=>"string"==typeof t?h(t,d,y.customHighlight):e(r.Fragment,{children:t},i))})},li:({children:t})=>{try{const i=null==t?[]:Array.isArray(t)?t:[t];return e("li",{style:{marginBottom:"4px"},children:i?.map((t,i)=>"string"==typeof t?h(t,d,y.customHighlight):e(r.Fragment,{children:t},i))})}catch(r){return console.error("Error rendering <li>:",r),e("li",{children:t})}},code:({children:t,...i})=>e("code",{...i,children:r.Children.map(t,e=>"string"==typeof e?h(e,d,y.customHighlight):e)})},children:s})})})})};export{g as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useEffect as i}from"react";import n from"react-markdown";import l from"rehype-raw";import a from"remark-gfm";import{visit as s}from"../../node_modules/.pnpm/unist-util-visit@5.1.0/node_modules/unist-util-visit/lib/index.js";import o from"./MarkdownRenderer.module.css.js";function p(){return e=>{s(e,"text",(e,t,r)=>{if(!r||"string"!=typeof e.value)return;if(!e.value.includes("✓"))return;const i=e.value.split("✓"),n=[];for(let e=0;e<i.length;e++){const t=i[e];t&&n.push({type:"text",value:t}),e<i.length-1&&n.push({type:"element",tagName:"span",properties:{"data-green-check":"true",className:[o.checkGreen]},children:[{type:"text",value:"✓"}]})}return r.children.splice(t,1,...n),t+n.length})}}function c(){return e=>{s(e,"element",(e,t,r)=>{if(r&&"p"===e.tagName)return e.children&&1===e.children.length&&"element"===e.children[0].type&&"details"===e.children[0].tagName?(r.children.splice(t,1,e.children[0]),t):void 0})}}const d=e=>"text"===e?.type&&/^\s*$/.test(e.value??"");function u(){return e=>{s(e,"element",e=>{if("details"!==e.tagName)return;if(!("data-target"in(e.properties||{})))return;const t=e.children||[];let r=0;"element"===t[0]?.type&&"summary"===t[0]?.tagName&&(r=1);const i=t.slice(r),n=i.filter(e=>!d(e));if(1===n.length&&"element"===n[0].type&&n[0].properties&&("data-popup"in n[0].properties||void 0!==n[0].properties["data-popup"]))return;if(n.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const l={type:"element",tagName:"div",properties:{"data-popup":""},children:i};e.children=t.slice(0,r).concat([l])})}}function m(){return e=>{s(e,"element",e=>{if("details"!==e.tagName)return;const t=e.properties||{};if("data-inline"in t||"data-target"in t)return;const r=e.children||[];let i=0;"element"===r[0]?.type&&"summary"===r[0]?.tagName&&(i=1);const n=r.slice(i),l=n.filter(e=>!d(e));if(1===l.length&&"element"===l[0].type&&l[0].properties&&("data-popup"in l[0].properties||void 0!==l[0].properties["data-popup"]))return;if(l.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const a={type:"element",tagName:"div",properties:{"data-popup":""},children:n};e.children=r.slice(0,i).concat([a])})}}const h=(t,r,i)=>{if(!r||!r.trim())return t;const n=new RegExp(`(${l=r,l.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")})`,"gi");var l;return t.split(n).map((t,r)=>n.test(t)?e("mark",{className:o.customHighlight,id:"customHighlight",style:i,children:t},r):t)},g=({value:s,highlightedText:d,scrollTo:g,styles:y={}})=>{const f=r.useRef(null),v=r.useRef(null);i(()=>{if(d){const e=setTimeout(()=>{if(v.current){const e=v.current.querySelector("#customHighlight");e&&e.scrollIntoView({behavior:"smooth",block:g||"center"})}},225);return()=>clearTimeout(e)}},[d,s]);return e("div",{ref:f,className:o.containerWrapper,style:y.containerWrapper,children:e("div",{className:o.mainCard,style:y.mainCard,children:e("div",{ref:v,className:o.scrollArea,style:y.scrollArea,children:e(n,{remarkPlugins:[a],rehypePlugins:[l,c,p,u,m],components:{details:({node:r,...i})=>{const n=!!i["data-inline"],l=!!i["data-target"];let a=o.detailsBlock,s=y.detailsBlock;return n&&(a=o.detailsInline,s=y.detailsInline),l&&(a=o.detailsTarget,s=y.detailsTarget),t("details",{...i,className:a,style:{...s,...i.style},onToggle:e=>{e.stopPropagation(),n&&(e=>{const t=e.currentTarget,r=t.getAttribute("data-inline");if(!r||!f.current)return;const i=f.current.querySelector(`details[data-target="${r}"]`);i&&(i.open=t.open)})(e)},children:[l&&e("summary",{className:o.targetDummySummary,"aria-hidden":"true"}),i.children]})},summary:({node:t,...r})=>e("summary",{className:o.summary,style:y.summary,onClick:e=>e.stopPropagation(),...r,children:r.children}),ul:t=>e("ul",{className:o.list,style:y.list,...t}),ol:t=>e("ol",{className:o.list,style:y.list,...t}),div:({node:t,...r})=>{const i=t?.properties&&"data-popup"in t.properties;return e("div",{...r,className:i?o.popup:r.className,style:i?y.popup:r.style})},span:({node:t,...r})=>e("span","true"===t?.properties?.["data-green-check"]?{...r,style:y.checkGreen}:{...r}),p:function({children:t}){const i=Array.isArray(t)?t:[t];return e("p",{children:i.map((t,i)=>"string"==typeof t?h(t,d,y.customHighlight):e(r.Fragment,{children:t},i))})},li:({children:t})=>{try{const i=null==t?[]:Array.isArray(t)?t:[t];return e("li",{style:{marginBottom:"4px"},children:i?.map((t,i)=>"string"==typeof t?h(t,d,y.customHighlight):e(r.Fragment,{children:t},i))})}catch(r){return console.error("Error rendering <li>:",r),e("li",{children:t})}},code:({children:t,...i})=>e("code",{...i,children:r.Children.map(t,e=>"string"==typeof e?h(e,d,y.customHighlight):e)})},children:s})})})})};export{g as default};
 //# sourceMappingURL=MarkdownRenderer.js.map