\r\n \r\n \r\n
\r\n \r\n
\r\n \" + contentItem.content.objective.title + \"
\";\r\n content += contentItem.content.objective.text;\r\n }\r\n\r\n if (contentItem.content.why) {\r\n content += \"\" + contentItem.content.why.title + \"
\";\r\n content += contentItem.content.why.text;\r\n }\r\n\r\n if (contentItem.content.text) {\r\n content += contentItem.content.text;\r\n }\r\n\r\n return resolveImages(content);\r\n}\r\n\r\nfunction createMarkupQuestionAndAnswer(contentItem) {\r\n var content = \"\" + contentItem.content.question.title + \"
\";\r\n content += contentItem.content.question.text;\r\n content += \"\" + contentItem.content.answer[0].title + \"
\";\r\n\r\n contentItem.content.answer.map((answer) =>\r\n content += answer.text\r\n );\r\n\r\n return resolveImages(content);\r\n}\r\n\r\nfunction createMarkup(item) {\r\n if (item.content_type === \"17377912\") {\r\n //logs.debug(page.Article, 'ArticleHelper', \"ArticleHelper::createMarkup:Parent Binary Item:\",item);\r\n return null;\r\n }\r\n else if ((item.content_type === '60194857') || (item.content_type === '48693746')) {\r\n if (item.containsBinary) {\r\n var htmlContent = \"\";\r\n if (item.content.format === \".pdf\") {\r\n htmlContent += \"\";\r\n }\r\n\r\n return htmlContent;\r\n }\r\n else {\r\n return item.content.text;\r\n }\r\n }\r\n else if (item.content_type === \"60247324\") {\r\n //const __html = await resolveImages(item.content.pub_additional_text);\r\n const html = resolveImages(item.content.pub_additional_text);\r\n return html;\r\n }\r\n else if (item.content_type === \"63781319\") { //Objective & Why\r\n //return { __html: await createMarkupProcessFlow(item, true) };\r\n return createMarkupProcessFlow(item, true);\r\n\r\n }\r\n else if (item.content_type === \"60194856\") { //Question & Answer\r\n //return { __html: await createMarkupQuestionAndAnswer(item) };\r\n return createMarkupQuestionAndAnswer(item);\r\n }\r\n\r\n else {\r\n //Handle subtopics if any exist.\r\n\r\n //function to handle sub-subtopics, if any exist, called recursively.\r\n function extractSubSubTopics(subtopic) {\r\n if (!item.content.text.includes(subtopic.title)) {\r\n item.content.text += (\"\" + subtopic.title + \"\");\r\n item.content.text += subtopic.text;\r\n }\r\n\r\n //handle deeper layers of subtopics.\r\n if (subtopic.sub_topics && subtopic.sub_topics.length > 0) {\r\n var i;\r\n for (i = 0; i < subtopic.sub_topics.length; i++) {\r\n extractSubSubTopics(subtopic.sub_topics[i]);\r\n }\r\n }\r\n }\r\n\r\n if (item.content?.sub_topics && item.content?.sub_topics?.length > 0) {\r\n var i;\r\n for (i = 0; i < item.content.sub_topics.length; i++) {\r\n //do not add to the text if we already had previously, as this createMarkup function is called multiple times.\r\n //todo: prevent createMarkup from being called multiple times per item if not needed.\r\n\r\n if (!item.content.text.includes(item.content.sub_topics[i].title)) {\r\n item.content.text += (\"\" + item.content.sub_topics[i].title + \"
\");\r\n item.content.text += item.content.sub_topics[i].text;\r\n }\r\n\r\n if (item.content.sub_topics && item.content.sub_topics.length > 0) {\r\n var elementID;\r\n for (elementID = 0; elementID < item.content.sub_topics.length; elementID++) {\r\n extractSubSubTopics(item.content.sub_topics[elementID]);\r\n }\r\n }\r\n }\r\n }\r\n return { __html: item.content?.text };\r\n }\r\n}\r\n\r\nfunction findElementInArticleArea(hashTag) {\r\n let foundElementInArticleArea = null;\r\n const articleContainer = document.querySelector('.article-content-container');\r\n\r\n if (!articleContainer) {\r\n logs.debug(page.Article, 'ArticleHelper', \"findElementInArticleArea:#0:We cannot find the article container on this page, so are not going to look for target element on page!\");\r\n return foundElementInArticleArea;\r\n }\r\n\r\n try {\r\n foundElementInArticleArea = articleContainer.querySelector(hashTag);\r\n //logs.debug(page.Article, 'ArticleHelper', \"findElementInArticleArea:#1:Did we find the element on the page with the hashtag of \", hashTag, foundElementInArticleArea)\r\n }\r\n catch {\r\n //logs.debug(page.Article, 'ArticleHelper', \"Issue locating the element to scroll to with the hashtag of \", hashTag)\r\n }\r\n\r\n //If we did not find an exact match, we look for a \"ending with\" or a \"partial match\" thereafter.\r\n if (!foundElementInArticleArea) {\r\n let hashlessTag = hashTag.replace(\"#\", \"\");\r\n\r\n foundElementInArticleArea = articleContainer.querySelector(\"[id$='\" + hashlessTag + \"']\");\r\n //logs.debug(page.Article, 'ArticleHelper', \"findElementInArticleArea:#2:Did we find the element on the page with the hashtag of \", \"[id$='\" + hashlessTag + \"']\", foundElementInArticleArea)\r\n\r\n //If we did not find an exact match, \"partial match\" thereafter.\r\n if (!foundElementInArticleArea) {\r\n foundElementInArticleArea = articleContainer.querySelector(\"[id*='\" + hashlessTag + \"']\");\r\n //logs.debug(page.Article, 'ArticleHelper', \"findElementInArticleArea:#3:Did we find the element on the page with the hashtag of \", \"[id*='\" + hashlessTag + \"']\", foundElementInArticleArea)\r\n\r\n //If we did not find an exact match, and if this is a legacy link, then we may find it with uppercase...\r\n if (!foundElementInArticleArea && !hashlessTag.startsWith(\"GUID\")) {\r\n foundElementInArticleArea = articleContainer.querySelector(\"[id*='\" + hashlessTag.toLocaleUpperCase() + \"']\");\r\n //logs.debug(page.Article, 'ArticleHelper', \"findElementInArticleArea:#4:Did we find the element on the page with the hashtag of \", \"[id*='\" + hashlessTag.toLocaleUpperCase() + \"']\", foundElementInArticleArea)\r\n\r\n //If we did not find an exact match, (inferred: and if this is a legacy link), then we may find it with lowercase...\r\n if (!foundElementInArticleArea) {\r\n foundElementInArticleArea = articleContainer.querySelector(\"[id*='\" + hashlessTag.toLocaleLowerCase() + \"']\");\r\n //logs.debug(page.Article, 'ArticleHelper', \"findElementInArticleArea:#5:Did we find the element on the page with the hashtag of \", \"[id*='\" + hashlessTag.toLocaleLowerCase() + \"']\", foundElementInArticleArea)\r\n }\r\n }\r\n }\r\n }\r\n return foundElementInArticleArea;\r\n}\r\n\r\nfunction scrollToHashTag(hashTag) {\r\n if (!hashTag) {\r\n return\r\n }\r\n hashTag = decodeURI(hashTag);\r\n let elemToScrollTo = null;\r\n const linkHashSeparator = \"_|RP-HASH|_\";\r\n\r\n //If we have a hash-seperator (two possible targets)\r\n if (hashTag.indexOf(linkHashSeparator) > 0) {\r\n const hashes = hashTag.split(linkHashSeparator);\r\n\r\n elemToScrollTo = findElementInArticleArea(\"#\" + hashes[1]);\r\n\r\n if (!elemToScrollTo) {\r\n elemToScrollTo = findElementInArticleArea(hashes[0]);\r\n }\r\n }\r\n else {\r\n elemToScrollTo = findElementInArticleArea(hashTag);\r\n }\r\n \r\n //If we have not found it - then we cannot scroll\r\n if (!elemToScrollTo) {\r\n logs.debug(page.Article, 'ArticleHelper', \"scrollToHashTag:element(s) cannot be found for target hashtag\", hashTag)\r\n return;\r\n }\r\n\r\n //logs.debug(page.Article, 'ArticleHelper', \"Prepping to scroll down to element: \", elemToScrollTo);\r\n \r\n const y = elemToScrollTo.getBoundingClientRect().top + window.scrollY;\r\n window.scroll({\r\n top: y - 130,\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n}\r\n\r\nfunction getpubIdsToQuery(pubData, flattenedToc, isSpinePage, context) {\r\n\r\n let pubIdsToQuery = [];\r\n\r\n if (pubData?.guideBook) {\r\n pubData.guideBook.Content.guidebookSections.forEach((section) => {\r\n //Excelude sections that we are searching inside of for this folio !== \"related\"\r\n if (section.sectionContainsPublications && (\"excludeSectionNames|related\".indexOf(section.sectionFriendlyPath) === -1)) {\r\n const idsFromToc = flattenedToc\r\n .filter(({ tocHash }) => tocHash.startsWith(section.sectionFriendlyPath))\r\n .filter(({ url }) => /GUID/g.test(url))\r\n .map(({ url }) => {\r\n const matches = url.match(/GUID-[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/gi);\r\n return matches && matches.length ? matches[0] : null;\r\n })\r\n .filter(x => x !== null);\r\n pubIdsToQuery = [...pubIdsToQuery, ...idsFromToc];\r\n }\r\n });\r\n }\r\n else if (isSpinePage) {\r\n //if publication is a manual spine pub, we need to send the spine publication ids\r\n pubIdsToQuery = flattenedToc\r\n .filter(({ tocHash }) => (tocHash.includes(context.pageSelectedPublicationGUID)))\r\n .map(x => x.tocHash.split('_').pop());\r\n\r\n //if not and the pubIdsToQuery is empty\r\n if (pubIdsToQuery.length === 0) {\r\n pubIdsToQuery = flattenedToc\r\n .filter(({ url }) => (url.match(/GUID/g) || []).length === 1)\r\n .map(x => \"GUID-\" + x.url.split('GUID-')[1]);\r\n }\r\n }\r\n else {\r\n //TODO: Use the tocContextProvidor and do this differently\r\n //if publication is a manual spine pub, we need to send the spine publication ids\r\n pubIdsToQuery = flattenedToc\r\n .filter(({ url }) => (url.match(/GUID/g) || []).length === 3)\r\n .map(x => \"GUID-\" + x.url.split('GUID-')[3]);\r\n\r\n if (pubIdsToQuery.length > 0) {\r\n //add in the pub Id to the toc items to make them easier to reference later when matching up the results to toc items\r\n //this should just be undefined or null for non-spine pubs.\r\n //TODO: Move this to the BE later.\r\n flattenedToc.forEach((pubItem) => {\r\n let guids = pubItem.url.split('GUID-');\r\n if (guids.length > 3) {\r\n pubItem.spinePublicationId = \"GUID-\" + guids[3].split('/')[0];\r\n }\r\n })\r\n //We need to add in the GUID of the Spine pub that points to all the above Spine-Target-Pubs added above.\r\n pubIdsToQuery = [...pubIdsToQuery, context.pageSelectedPublicationGUID];\r\n }\r\n //if not and the pubIdsToQuery is empty\r\n else if (pubIdsToQuery.length === 0) {\r\n pubIdsToQuery = flattenedToc\r\n .filter(({ url }) => (url.match(/GUID/g) || []).length === 1)\r\n .map(x => \"GUID-\" + x.url.split('GUID-')[1]);\r\n }\r\n }\r\n\r\n if (!pubIdsToQuery.length) {\r\n logs.debug(page.Publication, 'PublicationSearch', 'Publication ID Array is empty. Awaiting required data', { memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'), knowledgeDomain: context.knowledgeDomain })\r\n return null;\r\n }\r\n\r\n // Get unique list of publication ids\r\n pubIdsToQuery = [...new Set(pubIdsToQuery)];\r\n let pubIds = 'publication_id/' + pubIdsToQuery.join('/');\r\n\r\n return pubIds;\r\n}\r\n\r\nfunction mapSearchResultsToSelectedToc(results, context, isJournalPage, flattenedToc, isSpinePage, getMFLabel, toc, getGuidebookSectionData, currentsearchPhrase) {\r\n results.forEach(result => {\r\n let tocObject = null;\r\n\r\n //NOTE: we would only have alerts if we were on the folio, but not sure if we only do this in a listing!?\r\n // isFolioSectionlisting\r\n if ((context.pageSelectedSection === \"alerts\")) {\r\n // for Alerts --> its PublicationObjectId\r\n tocObject = flattenedToc?.find(({ id }) => result.document.publicationId.startsWith(id));\r\n }\r\n else if (isJournalPage) {\r\n tocObject = flattenedToc?.find(({ id }) => (result.document.publicationId.startsWith(id)));\r\n }\r\n else if(context.pageControllerType ===\"standard\")\r\n {\r\n tocObject =flattenedToc?.filter(({ id }) => (result.document.id.startsWith(id)));\r\n }\r\n // only for manual,standards\r\n else if (isSpinePage) {\r\n tocObject = flattenedToc?.find(({ id }) => { //eslint-disable-line\r\n if (result.document.publicationContextId) {\r\n return result.document.publicationContextId.startsWith(id) || (result.document.id.startsWith(id));\r\n }\r\n else{\r\n return (result.document.id.startsWith(id));\r\n }\r\n });\r\n //the else above does the same thign as this loop...\r\n /*if (UTILITIESHELPER.isNullOrUndefined(tocObject)) {\r\n tocObject = flattenedToc?.find(({ id }) => {//eslint-disable-line\r\n if (result.document.id) {\r\n return result.document.id.startsWith(id);\r\n }\r\n });\r\n }*/\r\n }\r\n else {\r\n tocObject = flattenedToc?.find(({ id }) => (result.document.id.startsWith(id)));\r\n if (!tocObject) {\r\n tocObject = flattenedToc?.find(({ id }) => (result.document.publicationId.startsWith(id)));\r\n }\r\n }\r\n\r\n // ideally we can't even show a search results if it doesnt exist in our TOC\r\n if (!UTILITIESHELPER.isObjectNullorEmpty(tocObject)) {\r\n\r\n if(context.pageControllerType===\"standard\")\r\n {\r\n result.document.fullTitle = tocObject ? tocObject[0].title : result.document.publicationTitle;\r\n result.url = tocObject[0].url ? tocObject[0].url : getSearchresultUrl(flattenedToc,result);\r\n tocObject.forEach(ti=>{\r\n result.tocHash=result.tocHash ? result.tocHash +'_'+ ti.tocHash : ti.tocHash;\r\n })\r\n result.document.navTitle = tocObject ? (tocObject[0].nav_title ? tocObject[0].title : tocObject[0].nav_title) : (result.document.navTitle ? result.document.publicationTitle : result.document.navTitle);\r\n }\r\n else{\r\n result.document.fullTitle = tocObject ? tocObject.title : result.document.publicationTitle;\r\n result.url = tocObject.url ? tocObject.url : getSearchresultUrl(flattenedToc,result);\r\n result.tocHash = tocObject ? tocObject.tocHash : '';\r\n result.document.navTitle = tocObject ? (tocObject.nav_title ? tocObject.title : tocObject.nav_title) : (result.document.navTitle ? result.document.publicationTitle : result.document.navTitle);\r\n }\r\n \r\n if(currentsearchPhrase)\r\n result.searchPhrase = currentsearchPhrase;\r\n\r\n const branchSegments = result.tocHash.split('_');\r\n branchSegments.pop(); // remove target page\r\n const branch = branchSegments\r\n .map(guid => {\r\n return flattenedToc.find(x => x.id === guid);\r\n\r\n })\r\n .map((x, i) => x !== undefined ? x.nav_title : getTocSectionTitle(branchSegments[i], context, flattenedToc, getMFLabel, toc, getGuidebookSectionData));\r\n\r\n result.crumb = branch;\r\n\r\n return result;\r\n }\r\n });\r\n let extendedResults = results.filter(x => !UTILITIESHELPER.isStringNullorEmpty(x.url));\r\n return UTILITIESHELPER.isArrayNullorEmpty(extendedResults) ? null : extendedResults;\r\n}\r\n\r\nfunction getSearchresultUrl(flattenedToc, result){\r\n let tocObject = flattenedToc?.find(({ id }) => { //eslint-disable-line\r\n if (result.document.publicationObjectId) {\r\n return result.document.publicationObjectId.startsWith(id);\r\n }\r\n });\r\n\r\n let url = result.document.publicationId === result.document.id ? `${tocObject.url}` \r\n : `${tocObject.url}/${encodeURIComponent(result.document.fullTitle)}/${result.document.id}`;\r\n return url;\r\n}\r\n\r\nfunction getTocSectionTitle(sectionFriendlyPath, context, flattenedToc, getMFLabel, toc, getGuidebookSectionData) {\r\n if (context && flattenedToc && getMFLabel && toc && getGuidebookSectionData) {\r\n try {\r\n if (\"manual|standards\".indexOf(context.pageControllerType) > -1) {\r\n // you are already on Section of Manuls/standards\r\n // TODO : is it necessary to get the Spine Title ??\r\n let tocobject = flattenedToc.find(({ id }) => sectionFriendlyPath.startsWith(id));\r\n if (tocobject) {\r\n return getMFLabel(tocobject.title, \"tocobject.title\");\r\n }\r\n return toc.nav_title ? toc.nav_title : toc.title;\r\n }\r\n else if (\"guidance\".indexOf(context.pageControllerType) > -1 && \"accounting\".indexOf(context.knowledgeDomain) > -1) {\r\n \r\n let tocobject = flattenedToc.find(({ id }) => sectionFriendlyPath.startsWith(id));\r\n if (tocobject) {\r\n return getMFLabel(tocobject.title, \"tocobject.title\");\r\n }\r\n return toc.title;\r\n }\r\n else {\r\n // this is for folio's since we should find the Pub name\r\n const section = getGuidebookSectionData(sectionFriendlyPath);\r\n if (section) {\r\n return getMFLabel(section.title.Content.title, \"section.title.Content.title\");\r\n }\r\n return sectionFriendlyPath;\r\n }\r\n }\r\n catch (ex) {\r\n \r\n logs.error(page.Publication, 'ArticleHelper',ErrorMessages.tocSectionTitle , ex, { memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'), knowledgeDomain: context.knowledgeDomain,eventId:ErrorCodes.Publication })\r\n\r\n return sectionFriendlyPath;\r\n }\r\n }\r\n}\r\n\r\nfunction getHighlightedText(highlights) {\r\n var result = highlights.find(function (obj) {\r\n return obj.propertyName === \"Content\";\r\n });\r\n if (result) {\r\n return result.highlightedText;\r\n } else {\r\n return highlights[0]?.highlightedText;\r\n }\r\n}\r\n\r\nfunction getFilterPubData(pubData) {\r\n if (pubData) {\r\n //For external collections, we will display content related only to specific topic, without integrating the content from subitems.\r\n if (pubData.publication_type === PUBLICATIONTYPE_IDS.externalCollection) {\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(pubData.content)) {\r\n pubData.content[0].subItems = [];\r\n }\r\n }\r\n }\r\n return pubData;\r\n}\r\n\r\nfunction isSpinePageController(pageController) {\r\n return [PAGE_CONTROLLER_TYPE.manual,\r\n PAGE_CONTROLLER_TYPE.standards].includes(pageController)\r\n}\r\n\r\n\r\nconst ARTICLEHELPERS = {\r\n createMarkup,\r\n createTitleMarkupFootnote,\r\n extractAnnotationOrAssociatedContent,\r\n extractFootnotes,\r\n extractFootnoteCallouts,\r\n extractFootnotesFromRTT,\r\n findElementInArticleArea,\r\n footnoteNumberGenerator,\r\n getBreadcrumbData,\r\n getContentHtmlDocument,\r\n scrollToHashTag,\r\n getpubIdsToQuery,\r\n mapSearchResultsToSelectedToc,\r\n getHighlightedText,\r\n getFilterPubData,\r\n isSpinePageController\r\n}\r\n\r\nexport default ARTICLEHELPERS;","\r\nimport { CONTENT_TYPE_IDS, MEMBERFIRM_CONSTANTS } from '../components/Constants/Constants';\r\nimport ARTICLEHELPERS from './ArticleHelpers';\r\n\r\n\r\n\r\nfunction log(message) {\r\n if (window.DART.ENV.RP_REACT_APP_PREVIEW === 'true') {\r\n //For when we want to have a stacktrace to see where the message is coming from use this:\r\n console.log(message);\r\n }\r\n}\r\n\r\nfunction getIntFromStr(stringVal) {\r\n const matches = stringVal.match(/(\\d+)/);\r\n if (matches) {\r\n return matches[0];\r\n }\r\n}\r\n\r\nfunction sortArray(array, property){\r\n if(Array.isArray(array) && array.length > 0) {\r\n return array.sort(dynamicSort(property)).sort(dynamicSort(property));\r\n }else {\r\n return array;\r\n }\r\n}\r\n\r\nfunction dynamicSort(property) {\r\n return function(a, b) {\r\n return (a[property] < b[property]) ? -1 : (a[property] > b[property]) ? 1 : 0;\r\n }\r\n}\r\n\r\nfunction sortArrayDesc(array, property) {\r\n if (Array.isArray(array) && array.length > 0) {\r\n return array.sort(dynamicSortDesc(property));\r\n }\r\n else {\r\n return array;\r\n }\r\n}\r\nfunction dynamicSortDesc(property) {\r\n return function (a, b) {\r\n return (a[property] > b[property]) ? -1 : (a[property] < b[property]) ? 1 : 0;\r\n }\r\n}\r\n\r\n\r\nfunction sortAlphaNumericArray(array) {\r\n return array.sort((a, b) => {\r\n return a.localeCompare(b, undefined, {\r\n numeric: true,\r\n sensitivity: \"base\",\r\n });\r\n });\r\n}\r\nfunction sortAlphaCaseInsensitive(array,property) {\r\n return array.sort((a, b) => {\r\n return a[property].localeCompare(b[property], undefined, {\r\n sensitivity: \"base\",\r\n });\r\n });\r\n }\r\nfunction stickyBarResizing() {\r\n const stickyBar = document.querySelector('.sticky-bar');\r\n const tocHeader = document.querySelector('.toc-header');\r\n const cfLeft = document.querySelector('.cf-left');\r\n const articleContainer = document.querySelector('.article-container');\r\n if (stickyBar !== null && stickyBar.classList.contains('fixed')) {\r\n const articleWidthCalc = (window.outerWidth(articleContainer) + 27);\r\n stickyBar.style.width = articleWidthCalc + 'px';\r\n if (cfLeft !== null && tocHeader !== null) {\r\n const tocWidthCalc = (window.outerWidth(cfLeft) - 20);\r\n tocHeader.style.width = tocWidthCalc + 'px';\r\n }\r\n } else if (stickyBar !== null && !stickyBar.classList.contains('fixed')) {\r\n stickyBar.style.width = '';\r\n if (cfLeft !== null && tocHeader !== null) {\r\n tocHeader.style.width = '';\r\n }\r\n }\r\n}\r\n\r\nfunction formatBytes(bytes, decimals) {\r\n\r\n if (bytes === undefined || bytes === null || bytes === \"\") return '2 MB';\r\n\r\n if (bytes === 0) return '0 Bytes';\r\n\r\n const k = 1024;\r\n const dm = decimals < 0 ? 0 : decimals;\r\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\r\n\r\n const i = Math.floor(Math.log(bytes) / Math.log(k));\r\n\r\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\r\n}\r\n\r\nfunction formatDate(date, contextLanguage = \"en-US\", formatSpecifier = '') {\r\n if (date && date !== \"\") {\r\n var formattedDate = new Date(date);\r\n if (formattedDate.getFullYear() < 1000) {\r\n return \"\";\r\n }\r\n if (formatSpecifier === \"shortDate\") {\r\n return (formattedDate.getMonth() + 1) + \"-\" + formattedDate.getDate() + \"-\" + formattedDate.getFullYear();\r\n }else if (formatSpecifier !== \"\" && ['numeric', '2-digit','short', 'narrow', 'long'].indexOf(formatSpecifier) !== -1) {\r\n return formattedDate.toLocaleDateString(contextLanguage, { year: 'numeric', month: formatSpecifier, day: 'numeric' });\r\n }\r\n return formattedDate.toLocaleDateString(contextLanguage, { year: 'numeric', month: 'long', day: 'numeric' });\r\n }\r\n else {\r\n return \"\";\r\n }\r\n}\r\n\r\nfunction getContentItemTitle(contentItem, skipFootNote = false) {\r\n //Commenting this out for now, as it removes h3s. Saving first line of the function to show parentItem, and then if parentItem === null. Dev to revisit\r\n //function getContentItemTitle(contentItem, parentItem) {\r\n //If we are on the first level, then the parentItem is null as we have\r\n //already written out the current item as the page title, so we do not write a title for this item!*/}\r\n //if (parentItem === null) {\r\n // return \"\";\r\n //}\r\n\r\n var contentItemTitle = ((contentItem === null || contentItem.title === null)) ? \"\" : contentItem.title;\r\n var contentItemRichTextTitle = ((contentItem === null || contentItem.rich_text_title === null)) ? \"\" : contentItem.rich_text_title;\r\n const itemReferenceID = (contentItem?.reference_id) ? contentItem.reference_id : \"\";\r\n const itemParaNumber = (contentItem?.para_number) ? contentItem.para_number : \"\";\r\n\r\n if (itemParaNumber !== \"\") {\r\n contentItemTitle = itemParaNumber;\r\n }\r\n else {\r\n contentItemTitle = itemReferenceID + \" \" + contentItemTitle;\r\n }\r\n\r\n // Regular expression to test if content is between
), then loop through all the splitted value and wrap with highligt div where from where the search phrase starts\r\n const m = (content, pre = '', post = '') => `${pre}${content}${post}`;\r\n\r\n //Split content by html tags\r\n let resString = htmlSting.toString().split(new RegExp('(<\\/?.*?>)', 'gi'));// eslint-disable-line\r\n let firstOccuranceSearchString = searchPhrase.match(new RegExp('([\\\\w]*)\\\\s+\\\\*', 'gi'))[0].match(new RegExp('\\\\w*', 'gi'))[0];//extract character from search phrase if available\r\n let isSearchStarted = (UTILITIESHELPER.getLocalStorage(\"rp-is-search-start\")=== \"true\");\r\n return resString.map(function (value) {\r\n if (!value.trim()) {\r\n return \"\";\r\n }\r\n\r\n let isContainsSearchString = new RegExp(firstOccuranceSearchString, 'gi').test(value);// set startHighlight to when content includes searchPhrase OR searchPhrase only contains \" *\"\r\n\r\n if (!new RegExp('(<\\/?.*?>)', 'gi').test(value) && !isSearchStarted && isContainsSearchString && firstOccuranceSearchString) { // eslint-disable-line\r\n //this condition checks when to start the highlight isSearchStarted(if false highlight not startted yet),\r\n //isContainsSearchString(string contains search phrase or not), firstOccuranceSearchString(check search phrase should have any keyword before \"any *\", this contains \"any\")\r\n UTILITIESHELPER.setLocalStorage(\"rp-is-search-start\", true);\r\n isSearchStarted = true;\r\n if (isContainsSearchString) {\r\n return value.replace(new RegExp(`${firstOccuranceSearchString}.*`, 'gi'), (match) => { return m(match) });\r\n }\r\n }\r\n\r\n // eslint-disable-next-line\r\n if (new RegExp('(<\\/?.*?>)', 'gi').test(value) || !isSearchStarted) {\r\n return value;\r\n }\r\n return m(value);\r\n\r\n }).join(\" \");\r\n}\r\n\r\nfunction markWithWildChars(htmlString, regex) {\r\n let resString = htmlString.toString().split(new RegExp('(<\\/?.*?>)', 'gi')); // eslint-disable-line\r\n //Split content by html tags\r\n\r\n //eslint-disable-next-line\r\n return resString.map(function (value) {\r\n if(regex.includes('*') || regex.includes('?'))\r\n {\r\n value=value.replace(/\\s+/g,' ')\r\n var words = value.split(\" \");\r\n if (!new RegExp(\"(<([^>]+)>)\", \"gi\").test(value)) {\r\n return words\r\n .map(function(word) {\r\n return word.replace(new RegExp(regex, \"gi\"), `$&`);\r\n })\r\n .join(\" \");\r\n }\r\n else{\r\n return words\r\n .map(function(word) {\r\n return word;\r\n })\r\n .join(\" \");\r\n }\r\n }\r\n }).join(\" \");\r\n}\r\n\r\nfunction markWithOperators(htmlString, regex) {\r\n //Split content by html tags\r\n let resString = htmlString.toString().split(new RegExp('(<\\/?.*?>)', 'gi'));// eslint-disable-line\r\n \r\n return resString.map(function (value) {\r\n return value.replace(new RegExp(regex, 'gi'), `$&`);\r\n }).join(\" \");\r\n}\r\n\r\nfunction markSearchTermsIgnoringPluralEndings(terms) {\r\n for (var element of pluralSuffix) {\r\n var index = terms.lastIndexOf(element);\r\n if (index > -1 && index > terms.length - 3) {\r\n terms = \"\\\\b\"+terms.slice(0, index) + \"+(\" + element + \")?\\\\b\";\r\n break;\r\n }\r\n }\r\n return terms;\r\n}\r\n\r\nfunction getRegex(searchPhrase) {\r\n let terms = searchPhrase.match(/-\"(?:\\\\\"|[^\"])+\"|[a-zA-Z0-9\\|\\+?*\\'-’$]+|\"(?:\\\\\"|[^\"])+\"/gi)// eslint-disable-line\r\n if (terms === null) return null;\r\n //regex to check if search term is within double quotes\r\n var doubleQuoteRegex = /(\"(.*?)\")/g ///(^\\\"[a-zA-Z0-9\\+\\s]+\\\"$)/g\r\n\r\n //This list is created because on line 129 the map method can't contain regex test function call\r\n //as the regex test() calls multiple times on the same global regular expression instance\r\n //will advance past the previous hence will always return false inside map scope\r\n var doubleQuotedTermList = terms.filter(e => doubleQuoteRegex.test(e))\r\n\r\n terms = terms.filter(x => x[0] !== '-')\r\n\r\n // regex to find given special characters from the search phrase, if got any spcl character then need to escape those character\r\n let regexToCheckSpecialCharacter = new RegExp(\"[[$({)}\\\\]\\\\//]\", \"g\");\r\n\r\n terms = terms.map(x => {\r\n //If search term is within double quotes, then match exact term(s) with boundaries\r\n //so that entire sentence can be parsed\r\n if (doubleQuotedTermList.includes(x)) {\r\n //remove double quotes to get the exact term\r\n x = x.slice(1, -1);\r\n x = x.replace('+', '\\\\+');\r\n if (regexToCheckSpecialCharacter.test(x)) {\r\n return escapeRegExp(x);\r\n }\r\n return `\\\\b${escapeRegExp(x)}\\\\b(?!['’])` // \"(?!['’])\" this regex is used to exclude these \"'`\" special character by using negetive lookahead regex\r\n }\r\n\r\n else {\r\n return escapeRegExp(x)\r\n .replace(/^\\||^\\+|\\\"/g, '') // eslint-disable-line\r\n .replace(/\\?/g, '[a-zA-Z0-9]{0,}')\r\n .replace(/\\*/g, '[a-zA-Z0-9]{0,}')\r\n .replace(/\\s/g, '\\\\s{0,}(?:<.+?>){0,}\\\\s{0,}');\r\n }\r\n })\r\n\r\n terms = terms.filter(x => x !== '');\r\n terms = terms.join('|');\r\n\r\n if (new RegExp(\"(\\\\b\\\\w+[a-zA-Z0-9](\"+pluralSuffix.join(\"|\")+\")\\\\b)\", \"gi\").test(terms)) {\r\n terms = markSearchTermsIgnoringPluralEndings(terms);\r\n }\r\n\r\n return RegExp(terms, 'gi');\r\n}\r\n\r\nfunction replaceOperator(operator){\r\n switch(operator){\r\n case '+':\r\n return ' && ';\r\n case '|':\r\n return ' || ';\r\n case '-':\r\n return ' -';\r\n default:\r\n return operator;\r\n }\r\n}\r\n\r\n//This is a helper method to parse the search phrase having operators '+,-,| etc..'\r\nfunction parseSearchPhrase(searchPhrase, separator, pattern)\r\n{\r\n if(!UTILITIESHELPER.isStringNullorEmpty(searchPhrase))\r\n {\r\n searchPhrase = searchPhrase.replace(/\\s+/g, \"\");\r\n if(searchPhrase.includes(separator) && RegExp(pattern, 'gi').test(searchPhrase)){\r\n let splitArray = searchPhrase.split(separator);\r\n if (splitArray.length > 1) {\r\n searchPhrase = `${splitArray[0].trim()}${replaceOperator(separator)}${splitArray[1].trim()}`;\r\n }\r\n }\r\n }\r\n return searchPhrase;\r\n}\r\n\r\nfunction IsSearchPrefixWithWildcards(searchPhrase) {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(searchPhrase)) {\r\n if (REGEX_PATTERN.wildcards.test(searchPhrase)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n}\r\n\r\nfunction getCollectionSearchLimitFromAppSettings() {\r\n return window.DART.ENV.REACT_APP_COLLECTION_SEARCH_LIMIT\r\n //return RETRIEVALSERVICES.retreiveCollectionSearchLimit();//This is causing unnesccssary call, we are reading from client appsettings.token.js\r\n}\r\n\r\nfunction SanitizeSpecialCharacters(searchPhrase) {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(searchPhrase)) {\r\n searchPhrase = searchPhrase.replace('/', '\\\\/');\r\n }\r\n return searchPhrase;\r\n}\r\n\r\nexport default {\r\n apply,\r\n fromQueryString,\r\n hasSearchResults,\r\n mark,\r\n parse,\r\n toHumanReadable,\r\n toQueryString,\r\n parseSearchPhrase,\r\n getCollectionSearchLimitFromAppSettings,\r\n IsSearchPrefixWithWildcards,\r\n SanitizeSpecialCharacters\r\n}\r\n","// Browser Storage Helpers\r\n\r\n// Session Storage\r\nfunction getSessionStorage(key) {\r\n var sessionStorage = window.sessionStorage;\r\n var item = sessionStorage.getItem(key);\r\n return item;\r\n}\r\n\r\nfunction setSessionStorage(key, value) {\r\n var sessionStorage = window.sessionStorage;\r\n sessionStorage.setItem(key, value);\r\n}\r\n\r\nfunction getSessionStorageJSON(key) {\r\n var sessionStorage = window.sessionStorage;\r\n return JSON.parse(sessionStorage.getItem(key));\r\n}\r\n\r\nfunction setSessionStorageJSON(key, value) {\r\n var sessionStorage = window.sessionStorage;\r\n sessionStorage.setItem(key, JSON.stringify(value));\r\n}\r\n\r\nfunction removeSessionStorage(key) {\r\n sessionStorage.removeItem(key);\r\n}\r\n\r\n// Local Storage\r\nfunction getLocalStorage(key) {\r\n var localStorage = window.localStorage;\r\n var item = localStorage.getItem(key);\r\n return item;\r\n}\r\n\r\nfunction setLocalStorage(key, value) {\r\n var localStorage = window.localStorage;\r\n localStorage.setItem(key, value);\r\n}\r\n\r\nfunction getLocalStorageJSON(key) {\r\n var localStorage = window.localStorage;\r\n return JSON.parse(localStorage.getItem(key));\r\n}\r\n\r\nfunction setLocalStorageJSON(key, value) {\r\n var localStorage = window.localStorage;\r\n localStorage.setItem(key, JSON.stringify(value));\r\n}\r\n\r\nfunction removeLocalStorage(key) {\r\n var localStorage = window.localStorage;\r\n localStorage.removeItem(key);\r\n}\r\n\r\nexport default {\r\n getSessionStorage,\r\n getSessionStorageJSON,\r\n setSessionStorage,\r\n setSessionStorageJSON,\r\n removeSessionStorage,\r\n getLocalStorage,\r\n getLocalStorageJSON,\r\n setLocalStorage,\r\n setLocalStorageJSON,\r\n removeLocalStorage\r\n}","import { MEMBERFIRM_CONSTANTS } from '../components/Constants/Constants';\r\nimport SH from './StorageHelpers';\r\nimport UTILITIESHELPER from './UtilitiesHelper';\r\n\r\nconst STORAGE_KEY_MEMBER_FIRM = 'MemberFirm'; //Previously: \"research-portal-member-firm\"\r\nconst STORAGE_KEY_MEMBER_FIRM_TAXONOMY_ID = 'member-firm-Id';\r\nconst STORAGE_KEY_SERVICE_AREA = 'ServiceArea';\r\nconst STORAGE_KEY_LEVEL = 'Level';\r\nconst STORAGE_KEY_SUBSCRIBED_MFS = 'rp::subs:memberFirm';\r\nconst STORAGE_KEY_LAST_MEMBER_FIRM = 'research-portal-member-firm';\r\nconst STORAGE_KEY_LAST_LANGUAGE = 'cur-mt-name';\r\nconst STORAGE_KEY_LANGUAGE = \"mt-name\";\r\n\r\nconst lc = (w) => String(w).toLowerCase()\r\nconst sorter = (a, b) => lc(a).localeCompare(lc(b))\r\n\r\n\r\nexport function initializeProfile(memberFirm = MEMBERFIRM_CONSTANTS.dtt, countryCode = MEMBERFIRM_CONSTANTS.us, serviceArea = null, level = null) {\r\n SH.setLocalStorage(STORAGE_KEY_MEMBER_FIRM, lc(countryCode));\r\n if(UTILITIESHELPER.isObjectNullorEmpty(SH.getLocalStorage(STORAGE_KEY_LAST_MEMBER_FIRM))){\r\n SH.setSessionStorage(STORAGE_KEY_LAST_MEMBER_FIRM, lc(memberFirm));\r\n }\r\n SH.setSessionStorage(STORAGE_KEY_SERVICE_AREA, serviceArea);\r\n SH.setSessionStorage(STORAGE_KEY_LEVEL, level);\r\n\r\n if (SH.getLocalStorageJSON(STORAGE_KEY_SUBSCRIBED_MFS) === null) {\r\n SH.setLocalStorageJSON(STORAGE_KEY_SUBSCRIBED_MFS, []);\r\n \r\n }\r\n SH.setLocalStorageJSON(\"researchAssistant::subs:memberFirm\", []);\r\n}\r\n\r\nexport function getMemberFirm() {\r\n return getFallbackMemberFirm(lc(SH.getLocalStorage(STORAGE_KEY_MEMBER_FIRM)));\r\n}\r\n\r\nexport function getServiceArea() {\r\n return SH.getSessionStorage(STORAGE_KEY_SERVICE_AREA);\r\n}\r\n\r\nexport function getLevel() {\r\n return SH.getSessionStorage(STORAGE_KEY_LEVEL);\r\n}\r\n\r\n// MemberFirm Subscription\r\nexport function getMFSubs() {\r\n\r\n return SH.getLocalStorageJSON(STORAGE_KEY_SUBSCRIBED_MFS).map(x => lc(x)).sort(sorter);\r\n}\r\n\r\nexport function addMFSub(memberFirm) {\r\n const subs = [...getMFSubs(), lc(memberFirm)].sort(sorter);\r\n SH.setLocalStorageJSON(STORAGE_KEY_SUBSCRIBED_MFS, subs);\r\n}\r\n\r\nexport function removeMFSub(memberFirm) {\r\n const subs = getMFSubs()\r\n .filter(mf => lc(mf) !== lc(memberFirm))\r\n .sort(sorter);\r\n SH.setLocalStorageJSON(STORAGE_KEY_SUBSCRIBED_MFS, subs);\r\n}\r\n\r\n// All member firms, opm firm then mf subs\r\nexport function getAllMemberFirms() {\r\n return [...new Set([getMemberFirm(), ...getMFSubs()])];\r\n}\r\n\r\n\r\n// These two function support the \"remembering\" of the previously selected\r\n// member firm for revisit to the home/landing page.\r\nexport function setLastMemberFirm(memberFirm) {\r\n if (memberFirm) {\r\n //clog(`memberFirm[${memberFirm}]`)\r\n SH.setLocalStorage(STORAGE_KEY_LAST_MEMBER_FIRM, lc(memberFirm));\r\n }\r\n}\r\n\r\nexport function setLastMemberFirmResearchAssistant(memberFirm) {\r\n if (memberFirm) {\r\n SH.setLocalStorage(\"research-assistant-memberfirm\",lc(memberFirm));\r\n }\r\n}\r\n\r\nexport function getLastorDefaultMemberFirm() {\r\n const last = SH.getLocalStorage(STORAGE_KEY_LAST_MEMBER_FIRM);\r\n let defaultMem = SH.getLocalStorage(STORAGE_KEY_MEMBER_FIRM);\r\n return (last === null) ? defaultMem : String(last);\r\n}\r\n\r\nexport function setSelectedMemberFirmTaxonomyId(memberFirmId) {\r\n SH.setLocalStorage(STORAGE_KEY_MEMBER_FIRM_TAXONOMY_ID, memberFirmId);\r\n}\r\n\r\nexport function getSelectedMemberFirmTaxonomyId() {\r\n return SH.getLocalStorage(STORAGE_KEY_MEMBER_FIRM_TAXONOMY_ID);\r\n}\r\n\r\nexport function getLanguageConfig(urlLanguage) {\r\n // Retrieve current language selection\r\n const ssName = SH.getSessionStorage(STORAGE_KEY_LAST_LANGUAGE);\r\n\r\n // If we have a current language in session storage, return lang info\r\n if (ssName) {\r\n const abbreviation = SH.getSessionStorage(\"cur-mt-abbreviation\");\r\n let languageCodeFE = SH.getSessionStorage(\"cur-mt-languageCodeFE\");\r\n\r\n if (!languageCodeFE || languageCodeFE === \"null\" || languageCodeFE === \"\") {\r\n languageCodeFE = urlLanguage;\r\n }\r\n\r\n return { name: ssName, abbreviation, languageCodeFE };\r\n }\r\n\r\n // Retrieve local storage language configuration\r\n const lsName = SH.getLocalStorage(STORAGE_KEY_LANGUAGE);\r\n\r\n // If we have a language in local storage, return lang info\r\n if (lsName) {\r\n const abbreviation = SH.getLocalStorage(\"mt-abbreviation\");\r\n let languageCodeFE = SH.getLocalStorage(\"mt-languageCodeFE\");\r\n\r\n if (!languageCodeFE || languageCodeFE === \"null\" || languageCodeFE === \"\") {\r\n languageCodeFE = urlLanguage;\r\n }\r\n\r\n return { name: lsName, abbreviation,languageCodeFE };\r\n }\r\n\r\n // Fallback to English\r\n return { name: \"English\", abbreviation: \"EN\", languageCodeFE: urlLanguage };\r\n}\r\n\r\n// Fallback member firm if the users home firm does not have a home member firm catalog. \r\nexport const getFallbackMemberFirm = (memberFirm) => {\r\n //added new check of memberFirm !==\"content\" because in below case getting \"content\" in position of member firm\r\n //https://qinkrpservice.aaps.deloitte.com/content/docid=2_342973%23section_3_rule_3524-342973\r\n if (memberFirm && memberFirm !== \"\" && memberFirm !== \"content\") {\r\n memberFirm = lc(memberFirm);\r\n //ONLY when the incoming memberFirm is blank, do we need to fall back to a default (previous)\r\n //THERFORE, I am not sure why we were doing this before...\r\n /*if (memberFirm !== \"us\" && memberFirm !== \"dtt\") {\r\n console.log(\"getFallbackMemberFirm:Fall back to dtt? Current memberFirm:\", memberFirm)\r\n memberFirm = 'dtt';\r\n }\r\n else {\r\n memberFirm = lc(memberFirm);\r\n }*/\r\n }\r\n else {\r\n //User/session is initialized with user's MF as last-viewed\r\n memberFirm = getLastorDefaultMemberFirm();\r\n }\r\n\r\n if (memberFirm === undefined || memberFirm === null || memberFirm === \"\") {\r\n const defaultMem = SH.getLocalStorage(STORAGE_KEY_MEMBER_FIRM);\r\n memberFirm = defaultMem ?? \"dtt\";\r\n\t}\r\n\r\n //clog(`memberFirm[${memberFirm}]`);\r\n return memberFirm;\r\n}\r\n\r\nexport const getFallbackLanguageByMemberFirm = (memberFirm, language) => {\r\n let languageSettings = getLanguageConfig(language);\r\n SH.setLocalStorage(\"research-portal-language\", language);\r\n if (language !== languageSettings.languageCodeFE) {\r\n language = languageSettings.languageCodeFE;\r\n }\r\n //added new check of language.includes(\"docid\") because in below case getting \"docid=2_342973%23section_3_rule_3524-342973\" in position of language\r\n //https://qinkrpservice.aaps.deloitte.com/content/docid=2_342973%23section_3_rule_3524-342973\r\n if (!language || language.startsWith(\"en\") || language.includes(\"docid\")) {\r\n switch (memberFirm) {\r\n //UK is also having its content in DCS as en-US\r\n //case \"uk\": language = \"en-UK\"; break;\r\n default: language = \"en-US\"; break;\r\n }\r\n }\r\n\r\n //WalkmeIntegration\r\n window.langVar = language;\r\n\r\n //clog(`memberFirm[${memberFirm}] language[${language}]`);\r\n return language;\r\n}\r\n\r\nexport function isSelectedMFAndOPMMemberFirmAreSame() {\r\n //STORAGE_KEY_LAST_MEMBER_FIRM = selected MF\r\n //STORAGE_KEY_MEMBER_FIRM = OPM MF\r\n if (UTILITIESHELPER.isStringNullorEmpty(SH.getLocalStorage(STORAGE_KEY_MEMBER_FIRM)) || UTILITIESHELPER.isStringNullorEmpty(SH.getLocalStorage(STORAGE_KEY_LAST_MEMBER_FIRM)))\r\n return false;\r\n\r\n if (lc(SH.getLocalStorage(STORAGE_KEY_MEMBER_FIRM)) === lc(SH.getLocalStorage(STORAGE_KEY_LAST_MEMBER_FIRM)))\r\n return true;\r\n\r\n return false;\r\n}\r\n\r\nconst ProfileHelpers = {\r\n getMemberFirm,\r\n getServiceArea,\r\n getLevel,\r\n getMFSubs,\r\n addMFSub,\r\n removeMFSub,\r\n getAllMemberFirms,\r\n getLastorDefaultMemberFirm,\r\n setLastMemberFirm,\r\n getFallbackLanguageByMemberFirm,\r\n getFallbackMemberFirm,\r\n setSelectedMemberFirmTaxonomyId,\r\n getSelectedMemberFirmTaxonomyId,\r\n setLastMemberFirmResearchAssistant,\r\n isSelectedMFAndOPMMemberFirmAreSame\r\n}\r\n\r\nexport default ProfileHelpers;","import RETRIEVALSERVICES from '../services/rp-service';\r\nimport { sanitizeUrl } from '@braintree/sanitize-url';\r\nimport { get } from 'lodash';\r\nimport { logs, page } from '../helpers/log.js';\r\nimport ARTICLEHELPERS from '../helpers/ArticleHelpers';\r\nimport UTILITIESHELPER from \"../helpers/UtilitiesHelper\";\r\nimport SearchHelpers from './SearchHelpers';\r\nimport { ErrorCodes, ErrorMessages } from '../components/Constants/Errors';\r\nimport { PAGE_CONTROLLER_TYPE, PUBLICATIONTYPE_IDS } from '../components/Constants/Constants';\r\nimport ProfileHelpers from './ProfileHelpers';\r\nconst linkHashSeparator = \"_|RP-HASH|_\";\r\nconst KnowledgeDomainInSequence = [\"17573941\", \"68489712\", \"17573178\"];\r\n//Expected input: id: \"GUID-57E01081-B02B-4FD5-8A72-2032275453E4=1=en-US=\"\r\nfunction cleanGUID(guid) {\r\n let cleanedGuid = guid;\r\n\r\n if (cleanedGuid.includes(\"=\")) {\r\n cleanedGuid = cleanedGuid.split(\"=\")[0];\r\n }\r\n if (cleanedGuid.includes(\"#\")) {\r\n const guidArr = cleanedGuid.split(\"#\");\r\n cleanedGuid = guidArr[0];\r\n }\r\n return cleanedGuid;\r\n}\r\n\r\n// To get the GUID of Article\r\nfunction getGUID(locationUrl){\r\n const path = locationUrl\r\n const arry = path.split(\"/\");\r\n const lastElement = arry[arry.length - 1];\r\n return lastElement;\r\n}\r\n\r\nfunction cleanLocationURL(targetBaseUrl) {\r\n let location = window.location.href;\r\n if (location.includes(\"#\")) {\r\n location = location.split(\"#\")[0];\r\n }\r\n if (location.includes(\"?\")) {\r\n location = location.split(\"?\")[0];\r\n }\r\n return location.substring(location.indexOf(targetBaseUrl));\r\n}\r\n\r\nfunction deturmineJournalType(journalBrand) {\r\n // Accounting Roundup - Accounting\r\n // IFRS Educational Material - Accounting - External\r\n // IFRS in Focus - Accounting\r\n // IFRS Proposals - Accounting - External\r\n // Need to Know - Accounting\r\n // Audit Smart One Pagers - Auditing\r\n // Practice Alerts - Auditing\r\n // NAA weekly digest - Auditing & Accounting\r\n // Technically Speaking - Auditing & Accounting\r\n //TODO: Need to confirm if its available, and then change this to get it from pub-type:\r\n //Announcement === 60194864 --> deloitte-communications\r\n //Announcement - External === 65511719 -> professional-news\r\n\r\n return (journalBrand === \"IFRS Educational Material\" || journalBrand === \"IFRS Proposals\") ? \"professional-news\" : \"deloitte-communications\";\r\n}\r\n\r\nfunction extractGUIDs(hrefValue) {\r\n let isLinkCT = !hrefValue.startsWith(\"GUID\");\r\n let targetTopicGuid = hrefValue;\r\n let targetElementGuid = null;\r\n\r\n //Mechanism for getting the guid from a query parameter, or the new html links. \r\n // href=\"..._Revenue_Recognition_Contract_Term=GUID-DC964530-0ACE-4F6E-A654-7590F2EAD2B8=4=en-US=.html#SL679768029-359834\"\r\n // href=\"GUID-AC622958-6D64-43C4-B8F1-FF79EBDEEE52=1=en-US=.html\"\r\n if (targetTopicGuid.includes(\"=\")) {\r\n //if we have a #, lets grab the targetElement ouf of there first...\r\n if (targetTopicGuid.includes(\"#\")) {\r\n targetElementGuid = targetTopicGuid.split(\"#\")[1];\r\n }\r\n const guidArr = targetTopicGuid.split(\"=\");\r\n if (guidArr[1].startsWith(\"GUID\")) {\r\n //we will then get \"GUID-DC964530-0ACE-4F6E-A654-7590F2EAD2B8\" from the first example above\r\n targetTopicGuid = guidArr[1];\r\n }\r\n else {\r\n //we will then get \"GUID-AC622958-6D64-43C4-B8F1-FF79EBDEEE52\" from the example above\r\n targetTopicGuid = guidArr[0];\r\n }\r\n }\r\n\r\n //# denotes the element to scroll down to, we then have an publication/article and #element in the href\r\n // and in the case of CT Links\r\n if (targetTopicGuid.includes(\"#\")) {\r\n const guidArr = targetTopicGuid.split(\"#\");\r\n\r\n //If this is is a non-CT link (internal)\r\n if (targetTopicGuid.startsWith(\"GUID\")) {\r\n targetTopicGuid = guidArr[0];\r\n targetElementGuid = guidArr.length > 1 ? guidArr[1] : null;\r\n }\r\n else {\r\n //CT Links - Now we can resolve CT links, so we split them out and still look on the current page for the targetElement\r\n // in the BE, the two will be re-joined before making the request.\r\n targetTopicGuid = guidArr[0]; //null (in the past)\r\n targetElementGuid = guidArr[1];\r\n }\r\n }\r\n\r\n //When we have a / at this point then we actually have pub...article/element\r\n if (targetElementGuid?.includes(\"/\")) {\r\n const urlArr = targetElementGuid.split(\"/\");\r\n //targetTopicGuid = urlArr[0]; (we no longer replace the TopicGuid (as that now remains the 1st GUID))\r\n targetElementGuid = urlArr[1];\r\n }\r\n\r\n //If they are the same at this point, then we clear the element!\r\n if (targetElementGuid === targetTopicGuid) {\r\n targetElementGuid = null;\r\n }\r\n\r\n //logs.debug(page.Link, 'LinkResolver', \"targetTopicGuid, targetElementGuid:\",targetTopicGuid, targetElementGuid);\r\n return { targetTopicGuid, targetElementGuid, isLinkCT };\r\n}\r\nfunction existsInsideParentClass(child, classname) {\r\n if (hasClass(child, classname)) {\r\n return true;\r\n }\r\n\r\n try {\r\n //Throws TypeError if child doesn't have parent any more\r\n return child.parentNode && existsInsideParentClass(child.parentNode, classname);\r\n }\r\n catch (TypeError) {\r\n return false;\r\n }\r\n}\r\nfunction hasClass(child, classname) {\r\n if (child.className.split(' ').indexOf(classname) >= 0) {\r\n return true;\r\n }\r\n return false;\r\n}\r\nfunction isFootnoteTopLink(child) {\r\n if (child.href.split('/').pop().indexOf('#footnote-top-') >= 0) {\r\n return true;\r\n }\r\n return false;\r\n}\r\nfunction getClosestLinkElement(ev) {\r\n var el\r\n if (Element.prototype.closest) {\r\n el = ev.target.closest('a');\r\n }\r\n else {\r\n //else the long way\r\n el = ev.target;\r\n while (el && el.tagName !== 'a') {\r\n el = el.parentNode;\r\n }\r\n }\r\n return el;\r\n}\r\nfunction getDataSource(ev) {\r\n var el = getClosestLinkElement(ev)\r\n return el?.dataset?.scope;\r\n}\r\n\r\nfunction getDynamicFolioSectionOrType(publication_type) {\r\n switch (publication_type) {\r\n case \"65683596\": //Disclosures in practice\r\n return \"disclosures\";\r\n\r\n case \"65683649\": //Model Financial Statement\r\n return \"modelfs\";\r\n\r\n case \"65683594\": //Q&A\r\n return \"qna\";\r\n\r\n case \"48082106\": //Auditing: Guided Risk Assessment\r\n case \"60194867\": //Auditing::Process Flow\r\n case \"48082109\": //Auditing::Omnia Core Policy\r\n case \"66029858\": //Auditing::RP Template Repository 66029858 66019138-66074179, \r\n case \"58035381\": //New:Template Repository\r\n case \"68489711\": //New:Template Repository - Account (GRA)\r\n case \"68169717\": //New:Template Repository - RP\r\n return \"templates\";\r\n\r\n case \"60194862\": //Auditing::DeloitteWWF-RP\r\n case \"66029856\": //Auditing::Illustrative Example\r\n case \"66029857\": //Auditing::RP Other Guidance\r\n case \"63868156\": //Auditing::GRA-Guide..Guidebook\r\n return \"other\";\r\n\r\n case \"60194863\": //Accounting::Roadmap --> Knowledge domain different!!\r\n return \"roadmap\";\r\n\r\n case \"48082110\": //Spine: Manual Section - I need the parent spine pub id! (otherwise the link opens up in context of pub - not spine-pub)\r\n case \"60194866\": //Structure Manual\r\n return \"manual\";\r\n\r\n case \"65469054\": //Standard Section-Unumbered\r\n case \"48082111\": //Spine: Standard Section - I need the parent spine pub id! (otherwise the link opens up in context of pub - not spine-pub)\r\n case \"60194865\": //Structure Standards\r\n return \"standards\";\r\n case PUBLICATIONTYPE_IDS.externalCollection:\r\n return PAGE_CONTROLLER_TYPE.standard;\r\n case \"60194864\": //Alerts & Ann\r\n return \"alerts\";\r\n //these are default - already guidance\r\n case \"60194861\": //Auditing::Practical-Guide..Guidebook\r\n break;\r\n\r\n default:\r\n logs.info(page.Link, 'LinkResolver', \"publication_type not found or defined, defaulting to guidance\", publication_type);\r\n break;\r\n }\r\n\r\n return \"guidance\";\r\n}\r\n\r\nfunction getTargetKnowledgeDomain(knowledgeDomain, publication) {\r\n let currentKnowledgeDomain = \"\";\r\n\r\n switch (knowledgeDomain) {\r\n case \"accounting\": currentKnowledgeDomain = \"17573178\"; break;\r\n case \"auditing\": currentKnowledgeDomain = \"17573941\"; break;\r\n case \"assurance\": currentKnowledgeDomain = \"68489712\"; break;\r\n default:\r\n logs.debug(page.Link, 'LinkHelper', \"The given knowledge domain is not valid \" + knowledgeDomain);\r\n //return knowledgeDomain;\r\n }\r\n\r\n //If we find the knowledgeDomain in the list of knowledge domains of the publication, we have a match, and can stay in the same KD!\r\n //We need to search here as most he time we have multiple values here, and some of them are NOT valid tiers!\r\n let targetKnowledgeDomain = publication.metadata?.knowledge_domain?.find(tier => tier === currentKnowledgeDomain) ?? \"\";\r\n\r\n //logs.debug(page.Link, 'LinkHelper', \"The target knowledge domain targetKnowledgeDomain, currentKnowledgeDomain\", targetKnowledgeDomain, currentKnowledgeDomain);\r\n\r\n //We only set/reset this if we GET the tier, otherwise we leave it as the \"current\" knowledgeDomain!\r\n if (UTILITIESHELPER.isStringNullorEmpty(targetKnowledgeDomain)) {\r\n //The publication is not within the current knowledge domain, so we attempt to get one of the target knowledgeDomain(s) \r\n let dynamicTierArray = KnowledgeDomainInSequence.filter(tier => publication.metadata?.knowledge_domain?.includes(tier)); //validate when dynamicTierArray is empty it should not break\r\n\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(dynamicTierArray)) {\r\n switch (dynamicTierArray[0]) {\r\n case \"17573178\": targetKnowledgeDomain = \"accounting\"; break;\r\n case \"17573941\": targetKnowledgeDomain = \"auditing\"; break;\r\n case \"68489712\": targetKnowledgeDomain = \"assurance\"; break;\r\n default:\r\n logs.debug(page.Link, 'LinkHelper', \"No knowledge domain is set for the current value of \" + dynamicTierArray[0]);\r\n break;\r\n }\r\n }\r\n }\r\n else {\r\n //If we find the knowledgeDomain in the list of knowledge domains of the publication, we have a match, and can stay in the same KD!\r\n return knowledgeDomain;\r\n }\r\n\r\n return targetKnowledgeDomain;\r\n}\r\n\r\nfunction GetTargetTopicOrSpineTargetPublicationGUID(publication) {\r\n return (publication?.spine?.object_id === null) ? publication.content.object_id : publication.id;\r\n}\r\n\r\nasync function getNavigatableLink({ ev,\r\n tocUrls,\r\n memberFirm,\r\n language,\r\n knowledgeDomain,\r\n messageCannotOpenTab,\r\n messageCannotResolve,\r\n isSearchResultLink,\r\n popupContent = false,\r\n memberFirms = null }) {\r\n const el = getClosestLinkElement(ev);\r\n\r\n if (!el?.href) {\r\n return false;\r\n }\r\n\r\n if (hasClass(el, \"footnote-link\")) {\r\n return false;\r\n }\r\n if (isFootnoteTopLink(el)) {\r\n return false;\r\n }\r\n\r\n //Need to account for links within the foot-note popup!\r\n if (!popupContent && !existsInsideParentClass(el, \"article-content-container\") && !existsInsideParentClass(el, \"footnote-popup-text-container\")) {\r\n //Then we are NOT in the \"DCS-response content, and can \"ignore\" the link completely\r\n return false;\r\n }\r\n\r\n let hrefValue = el?.href;\r\n let location = window.location.href;\r\n let prefixLocation = location.substring(0, location.lastIndexOf('/') + 1);\r\n\r\n if(popupContent && el?.tagName===\"A\")\r\n { \r\n let href = el.getAttribute('href')\r\n if(href===\"\")\r\n {\r\n ev.preventDefault();\r\n alert(messageCannotResolve);\r\n return false;\r\n }\r\n }\r\n\r\n //We assume if the current href contains the current domain url, that it did not start with http, i.e. it was an internal link\r\n if (hrefValue.indexOf(prefixLocation) > -1) {\r\n //Internal link, so we handle it...\r\n ev.preventDefault();\r\n\r\n if (ev.shiftKey) {\r\n alert(messageCannotOpenTab);\r\n return false;\r\n }\r\n\r\n hrefValue = hrefValue.replace(prefixLocation, '');\r\n }\r\n //TODO:BDP: May need to do an elseIf here for TL links?!\r\n else {\r\n //External link, so continue...\r\n return false;\r\n }\r\n\r\n let datasetPublication = el?.dataset?.publication;\r\n\r\n return await resolveLink(hrefValue,\r\n datasetPublication,\r\n tocUrls,\r\n memberFirm,\r\n language,\r\n knowledgeDomain,\r\n messageCannotResolve,\r\n isSearchResultLink,\r\n memberFirms);\r\n}\r\n\r\nfunction getNavigatableLinkFromTOC(tocUrls, targetTopicGuid, targetElementGuid, findSpineTarget = false) {\r\n if (tocUrls && targetTopicGuid) {\r\n const targetUrl = tocUrls.find(item => (!item.includes(\"/examples/\") && !item.includes(\"/related/\") && (item.indexOf(targetTopicGuid) > 0)));\r\n if (targetUrl !== undefined) {\r\n if (findSpineTarget) {\r\n const targetUrlParts = targetUrl.split(\"/\");\r\n //If this is NOT the spine-part of the URL (i.e. the last part of the URL)\r\n if (targetUrlParts[targetUrlParts.length-1] !== targetTopicGuid) {\r\n logs.debug(page.Link, 'LinkResolver', \"getNavigatableLinkFromTOC::targetTopicGuid is NOT the spine-pub (last guid in url):\", targetUrl, targetTopicGuid)\r\n return null;\r\n }\r\n }\r\n\r\n if (targetElementGuid === targetTopicGuid) {\r\n targetElementGuid = null;\r\n }\r\n targetElementGuid = (targetElementGuid) ? \"#\" + targetElementGuid : \"\";\r\n\r\n //logs.debug(page.Link, 'LinkResolver', \"getNavigatableLinkFromTOC::CURRENT CONTEXT LINK: GUID FOUND in tocUrls:\", targetUrl)\r\n return `${targetUrl}${targetElementGuid}`;\r\n }\r\n //logs.debug(page.Link, 'LinkResolver', \"getNavigatableLinkFromTOC::GUID NOT FOUND in tocUrls:\", tocUrls, targetTopicGuid);\r\n }\r\n else {\r\n logs.warning(page.Link, 'LinkResolver', \"getNavigatableLinkFromTOC::targetTopicGuid is null or TOC Not available to resolve in current TOC\",null);\r\n }\r\n return null;\r\n}\r\n\r\nfunction getTocUrls(targetBaseUrl) {\r\n try {\r\n const linksNodeList = (document.querySelector('.side-pannel-inner-container'))?.querySelectorAll('a') || [];\r\n const links = Array.prototype.slice.call(linksNodeList) || [];\r\n\r\n return links.map(link => link.href.substring(link.href.indexOf(targetBaseUrl)))\r\n }\r\n catch {\r\n return [];\r\n }\r\n}\r\nfunction isElementInPage(targetElementGuid) {\r\n //When we look for an element in the page, we ONLY look in the article part, not in the TOC! (or anywhere elase)\r\n const elementInPage = targetElementGuid ? ARTICLEHELPERS.findElementInArticleArea(targetElementGuid) : null;\r\n if (elementInPage) {\r\n logs.debug(page.Link, 'LinkResolver', \"isElementInPage::targetElementGuid/GUID FOUND in Page:\", targetElementGuid, elementInPage);\r\n return true;\r\n }\r\n //logs.debug(page.Link, 'LinkResolver', \"isElementInPage::targetElementGuid/GUID NOT FOUND in Page:\", targetElementGuid);\r\n return false;\r\n}\r\n\r\nfunction isFolioTargetTemplateType(publication_type) {\r\n //case \"66029858\": //Auditing::RP Template Repository 66029858 66019138-66074179, \r\n //case \"58035381\": //New:Template Repository\r\n //case \"68489711\": //New:Template Repository - Account (GRA)\r\n //case \"68169717\": //New:Template Repository - RP\r\n return \"|66029858|58035381|68489711|68169717\".indexOf(publication_type) > 0;\r\n}\r\n\r\nfunction isLocalToThisPageLink(tocUrls, url) {\r\n if (url.includes(\"#\")) {\r\n url = url.split(\"#\")[0];\r\n }\r\n const isLocal = tocUrls.includes(url);\r\n //logs.debug(page.Link, 'LinkResolver', \"isLocalToThisPageLink\", isLocal, url);\r\n return isLocal;\r\n}\r\n\r\nfunction CheckLinkForTL(href, messageCannotResolve, isResearchAssistant) {\r\n //TODO:Remove the hard coded way to make sure we have a TL link!\r\n //href = \"https://techlib.deloitteresources.com/#/content/0901ff8181478b1e\";\r\n //https://techlib.deloitteresources.com/#/content/3_100489#pg-4.1.1-10_-100489\r\n //https://techlib.deloitteresources.com/#/content/3_100481%23book-international_standard_on_auditing_220-100481\r\n //https://techlib.deloitteresources.com/#/content/2_359834%23SL679768029-359834\r\n\r\n if (href.indexOf(\"GUID\") < 0 && href.indexOf(\"||\") < 0 && href.indexOf(\"%7C%7C\") < 0) {\r\n //logs.debug(page.Link, 'LinkResolver', \"CheckLinkForTL:Identified as a CT link:\", href);\r\n return `https://techlib.deloitteresources.com/#/content/${href?.replace('#', '%23')};ExtrenalTL`;\r\n }\r\n if(isResearchAssistant) {\r\n return ''\r\n } else {\r\n alert(messageCannotResolve); \r\n }\r\n return false;\r\n}\r\n\r\nfunction encodeSpecialCharacters(title) {\r\n if (!UTILITIESHELPER.isNullOrUndefined(title)) {\r\n var actualTitle = title.replace(/%/gi, '%25').replace(/\\?/gi, \"%3F\").replace(/\\//gi, '%2F');\r\n return actualTitle;\r\n }\r\n return null;\r\n}\r\n\r\nfunction resolveLandingPageLink({ memberFirm, language }, linkTarget) {\r\n //logs.debug(page.Link, 'LinkResolver', \"linkTarget\", linkTarget);\r\n\r\n if (linkTarget.startsWith('/')) {\r\n linkTarget = linkTarget.substring(1);\r\n return `/${memberFirm}/${language}/${linkTarget}`;\r\n }\r\n else {\r\n return linkTarget;\r\n }\r\n}\r\n\r\n//some more functionality need to verify\r\nfunction resolveCollectionPageSearchLink(item, memberFirm, language, knowledgeDomain, pageControllerType, searchPhrase, catalogCollection, publicationOnly = false) {\r\n if (item.document?.publicationType === PUBLICATIONTYPE_IDS.externalCollection) {\r\n pageControllerType = PAGE_CONTROLLER_TYPE.standard;\r\n } \r\n let urlPrefix = `/${memberFirm}/${language}/${knowledgeDomain}/${pageControllerType}`;\r\n\r\n if (\"folio\".indexOf(pageControllerType) > -1) {\r\n try {\r\n let folioSection = getDynamicFolioSectionOrType(item.document.publicationType);\r\n let topicUrlPart = !publicationOnly ? `/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.navTitle)}/${cleanGUID(item.document?.topicId)}` : \"\";\r\n let publicationUrlPart = `${folioSection}/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.publicationNavTitle)}/${item.document?.publicationId}${UTILITIESHELPER.isStringNullorEmpty(topicUrlPart) ? \"\" : topicUrlPart}`;\r\n let dynamicFolioUrl = null;\r\n\r\n //For these types, we need to look at article-level-taging (AuditWorkFlowAreaNonAccount or AuditWorkFlowAreaAccount for those PublicationTypes at Article level)\r\n //GUIDES_PUBLICATON_TYPE \"60194861\" and ROADMAP_PUBLICATON_TYPE \"60194863\";\r\n //First we try get the one, then the other, if none are found, then we look at publication level tagging... \r\n if (\"60194861,60194863\".indexOf(item.document.publicationType) > -1) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.auditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []));\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.auditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.auditWorkflowAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAccountBalance.items', []));\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n } \r\n if (\"60194864\".indexOf(item.document.publicationType) > -1) {\r\n let publicationAlertsUrlPart = `${folioSection}/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.navTitle)}/${item.document?.publicationId}`;\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationAlertsUrlPart, item.document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []));\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationAlertsUrlPart, item.document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationAlertsUrlPart, item.document.publicationAuditWorkflowAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAccountBalance.items', []));\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n }\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []));\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.publicationAuditWorkflowAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAccountBalance.items', []));\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n\r\n logs.error(page.Link, 'LinkResolver', ErrorMessages.searchLinkResolve, null, {document:item.document,eventId:ErrorCodes.Link});\r\n }\r\n catch (err) {\r\n logs.error(page.Link, 'LinkResolver', ErrorMessages.folioLinkResolve, err,{document:item.document,eventId:ErrorCodes.Link} );\r\n }\r\n }\r\n else if (\"deloitte-communications|professional-news\".indexOf(pageControllerType) > -1) {\r\n //deloitte-communications/Practice%20Alerts/2023/GUID-A94A1363-DFDA-48B1-A822-31D31049A5A3\r\n //While this goes to the right place, Anand's code prevents the page from presenting the article/pdf as the search is trying to kick in!\r\n let publicationUrlPart = `${item.document?.publicationJournalBrand}`;\r\n if (item.document?.publicationTitle) {\r\n publicationUrlPart = `${item.document?.publicationJournalBrand}/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.publicationTitle)}/${item.document.publicationId}`;\r\n }\r\n return `${urlPrefix}/${publicationUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n else {\r\n let publicationUrlPart = `${UTILITIESHELPER.encodeSpecialCharacters(item.document?.publicationNavTitle)}/${item.document?.publicationId}`;\r\n let topicUrlPart = \"\";\r\n if (!publicationOnly && item.document?.navTitle !== \"\") {\r\n if (item.document?.topicId !== \"\") {\r\n topicUrlPart = `/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.navTitle)}/${cleanGUID(item.document?.topicId)}`;\r\n }\r\n }\r\n return `${urlPrefix}/${publicationUrlPart}${topicUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n //When we canont resolve, we return a # for now?\r\n return `${urlPrefix}`;\r\n}\r\n\r\nfunction resolveRAFormsAndTemplatesLink(document, memberFirm, language, knowledgeDomain, pageControllerType, searchPhrase, catalogCollection, publicationOnly = false) {\r\n let urlPrefix = `/${memberFirm}/${language}/${knowledgeDomain}/${pageControllerType}`;\r\n\r\n if (\"folio\".indexOf(pageControllerType) > -1) {\r\n try {\r\n let folioSection = getDynamicFolioSectionOrType(document.publicationType);\r\n let topicUrlPart = !publicationOnly ? `/${UTILITIESHELPER.encodeSpecialCharacters(document?.navTitle)}/${cleanGUID(document?.topicId)}` : \"\";\r\n let publicationUrlPart = `${folioSection}/${UTILITIESHELPER.encodeSpecialCharacters(document?.publicationNavTitle)}/${document?.publicationId}${UTILITIESHELPER.isStringNullorEmpty(topicUrlPart) ? \"\" : topicUrlPart}`;\r\n let dynamicFolioUrl = null;\r\n\r\n //For these types, we need to look at article-level-taging (AuditWorkFlowAreaNonAccount or AuditWorkFlowAreaAccount for those PublicationTypes at Article level)\r\n //GUIDES_PUBLICATON_TYPE \"60194861\" and ROADMAP_PUBLICATON_TYPE \"60194863\";\r\n //First we try get the one, then the other, if none are found, then we look at publication level tagging... \r\n if (\"60194861,60194863\".indexOf(document.publicationType) > -1) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, document.auditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []));\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, document.auditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, document.auditWorkflowAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAccountBalance.items', []));\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n } \r\n if (\"60194864\".indexOf(document.publicationType) > -1) {\r\n let publicationAlertsUrlPart = `${folioSection}/${UTILITIESHELPER.encodeSpecialCharacters(document?.navTitle)}/${document?.publicationId}`;\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationAlertsUrlPart, document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []));\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationAlertsUrlPart, document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationAlertsUrlPart, document.publicationAuditWorkflowAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAccountBalance.items', []));\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n }\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []));\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, document.publicationAuditWorkflowNonAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, document.publicationAuditWorkflowAccount, get(UTILITIESHELPER.isObjectNullorEmpty(catalogCollection[0]) ? catalogCollection : catalogCollection[0], 'Content.taxonomyAccountBalance.items', []));\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n\r\n logs.error(page.Link, 'LinkResolver', ErrorMessages.searchLinkResolve, null, {document:document,eventId:ErrorCodes.Link});\r\n }\r\n catch (err) {\r\n logs.error(page.Link, 'LinkResolver', ErrorMessages.folioLinkResolve, err,{document:document,eventId:ErrorCodes.Link} );\r\n }\r\n }\r\n else if (\"deloitte-communications|professional-news\".indexOf(pageControllerType) > -1) {\r\n //deloitte-communications/Practice%20Alerts/2023/GUID-A94A1363-DFDA-48B1-A822-31D31049A5A3\r\n //While this goes to the right place, Anand's code prevents the page from presenting the article/pdf as the search is trying to kick in!\r\n let publicationUrlPart = `${document?.publicationJournalBrand}`;\r\n if (document?.publicationTitle) {\r\n publicationUrlPart = `${document?.publicationJournalBrand}/${UTILITIESHELPER.encodeSpecialCharacters(document?.publicationTitle)}/${document.publicationId}`;\r\n }\r\n return `${urlPrefix}/${publicationUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n else {\r\n let publicationUrlPart = `${UTILITIESHELPER.encodeSpecialCharacters(document?.publicationNavTitle)}/${document?.publicationId}`;\r\n let topicUrlPart = \"\";\r\n if (!publicationOnly && document?.navTitle !== \"\") {\r\n if (document?.topicId !== \"\") {\r\n topicUrlPart = `/${UTILITIESHELPER.encodeSpecialCharacters(document?.navTitle)}/${cleanGUID(document?.topicId)}`;\r\n }\r\n }\r\n return `${urlPrefix}/${publicationUrlPart}${topicUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n //When we canont resolve, we return a # for now?\r\n return `${urlPrefix}`;\r\n}\r\n\r\nfunction getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, taggedArray, subjectArray) {\r\n if ((Array.isArray(taggedArray) && taggedArray.length > 0)) {\r\n const firstSubject = taggedArray[0];\r\n const matchedSubject = subjectArray.filter(x => x.id === firstSubject);\r\n if ((Array.isArray(matchedSubject) && matchedSubject.length > 0)) {\r\n //logs.debug(page.Link, 'LinkResolver', \"getDynamicFolioSubject::matchedSubject match:\", firstSubject, matchedSubject[0]);\r\n return `${matchedSubject[0].href}/${publicationUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n //As we look in multiple subject taxonomies for the same tagged subject, we will not warn if we cannot find one!\r\n //logs.warn(page.Link, 'LinkResolver', \"getDynamicFolioSubject::No matching subject found for the first tagged subject:\", firstSubject);\r\n }\r\n return null;\r\n}\r\n\r\n//some more functionality need to verify\r\nfunction resolveSearchLink(item, memberFirm, language, knowledgeDomain, pageControllerType, searchPhrase, catalogCollection, publicationOnly = false) {\r\n if (item.document?.publicationType === PUBLICATIONTYPE_IDS.externalCollection) {\r\n pageControllerType = PAGE_CONTROLLER_TYPE.standard;\r\n }\r\n let urlPrefix = `/${memberFirm}/${language}/${knowledgeDomain}/${pageControllerType}`;\r\n\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveSearchLink::resolveSearchLink::item+:\", urlPrefix, item);\r\n\r\n if (\"folio\".indexOf(pageControllerType) > -1) {\r\n let folioSection = getDynamicFolioSectionOrType(item.document.publicationType);\r\n let publicationUrlPart = publicationOnly === true ? `${folioSection}/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.publicationNavTitle)}/${item.document?.publicationId}` : \"\";\r\n\r\n try {\r\n let dynamicFolioUrl = null;\r\n let taxonomyAuditWorkflowAreaNonAccountitems = (get(catalogCollection[0], 'taxonomylist', []))?.filter(list => list.id === \"66019141\" )[0]?.items || [];\r\n let taxonomyAuditWorkflowAreaAccountitems = (get(catalogCollection[0], 'taxonomylist', []))?.filter(list => list.id === \"66019138\" )[0]?.items || [];\r\n //For these types, we need to look at article-level-taging (AuditWorkFlowAreaNonAccount or AuditWorkFlowAreaAccount for those PublicationTypes at Article level)\r\n //GUIDES_PUBLICATON_TYPE \"60194861\" and ROADMAP_PUBLICATON_TYPE \"60194863\";\r\n //First we try get the one, then the other, if none are found, then we look at publication level tagging...\r\n if (\"60194861,60194863\".indexOf(item.document.publicationType) > -1) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.auditWorkflowNonAccount, taxonomyAuditWorkflowAreaNonAccountitems);\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.auditWorkflowNonAccount, get(catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n //console.log(\"assurance check: \", dynamicFolioUrl)\r\n }\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.auditWorkflowAccount, taxonomyAuditWorkflowAreaAccountitems);\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n return dynamicFolioUrl;\r\n }\r\n }\r\n\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.publicationAuditWorkflowNonAccount, taxonomyAuditWorkflowAreaNonAccountitems);\r\n if (dynamicFolioUrl === null) {\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.publicationAuditWorkflowNonAccount, get(catalogCollection[0], 'Content.taxonomyAssurance.items', []));\r\n //console.log(\"assurance check: \", dynamicFolioUrl)\r\n }\r\n if (dynamicFolioUrl === null) {\r\n\r\n dynamicFolioUrl = getDynamicFolioWithSubjectUrl(searchPhrase, publicationUrlPart, item.document.publicationAuditWorkflowAccount, taxonomyAuditWorkflowAreaAccountitems);\r\n }\r\n if (dynamicFolioUrl !== null) {\r\n //console.log(\"Found tag on #2 found on Publication-Level-Tagging:\", dynamicFolioUrl);\r\n return dynamicFolioUrl;\r\n }\r\n logs.error(page.Link, 'LinkResolver', ErrorMessages.searchLinkResolve_Folio, null, {document:item,eventId:ErrorCodes.Link});\r\n }\r\n catch (err) {\r\n logs.error(page.Link, 'LinkResolver',ErrorMessages.folioLinkResolve , err, {document:item.document,eventId:ErrorCodes.Link});\r\n \r\n }\r\n }\r\n else if (\"deloitte-communications|professional-news\".indexOf(pageControllerType) > -1) {\r\n //deloitte-communications/Practice%20Alerts/2023/GUID-A94A1363-DFDA-48B1-A822-31D31049A5A3\r\n //While this goes to the right place, Anand's code prevents the page from presenting the article/pdf as the search is trying to kick in!\r\n let publicationUrlPart = `${item.document?.publicationJournalBrand}`;\r\n if (item.document?.publicationTitle) {\r\n publicationUrlPart = `${item.document?.publicationJournalBrand}/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.publicationTitle)}/${item.document.publicationId}`;\r\n }\r\n return `${urlPrefix}/${publicationUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n else {\r\n let publicationUrlPart = `${UTILITIESHELPER.encodeSpecialCharacters(item.document?.publicationNavTitle)}/${item.document?.publicationId}`;\r\n let topicUrlPart = \"\";\r\n if (!publicationOnly && item.document?.navTitle !== \"\") {\r\n if (item.document?.topicId !== \"\") {\r\n topicUrlPart = `/${UTILITIESHELPER.encodeSpecialCharacters(item.document?.navTitle)}/${cleanGUID(item.document?.topicId)}`;\r\n }\r\n }\r\n return `${urlPrefix}/${publicationUrlPart}${topicUrlPart}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n }\r\n\r\n //When we canont resolve, we return a # for now?\r\n return `${urlPrefix}?${SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase))}`;\r\n}\r\n//BDP:TODO: This function needs to get passed, or have the PageContext.MemberFirms - List ot MF's from Taxonomy, to derrive the correct MF ID'\r\nasync function resolveLink(hrefValue, datasetPublication, tocUrls, memberFirm, language, knowledgeDomain, messageCannotResolve, isSearchResultLink, memberFirms, isResearchAssistant = false, tlMemberFirmTaxonomyId = null) {\r\n // Since the CT Links were initially designed to have %23 instead of # this replace will work as fail proof implementation.\r\n let targetTopicGuid = hrefValue?.replace('%23', '#');\r\n let targetElementGuid = null;\r\n let isLinkCT = false;\r\n let navigatableLink = null;\r\n let location = cleanLocationURL(`/${memberFirm}/${language}/${knowledgeDomain}`);\r\n \r\n \r\n\r\n ({ targetTopicGuid, targetElementGuid, isLinkCT } = extractGUIDs(targetTopicGuid));\r\n\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::hrefValue, targetTopicGuid, targetElementGuid:\", hrefValue, targetTopicGuid, targetElementGuid);\r\n\r\n //In all cases, we look first if the link is in the current Page, then the TOC\r\n if (!isSearchResultLink) {\r\n if (isElementInPage(targetElementGuid)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#0.2 [#HREF] Target targetElementGuid found on page\", location, targetElementGuid);\r\n return `${location}#${targetElementGuid}`;\r\n }\r\n if (isElementInPage(targetTopicGuid)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#0.1 [#HREF] Target targetTopicGuid found on page\", location, targetTopicGuid);\r\n return `${location}#${targetTopicGuid}`;\r\n }\r\n }\r\n\r\n if (tocUrls !== null) {\r\n //When we have a legacy ID, we push the targetElement in here instead, just in case its found in the TOC\r\n let navigatableLink = getNavigatableLinkFromTOC(tocUrls, targetTopicGuid || targetElementGuid, targetElementGuid);\r\n if (navigatableLink) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#1 [HREF] Target targetTopicGuid found in current TOC\",targetTopicGuid)\r\n return navigatableLink;\r\n }\r\n }\r\n\r\n //We have not navigated to another topic on the current page or in the current TOC, \r\n //so lets take a look if we can find the target with an API call.\r\n try {\r\n //We send what we \"had\" in the sanitized href value to the BE to do a link resolve;\r\n let publication = null\r\n let opmMF = ProfileHelpers.getMemberFirm();\r\n //check id MF in query string parameter available\r\n // if yes then extrach and pass it to this method to fetch country code from countrySettings by MF paramenter value\r\n //example scenario: \"/content/docid=2_427478;memberFirm=17573163\"\r\n let memberFirmSettingObjectByTL = UTILITIESHELPER.getMmeberFirmSettingByTlTaxonomyId(memberFirms, tlMemberFirmTaxonomyId);\r\n let tlMemberFirm = !UTILITIESHELPER.isObjectNullorEmpty(memberFirmSettingObjectByTL) ? memberFirmSettingObjectByTL.reference.toLowerCase() : null;\r\n\r\n publication = (await RETRIEVALSERVICES.resolveTargetLink(targetTopicGuid, memberFirm, targetElementGuid, datasetPublication, opmMF, knowledgeDomain, tlMemberFirm)); \r\n let isExternalCollection = publication.publication_type === PUBLICATIONTYPE_IDS.externalCollection;\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::resolveLink API Response(hrefValue):\", hrefValue, publication);\r\n\r\n if (publication?.content?.object_id) {\r\n //If we did not have a target element # to scroll down to in target page (i.e. no anchor tag in orriginal href)\r\n if (!targetElementGuid) {\r\n //If the target content GUID is not the same as the orriginal href's GUID, \r\n // then the original target GUID becomes the targetElement (i.e. the target GUID becomes the new anchor tag to scroll down to on the target page)\r\n if (publication.content.object_id !== targetTopicGuid) {\r\n logs.debug(page.Link, 'resolveLink::LinkResolver', \"#2 [API] REPLACE targetElementGuid. No orriginal anchor, and target is not the same as orriginal guid, so orriginal href-guid becomes the targetElement/ahchor in new link. [targetTopicGuid->targetElementGuid]\",targetTopicGuid)\r\n targetElementGuid = targetTopicGuid;\r\n if(isExternalCollection){\r\n if(publication.nested_topic_id){\r\n targetElementGuid=publication.nested_topic_id;\r\n }\r\n }\r\n \r\n if (isElementInPage(targetElementGuid)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2.1 [#HREF] Target targetElementGuid found on page\", location, targetElementGuid);\r\n return `${location}#${targetElementGuid}`;\r\n }\r\n }\r\n }\r\n\r\n targetTopicGuid = GetTargetTopicOrSpineTargetPublicationGUID(publication);\r\n\r\n if (isElementInPage(targetTopicGuid)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2.2 [#HREF] Target targetTopicGuid found on page\", location, targetTopicGuid);\r\n return `${location}#${targetTopicGuid}`;\r\n }\r\n\r\n //With the CT/Standard links, we now have a converted guid and old guid cases, and we need to address BOTH\r\n // To be generic, we will then pass BOTH the \"id\"'s to the # and look for both of them on the page!\r\n let potentialTargetElementGuid\r\n if (isExternalCollection) {\r\n potentialTargetElementGuid = (publication?.nested_topic_id) ? publication.nested_topic_id : targetElementGuid;\r\n }\r\n else {\r\n potentialTargetElementGuid = (isLinkCT) ? (publication.content.content?.object_id) ? publication.content.content.object_id : (publication.content?.object_id) ? publication.content.object_id : targetElementGuid : targetElementGuid;\r\n }\r\n\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::Targets:targetTopicGuid, targetElementGuid, potentialTargetElementGuid\", targetTopicGuid, targetElementGuid, potentialTargetElementGuid);\r\n\r\n //We need to check the target first, to ensure that its not the same as the target topic guid. If it is not, then we replace the targetElementGuid with it (as thats then the article we would like to scroll down to)\r\n if ((targetTopicGuid !== potentialTargetElementGuid) && (targetTopicGuid.indexOf(potentialTargetElementGuid) === -1) && (targetElementGuid !== potentialTargetElementGuid)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::If Condition (targetTopicGuid !== potentialTargetElementGuid) && (targetTopicGuid.indexOf(potentialTargetElementGuid) === -1) && (targetElementGuid !== potentialTargetElementGuid)\", true);\r\n\r\n //If the context.context.object_id is the same as the context.object_id (then we have the spine context, and we can just ignore the addition as we are navigating to this article/pub anyway)\r\n //if ((publication.content.content?.object_id) && (publication.content.object_id !== publication.content.content?.object_id)) {\r\n //Orrignial, and then addition for appendix links on the same page:\r\n if (((publication.content.content?.object_id) && (publication.content.object_id !== publication.content.content?.object_id))\r\n || (cleanGUID(publication.context.id) !== publication.content?.object_id)) {\r\n if (isElementInPage(potentialTargetElementGuid)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2.3 [#HREF] Target potentialTargetElementGuid found on page\", location, potentialTargetElementGuid);\r\n return `${location}#${potentialTargetElementGuid}`;\r\n }\r\n \r\n targetElementGuid = potentialTargetElementGuid + linkHashSeparator + targetElementGuid;\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2 [API] NEW targetElementGuid with potentialTargetElementGuid included:\", targetElementGuid)\r\n }\r\n }\r\n\r\n if (tocUrls !== null) {\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, targetTopicGuid, targetElementGuid, publication?.spine?.object_id !== null);\r\n if (navigatableLink) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2 [API] Target publication.content.object_id found in current TOC, navigatableLink, targetElementGuid\", targetTopicGuid, navigatableLink, targetElementGuid);\r\n return navigatableLink;\r\n }\r\n }\r\n\r\n if (isSearchResultLink) {\r\n //We HAVE to find the target in the current TOC!\r\n //go one level heigher to see if we can find that resolved GUID in the TOC...\r\n publication = (await RETRIEVALSERVICES.resolveTargetLink(publication?.content?.object_id, memberFirm, \"\", datasetPublication, opmMF, knowledgeDomain, tlMemberFirm));\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::resolveLink Second API Response for search #2: \", publication.content.object_id, publication);\r\n\r\n targetTopicGuid = GetTargetTopicOrSpineTargetPublicationGUID(publication);\r\n\r\n if (tocUrls !== null) {\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, targetTopicGuid, targetElementGuid, publication?.spine?.object_id !== null);\r\n if (navigatableLink) {\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2.s.2 [API] Target toc.content.object_id found in current TOC\", targetTopicGuid);\r\n return navigatableLink;\r\n }\r\n }\r\n\r\n //else-recurse one level heigher\r\n publication = (await RETRIEVALSERVICES.resolveTargetLink(publication?.content?.object_id, memberFirm, \"\", datasetPublication, opmMF, knowledgeDomain, tlMemberFirm));\r\n\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveLink::resolveLink API Response for search #3: \", publication);\r\n\r\n if (tocUrls !== null) {\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, publication?.content?.object_id, targetElementGuid, publication?.spine?.object_id !== null);\r\n if (navigatableLink) {\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveLink::#2.s.3 [API] Target toc.content.object_id found in current TOC\", publication.content.object_id);\r\n return navigatableLink;\r\n }\r\n let errormessage=`Cannot find target in the current Table Of Contents on this Page. Therefore cannot resolve/navigate to that location.TopicId:${publication?.content?.object_id} TargetElementId:${targetElementGuid}`;\r\n logs.error(page.Link, \"ResolveLink\", errormessage);\r\n alert(\"Cannot find target in the current Table Of Contents on this Page. Therefore cannot resolve/navigate to that location.\");\r\n }\r\n\r\n //If we did not find the target in the current TOC, then we cannot navigate to it!!\r\n return false;\r\n }\r\n\r\n //nav_title is not available, so try \"fix\" the title.\r\n if (publication.content.title.includes(\"—\")) {\r\n publication.content.title = publication.content.title.split(\"—\")[1].trim();\r\n }\r\n let publicationUrlPart = `${encodeSpecialCharacters(publication.context.nav_title)}/${publication.id}`;\r\n let topicUrlPart = `/${encodeSpecialCharacters(publication.content.title)}/${publication.content.object_id}`;\r\n \r\n logs.debug(page.Link, 'LinkResolver', \"publication.publication_type .. publicationUrlPart/topicUrlPart\", publicationUrlPart, topicUrlPart);\r\n\r\n if (isFolioTargetTemplateType(publication.publication_type)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::isFolioTargetTemplateType:SWITCH for Template type: publication.publication_type, publicationUrlPart/topicUrlPart\", publicationUrlPart, topicUrlPart);\r\n //We are going to change the GUID around, as the target \"element\" is actually the target topic\r\n topicUrlPart = `/${encodeSpecialCharacters(publication.content.title)}/${publication.content.content.object_id}`;\r\n //We going to clear the target element so that the page does not scroll, as we are navigating to a Template!\r\n targetElementGuid = \"\";\r\n }\r\n\r\n //Spine: Manual/Standard Section - I need the parent spine pub id! (otherwise the link opens up in context of pub - not spine-pub)\r\n if (publication.publication_type !== null && publication.publication_type !== \"\" && \"48082110,48082111,65469054\".includes(publication.publication_type)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::Spine, Section Manual/Standard:publication.publication_type\", publication.publication_type);\r\n\r\n targetTopicGuid = cleanGUID(publication.context.id);\r\n if (!targetElementGuid && publication.content.object_id !== targetTopicGuid && publication.id !== targetTopicGuid) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::No orriginal anchor, and target is not the same as orriginal guid, so orriginal href-guid becomes the targetElement/ahchor in new link. [targetTopicGuid->targetElementGuid]\", targetTopicGuid)\r\n targetElementGuid = publication.content.object_id;\r\n }\r\n\r\n if (tocUrls !== null) {\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, targetTopicGuid, targetElementGuid);\r\n if (navigatableLink) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#3.1 [API]Spine: Target publication.content.object_id found in current TOC\", targetTopicGuid);\r\n return navigatableLink;\r\n }\r\n //As we have the spine, try again to find it in the TOC (just in case we have the wrong context)\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, cleanGUID(publication.id), targetElementGuid, true);\r\n if (navigatableLink) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#3.2 [API]SpineTarget: Target publication.id found in current TOC (As SpineTarget)\", targetTopicGuid);\r\n return navigatableLink;\r\n }\r\n }\r\n\r\n //We ALWAYS used to have the spine object when we had these types, but now we are getting a null spine?!\r\n //For this reason we wil check first, and NOT replace it\r\n if (publication.spine?.object_id !== null && publication.spine?.object_id !== \"\") {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::Replacing publicationUrlPart with this spine:\", publication.spine);\r\n\r\n // when \"publication_type\": \"48082110\" or \"48082111\"\r\n // spine: \"content_type\": \"60194866\"\r\n // Test%20Auditing%20Manual/ === spine.nav_title\r\n // GUID-93F87B9A-72AA-4A82-A8E8-03C2DA6F3354/ === spine.object_id\r\n publicationUrlPart = `${encodeSpecialCharacters(publication.spine.nav_title)}/${publication.spine.object_id}`;\r\n }\r\n\r\n //While we are setting this here, below this will usually get replaced/removed anyway!\r\n // [Manual%20Section%20title%20-%20Heading%201]%20Materiality/ === context.title\r\n // GUID-57E01081-B02B-4FD5-8A72-2032275453E4/ === context.id (strip =..)\r\n // GUID-EF227232-4B83-4C1A-AE49-D485E5CCCBA4# === id === object_id === targetTopicGuid\r\n // GUID-BB1294A4-CC1C-480C-B182-7E4F2FE553E4 === href (original)\r\n topicUrlPart = `/${encodeSpecialCharacters(publication.context.nav_title)}/${targetTopicGuid}/${publication.id}`;\r\n\r\n if (publication.spine?.content_type !== null && publication.spine?.content_type !== \"\") {\r\n //We update the publication type with the spine's type, as that is the \"publication\" that we are ultimately navigating to, that houses the target publication\r\n publication.publication_type = publication.spine.content_type;\r\n }\r\n }\r\n\r\n //Section with intro topic (65469055) (should we also clear?)\r\n\r\n //Pub Context Topic (60247324) (e.g. inside normal pub ===> landing page)\r\n //Pub Context Spine Topic (60262021) (e.g inside the 13100 pub ===> land on the spine pub)\r\n // - are not in the TOC, so we just navigate to the Publication\r\n if (publication.content.content_type !== null && publication.content.content_type !== \"\" && \"60247324\".includes(publication.content.content_type)) {\r\n if (publication.spine.object_id !== null && publication.spine.object_id !== \"\") {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::Content type is Context topic Publication Context: Changing link to spine and context, targetElementGuid\", targetElementGuid);\r\n\r\n if (tocUrls !== null) {\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, cleanGUID(publication.context.id), targetElementGuid);\r\n if (navigatableLink) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::#3.2 [API] Spine Target publication.content.object_id found in current TOC\", cleanGUID(publication.context.id));\r\n return navigatableLink;\r\n }\r\n }\r\n\r\n publicationUrlPart = `${encodeSpecialCharacters(publication.spine.nav_title)}/${publication.spine.object_id}`;\r\n topicUrlPart = `/${encodeSpecialCharacters(publication.context.nav_title)}/${cleanGUID(publication.context.id)}/${publication.id}`;\r\n if (!isLinkCT) {\r\n targetElementGuid = \"\";\r\n }\r\n }\r\n else {\r\n //As long as we are not navigating to a template topic, we will clear the topicUrlPart so that we land on the spine!\r\n if (!isFolioTargetTemplateType(publication.publication_type)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::NOT.isFolioTargetTemplateType:Content type is Context topic Publication Context: but spine is null, so clearing the topicUrlPart so we end up on the landing page with no anchor.\", topicUrlPart, targetElementGuid)\r\n topicUrlPart = \"\";\r\n targetElementGuid = \"\";\r\n }\r\n }\r\n }\r\n\r\n if (publication.content.content_type !== null && publication.content.content_type !== \"\" && \"60262021\".includes(publication.content.content_type)) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::Content type is Context topic, clearing the topicUrlPart so we end up on the landing page with no anchor.\", topicUrlPart, targetElementGuid)\r\n topicUrlPart = \"\";\r\n targetElementGuid = \"\";\r\n }\r\n\r\n let targetMemberFirm = publication.target_country_code;\r\n let targetKnowledgeDomain = publication.target_knowledge_domain;\r\n let targetLanguage = publication.target_language;\r\n\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveLink::targetMemberFirm, targetKnowledgeDomain\", targetMemberFirm, targetKnowledgeDomain)\r\n\r\n //Add on the # element as the last thing - if it exists as it will be added to the end of the url by default.\r\n targetElementGuid = (targetElementGuid) ? \"#\" + targetElementGuid : \"\";\r\n\r\n // case \"65511719\": //Journal (External alerts & announcements)\r\n // case \"60194864\": //Journal (alerts & announcements)\r\n if (publication.publication_type !== null && publication.publication_type !== \"\" && (publication.publication_type === \"65511719\" || publication.publication_type === \"60194864\")) {\r\n if (tocUrls !== null) {\r\n navigatableLink = getNavigatableLinkFromTOC(tocUrls, publication.id, \"\");\r\n if (navigatableLink) {\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveLink::#4 [API] Journal:Target publication.id found in current TOC\", publication.id);\r\n return navigatableLink;\r\n }\r\n }\r\n\r\n //TODO: Need to confirm if its available, and then change this to get it from pub-type:\r\n //deloitte = PubType === announcement\r\n //others = PubType === announcement - external\r\n //Announcement === 60194864\r\n //Announcement - External === 65511719\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::resolveLink-URL:\", `/${targetMemberFirm}/${targetLanguage}/${targetKnowledgeDomain}/${deturmineJournalType(publication.context.journal_brand)}/${publication.context.journal_brand}/${publication.current_date.split(\"-\")[0]}/${publication.id}${targetElementGuid}`);\r\n return `/${targetMemberFirm}/${targetLanguage}/${targetKnowledgeDomain}/${deturmineJournalType(publication.context.journal_brand)}/${publication.context.journal_brand}/${publication.current_date.split(\"-\")[0]}/${publication.id}${targetElementGuid}`;\r\n }\r\n\r\n let dynamicFolioSectionOrType = getDynamicFolioSectionOrType(publication.publication_type);\r\n //logs.debug(page.Link, 'LinkResolver', \"resolveLink::dynamicFolioSectionOrType, publication\", dynamicFolioSectionOrType, publication);\r\n\r\n //Only if we have this dynamic folio-subject value, are we able to navigate to a folio!\r\n if (publication.taxonomyname) {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::resolveLink-URL folio-type with publication.taxonomyname:\", `/${targetMemberFirm}/${targetLanguage}/${targetKnowledgeDomain}/folio/${publication.taxonomyname}/${dynamicFolioSectionOrType}/${publicationUrlPart}${topicUrlPart}${targetElementGuid}`);\r\n\r\n return (`/${targetMemberFirm}/${targetLanguage}/${targetKnowledgeDomain}/folio/${publication.taxonomyname}/${dynamicFolioSectionOrType}/${publicationUrlPart}${topicUrlPart}${targetElementGuid}`);\r\n }\r\n //else if (\"auditing|accounting|assurance\".indexOf(targetKnowledgeDomain) === -1) {\r\n // return false;\r\n //}\r\n else {\r\n logs.debug(page.Link, 'LinkResolver', \"resolveLink::resolveLink-URL publication-type:\", `/${targetMemberFirm}/${targetLanguage}/${targetKnowledgeDomain}/${dynamicFolioSectionOrType}/${publicationUrlPart}${topicUrlPart}${targetElementGuid}`);\r\n //At this point, we assume that the target is a \"publication\" and the URL should be generatable\r\n return (`/${targetMemberFirm}/${targetLanguage}/${targetKnowledgeDomain}/${dynamicFolioSectionOrType}/${publicationUrlPart}${topicUrlPart}${targetElementGuid}`);\r\n }\r\n }\r\n }\r\n catch (err) {\r\n logs.error(page.Link, 'LinkResolver', ErrorMessages.linkResolver, err,{eventId:ErrorCodes.Link});\r\n }\r\n\r\n return CheckLinkForTL(hrefValue, messageCannotResolve, isResearchAssistant )\r\n}\r\n\r\nconst getMemberFirmSettings = (mf, memberFirms) => {\r\n return memberFirms?.filter(s => s.memberFirmSettings.country === mf || s.memberFirmSettings.defaultMemberFirm === mf)\r\n}\r\nfunction resolveMemberFirmUrl(baseUrl, currentLocation) {\r\n //For unit testing purposes\r\n if (!currentLocation) {\r\n currentLocation = window.location.pathname;\r\n }\r\n\r\n var urlArray = currentLocation.split(\"/\");\r\n if (currentLocation !== baseUrl) {\r\n let newLink = baseUrl;\r\n urlArray.forEach((item, index) => {\r\n if (index > 2) {\r\n newLink = newLink + '/' + item;\r\n }\r\n });\r\n\r\n return newLink;\r\n }\r\n\r\n return baseUrl;\r\n}\r\n\r\nfunction resolveMemberFirmUrlBackToHome(baseUrl, currentLocation) {\r\n if (!currentLocation) {\r\n //var urlArray = window.location.pathname.split(\"/\");\r\n if (window.location.pathname !== baseUrl) {\r\n let newLink = baseUrl;\r\n //urlArray.forEach((item, index) => {\r\n //\tif (index > 2 && index < 5) {\r\n //\t\tnewLink = newLink + '/' + item;\r\n //\t}\r\n //});\r\n\r\n return newLink;\r\n }\r\n }\r\n else {\r\n //var urlArray = window.location.pathname.split(\"/\");\r\n if (currentLocation !== baseUrl) {\r\n var newLink = baseUrl;\r\n //urlArray.forEach((item, index) => {\r\n //\tif (index > 2 && index < 5) {\r\n //\t\tnewLink = newLink + '/' + item;\r\n //\t}\r\n //});\r\n\r\n return newLink;\r\n }\r\n }\r\n\r\n return baseUrl;\r\n}\r\n\r\nfunction TocUrlContainsText(text, searchText) {\r\n return text?.includes(searchText);\r\n}\r\n\r\n\r\nconst LINKHELPERS = {\r\n cleanGUID,\r\n existsInsideParentClass,\r\n getClosestLinkElement,\r\n getDataSource,\r\n getGUID,\r\n getNavigatableLink,\r\n getTocUrls,\r\n isLocalToThisPageLink,\r\n resolveLandingPageLink,\r\n resolveLink,\r\n resolveMemberFirmUrl,\r\n resolveMemberFirmUrlBackToHome,\r\n resolveSearchLink,\r\n resolveCollectionPageSearchLink,\r\n sanitizeUrl,\r\n TocUrlContainsText,\r\n cleanLocationURL,\r\n deturmineJournalType,\r\n getDynamicFolioSectionOrType,\r\n GetTargetTopicOrSpineTargetPublicationGUID,\r\n isFolioTargetTemplateType,\r\n CheckLinkForTL,\r\n encodeSpecialCharacters,\r\n getDynamicFolioWithSubjectUrl,\r\n extractGUIDs,\r\n getTargetKnowledgeDomain,\r\n getNavigatableLinkFromTOC,\r\n hasClass,\r\n isFootnoteTopLink,\r\n isElementInPage,\r\n resolveRAFormsAndTemplatesLink\r\n}\r\n\r\nexport default LINKHELPERS;","import SH from './StorageHelpers';\r\n\r\nconst STORAGE_KEY = 'tier';\r\nconst STORAGE_KEY_RA = 'research-assistant-tier-selected';\r\n\r\nfunction getLocalStorage() {\r\n return SH.getLocalStorageJSON(STORAGE_KEY);\r\n}\r\n\r\nfunction setLocalStorage(value) {\r\n SH.setLocalStorageJSON(STORAGE_KEY, value);\r\n}\r\n\r\nfunction setLocalStorageResearchAssistant(value) {\r\n SH.setLocalStorageJSON(STORAGE_KEY_RA, value);\r\n}\r\n\r\nfunction removeLocalStorage() {\r\n SH.removeLocalStorage(STORAGE_KEY);\r\n}\r\n\r\nfunction getSessionStorage() {\r\n return SH.getSessionStorageJSON(STORAGE_KEY);\r\n}\r\n\r\nfunction setSessionStorage(value) {\r\n SH.setSessionStorageJSON(STORAGE_KEY, value);\r\n}\r\n\r\nfunction removeSessionStorage() {\r\n SH.removeSessionStorage(STORAGE_KEY);\r\n}\r\n\r\nfunction removeLocalStorageWithValue(kd, mf) {\r\n const tier = JSON.parse(localStorage.getItem(STORAGE_KEY))\r\n if (tier !== null) {\r\n const finalTier = { ...tier, [mf]: { ...tier[mf], [kd]: [] } };\r\n setLocalStorage(finalTier)\r\n return finalTier\r\n }\r\n return { [mf]: { [kd]: [] } }\r\n}\r\n\r\nfunction removeWithValueResearchAssistant(kd, mf) {\r\n const tier = JSON.parse(localStorage.getItem(STORAGE_KEY_RA))\r\n if (tier !== null) {\r\n const finalTier = { ...tier, [mf]: { ...tier[mf], [kd]: [] } };\r\n setLocalStorageResearchAssistant(finalTier)\r\n return finalTier\r\n }\r\n return { [mf]: { [kd]: [] } }\r\n}\r\n\r\nexport default {\r\n getSessionStorage,\r\n setSessionStorage,\r\n removeSessionStorage,\r\n getLocalStorage,\r\n setLocalStorage,\r\n removeLocalStorage,\r\n removeLocalStorageWithValue,\r\n removeWithValueResearchAssistant,\r\n setLocalStorageResearchAssistant,\r\n}","import SH from './StorageHelpers';\r\nconst STORAGE_KEY = 'industry';\r\n\r\nfunction getLocalStorage() {\r\n return SH.getLocalStorageJSON(STORAGE_KEY);\r\n}\r\n\r\nfunction setLocalStorage(value) {\r\n SH.setLocalStorageJSON(STORAGE_KEY, value);\r\n}\r\n\r\nfunction removeLocalStorage() {\r\n SH.removeLocalStorage(STORAGE_KEY);\r\n}\r\n\r\nfunction getSessionStorage() {\r\n return SH.getSessionStorageJSON(STORAGE_KEY);\r\n}\r\n\r\nfunction setSessionStorage(value) {\r\n SH.setSessionStorageJSON(STORAGE_KEY, value);\r\n}\r\n\r\nfunction removeSessionStorage() {\r\n SH.removeSessionStorage(STORAGE_KEY);\r\n}\r\n\r\nfunction removeLocalStorageWithValue(kd, mf) {\r\n const tier = JSON.parse(localStorage.getItem(STORAGE_KEY))\r\n if (tier !== null) {\r\n const finalTier = { ...tier, [mf]: { ...tier[mf], [kd]: [] } };\r\n setLocalStorage(finalTier)\r\n return finalTier\r\n }\r\n return { [mf]: { [kd]: [] } }\r\n}\r\n\r\nexport default {\r\n getSessionStorage,\r\n setSessionStorage,\r\n removeSessionStorage,\r\n getLocalStorage,\r\n setLocalStorage,\r\n removeLocalStorage,\r\n removeLocalStorageWithValue\r\n}","import UTILITIESHELPER from './UtilitiesHelper';\r\nimport LinkHelpers from './LinkHelpers';\r\nimport TierHelpers from './TierHelpers';\r\nimport IndustryHelpers from './IndustryHelpers';\r\nimport ProfileHelpers from './ProfileHelpers';\r\nimport RETRIEVALSERVICES from '../services/rp-service';\r\nimport { MEMBERFIRM_CONSTANTS, KNOWLEDGE_DOMAIN_ID, REGEX_PATTERN, KNOWLEDGE_DOMAIN, LINK_REDIRECTION_CONSTANTS } from '../components/Constants/Constants';\r\nimport SearchHelpers from './SearchHelpers';\r\n\r\nvar debugUserId = \"24601\";\r\nfunction generateContextPosition(urlArray, position, defaultValue = \"\") {\r\n if (urlArray.length - 1 >= position) {\r\n return urlArray[position];\r\n }\r\n return defaultValue;\r\n}\r\n\r\nconst getTier = (context) => {\r\n const sessionValue = TierHelpers.getSessionStorage();\r\n if (sessionValue && sessionValue.hasOwnProperty(context.memberFirm)) {\r\n const mfValue = sessionValue[context.memberFirm][context.knowledgeDomain];\r\n if(Array.isArray(mfValue) && mfValue.length > 0) {\r\n const value = mfValue.map(x => x.id);\r\n return value.join(',');\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getIndustry = (context) => {\r\n const sessionValue = IndustryHelpers.getSessionStorage();\r\n if (sessionValue && sessionValue.hasOwnProperty(context.memberFirm)) {\r\n const mfValue = sessionValue[context.memberFirm][context.knowledgeDomain];\r\n if(Array.isArray(mfValue) && mfValue.length > 0) {\r\n const value = mfValue.map(x => x.id);\r\n return value.join(',');\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nfunction getFallbackUrl(url, parentLevel = false, includeDomain = false) {\r\n\r\n var offSet = 0;\r\n var fallBackUrl = \"\";\r\n\r\n //Work around for the array-position\r\n if (url.indexOf(\"://\") < 0) {\r\n offSet = 2;\r\n }\r\n\r\n if (url.indexOf(\"#\") > 0) {\r\n url = url.split(\"#\")[0];\r\n }\r\n\r\n if (url.indexOf(\"?\") > 0) {\r\n url = url.split(\"?\")[0];\r\n }\r\n\r\n var urlArray = url.split(\"/\");\r\n\r\n if (offSet === 0 && includeDomain) {\r\n fallBackUrl = `${generateContextPosition(urlArray, 0)}//${generateContextPosition(urlArray, 2)}`;\r\n }\r\n\r\n //Landing :: .../{memberFirm}/{language}\r\n //Catalog :: .../{memberFirm}/{language}/{knowledgeDomain}\r\n //Collection :: .../{memberFirm}/{language}/{knowledgeDomain}/{collection}/{collectionName}\r\n\r\n let memberFirm = generateContextPosition(urlArray, 3 - offSet, MEMBERFIRM_CONSTANTS.dtt);\r\n let language = generateContextPosition(urlArray, 4 - offSet, \"en-US\");\r\n let knowledgeDomain = generateContextPosition(urlArray, 5 - offSet, \"\"); //accounting/auditing/assurance/etc\r\n let whereAreWe = generateContextPosition(urlArray, 6 - offSet, \"\"); // (collection/manual/folio/etc)\r\n\r\n switch (whereAreWe) {\r\n case \"collection\":\r\n //mf/lang/knowledgeDomain/collection --> mf/lang/knowledgeDomain\r\n fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}`;\r\n break;\r\n\r\n // case \"professional-news\":\r\n // case \"deloitte-communications\":\r\n // //TODO: Need to see if we are on an article that we do not have, and fall back to the year...\r\n // //TODO: Need to see if we are on a year, and fall back onto the Brand\r\n // //FIRST: There is no TOC, i.e. we have \"nothing\" so we fall back onto the Collection of the Brand\r\n // fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}/collection/${whereAreWe}`;\r\n // break;\r\n\r\n case \"professional-news\":\r\n case \"deloitte-communications\": //TODO: Need to see if we are on an article that we do not have, and fall back to the year... //TODO: Need to see if we are on a year, and fall back onto the Brand //FIRST: There is no TOC, i.e. we have \"nothing\" so we fall back onto the Collection of the Brand\r\n if (parentLevel) {\r\n fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}/collection/${whereAreWe}`;\r\n } else {\r\n fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}/${whereAreWe}/${generateContextPosition(urlArray, 7 - offSet, \"\")}`;\r\n }\r\n break;\r\n\r\n case \"manual\":\r\n case \"roadmap\":\r\n case \"standard\":\r\n case \"standards\":\r\n //For MF change, we fallback to the publication landing page...\r\n if (parentLevel) {\r\n fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}/${whereAreWe}/${generateContextPosition(\r\n urlArray,\r\n 7 - offSet,\r\n \"\"\r\n )}/${generateContextPosition(urlArray, 8 - offSet, \"\")}`;\r\n } else {\r\n //FIRST: There is no Publication/TOC, i.e. we have \"nothing\" so we fall back onto the Collection of the manual type\r\n fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}/collection/${whereAreWe}`;\r\n }\r\n break;\r\n\r\n case \"folio\":\r\n case \"guide\":\r\n //For MF change, we fall back to the current Folio (root/landing) which is just the filename\r\n const folioFallback = parentLevel\r\n ? `/${whereAreWe}/${generateContextPosition(urlArray, 7 - offSet, \"test\")}`\r\n : \"\";\r\n //FIRST: There is no Folio/TOC, i.e. we have \"nothing\" so we fall back to the catalog page\r\n fallBackUrl = `${fallBackUrl}/${memberFirm}/${language}/${knowledgeDomain}${folioFallback}`;\r\n break;\r\n\r\n default:\r\n fallBackUrl = \"/\";\r\n console.log(\"ContextHelpers::getFallbackUrl:Still need to implement location:\", whereAreWe);\r\n break;\r\n }\r\n\r\n const composedUrl = decodeURI(fallBackUrl + '?wormhole=true');\r\n const sanitizedUrl = LinkHelpers.sanitizeUrl(composedUrl);\r\n\r\n return sanitizedUrl;\r\n}\r\n\r\nfunction getNewLanguageUrl(url, newLanguage) {\r\n\r\n var offSet = 0;\r\n //Work around for the array-position\r\n if (url.indexOf(\"://\") < 0) {\r\n offSet = 2;\r\n }\r\n\r\n if (url.indexOf(\"#\") > 0) {\r\n var urlHash = url.split(\"#\");\r\n url = urlHash[0];\r\n }\r\n\r\n var urlArray = url.split(\"/\");\r\n\r\n //Landing :: .../3{memberFirm}/1{language}\r\n //Catalog :: /4{memberFirm}/1{language}/2{knowledgeDomain}\r\n let memberFirm = generateContextPosition(urlArray, 3 - offSet, MEMBERFIRM_CONSTANTS.dtt);\r\n if (memberFirm === '') {\r\n memberFirm = MEMBERFIRM_CONSTANTS.dtt;\r\n }\r\n\r\n memberFirm = memberFirm.toLowerCase();\r\n\r\n let language = generateContextPosition(urlArray, 4 - offSet, \"en-US\");\r\n\r\n if (!newLanguage) {\r\n newLanguage = \"en-US\";\r\n\t}\r\n\r\n if (url.indexOf(`/${language}`) > 0) {\r\n url = url.replace(`/${language}`, `/${newLanguage}`)\r\n }\r\n else {\r\n url = `${url}${memberFirm}/${newLanguage}`;\r\n }\r\n\r\n return decodeURI(url);\r\n}\r\n\r\n//TODO:BDP:This function should ONLY be called from the PageContext\r\n//It should also use the routInfo instead of the URL, as we need to \"listen\" to url changes within the PageContext\r\n// and update the PageCOntext.context each time!\r\nfunction generateContext(url, searchPhrase, searchParams, searchResults, memberFirm, language, pubtype) {\r\n \r\n\r\n var offSet = 0;\r\n //console.log(\"ContextHelper::generateContext:url\",url);\r\n\r\n if (!memberFirm) {\r\n memberFirm = \"\";\r\n }\r\n if (!language) {\r\n language = \"\";\r\n }\r\n\r\n //Work around for the array-position\r\n if (url.indexOf(\"://\") < 0) {\r\n offSet = 2;\r\n }\r\n\r\n var token = '';\r\n var context = { userToken: token, uid: resolverUserId(null), pageRequestURL: url, globalPersonUid: RETRIEVALSERVICES.UPSUserID()};\r\n\r\n if (url.indexOf(\"#\") > 0) {\r\n var urlHash = url.split(\"#\");\r\n url = urlHash[0];\r\n context.pageHashTag = urlHash[1];\r\n }\r\n\r\n //TODO: See if we want to put this into another filed/param/something else...\r\n if (url.indexOf(\"?\") > 0) {\r\n var urlQuestion = url.split(\"?\");\r\n const queryParams = new URLSearchParams(`?${urlQuestion[1]}`);\r\n //Check for compare versions...\r\n const compareVersion = queryParams.get(\"compareVersion\");\r\n context.versionCompare = compareVersion || 0;\r\n url = urlQuestion[0];\r\n //Check for search in the URL (add it for the \"landing\" on search pages where we do not pass the searchPhrase into this funciton!)\r\n if (searchPhrase !== undefined && !REGEX_PATTERN.doubleQuoted.test(searchPhrase))\r\n {\r\n let containsSeparator = /[-+|]/.test(searchPhrase);\r\n if(containsSeparator)\r\n {\r\n let separator = searchPhrase.match(/[-+|]/)[0];\r\n let pattern = `[a-z]\\\\${separator}[a-z]`;\r\n searchPhrase = SearchHelpers.parseSearchPhrase(searchPhrase,separator,pattern);\r\n }\r\n searchPhrase = SearchHelpers.SanitizeSpecialCharacters(searchPhrase);\r\n }\r\n else{\r\n const searchPhraseQS = queryParams.get(\"searchPhrase\");\r\n if (searchPhraseQS) {\r\n //context.pageSearchPhrase = searchPhraseQS;\r\n }\r\n }\r\n }\r\n\r\n var urlArray = url.split(\"/\");\r\n var pageControllerTypeOrSelectedSection = \"\";\r\n\r\n //In the case of content/docid - we are doing a link-resolve, so do not need to process context any further then \"here\"\r\n // in case if url contains \"content/docid\" that means it's a TL links which is now transformed to research portal links\r\n // http://localhost:2001/content/docid=4_000000\r\n // pageControllerType = 4_000000, (assigned docid value to pageControllerType because pageControllerType is used in RP BE to resolve links in RP)\r\n //one more example where request came from TL to RP https://qinkrpservice.aaps.deloitte.com/content/docid=2_342973%23section_3_rule_3524-342973\r\n if (url?.toLowerCase().includes(LINK_REDIRECTION_CONSTANTS.Link_Redirection_URL_Identifier.toLowerCase())) {\r\n //context.pageControllerType = url.split(LINK_REDIRECTION_CONSTANTS.link_URL_Param_KeyValue_Separator)[1];\r\n var queryParams = extractQueryParameterValues(url);\r\n\r\n if (queryParams?.length > 0) {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(queryParams[0]))\r\n context.pageControllerType = queryParams[0];\r\n\r\n if (!UTILITIESHELPER.isStringNullorEmpty(queryParams[1]))\r\n context.urlMemberFirm = queryParams[1];\r\n }\r\n\r\n context.memberFirm = (memberFirm === \"\") ? ProfileHelpers.getLastorDefaultMemberFirm() : memberFirm;\r\n context.language = (language === \"\") ? getLanguageByMemberFirm(context.memberFirm) : language;\r\n\r\n let languageSettings = UTILITIESHELPER.getCurrentLanguageLocalStorage(context.language);\r\n if (context.language !== languageSettings.languageCodeFE) {\r\n context.language = languageSettings.languageCodeFE;\r\n }\r\n\r\n context.languageDebugMT = UTILITIESHELPER.getIsDebugMTLocalStorage();\r\n\r\n //we are using \"context.pageFileName\" to resolve link so it is mandatory to reslove topic\r\n context.pageFileName = (context.pageControllerType === undefined || context.pageControllerType === null) ? \"\" : context.pageControllerType;\r\n //var e = new Error();\r\n //console.log(\"ContextHelper::generateContext:TL-Link:context, location\",context, e.stack)\r\n return context;\r\n }\r\n\r\n //Landing :: .../3{memberFirm}/1{language}\r\n //Catalog :: /4{memberFirm}/1{language}/2{knowledgeDomain}\r\n context.memberFirms=[];\r\n context.memberFirm = (memberFirm === \"\") ? generateContextPosition(urlArray, 3 - offSet, memberFirm) : memberFirm;\r\n if (context.memberFirm === \"\") {\r\n //If not in URL: We fall back to the profile-helper/user-mf/session/etc\r\n context.memberFirm = ProfileHelpers.getFallbackMemberFirm(MEMBERFIRM_CONSTANTS.dtt);\r\n //console.log(\"ContextHelper::generateContext:Fallback to Profile as memberfirm Is empty? \", context.memberFirm);\r\n }\r\n\r\n context.memberFirm = context.memberFirm.toLowerCase();\r\n let fallbackLanguage = (language === \"\") ? getLanguageByMemberFirm(context.memberFirm) : language;\r\n\r\n context.language = generateContextPosition(urlArray, 4 - offSet, fallbackLanguage);\r\n\r\n //Check and fallback to user's previous language settings\r\n let languageSettings = UTILITIESHELPER.getCurrentLanguageLocalStorage(context.language);\r\n if (context.language !== languageSettings.languageCodeFE) {\r\n context.language = languageSettings.languageCodeFE;\r\n }\r\n\r\n context.languageDebugMT = UTILITIESHELPER.getIsDebugMTLocalStorage();\r\n\r\n //As the PageContext only had KD (and not content/dashboard), we need to re-get this parameter!\r\n context.knowledgeDomain = generateContextPosition(urlArray, 5 - offSet, \"\"); //accounting/auditing/assurance/etc/content]\r\n context.tier = getTier(context);\r\n context.industry = getIndustry(context);\r\n\r\n //Folio or Manual or TimeCapsule or Journal or Content PageName/etc (if we have this parameter)\r\n context.pageControllerType = pageControllerTypeOrSelectedSection = generateContextPosition(urlArray, 6 - offSet, \"\");\r\n context.pageCollectionName = generateContextPosition(urlArray, 7 - offSet, \"\");\r\n //Set Session Storage for Page\r\n sessionStorage.setItem('PageType', pageControllerTypeOrSelectedSection);\r\n\r\n if(context.memberFirm==='link')\r\n {\r\n context.pageFileName=context.language;\r\n }\r\n else if (context.knowledgeDomain === \"link\") {\r\n context.pageFileName = generateContextPosition(urlArray, 6 - offSet, \"\");\r\n }\r\n else if (context.knowledgeDomain === \"content\") {\r\n //This is general content, like FAQ (not knowledgeDomain specific!) content/PageName OR content/FolderName/PageName\r\n context.pageFileName = url.substring(url.indexOf(context.knowledgeDomain));\r\n }\r\n else if (pageControllerTypeOrSelectedSection !== \"\") {\r\n switch (pageControllerTypeOrSelectedSection) {\r\n case \"resource\":\r\n context.pageFileName = generateContextPosition(urlArray, 7 - offSet, \"Modal\");\r\n break;\r\n\r\n case \"folio\":\r\n case \"guide\":\r\n //Folio :: .../0{memberFirm}/1{language}/2{knowledgeDomain}/3=\"guidebook\"\r\n // /4{guidebookFileName}/5{guidebookSelectedSection}\r\n // /6{guidebookSelectedPublicationTitle}/7{guidebookSelectedPublicationGUID}\r\n // /8{guidebookSelectedContentItemTitle}/9{guidebookSelectedContentItemGUID}\r\n context.pageFileName = generateContextPosition(urlArray, 7 - offSet, \"test\");\r\n context.pageSelectedSection = generateContextPosition(urlArray, 8 - offSet, \"\");\r\n context.pageSelectedPublicationTitle = generateContextPosition(urlArray, 9 - offSet, \"\");\r\n context.pageSelectedPublicationGUID = generateContextPosition(urlArray, 10 - offSet, \"\");\r\n context.pageSelectedContentItemTitle = generateContextPosition(urlArray, 11 - offSet, \"\");\r\n context.pageSelectedContentItemGUID = generateContextPosition(urlArray, 12 - offSet, \"\");\r\n context.pageSelectedSpineTargetPublicationGUID = \"\"; //NO Spine publications in Guidebooks\r\n context.version = 0;\r\n context.versionBase = 0;\r\n // context.versionCompare = 0;\r\n context.pageType = pageControllerTypeOrSelectedSection;\r\n break;\r\n\r\n case \"timecapsule\":\r\n context.version = 0; //BETA: We are always comparing version with latest!\r\n context.versionBase = -1; //Setting this to -1 tells the retreival controller that we are doing version!\r\n // context.versionCompare = parseInt(generateContextPosition(urlArray, 7 - offSet, \"0\"), 10);\r\n context.pageSelectedPublicationGUID = generateContextPosition(urlArray, 8 - offSet, \"\");\r\n context.pageSelectedContentItemGUID = generateContextPosition(urlArray, 9 - offSet, \"\");;\r\n context.pageSelectedSpineTargetPublicationGUID = generateContextPosition(urlArray, 10 - offSet, \"\");\r\n context.pageType = pageControllerTypeOrSelectedSection;\r\n break;\r\n\r\n case \"collection\":\r\n context.pageFileName = generateContextPosition(urlArray, 7 - offSet, \"Generic\");\r\n context.pageType = context.pageFileName;\r\n break;\r\n\r\n case \"deloitte-communications\":\r\n case \"professional-news\":\r\n //\"/global/en-EN/auditing/[6]deloitte-communications/[7]Practice%20Alerts/[8]2023/[9]GUID-69BAE4E2-C36C-44D8-85C9-6F14D78C0FA1\"\r\n //context.pageControllerType = 'journal'\r\n context.pageType = 'journal'\r\n //pageSelectedSection === \"deloitte-communications\"\r\n context.pageSelectedSection = generateContextPosition(urlArray, 6 - offSet, \"\");\r\n //JournalBrand === \"Practice Alerts\"\r\n context.pageSelectedPublicationTitle = generateContextPosition(urlArray, 7 - offSet, \"\");\r\n //Volume === \"2023\" (We abose the pageSelectedPublicationGUID here for the Volume)\r\n context.pageSelectedPublicationGUID = generateContextPosition(urlArray, 8 - offSet, \"\"); //check context.pageSelectedContentItemGUID;\r\n //Selected Issue\r\n context.pageSelectedContentItemGUID = generateContextPosition(urlArray, 9 - offSet, \"\");\r\n //We \"abuse\" the spine pug here, so that we actually \"Get\" the publication!\r\n context.pageSelectedSpineTargetPublicationGUID = context.pageSelectedContentItemGUID;\r\n //\"/global/en-EN/auditing/[6]deloitte-communications/[7]Practice%20Alerts/[8]2023/[9]GUID-69BAE4E2-C36C-44D8-85C9-6F14D78C0FA1\"\r\n context.pageBaseURL = \"/\" + context.memberFirm + \"/\" + context.language + \"/\" + context.knowledgeDomain + \"/\" + context.pageControllerType + \"/\" + context.pageSelectedPublicationTitle + \"/\" + context.pageSelectedPublicationGUID\r\n break;\r\n\r\n case \"dashboard\":\r\n //global/en-US/auditing/dashboard/recentviewed\r\n //Dashboard :: 0{memberFirm}/1{language}/2{knowledgeDomain}/3{publicationType}\r\n //\r\n context.pageFileName = \"index.cshtml\";\r\n context.pageType = generateContextPosition(urlArray, 7 - offSet, \"annotations\");\r\n context.pageSelectedSection = \"\"; //generateContextPosition(urlArray, 6 - offSet, \"\"); --> pageControllerType already!\r\n context.pageSelectedPublicationTitle = \"\";\r\n context.pageSelectedPublicationGUID = \"\";\r\n context.pageSelectedContentItemTitle = \"\";\r\n context.pageSelectedContentItemGUID = \"\";\r\n context.pageSelectedSpineTargetPublicationGUID = \"\";\r\n context.version = 0;\r\n context.versionBase = 0;\r\n context.pageBaseURL = `/${context.memberFirm}/${context.language}/${context.knowledgeDomain}/${context.pageControllerType}`;\r\n break;\r\n\r\n default:\r\n //Manual :: /0{memberFirm}/1{language}/2{knowledgeDomain}/3{publicationType}\r\n // /4{publicationTitle}/5{publicationGUID}/\r\n // /6{selectedItemTitle}/7{selectedItemGUID}/8{selectedSpineTargetPublicationGUID}/\r\n // /9=v{publicationVersion}/10=c{publicationVersionCompare}/\r\n context.pageFileName = \"index.cshtml\";\r\n context.pageType = pageControllerTypeOrSelectedSection;\r\n context.pageSelectedSection = \"\"; //generateContextPosition(urlArray, 6 - offSet, \"\"); --> pageControllerType already!\r\n context.pageSelectedPublicationTitle = generateContextPosition(urlArray, 7 - offSet, \"\");\r\n context.pageSelectedPublicationGUID = generateContextPosition(urlArray, 8 - offSet, \"\");\r\n context.pageSelectedContentItemTitle = generateContextPosition(urlArray, 9 - offSet, \"\");\r\n context.pageSelectedContentItemGUID = generateContextPosition(urlArray, 10 - offSet, \"\");;\r\n context.pageSelectedSpineTargetPublicationGUID = generateContextPosition(urlArray, 11 - offSet, \"\");\r\n context.version = generateContextPosition(urlArray, 12 - offSet, 0);\r\n context.versionBase = 0;\r\n // context.versionCompare = generateContextPosition(urlArray, 13 - offSet, 0);\r\n context.pageBaseURL = \"/\" + context.memberFirm + \"/\" + context.language + \"/\" + context.knowledgeDomain + \"/\" + context.pageControllerType + \"/\" + context.pageSelectedPublicationTitle + \"/\" + context.pageSelectedPublicationGUID\r\n break;\r\n }\r\n }\r\n\r\n if (!context.pageBaseURL) {\r\n context.pageBaseURL = \"/\" + context.memberFirm + \"/\" + context.language; //We will always have these on every page we need the pageBaseUrl\r\n if (context.knowledgeDomain) { context.pageBaseURL += \"/\" + context.knowledgeDomain; }\r\n if (context.pageControllerType) { context.pageBaseURL += (\"/\" + context.pageControllerType); } //Guidebooks and Manuals have these\r\n if (context.pageFileName) { context.pageBaseURL += (\"/\" + context.pageFileName); } //Guidebooks and Manuals have these\r\n }\r\n\r\n if (searchPhrase !== undefined) {\r\n context.pageSearchPhrase = searchPhrase;\r\n }\r\n\r\n if (searchParams !== undefined) {\r\n context.pageSearchParameters = searchParams;\r\n }\r\n\r\n if (searchResults !== undefined) {\r\n //Should we \"remove\" the highlights?\r\n context.pageSearchResponse = searchResults;\r\n }\r\n\r\n if(pubtype !== undefined){\r\n context.pageType = pubtype;\r\n }\r\n\r\n //var e = new Error();\r\n //console.log(\"ContextHelper::generateContext:context, location\",context, e.stack)\r\n return context;\r\n}\r\n\r\n//this method will return mf id and doc id when doc id contains double semicolon (;;) in the url.\r\n//\"https://abcd.com/content/docid=2_427478&memberFirm=17573163\"\r\nfunction extractQueryParameterValues(url) {\r\n var allParams = url?.split('&');\r\n if (allParams.length > 0)\r\n {\r\n var queryParams = allParams?.map((value) => {\r\n return value?.split('=')[1];\r\n });\r\n return queryParams;\r\n } \r\n return null;\r\n}\r\n\r\nfunction getMemberFirmTaxonomyId(memberFirm){\r\n if (!UTILITIESHELPER.isStringNullorEmpty(memberFirm)) {\r\n //TODO: This needs to come from the PageContext.MemberFirms Taxonomy!!\r\n switch (memberFirm.toLowerCase()) {\r\n case \"dtt\": return \"17573177\"; //Global Audit Content (DTT)\r\n case \"us\": return \"17573163\"; //United States\r\n case \"gb\": return \"17574057\"; //UK\r\n case \"ca\": return \"17574007\"; //Canada\r\n case \"in\": return \"49867231\"; //India\r\n case \"mx\": return \"49867232\"; //Mexico\r\n case \"za\": return \"49867233\"; //Southern Africa\r\n default: return null;\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction getMemberFirmWithTaxonomyId(memberFirm){\r\n if (!UTILITIESHELPER.isStringNullorEmpty(memberFirm)) {\r\n //TODO: This needs to come from the PageContext.MemberFirms Taxonomy!!\r\n switch (memberFirm.toLowerCase()) {\r\n case \"17573177\": return \"dtt\"; //Global Audit Content (DTT)\r\n case \"17573163\": return \"us\"; //United States\r\n case \"17574057\": return \"gb\"; //UK\r\n case \"17574007\": return \"ca\"; //Canada\r\n case \"49867231\": return \"in\"; //India \r\n default: return null;\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction getLanguageByMemberFirm(memberFirm) {\r\n //This needs to take the language from the memberfirm settings in the context, for now we will always return \"en-US\" untill we implement that/\r\n return \"en-US\";\r\n}\r\n\r\nfunction generateFolioTitleFromFilename(pageFileName, titleCase = true) {\r\n var folioTitle = pageFileName\r\n .replace(\".cshtml\", \"\")\r\n .split('_')[0]\r\n .replace(/_/g, \" \")\r\n .replace(/---/g, \"~\") //temporary change so that the --- can be ignored by the - removal\r\n .replace(/-/g, \" \")\r\n .replace(/~/g, \" - \");\r\n\r\n if (titleCase) {\r\n folioTitle = UTILITIESHELPER.titleCase(folioTitle);\r\n }\r\n\r\n return folioTitle;\r\n}\r\n\r\nfunction isSameLanguage(previousLanguage, currentLanguage) {\r\n //The first time we load, we have no language, so need to load\r\n if (previousLanguage === \"\") {\r\n return false;\r\n }\r\n //This should never be a case, as only when lange changes, will it come in here!\r\n if (previousLanguage === currentLanguage) {\r\n return true;\r\n }\r\n if (previousLanguage.startsWith(\"en\")) {\r\n //All versions of english are the same!\r\n return currentLanguage.startsWith(\"en\")\r\n }\r\n return false;\r\n}\r\n\r\n//resolveMemberFirmPath - Memberfirm and language are NOT in the URL\r\n//\twe are landing on the home page, and are deturmining target/default/previous memberFirm and language\r\nconst resolveMemberFirmPath = (contextPath, targetMemberFirm, targetKD, context) => {\r\n\r\n //console.log(\"resolveMemberFirmPath::contextPath, targetMemberFirm, targetKD, \", contextPath, targetMemberFirm, targetKD, context);\r\n\r\n //For sites content, there is NO difference between the 3 \"English\" languages\r\n //\tHere we are maintaining the user's previous/default targetLanguage settings\r\n let targetLanguage = (context.language.startsWith(\"en\") ? \"en-US\" : context.language);\r\n\r\n //targetKD === \"\" when we are on the landing page (no target KD)\r\n if (targetKD === \"\") {\r\n //If we are going to \"dtt\" then we want no\r\n if (targetMemberFirm === MEMBERFIRM_CONSTANTS.global && targetLanguage.startsWith(\"en\") && contextPath !== \"/\") {\r\n //We want to prevent changing the URL if the fallback targetMemberFirm/language is dtt/english!\r\n // contextPath as if we were already on the \"/\" then the context will NOT change, and NOT update!\r\n return \"/\";\r\n }\r\n\r\n return `/${targetMemberFirm}/${targetLanguage}`;\r\n }\r\n\r\n //IF we are deeper then the catalog page... OR we are ON the catalog page...\r\n //If the current path does NOT \"end\" with the KD (we have more then just the KD in the url, we are deeper)\r\n if (contextPath.indexOf(`/${context.knowledgeDomain}/`)) {\r\n //If we are ON the same KD as we want to \"remain\" on\r\n if (targetKD === context.knowledgeDomain || targetKD === `/${context.knowledgeDomain}`) {\r\n //We return the full URL with the new MF and the same KD (as we want the URL to stay the same)\r\n return contextPath.replace(`/${context.memberFirm}/`, `/${targetMemberFirm}/`);\r\n }\r\n }\r\n\r\n //We are in header, and either changing MF/KD, so need the \"full\" url to the target, different KD (no folio/manual/page/content)\r\n return `/${targetMemberFirm}/${targetLanguage}${targetKD}`;\r\n}\r\n\r\nfunction resolverUserId(value) {\r\n if (value === null || value === undefined || value === '') {\r\n var user = getAccountID();\r\n\r\n if (user === null || user === undefined) {\r\n return debugUserId;\r\n }\r\n //console.log(\"ContextHelper::resolverUserId:user\", user)\r\n return user;\r\n }\r\n\r\n return value;\r\n}\r\n\r\nfunction getAccountID() {\r\n return UTILITIESHELPER.getSessionStorage('accountid');\r\n}\r\n\r\nfunction getknowledgeDomainId(knowledgeDomain){\r\n if(!UTILITIESHELPER.isStringNullorEmpty(knowledgeDomain)){\r\n switch (knowledgeDomain.toLowerCase()) {\r\n case KNOWLEDGE_DOMAIN.accounting: return KNOWLEDGE_DOMAIN_ID.accountingId;\r\n case KNOWLEDGE_DOMAIN.auditing: return KNOWLEDGE_DOMAIN_ID.auditingId;\r\n case KNOWLEDGE_DOMAIN.assurance: return KNOWLEDGE_DOMAIN_ID.assuranceId;\r\n default: return null\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction getknowledgeDomain(knowledgeDomainId){\r\n if(!UTILITIESHELPER.isStringNullorEmpty(knowledgeDomainId)){\r\n switch (knowledgeDomainId.toLowerCase()) {\r\n case KNOWLEDGE_DOMAIN_ID.accountingId: return KNOWLEDGE_DOMAIN.accounting;\r\n case KNOWLEDGE_DOMAIN_ID.auditingId: return KNOWLEDGE_DOMAIN.auditing;\r\n case KNOWLEDGE_DOMAIN_ID.assuranceId: return KNOWLEDGE_DOMAIN.assurance;\r\n default: return null\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nfunction getTierIds(memberFirm, knowledgeDomain){\r\n const sessionValue = TierHelpers.getSessionStorage();\r\n if (sessionValue && sessionValue.hasOwnProperty(memberFirm)) {\r\n const mfValue = sessionValue[memberFirm][knowledgeDomain];\r\n if (Array.isArray(mfValue) && mfValue.length > 0) {\r\n const value = mfValue.map(x => x.id);\r\n return value;\r\n }\r\n }\r\n return [];\r\n};\r\n\r\nfunction getIndustryIds(memberFirm, knowledgeDomain){\r\n const sessionValue = IndustryHelpers.getSessionStorage();\r\n if (sessionValue && sessionValue.hasOwnProperty(memberFirm)) {\r\n const mfValue = sessionValue[memberFirm][knowledgeDomain];\r\n if (Array.isArray(mfValue) && mfValue.length > 0) {\r\n const value = mfValue.map(x => x.id);\r\n return value;\r\n }\r\n }\r\n return [];\r\n};\r\n\r\nfunction getUPSQuerySpecBaseModel(href, memberFirmId = null) {\r\n let context = generateContext(href);\r\n return {\r\n opm_user_identifier: context.globalPersonUid,\r\n member_firm_id: memberFirmId ? memberFirmId : ProfileHelpers.getSelectedMemberFirmTaxonomyId(),\r\n knowledge_domain_id: getknowledgeDomainId(context.knowledgeDomain)\r\n };\r\n}\r\n\r\nfunction getTimezoneOffset() {\r\n return new Date().getTimezoneOffset();\r\n}\r\n\r\nfunction sortCategories(categories, latestUsedCategoryGuid) {\r\n if (categories?.length > 0) {\r\n UTILITIESHELPER.sortAlphaCaseInsensitive(categories, \"label\");\r\n var index = categories.findIndex(a => a.category_guid === latestUsedCategoryGuid);\r\n if (index > -1) {\r\n const selectedcategory = categories.splice(index, 1);\r\n categories.splice(0, 0, selectedcategory[0]);\r\n }\r\n index = categories.findIndex(a => a.label === \"Reading List\");\r\n if (index > -1) {\r\n const selectedcategory = categories.splice(index, 1);\r\n categories.splice(0, 0, selectedcategory[0]);\r\n }\r\n }\r\n}\r\n\r\nfunction getGUIDFromContext(context) {\r\n return UTILITIESHELPER.isStringNullorEmpty(context.pageSelectedSpineTargetPublicationGUID) ? (UTILITIESHELPER.isStringNullorEmpty(context.pageSelectedContentItemGUID) ? context.pageSelectedPublicationGUID : context.pageSelectedContentItemGUID) : context.pageSelectedSpineTargetPublicationGUID;\r\n\r\n}\r\n\r\n\r\nconst CONTEXTHELPERS = {\r\n generateContext,\r\n generateFolioTitleFromFilename,\r\n getFallbackUrl,\r\n getLanguageByMemberFirm,\r\n getNewLanguageUrl,\r\n isSameLanguage,\r\n resolverUserId,\r\n resolveMemberFirmPath,\r\n debugUserId,\r\n getUPSQuerySpecBaseModel,\r\n getTimezoneOffset,\r\n sortCategories,\r\n getGUIDFromContext,\r\n getknowledgeDomainId,\r\n getknowledgeDomain,\r\n getMemberFirmTaxonomyId,\r\n getMemberFirmWithTaxonomyId,\r\n getAccountID,\r\n getTierIds,\r\n getIndustryIds\r\n}\r\n\r\nexport default CONTEXTHELPERS;\r\n","import { useState, useCallback } from \"react\";\r\nimport { useMsal } from \"@azure/msal-react\";\r\nimport { ErrorMessages } from \"../components/Constants/Errors\";\r\n/**\r\n * Custom hook to call a web API using bearer token obtained from MSAL\r\n * @param {PopupRequest} msalRequest \r\n * @returns\r\n */\r\nconst useFetchWithMsal = () => {\r\n const { instance, accounts } = useMsal();\r\n const [error, setError] = useState(null);//eslint-disable-line\r\n const [isLoading, setIsLoading] = useState(false);//eslint-disable-line\r\n const getAccessToken = async () => {\r\n const DO_NOT_LOGIN = (window.location.href.indexOf(\"localhost\") > 0);\r\n if(!DO_NOT_LOGIN) {\r\n if (accounts.length > 0) {\r\n try {\r\n const response = await instance.acquireTokenSilent({\r\n account: accounts[0],\r\n scopes: [`${window.DART.ENV.REACT_APP_CLIENTID}/.default`]\r\n });\r\n return response.accessToken;\r\n } catch (error) {\r\n if (error instanceof instance.InteractionRequiredAuthError) {\r\n const response = await instance.acquireTokenPopup({\r\n scopes: [`${window.DART.ENV.REACT_APP_CLIENTID}/.default`]\r\n });\r\n return response.accessToken;\r\n }\r\n }\r\n }\r\n }\r\n else {\r\n return process.env.REACT_APP_ACCESSTOKEN;\r\n }\r\n }\r\n /**\r\n * Execute a fetch request with the given options\r\n * @param {request} Object: {url,method,body}\r\n * @param {customheaders} Object: additional headers\r\n * @returns JSON response\r\n */\r\n const apiCall = async (request,customheaders = {}, signal = null) => {\r\n const accesstoken = await getAccessToken();\r\n \r\n if(!accesstoken) {\r\n setError(ErrorMessages.accesstokennotavailable);\r\n return ;\r\n }\r\n try {\r\n let response = null;\r\n const headers = {\r\n \"Content-Type\": \"application/json\",\r\n \"Access-Control-Allow-Origin\": window.location.origin,\r\n \"api-version\": \"1\",\r\n ...customheaders,\r\n };\r\n if (accesstoken) {\r\n headers[\"Authorization\"] = `Bearer ${accesstoken}`;\r\n }\r\n let options = {\r\n method: request.method,\r\n headers: headers,\r\n body: request.body,\r\n };\r\n if(signal) {\r\n options.signal = signal\r\n }\r\n setIsLoading(true);\r\n response = await fetch(request.url,options);\r\n const responseData = await handleResponse(response);\r\n setIsLoading(false);\r\n return responseData;\r\n } catch (e) {\r\n setError(e);\r\n setIsLoading(false);\r\n throw e;\r\n }\r\n };\r\n\r\nconst handleResponse = async (response) => {\r\n if (response.status === 200) {\r\n return handleSuccess(response);\r\n }\r\n if (response.status === 204) {\r\n return handleNoContent();\r\n }\r\n if (response.status >= 400 && response.status < 500) {\r\n return handleClientError(response);\r\n }\r\n if (response.status >= 500) {\r\n return handleServerError(response);\r\n }\r\n throw new Error(`HTTP error! status: ${response.status}`);\r\n};\r\nconst handleSuccess = async (response) => {\r\n if (!response.ok) {\r\n throw new Error(`HTTP error! status: ${response.status}`);\r\n }\r\n try {\r\n const json = response.json();\r\n return json;\r\n } catch (e) {\r\n throw new Error(`Invalid JSON response: ${e}`);\r\n }\r\n};\r\nconst handleNoContent = () => {\r\n return null;\r\n};\r\nconst handleClientError = async (response) => {\r\n const error = new Error(`HTTP client error! status: ${response.status}`);\r\n error.response = Promise.resolve({ response });\r\n throw error;\r\n};\r\nconst handleServerError = async (response) => {\r\n const error = new Error(`HTTP server error! status: ${response.status}`);\r\n error.response = Promise.resolve({ response });\r\n throw error;\r\n};\r\n return {\r\n apiCall: useCallback(apiCall, []), // to avoid infinite calls when inside a `useEffect`\r\n };\r\n};\r\nexport default useFetchWithMsal;\r\n","import useFetchWithMsal from '../hooks/useFetchWithMsal';\r\nimport { logs, page } from '../helpers/log';\r\n\r\nfunction useUserProfileService() {\r\n const { apiCall } = useFetchWithMsal();\r\n const DCSEndPoint = window.DART.ENV.REACT_APP_DCS_ENDPOINT_API;\r\n const customheaders = { \"INK_CONTENT_PRERELEASE\": (window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE ? window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE : window.DART.ENV.RP_REACT_APP_PREVIEW) };\r\n\r\n async function getUserProfileInfo() {\r\n var response = null;\r\n let request = {\r\n url: `${DCSEndPoint}/OPM/userprofile`,\r\n method: 'GET',\r\n mode: 'cors'\r\n }\r\n try {\r\n response = await apiCall(request, customheaders)\r\n }\r\n catch {\r\n logs.error(page.DCSService, 'RPService', \"Error in getting user Profile info api\", request.url);\r\n }\r\n finally {\r\n return response;\r\n }\r\n\r\n };\r\n\r\n async function getCountryKDSettings() {\r\n var response = null;\r\n let request = {\r\n url: `${DCSEndPoint}/OPM/settings`,\r\n method: 'GET',\r\n mode: 'cors'\r\n }\r\n try {\r\n response = await apiCall(request, customheaders)\r\n }\r\n catch {\r\n logs.error(page.DCSService, 'RPService', \"Error in getting user Profile info api\", request.url);\r\n }\r\n finally {\r\n return response;\r\n }\r\n\r\n };\r\n\r\n return { getUserProfileInfo, getCountryKDSettings };\r\n};\r\n\r\nexport default useUserProfileService;","import React, { useState, createContext, useLayoutEffect, useEffect, useContext } from 'react'\r\nimport { useLocation, useParams} from 'react-router-dom'\r\nimport CONTEXTHELPERS from '../helpers/ContextHelpers';\r\nimport RETRIEVALSERVICES from '../services/rp-service';\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper'\r\nimport { logs, page } from \"../helpers/log\";\r\nimport TierHelpers from '../helpers/TierHelpers';\r\nimport StorageHelpers from '../helpers/StorageHelpers';\r\nimport IndustryHelpers from '../helpers/IndustryHelpers';\r\nimport ProfileHelpers from '../helpers/ProfileHelpers';\r\nimport SearchHelpers from '../helpers/SearchHelpers';\r\nimport useUserProfileService from '../services/useUserProfileService';\r\nimport { ErrorCodes, ErrorMessages, ErrorTypes } from '../components/Constants/Errors';\r\nimport { MemberFirmID } from '../components/Constants/Constants';\r\n\r\nexport const PageContext = createContext();\r\nexport const usePageContext = () => useContext(PageContext);\r\n\r\n\r\n/**\r\n* Hook to retrieve CMS Labels from PageContext\r\n* @returns Object\r\n*/\r\n\r\nexport const usePageContextLabels = () => {\r\n\t// Retrieve Labels from PageContext\r\n\tconst { sitesLabels, memberFirm, debugLabelsAndMT, setSitesLabelsLoaded, region } = usePageContext();\r\n\t\r\n\t// Compose function w/retrieved labels\r\n\tuseEffect(()=>{\r\n\t\tif(UTILITIESHELPER.isEmptyObject(sitesLabels))\r\n\t\t{\r\n\t\t\t\r\n\t\t\tsetSitesLabelsLoaded(false);\r\n\t\t}\r\n\t},[]);\r\n\tconst getLabel = (label, fallback, ignoreMF = false, memberFirmOverride = \"\") => {\r\n\t\t//If we have labels and requested default label exist, then return label, else return fallback\r\n\t\t//By \"default\" the fallback would be without the MF, so if there is a non-specific MF version (we are good)\r\n\t\t\r\n\t\tif (sitesLabels && sitesLabels.length > 1 && !sitesLabels[label]) {\r\n\t\t\tconsole.warn(\"usePageContextLabels::getLabel:Label NOT available for:\", label, sitesLabels)\r\n\t\t\tlogs.info(page.PageContext,'getLabel',`Label NOT available for: ${label}`);\r\n\t\t}\r\n\t\tif (!ignoreMF && sitesLabels && sitesLabels[`${label}_${memberFirm}`]) {\r\n\t\t\tlabel = `${label}_${memberFirm}`;\r\n\t\t\t//console.log(\"usePageContextLabels::getLabel:MF-Specific label available for:\", label)\r\n\t\t}\r\n\t\t//below method will return MF/Region of the selected country\r\n\t\t//We are giving priority to country as first and the region as second, which means if a lable with country code is available then that will be pulled up.\r\n\t\t//ex. (za-south africa - country) & africa(region) both is configured and label is available for both, then in that case za will hold the higher priority.\r\n\t\tif (!ignoreMF && sitesLabels && !sitesLabels[`${label}_${memberFirm}`] && region && sitesLabels[`${label}_${region}`]) {\r\n\t\t\tlabel = `${label}_${region}`;\r\n\t\t}\r\n\r\n\t\t//If we do ignore MF, and we pass a MF to override (headers/landing), then we take the ovveride\r\n\t\tif (ignoreMF && memberFirmOverride !== \"\" && sitesLabels && sitesLabels[`${label}_${memberFirmOverride}`]) {\r\n\t\t\tlabel = `${label}_${memberFirmOverride}`;\r\n\t\t\t//console.log(\"usePageContextLabels::getLabel:MF-Override label available for:\", label)\r\n\t\t}\r\n\t\tif (debugLabelsAndMT) {\r\n\t\t\treturn sitesLabels && sitesLabels[label] ? 'L:' + sitesLabels[label] : 'FB:' + fallback;\r\n\t\t}\r\n\t\t//In the case if the label did not exist, we will then return the \"lbl_NameOfLabel\" as the text!\r\n\t\t//console.log(\"usePageContextLabels::getLabel:Final label:\", label)\r\n\t\treturn sitesLabels && sitesLabels[label] ? sitesLabels[label] : fallback;\r\n\t}\r\n\t\r\n\t//This getMFLabel is ONLY used when we are potentially translating a Content.Field (from sites)\r\n\t//These fields from sites may or may not contain a lbl_ (or it may just contain the text we want!)\r\n\tconst getMFLabel = (label, sourceCode) => {\r\n\t\tif (!label || label === \"\") {\r\n\t\t\t//console.warn(\"usePageContextLabels::getMFLabel:Label was BLANK/EMPTY for this sourceCode:\", sourceCode);\r\n\t\t\treturn \"\";\r\n\t\t}\r\n\r\n\t\tlabel = label.toString();\r\n\r\n\t\t//Generic Fallback for labels, would be if this is just the text and not yet made a lbl_LabelName\r\n\t\tif (!label.startsWith(\"lbl_\")) {\r\n\t\t\t//We log as a warning as we should have NO \"text\", this text needs to be made into a lbl_LabelName\r\n\t\t\t//console.warn(\"usePageContextLabels::getMFLabel:Label missing for, label, sourceCode, sitesLabels:\", label, sourceCode, sitesLabels);\r\n\t\t\tif (debugLabelsAndMT) {\r\n\t\t\t\treturn '!LBL:' + label;\r\n\t\t\t}\r\n\t\t\t//We return the text that was in the content as it was not a lbl_LabelName\r\n\t\t\treturn label;\r\n\t\t}\r\n\r\n\t\t//If label starts with lbl, then it should be in the labels, so get it...\r\n\t\treturn getLabel(label, label)\r\n\t}\r\n\treturn { getLabel, getMFLabel };\r\n}\r\n\r\n\r\n/**\r\n* Hook to deturmine within features, if they are enabled or not, based on the CMS Settings from PageContext\r\n * ApplicationSettings: UPSConfig: \"Features\": \"recentlyViewed, annotations, bookmarks, etc\"\r\n* @returns Object\r\n*/\r\nexport const usePageContextSettings = () => {\r\n\tconst { memberFirm, memberFirms, settings } = usePageContext();//eslint-disable-line\r\n\r\n\t//AppSettings: UPSConfig:Features\r\n\tconst Feature = {\r\n\t\tAnnotations: \"Annotations\",\r\n\t\tBookmarks: \"Bookmarks\",\r\n\t\tDashboard: \"Dashboard\",\r\n\t\tRecentlyViewed: \"RecentlyViewed\",\r\n\t\tRecentSearch: \"RecentSearch\"\r\n\t}\r\n\t//Sites/AppSettings: ResearchPortalMemberfirms[memberFirm].features\r\n\t//contextMemberFirm (for current context MF setting)\r\n\tconst MemberFirmFeature = {\r\n\t\tCompare: \"Compare\",\r\n\t\tUserPreferences: \"User Preferences\"\r\n\t}\r\n\r\n\t//This is a private function as there is a lot to work out for each setting!\r\n\t//\tWe will used the memberFirm settings in conjuction with the current check for settings being enabled or not.\r\n\tconst isMemberFirmFeatureEnabled = (featureName) => {\r\n\t\t//MemberFirm Settings are per memberFirm and are not directly all userPreference settings!\r\n\t\tif (memberFirms === undefined || memberFirms?.length === 0) {\r\n\t\t\t//console.log(\"usePageContextSettings::isMemberFirmFeatureEnabled:NULL-MFS-FALSE\", memberFirm, featureName);\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t//TODO:DEBO:NEED TO Add the check for the USER's MF's setting (and not the \"context\" MF!!\r\n\t\t//contextMemberFirm (for current context MF setting)\r\n\r\n\t\t//In Local the logged in user Member Firm will be \"dtt\", if we need to change the MemberFirm we have to pass it manually in this function in indexApp.js, eg: initializeProfile('dtt') or initializeProfile('us') \r\n var userMemberFirm = (StorageHelpers.getLocalStorage('MemberFirm'));\r\n\t\t//TODO:Check if we should use the Context? ...contextMemberFirm - or is this PURELY for the user's MF!\r\n\t\tlet currentMemberFirm = memberFirms.filter(s => s.memberFirmSettings.country === userMemberFirm);\r\n\t\tif (!currentMemberFirm) {\r\n\t\t\t//This will get the group'ed MF it there is a group!\r\n\t\t\tcurrentMemberFirm = memberFirms.filter(s => s.memberFirmSettings.country.includes(userMemberFirm));\r\n\t\t}\r\n\t\t//If the setting is not there, or we don'g have anything... then its OFF\r\n\t\tif (!currentMemberFirm || currentMemberFirm?.length === 0 || !currentMemberFirm[0].memberFirmSettings.UserFeatures || currentMemberFirm[0].memberFirmSettings.UserFeatures?.length === 0) {\r\n\t\t\t//console.log(\"usePageContextSettings::isMemberFirmFeatureEnabled:FALSE\", memberFirm, featureName, memberFirms, currentMemberFirm[0]);\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\t//Only when its there explicitly is it ON\r\n\t\tif (currentMemberFirm[0].memberFirmSettings.UserFeatures.filter(f => f.name === featureName && f.Enabled=== true)) {\r\n\t\t\t//console.log(\"usePageContextSettings::isMemberFirmFeatureEnabled:TRUE\", memberFirm, featureName, memberFirms, currentMemberFirm[0]);\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\t//console.log(\"usePageContextSettings::isMemberFirmFeatureEnabled:DEFAULT-FALSE\", memberFirm, featureName, memberFirms, currentMemberFirm[0]);\r\n\t\treturn false;\r\n\t}\r\n\r\n\t//Public functions:\r\n\tconst isAnnotationsEnabled = () => {\r\n\t\t//MemberFirm setting has to be ON before ConfigSetting's User Preference is ON\r\n\t\treturn isMemberFirmFeatureEnabled(Feature.Annotations);\r\n\t}\r\n\r\n\tconst getMemberFirmSettings = (mf) => {\r\n\t\treturn memberFirms.filter(s => s.memberFirmSettings.country === mf || s.memberFirmSettings.defaultMemberFirm === mf)\r\n\t}\r\n\r\n\tconst isRestrictedAccessMemberfirm = () => {\r\n\t\tif (RETRIEVALSERVICES.UPSUserID() === CONTEXTHELPERS.debugUserId) {\r\n\t\t\tconst isMfAccessRestricted = (window.DART.ENV.RP_REACT_APP_RESTRICTACCESSBYMEMBERFIRM !== undefined && String(window.DART.ENV.RP_REACT_APP_RESTRICTACCESSBYMEMBERFIRM).toUpperCase() === 'TRUE')\r\n\t\t\tif (isMfAccessRestricted) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\tconst isBookmarksEnabled = () => {\r\n\t\t//MemberFirm setting has to be ON before ConfigSetting's User Preference is ON\r\n\t\treturn isMemberFirmFeatureEnabled(Feature.Bookmarks);\r\n\t}\r\n\r\n\tconst isCompareEnabled = () => {\r\n\t\t//Compare is NOT a userPreference setting!\r\n\t\t//console.log(\"isCompareConfigEnabled\", settings?.compareConfigEnabled);\r\n\t\tif (settings?.compareConfigEnabled === undefined || settings?.compareConfigEnabled === null || settings?.compareConfigEnabled !== true) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\t//Global settings superseed first over memberfirm settings - if preference is enabled!\r\n\t\treturn settings.compareConfigEnabled && isMemberFirmFeatureEnabled(MemberFirmFeature.Compare);\r\n\t}\r\n\r\n\tconst isDashboardEnabled = () => {\r\n\t\t//MemberFirm setting has to be ON before ConfigSetting's User Preference is ON\r\n\t\treturn isMemberFirmFeatureEnabled(Feature.Dashboard);\r\n\t}\r\n\r\n\tconst isRecentlyViewedEnabled = () => {\r\n\t\t//MemberFirm setting has to be ON before ConfigSetting's User Preference is ON\r\n\t\treturn isMemberFirmFeatureEnabled(Feature.RecentlyViewed);\r\n\t}\r\n\r\n\tconst isRecentSearchEnabled = () => {\r\n\t\t//MemberFirm setting has to be ON before ConfigSetting's User Preference is ON\r\n\t\treturn isMemberFirmFeatureEnabled(Feature.RecentSearch);\r\n\t}\r\n\r\n\t//TODO: If this list gets long... Change to call isUserPreferencesFeatureEnabled(Feature.FeatureName) ? \r\n\t//\tFor when we want to just have the calling function call the feature instead of the isFeatureEnabled\r\n\t//\treturn { Feature, isUserPreferencesFeatureEnabled };\r\n\treturn { isAnnotationsEnabled, isBookmarksEnabled, isCompareEnabled, isDashboardEnabled, isRecentlyViewedEnabled, isRestrictedAccessMemberfirm, isRecentSearchEnabled ,getMemberFirmSettings };\r\n}\r\n\r\n\r\n/**\r\n* Hook to retrieve Synonym data from PageContext\r\n * I did not put this in \"SearchResultContext\" as we need the context, and we need it BEFORE the search/search results!\r\n * We need this potentially from the Catalog page, Collection page, and beyond.\r\n * USAGE: \r\n *\tconsole.log(\"synonyms.AICPA\", getSynonyms(\"AICPA\"));\r\n *\tconsole.log(\"synonyms.Q&A\", getSynonyms(\"Q&A\"));\r\n *\tconsole.log(\"synonyms.q&a\", getSynonyms(\"q&a\"));\r\n *\tconsole.log(\"synonyms.Profit\", getSynonyms(\"Profit\")); === [ \"Profit\" ]\r\n *\tconsole.log(\"synonyms.'Profit and loss'\", getSynonyms(\"Profit and loss\", true)); === [ \"Profit and loss\", \"P&L\" ]\r\n *\tconsole.log(\"synonyms.Profit and loss\", getSynonyms(\"Profit and loss\")); === [ \"Profit\", \"and\", \"loss\", \"P&L\" ]\r\n *\tconsole.log(\"synonyms.Profit and loss\", getSynonyms(\"PROFIT AND LOSS\"));\r\n *\tconsole.log(\"synonyms.GAAS\", getSynonyms(\"GAAS\"));\r\n *\tconsole.log(\"synonyms.gaas\", getSynonyms(\"gaas\"));\r\n* @returns Object\r\n*/\r\nexport const usePageContextSynonyms = () => {\r\n\t// Retrieve Synonyms from PageContext\r\n\tconst { synonyms } = usePageContext();\r\n\r\n\t// Compose function get the array of word and matching synonyms for the given word\r\n\t// If exactPhraseMatch===true, then we only want to highlight the whole phrase in the page, so will then NOT split out each word\r\n\t// Highlight is changed through the \"searchText\" \r\n\t//\tthe search should be expanded to also include the synonyms\r\n\tconst getSynonyms = (word, exactPhraseMatch = false) => {\r\n\t\t//default, if we don't find synonyms, we just return the same word as a single valued array (to loop through for highlight)\r\n\t\tlet matchedSynonyms = exactPhraseMatch ? [word] : word.split(' ');\r\n\t\tlet matchWord = word.toLowerCase();\r\n\r\n\t\t//Find a list of matching words/phrases within synonyms (Must match whole word or phrase)\r\n\t\t//\t\"word\" does not match \"acronym,this word synonym\"\r\n\t\tvar matchingSynonyms = synonyms.filter(function (synonym) {\r\n\t\t\tvar currentSynonym = synonym.toLowerCase();\r\n\t\t\tif (currentSynonym.indexOf(matchWord) > -1) {\r\n\t\t\t\t//console.log(\"synonyms, match\", matchWord, currentSynonym);\r\n\t\t\t\tvar words = currentSynonym.split(\",\");\r\n\t\t\t\tvar exactMatch = false;\r\n\t\t\t\twords.forEach((word, idx) => {\r\n\t\t\t\t\tif (word === matchWord) {\r\n\t\t\t\t\t\t//console.log(\"synonyms, exact-word-match\", word, synonym);\r\n\t\t\t\t\t\texactMatch = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn exactMatch;\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t});\r\n\r\n\t\tif (Array.isArray(matchingSynonyms) && matchingSynonyms.length > 0) {\r\n\t\t\tmatchingSynonyms.forEach((matchingSynonym) => {\r\n\t\t\t\tlet matchingSynonymItems = matchingSynonym.split(\",\");\r\n\t\t\t\tmatchingSynonymItems.forEach((matchingSynonymItem) => {\r\n\t\t\t\t\tif (matchWord !== matchingSynonymItem.toLowerCase()) {\r\n\t\t\t\t\t\tmatchedSynonyms.push(matchingSynonymItem);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn matchedSynonyms;\r\n\t}\r\n\r\n\treturn { getSynonyms };\r\n}\r\n\r\n\r\nconst PageContextProvider = ({ children }) => {\r\n\t//TODO:BDP: Global context object, must replace all references to url/route/etc: \r\n\t//\tlet context = CONTEXTHELPERS.generateContext(window.location.href);\r\n\t//\teverywhere, we re-use the PageContext.Context object!\r\n\r\n\tconst location = useLocation();\r\n\tlet params = location?.pathname?.split(\"/\");\r\n\tconst { memberFirmParam= params[1], languageParam = params[2], knowledgeDomainParam = params[3], pageControllerTypeParam = params[4], pageControllerTypeCollection = params[5] } = useParams();\r\n\t//This is the CONTEXT OBJECT (that should be \"replaced\" with the context object!)\r\n\t//This gets the LAST-MF, or the user's MF\r\n\tconst memberFirm = ProfileHelpers.getFallbackMemberFirm(memberFirmParam);\r\n\tconst language = ProfileHelpers.getFallbackLanguageByMemberFirm(memberFirm, languageParam);\r\n\tconst knowledgeDomain = (\"content|dashboard\".indexOf(knowledgeDomainParam) > -1) ? \"\" : knowledgeDomainParam; //Must ONLY contain KD, otherwise empty!\r\n\tconst pageControllerType = (pageControllerTypeParam === 'collection') ? pageControllerTypeCollection : pageControllerTypeParam;\r\n\tconst pageCollectionName = (pageControllerTypeParam !== 'collection') ? pageControllerTypeCollection : \"\";\r\n\tconst queryParams = new URLSearchParams(location?.search);\r\n\tconst currentSearch = SearchHelpers.fromQueryString(queryParams);\r\n\tconst compareVersionParam = queryParams?.get('compareVersion');\r\n\t//Try combine this - is there really a reason to \"have\" searchPhrase??\r\n\tconst [searchPhrase, setSearchPhrase] = useState(currentSearch || '');\r\n\tconst [pageURLWhereSearchInnitiated, setPageURLWhereSearchInnitiated] = useState(\"\");\r\n\tconst {getUserProfileInfo, getCountryKDSettings} = useUserProfileService();\r\n\r\n\t//each variable needs to be in the above coming out of the params instead of a context object, and the pageContext object an be used as the context...\r\n\t//\tas pageContext.memberFirm\r\n\tconst [context, setContext] = useState(CONTEXTHELPERS.generateContext(window.location.href, searchPhrase, currentSearch, null, memberFirm, language));\r\n\tconst [contextMemberFirm, setContextMemberFirm] = useState(null);\r\n\tconst [taxonomyMemberFirmContext, setTaxonomyMemberFirmContext] = useState(null)\r\n\r\n\t//These are potentially global variables, that will change each URL/context\r\n\tconst isCatalogPage = (knowledgeDomain !== \"\") ? context.pageRequestURL.endsWith(knowledgeDomain) : false;\r\n\tconst isSearchPage = (currentSearch !== null);\r\n\tconst isFolioPage = ('folio').includes(pageControllerType) || ('guide').includes(pageControllerType);\r\n\tconst isJournalPage = ('deloitte-communications|professional-news|journals').includes(pageControllerType);\r\n\tconst isJournalListing = isJournalPage && (!UTILITIESHELPER.isStringNullorEmpty(context.pageSelectedPublicationGUID) && UTILITIESHELPER.isStringNullorEmpty(context.pageSelectedContentItemGUID));\r\n\tconst isFolioSectionlisting = ((pageControllerType === \"folio\" || pageControllerType === \"guide\") && !UTILITIESHELPER.isStringNullorEmpty(context.pageSelectedSection) && UTILITIESHELPER.isStringNullorEmpty(context.pageSelectedPublicationGUID))\r\n\tconst isRelatedLinksPage = (context.pageSelectedSection === \"related\");// && context.pageSelectedPublicationGUID !== \"\");\r\n\tconst isSpinePage = ('manual|standards|roadmap|guidance').includes(pageControllerType);\r\n\tconst isWormholeActive = queryParams.get('wormhole');\r\n\r\n\t//This prevents us from loading \"english\" multiple times...\r\n\tconst [previousLanguage, setPreviousLanguage] = useState(\"\");\r\n\tconst [footerLinks, setFooterLinks] = useState([]);\r\n\r\n\t// Peer Context AKA Do other tabs exist?\r\n\tconst backChannel = new BroadcastChannel('rp-peer-network');\r\n\r\n\tconst [annotationPanelOpen, setAnnotationPanelOpen] = useState(false);\r\n\tconst [annotateTerms, setAnnotateTerms] = useState();\r\n\tconst [hasPeers, setHasPeers] = useState(false);\r\n\tconst [categoryOn, setCategoryOn] = useState(false);\r\n\tconst [downloadPanelOpen, setDownloadPanelOpen] = useState(false);\r\n\tconst [bookmarkOpen, setBookmarkOpen] = useState(false);\r\n\tconst [memberFirms, setMemberFirms] = useState([]);\r\n\tconst [pageDescription, setPageDescription] = useState('');\r\n\tconst [pageTitle, setPageTitle] = useState('')\r\n\tconst [peerTestCompleted, setPeerTestCompleted] = useState(false);\r\n\tconst [selectedCatalogs, setSelectedCatalogs] = useState(StorageHelpers.getLocalStorageJSON('rp-selected-catalogs') || {});\r\n\t//TODO:BDP: This needs to move into the ContextHelper when we get the context object, as it does this there!\r\n\t//\tthen we update the usage of this to read from PageContext.context.languageOject ?\r\n\tconst [selectedLanguageObject,setSelectedLanguageObject] = useState(UTILITIESHELPER.getCurrentLanguageLocalStorage(language));//eslint-disable-line\r\n\r\n\t//Global Objects\r\n\tconst [settings, setSettings] = useState(null);\r\n\tconst [sitesLabelsLoaded, setSitesLabelsLoaded] = useState(false);\r\n\tconst [sitesLabels, setSitesLabels] = useState({});\r\n\tconst [synonyms, setSynonyms] = useState([]);\r\n\tconst [isMemberFirmsLoaded, setIsMemberFirmsLoaded] = useState(false);\r\n\r\n\t// Pref Context: Tier (Frameworks)\r\n\tconst [tier, setTier] = useState();\r\n\tconst [currentTier, setCurrentTier] = useState();\r\n\tconst [hasGottenCorrectTierValue, setHasGottenCorrectTierValue] = useState(false);\r\n\tconst tierVal = JSON.stringify(tier);\r\n\r\n\t// Pref Context: Industry\r\n\tconst [industry, setIndustry] = useState();\r\n\tconst [currentIndustry, setCurrentIndustry] = useState();\r\n\tconst [hasVerifiedIndustry, setHasVerifiedIndustry] = useState(false);\r\n\tconst industryVal = JSON.stringify(industry);\r\n\tconst [allIndustry, setAllIndustry] = useState({});\r\n\tconst [allTier, setAllTier] = useState({});\r\n\r\n\t//To debug the labels on the page: localStorage.setItem('mt-debug','true');\r\n\tconst debugLabelsAndMT = UTILITIESHELPER.getIsDebugMTLocalStorage();\r\n\r\n\tconst [isNavigatedFromCollectionSearch, setIsNavigatedFromCollectionSearch] = useState(false);\r\n\r\n\t//below method will return MF/Region of the selected country\r\n\tconst [region, setRegion] = useState(\"\");\r\n\r\n\t//MessageNotification\r\n\t//message : text that you want display, type : type of message (error, info, warning), display : to indicate the message should display\r\n\tconst [notification, setNotification] = useState({ message: '', type: 'error', display: false });\r\n\tconst getMemberFirmLanguages = () => {\r\n\t\tif (contextMemberFirm) {\r\n\t\t\treturn contextMemberFirm.memberFirmSettings?.knowledgeDomain?.find(kd => kd.name === knowledgeDomain)?.language?.split(\",\");\r\n\t\t}\r\n\t}\r\n\tconst getMemberFirmDefaultLanguage = () => {\r\n\t\tif (contextMemberFirm) {\r\n\t\t\treturn contextMemberFirm.memberFirmSettings?.defaultLanguage;\r\n\t\t}\r\n\t}\r\n\t//This gets the current context MF IDs (the list of IDs in the CONFIGURATION) (could be multi-valued, but will return an array!)\r\n\tconst getMemberFirmIDs = () => {\r\n\t\tif (contextMemberFirm) {\r\n\t\t\t//Right now DCS only expects, 1x MF ID ... so we will return array of the first one...\r\n\t\t\t return contextMemberFirm.memberFirmSettings?.knowledgeDomain?.find(kd=>kd.name===knowledgeDomain)?.memberFirm?.split(\",\");\r\n\t\t\t//return [contextMemberFirm.memberFirmSettings.memberFirm.split(\",\")[0]];\r\n\t\t}\r\n\t}\r\n\t//This gets the current context MF ID (not the one use for DCS queries, but explicitly the singular currnent context MF!!)\r\n\tconst getMemberFirmID = () => {\r\n\t\tif (contextMemberFirm) {\r\n\t\t\treturn contextMemberFirm.id;\r\n\t\t}\r\n\t}\r\n\r\n\tconst getMemberFirmSettings = () => {\r\n\t\tif (contextMemberFirm) {\r\n\t\t\t//Right now DCS only expects, 1x MF ID ... so we will return array of the first one...\r\n\t\t\treturn contextMemberFirm.memberFirmSettings;\r\n\t\t\t//return [contextMemberFirm.memberFirmSettings.memberFirm.split(\",\")[0]];\r\n\t\t}\r\n\t}\r\n\r\n\t//ChatBot\r\n\tconst [isResearchAssistantEnabled, setIsResearchAssistantEnabled] = useState(false);\r\n\tconst [countryKDSettings, setCountryKDSettings] = useState(null);\r\n\tconst [isUserProfileLoaded, setUserProfileLoaded] = useState(false);\r\n\tconst [isCountryKDSettingsLoaded, setCountryKDSettingsLoaded] = useState(false);\r\n\tconst [researchAssistantMemeberfirms,setResearchAssistantMemberfirms]=useState(null);\r\n\tconst [userCountry, setUserCountry] = useState(\"\");\r\n\t\r\n\r\n\t//Language\r\n\tconst [selectedLanguage, setSelectedLanguage] = useState(UTILITIESHELPER.getLocalStorage(\"selected-user-language\"));\r\n\t\r\n\tfunction countrieslist ( countryKDSettings) {\r\n\r\n\t\tconst data =countryKDSettings ;\r\n\r\n\t\tconst filteredData = data.map(item => {\r\n\t\t\tlet filteredItem = {...item};\r\n\t\t\tfilteredItem.knowledgeDomain = item.knowledgeDomain.filter(domain => {\r\n\t\t\t if (domain.siteFeatures) {\r\n\t\t\t\tfor (let j = 0; j < domain.siteFeatures.length; j++) {\r\n\t\t\t\t if (domain.siteFeatures[j].name === 'ResearchAssistant' && domain.siteFeatures[j].Enabled) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t }\r\n\t\t\t\t}\r\n\t\t\t }\r\n\t\t\t return false;\r\n\t\t\t});\r\n\r\n\t\t\treturn filteredItem;\r\n\t\t }).filter(item => item.knowledgeDomain.length > 0);\r\n \r\n\t\t setResearchAssistantMemberfirms(filteredData);\r\n\r\n\t}\r\n\r\n\r\n\r\n\tconst getUserProfileCanSeeRA = async () => {\r\n\r\n\t\tconst userProfileInfo = await getUserProfileInfo();\r\n\t\tsetUserProfileLoaded(true);\r\n\t\tif(userProfileInfo){\r\n\t\t\tconst { CanSeeRA, Country } = userProfileInfo;\r\n\t\t\tsetIsResearchAssistantEnabled(CanSeeRA);\r\n\t\t\tsetUserCountry(Country);\r\n\t\t}\r\n\t}\r\n\tuseEffect(() => {\r\n\t\tgetUserProfileCanSeeRA();\r\n\t}, [])\r\n\t\r\n\r\n\t//Maintain the page context\r\n\tuseEffect(() => {\r\n\t\t//Compares against the FULL URL! (incl the http etc)\r\n\t\t//This stops the context from being replaced when the URL did not actually change\r\n\t\tif (context.pageRequestURL !== window.location.href) {\r\n\t\t\t//TODO: Change this to use the routeInfo instead of URL (so we can \"listen\" to if only listening to the href does not work)\r\n\t\t\tsetContext(CONTEXTHELPERS.generateContext(window.location.href));\r\n\t\t\t//console.log(\"PageContext::useEffect:setContext:<<<< Updated >>>>\");\r\n\r\n\t\t\t//This will reset the message notification object when user navigate from current page\r\n\t\t\tsetNotification({ message: '', type:ErrorTypes.Error, display: false });\r\n\t\t}\r\n\t}, [location?.pathname]);//eslint-disable-line\r\n\r\n\t// This determines whether or not the browser has multiple tabs with the same origin\r\n\t// please keep as the first useEffect --- order matters\r\n\tuseEffect(() => {\r\n\t\t// Handles broadcast message\r\n\t\tfunction messageHandler(event) {\r\n\t\t\t// if another tab exists, respond no\r\n\t\t\tif (event.data === 'alone') {\r\n\t\t\t\tbackChannel.postMessage('no')\r\n\t\t\t}\r\n\r\n\t\t\t// if we are not alone, we have peers and the test is complete\r\n\t\t\tif (event.data === 'no') {\r\n\t\t\t\t// only do this once\r\n\t\t\t\tif (!peerTestCompleted) {\r\n\t\t\t\t\t// console.log('has peers');\r\n\t\t\t\t\tsetHasPeers(true);\r\n\t\t\t\t\tsetPeerTestCompleted(true);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// assign message handler\r\n\t\tbackChannel.onmessage = messageHandler;\r\n\r\n\t\t// post message asking if we are alone\r\n\t\tbackChannel.postMessage('alone');\r\n\r\n\t\t// since broadcast only goes to subscribers and not the publisher\r\n\t\t// we need to set a timeout to handle no response, because we are alone.\r\n\t\t// This can use a relatively short timeout because the message is sent by\r\n\t\t// the browser's context and not the app.\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (!peerTestCompleted) {\r\n\t\t\t\t// console.log('no peers');\r\n\t\t\t\tsetPeerTestCompleted(true);\r\n\t\t\t}\r\n\t\t}, 50);\r\n\r\n\t\t// finally, on unload we will close the channel\r\n\t\treturn () => {\r\n\t\t\tbackChannel.close();\r\n\t\t}\r\n\t}, []);//eslint-disable-line\r\n\r\n\t// Load Global Settings and all member firm configurations (These are the same not matter what the URL/MF is, so only needs to be retreived ONCE)\r\n\t\tuseEffect(() => {\r\n\t\t\tconst fetchSettings = async () => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tconst settingData = await getCountryKDSettings();\r\n\r\n\t\t\t\t\tlogs.debug(page.PageContext, 'fetchSettings', \"settingData:Context, settingData \", context, settingData);\r\n\r\n\t\t\t\t\tsettingData.memberFirms.forEach((taxonomyMemberFirm, mfIdx) => {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (taxonomyMemberFirm.memberFirmSettings.country === context.memberFirm) {\r\n\t\t\t\t\t\t\tsetContextMemberFirm(taxonomyMemberFirm);\r\n\t\t\t\t\t\t\tsetRegion(taxonomyMemberFirm.memberFirmSettings?.publicationName);\r\n\t\t\t\t\t\t\tProfileHelpers.setSelectedMemberFirmTaxonomyId(taxonomyMemberFirm.id);\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tsetMemberFirms(settingData.memberFirms);\r\n\t\t\t\t\tsetIsMemberFirmsLoaded(true);\r\n\t\t\t\t\tsetSettings(settingData.settings);\r\n\r\n\t\t\t\t\tif (settingData) {\r\n\t\t\t\t\t\tconst memberfirmSettings = settingData.memberFirms.map(a => a.memberFirmSettings);\r\n\t\t\t\t\t\tsetCountryKDSettings(memberfirmSettings);\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tconst member_firm = !UTILITIESHELPER.isStringNullorEmpty(\r\n\t\t\t\t\t\t\tUTILITIESHELPER.getLocalStorage('research-assistant-memberfirm')\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\t? UTILITIESHELPER.getLocalStorage('research-assistant-memberfirm')\r\n\t\t\t\t\t\t: UTILITIESHELPER.getLocalStorage('MemberFirm');\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tconst country = memberfirmSettings.filter(x => x.country == member_firm);\r\n\t\t\t\t\t\tconst member_firm_id = country[0]?.defaultMemberFirm;\r\n\t\t\t\t\t\tlocalStorage.setItem(\"research-assistant-member-firm-Id\", member_firm_id);\r\n\t\t\t\t\t\tcountrieslist(memberfirmSettings);\r\n\t\t\t\t\t\tconst TaxonomyMemberfirmValue= memberfirmSettings\r\n\t\t\t\t\t\t.filter(x => x.country === context.memberFirm)[0]?.knowledgeDomain?.filter(x => x.name === (context.knowledgeDomain ? context.knowledgeDomain : 'auditing'))[0]?.taxonomyMemberFirm ;\r\n\t\t\t\t\t\tconst taxonomyArray = (UTILITIESHELPER.isStringNullorEmpty(TaxonomyMemberfirmValue)? MemberFirmID.dtt :TaxonomyMemberfirmValue)\r\n\t\t\t\t\t\tsetCountryKDSettingsLoaded(true);\r\n\t\t\t\t\t\tsetTaxonomyMemberFirmContext(taxonomyArray)\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t\tcatch (err) {\r\n\t\t\t\t\tlogs.error(page.PageContext, 'fetchSettings', ErrorMessages.settings, err, { eventId: ErrorCodes.PageContext });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tfetchSettings();\r\n\t\t}, []);//eslint-disable-line\r\n\r\n\tuseEffect(() => {\r\n\t\tif (contextMemberFirm && contextMemberFirm.memberFirmSettings.country !== context.memberFirm) {\r\n\t\t\t//Find the seelcted MF in teh list, and then re-select it...We have to find it or its broken\r\n\t\t\tvar currentMF = memberFirms?.find(m => m.reference.toLowerCase() === context.memberFirm);\r\n\t\t\tif (currentMF) {\r\n\t\t\t\tsetContextMemberFirm(currentMF);;\r\n\t\t\t\tProfileHelpers.setSelectedMemberFirmTaxonomyId(currentMF.id);\r\n\r\n\t\t\t\t//Based on the selected country from the country dropdown we are setting up its region\r\n\t\t\t\tsetRegion(currentMF?.memberFirmSettings?.publicationName)\r\n\t\t\t}\r\n\t\t}\r\n\t}, [context.memberFirm]);//eslint-disable-line\r\n\r\n\t// Load cms labels - NOT memberFirm-dependant!\r\n\tuseEffect(() => {\r\n\t\tconst retreiveResourceLabels = async (resource) => {\r\n\t\t\ttry {\r\n\t\t\t\tconst res = await RETRIEVALSERVICES.retrieveResource(context, resource);\r\n\t\t\t\tlogs.debug(page.PageContext, 'retreiveResourceLabels', \"retreiveResourceLabels:Context, res \", context, res);\r\n\t\t\t\tsetSitesLabels(res.labels);\r\n\t\t\t\tsetSitesLabelsLoaded(true);\r\n\t\t\t}\r\n\t\t\tcatch (err) {\r\n\t\t\t\tlogs.error(page.PageContext, 'PageContext', ErrorMessages.resource, err,{eventId:ErrorCodes.PageContext});\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst retreiveResourceFooter = async (resource) => {\r\n\t\t\ttry {\r\n\t\t\t\tconst res = await RETRIEVALSERVICES.retrieveResource(context, resource);\r\n\t\t\t\tlogs.debug(page.PageContext, 'retreiveResourceFooter', \"retreiveResourceFooter:Context, res \", context, res);\r\n\t\t\t\tsetFooterLinks(res.links.links);\r\n\t\t\t}\r\n\t\t\tcatch (err) {\r\n\t\t\t\tlogs.error(page.PageContext, 'retreiveResourceFooter', ErrorMessages.footer, err,{eventId:ErrorCodes.PageContext});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!CONTEXTHELPERS.isSameLanguage(previousLanguage, language) || sitesLabelsLoaded==false) {\r\n\t\t\tretreiveResourceLabels(\"labels\");\r\n\t\t\tretreiveResourceFooter(\"footer\");\r\n\r\n\t\t\tsetPreviousLanguage(language);\r\n\t\t}\r\n\t\t\r\n\t}, [language,sitesLabelsLoaded]);//eslint-disable-line\r\n\r\n\t//TEMPORARY LOAD OF SYNONYMS - To be removed when we deturmine where they will come from\r\n\t// Load settings and member firm configuration [wan tto do this first as it may not need to be done on landing page!]\r\n\tuseEffect(() => {\r\n\t\t//TODO: When search is merged, and we have the page context owning the url/mf/lang/etc, then we should ONLY load the Synonyms when we are \"past\" the catalog page, i.e. we will have knowledge domain!\r\n\t\t//\totherwise do not load it\r\n\t\t//FOR NOW - we will just have it populated everywhere!\r\n\t\tsetSynonyms([\r\n\t\t\t\"AAG,AICPA Audit and Accounting Guides\",\r\n\t\t\t\"AAM,Audit Approach Manual\",\r\n\t\t\t\"ABCTOD,Material Class of Transactions Account Balance Disclosure\",\r\n\t\t\t\"ACL,Audit Command Language\",\r\n\t\t\t\"AERS,Audit and Enterprise Risk Services\",\r\n\t\t\t\"AICPA,American Institute of Certified Public Accountants\",\r\n\t\t\t\"AIN,AICPA Accounting Interpretations\",\r\n\t\t\t\"APB,Accounting Principles Board Opinions\",\r\n\t\t\t\"APM,Audit Planning Memorandum\",\r\n\t\t\t\"AQA,Audit Quality Alerts\",\r\n\t\t\t\"ARB,Accounting Research Bulletins\",\r\n\t\t\t\"ARL,Audit Risk Leader\",\r\n\t\t\t\"ASC,Accounting Standards Codification\",\r\n\t\t\t\"ASM,Audit Summary Memorandum\",\r\n\t\t\t\"ASU,Accounting Standards Update\",\r\n\t\t\t\"C&M,Clients Markets\",\r\n\t\t\t\"CAATs,Computer Assisted Audit Techniques\",\r\n\t\t\t\"CEO,Chief Executive Officer\",\r\n\t\t\t\"CFO,Chief Financial Officer\",\r\n\t\t\t\"CFRR,SEC Financial Reporting Releases\",\r\n\t\t\t\"CGU,Cash generating unit\",\r\n\t\t\t\"CoCo,Criteria of Control\",\r\n\t\t\t\"COSO,Committee of Sponsoring Organizations\",\r\n\t\t\t\"CPE,Continuing Professional Education\",\r\n\t\t\t\"CPI,Consumer Price Index\",\r\n\t\t\t\"DAC,Deferred Acquisition Costs\",\r\n\t\t\t\"DCCS,Deloitte Conflict Checking System\",\r\n\t\t\t\"DESC,Deloitte Entity Search Compliance\",\r\n\t\t\t\"DGC,Designated Global Client\",\r\n\t\t\t\"DGSL,Deloitte Global Services Limited\",\r\n\t\t\t\"DIG,Derivatives Implementation Group Issues\",\r\n\t\t\t\"DPM,DTTL Policies Manual\",\r\n\t\t\t\"DPM,Deloitte Policy Manual\",\r\n\t\t\t\"DTTL,Deloitte Touche Tohmatsu Limited\",\r\n\t\t\t\"DTTS,Deloitte Touche Tohmatsu Services\",\r\n\t\t\t\"EDA,Exploratory Data Analysis\",\r\n\t\t\t\"EDGAR,Electronic Data Gathering Analysis and Retrieval\",\r\n\t\t\t\"EITF,Emerging Issues Task Force Issues\",\r\n\t\t\t\"EMTN,Euro Medium Term Note\",\r\n\t\t\t\"EPS,Earning Per Share\",\r\n\t\t\t\"EQAR,Engagement Quality Assurance Review\",\r\n\t\t\t\"EQCR,Engagement Quality Control Review\",\r\n\t\t\t\"ERS,Enterprise Risk Services\",\r\n\t\t\t\"ESOP,Employee Stock Option Plan\",\r\n\t\t\t\"EU,European Union\",\r\n\t\t\t\"FAQs,Frequently Asked Questions\",\r\n\t\t\t\"FAS,Financial Advisory Services\",\r\n\t\t\t\"FAS,FASB Statements of Financial Accounting Standards\",\r\n\t\t\t\"FIFO,First In First Out\",\r\n\t\t\t\"FIN,FASB Interpretations\",\r\n\t\t\t\"FRC,Financial Reporting Council\",\r\n\t\t\t\"FRS,Financial Reporting Standard\",\r\n\t\t\t\"FRRP,Financial Reporting Review Panel\",\r\n\t\t\t\"FSA,Financial Services Authority\",\r\n\t\t\t\"FSP,FASB Staff Positions\",\r\n\t\t\t\"FTB,FASB Technical Bulletins\",\r\n\t\t\t\"FV,Fair Value\",\r\n\t\t\t\"GAAP,Generally Accepted Accounting Principles\",\r\n\t\t\t\"GASB,Governmental Accounting Standards Board\",\r\n\t\t\t\"GCRB,Global Conflicts Resolution Board\",\r\n\t\t\t\"GDCs,Global Delivery Centers\",\r\n\t\t\t\"GDRs,Global Depositary Receipts\",\r\n\t\t\t\"GEN,General Policies Manual\",\r\n\t\t\t\"GHCS,Global Hosting Centers\",\r\n\t\t\t\"GIMS,Group Independence Monitoring System\",\r\n\t\t\t\"GIOS,Global IFRS and Offerings Services group\",\r\n\t\t\t\"GPPC,Global Public Policy Committee\",\r\n\t\t\t\"GSO,Global Security Office\",\r\n\t\t\t\"GSR,Global Strategic Relationship\",\r\n\t\t\t\"GTAs,Global Tax Advisories\",\r\n\t\t\t\"HTM,Held to maturity\",\r\n\t\t\t\"IAASB,The International Auditing and Assurance Standards Board\",\r\n\t\t\t\"IAPS,International Auditing Practice Statement\",\r\n\t\t\t\"IAS,International Accounting Standards\",\r\n\t\t\t\"IASB,International Accounting Standards Board\",\r\n\t\t\t\"IASC,International Accounting Standards Committee\",\r\n\t\t\t\"IBNR,Incurred But Not Reported\",\r\n\t\t\t\"IFAC,International Federation of Accountants\",\r\n\t\t\t\"IFRIC,International Financial Reporting Interpretations Committee\",\r\n\t\t\t\"IFRS,International Financial Reporting Standards\",\r\n\t\t\t\"IFV,Internal Fair Value\",\r\n\t\t\t\"IIA,The Institute of Internal Auditors\",\r\n\t\t\t\"IND,Industry\",\r\n\t\t\t\"IPE,Information Produced by the Entity\",\r\n\t\t\t\"IPMA,International Primary Market Association\",\r\n\t\t\t\"IPSAS,International Public Sector Accounting Standard\",\r\n\t\t\t\"IR,SEC Interpretive Releases\",\r\n\t\t\t\"ISA,International Standards on Auditing\",\r\n\t\t\t\"ISACA,Information Systems Audit and Control Association\",\r\n\t\t\t\"ISAE,International Standard for Assurance Engagements\",\r\n\t\t\t\"ISQC,International Standard on Quality Control\",\r\n\t\t\t\"ISRE,International Standard on Review Engagements\",\r\n\t\t\t\"ISRS,International Standards on Related Services\",\r\n\t\t\t\"IT,Information Technology\",\r\n\t\t\t\"JEDAR,Journal Entry Data Analysis Routines\",\r\n\t\t\t\"JET,Journal Entry Testing\",\r\n\t\t\t\"JCE,Joint controlled entity\",\r\n\t\t\t\"JV,Joint Venture\",\r\n\t\t\t\"KYC,Know Your Client\",\r\n\t\t\t\"LCSP,Lead Client Service Partner\",\r\n\t\t\t\"LIBOR,London Interbank Offered Rate\",\r\n\t\t\t\"LIFO,Last In First Out\",\r\n\t\t\t\"M&A,Mergers and Acquisitions\",\r\n\t\t\t\"MFSC,Member Firm Selected Clients\",\r\n\t\t\t\"MP,Monetary Precision\",\r\n\t\t\t\"MSA,Master Services Agreement\",\r\n\t\t\t\"MUS,Monetary Unit Sampling\",\r\n\t\t\t\"NASDAQ,National Association of Securities Dealers Automated Quotation System\",\r\n\t\t\t\"NAV,Net Asset Value\",\r\n\t\t\t\"NFP,Not for Profit Entity\",\r\n\t\t\t\"NPPD,National Professional Practice Director\",\r\n\t\t\t\"NRV,Net Realisable Value\",\r\n\t\t\t\"OCEO,Office of the Chief Executive Officer\",\r\n\t\t\t\"OSS,Other Specialized Services\",\r\n\t\t\t\"PB,AICPA Practice Bulletins\",\r\n\t\t\t\"PCAOB,Public Company Accounting Oversight Board\",\r\n\t\t\t\"PII,Personally Identifiable Information\",\r\n\t\t\t\"PM,Performance Materiality\",\r\n\t\t\t\"PPD,Professional Practice Directors\",\r\n\t\t\t\"PRD,Practice Review Director\",\r\n\t\t\t\"PSE,Public Sector Enterprise\",\r\n\t\t\t\"Q&A,Questions and Answers\",\r\n\t\t\t\"R&D,Research and Development\",\r\n\t\t\t\"RAS,Reporting Advisory Services\",\r\n\t\t\t\"RCP,Regulatory Contact Partner\",\r\n\t\t\t\"REIT,Real Estate Investment Trust\",\r\n\t\t\t\"REP,Accountants Reports Manual\",\r\n\t\t\t\"RFI,Request for Information\",\r\n\t\t\t\"RFP,Request for Proposal\",\r\n\t\t\t\"RFQ,Request for Qualification\",\r\n\t\t\t\"RFQ,Request for Quotation\",\r\n\t\t\t\"ROI,Return on investment\",\r\n\t\t\t\"ROMM,Risk of material Misstatement\",\r\n\t\t\t\"RPI,Retail price index\",\r\n\t\t\t\"RRL,Reputation and Risk Leader\",\r\n\t\t\t\"RWG,Regulatory Working Group\",\r\n\t\t\t\"SAB,Staff Accounting Bulletin\",\r\n\t\t\t\"SAB,SEC Staff Accounting Bulletins\",\r\n\t\t\t\"SAP,Substantive Analytical Procedures\",\r\n\t\t\t\"SARBOX,Sarbanes Oxley\",\r\n\t\t\t\"SAS,Statement on Auditing Standards\",\r\n\t\t\t\"SEC,Securities and Exchange Commission\",\r\n\t\t\t\"SIC,Standing Interpretations Committee\",\r\n\t\t\t\"SMR,Subject matter Resource\",\r\n\t\t\t\"SOP,Statement of Position\",\r\n\t\t\t\"SPE,Special Purpose Entity\",\r\n\t\t\t\"SSAE,Statement on Standards for Attestation Engagements\",\r\n\t\t\t\"SSARS,Statement on Standards for Accounting and Review Services\",\r\n\t\t\t\"SX,SEC Regulation S X\",\r\n\t\t\t\"TIS,AICPA Technical Inquiry Service\",\r\n\t\t\t\"TOC,Test of controls\",\r\n\t\t\t\"TOD,Tests of Details\",\r\n\t\t\t\"TPA,Technical Practice Aids\",\r\n\t\t\t\"TS,Two Strata\",\r\n\t\t\t\"TSST,Transaction Services Standards Team\",\r\n\t\t\t\"UEE,Understand the entity and its environment\",\r\n\t\t\t\"VAL Manual,Valuation Practice Manual\",\r\n\t\t\t\"VAT,Value added tax\",\r\n\t\t\t\"VIE,Variable Interest Entity\",\r\n\t\t\t\"CV,Carrying Value\",\r\n\t\t\t\"ED,Exposure draft\",\r\n\t\t\t\"DP,Discussion paper\",\r\n\t\t\t\"MD&A,Management's discussion and analysis\",\r\n\t\t\t\"P&L,Profit and loss\",\r\n\t\t\t\"AS,Auditing standard\",\r\n\t\t\t\"ASR,SEC Accounting Series Release\",\r\n\t\t\t\"CAQ,Center for Audit Quality\",\r\n\t\t\t\"C&DI,SEC Compliance and Disclosure Interpretation\",\r\n\t\t\t\"DTL,deferred tax liability\",\r\n\t\t\t\"EBITDA,earnings before income taxes depreciation and amortization\",\r\n\t\t\t\"FDA,Food and Drug Administration\",\r\n\t\t\t\"GA,Group Audit\",\r\n\t\t\t\"GSE,government sponsored entity\",\r\n\t\t\t\"ICFR,internal control over financial reporting\",\r\n\t\t\t\"IPO,initial public offering\",\r\n\t\t\t\"SG&A,selling general and administrative expense\",\r\n\t\t\t\"XBRL,eXtensible Business Reporting Language\",\r\n\t\t\t\"AU,U.S. Auditing Standards\",\r\n\t\t\t\"FASAB,Federal Accounting Standards Advisory Board\",\r\n\t\t\t\"GAAS,generally accepted auditing standards\",\r\n\t\t\t\"IAS,International Accounting Standard\",\r\n\t\t\t\"PCC,Private Company Council\",\r\n\t\t\t\"BS,Balance Sheet\",\r\n\t\t\t\"SCF,Statement of Cash Flows\"\r\n\t\t]);\r\n\r\n\t\t//USAGE:FE\r\n\t\t//import { usePageContext, usePageContextLabels, usePageContextSynonyms } from '../../contexts/PageContext';\r\n\t\t//const { getSynonyms } = usePageContextSynonyms();\r\n\t\t//console.log(\"synonyms.AICPA\", getSynonyms(\"AICPA\"));\r\n\t\t//console.log(\"synonyms.Q&A\", getSynonyms(\"Q&A\"));\r\n\t\t//console.log(\"synonyms.q&a\", getSynonyms(\"q&a\"));\r\n\t\t//console.log(\"synonyms.Profit and loss\", getSynonyms(\"Profit and loss\"));\r\n\t\t//console.log(\"synonyms.Profit and loss\", getSynonyms(\"PROFIT AND LOSS\"));\r\n\t\t//console.log(\"synonyms.GAAS\", getSynonyms(\"GAAS\"));\r\n\t\t//console.log(\"synonyms.gaas\", getSynonyms(\"gaas\"));\r\n\t}, []);\r\n\r\n\t//TODO:BDP: Move tier into context? (as this is also done inside the initialization of the context)\r\n\tuseLayoutEffect(() => {\r\n\t\t/*\r\n\t\tAll the functionality in this effect is to make sure we are grabbing the correct tier value (for uk accounting dropdown) when the app loads\r\n\t\tOn a high level the process is as follows:\r\n\r\n\t\t(Important info: Every time the user makes a selection from the UK dropdown we are setting that value in both local and session storage)\r\n\r\n\t\t- Set an item in local storage ('addStorageEventToSeeIfOtherTabsExist')\r\n\t\t- the storage event listeners in any other tabs (if they exist) will respond to this event\r\n\t\t- The other tabs (if they exist) will respond back to the original tab (the new one), by adding their own local storage event ('otherTabExists')\r\n\t\t- If another tab exists, we are going to update a ref value (isThereAnotherTabOpen) and set it to true to acknowledge we know another tab exists\r\n\t\t- We are momentarily not going to do anything with this information and instead do the following:\r\n\t\t- Check if we've set a tier value in session storage\r\n\t\t- If we have, we're going to set the tier value to the session storage value and return early\r\n\t\t- If not, we are going to check if there is a value in local storage,\r\n\t\t- If there is NOT one, we are going to just set the tier to the default value (null) and return early\r\n\t\t- If there IS a local storage val, we have to check if the val is from a previous session or not\r\n\t\t- This is where checking whether other tabs exist comes into play,\r\n\t\t- We add a setTimeout that should fire in 1 second to check if the storage event listener logic has determined if there are other tabs\r\n\t\t- If before the setTimeout fires no storage event has fired with the key 'otherTabExists' we are making the assumption no other tabs exist\r\n\t\t- We are therefore not going to use the local storage value, as we think it's from a previous session,\r\n\t\t\tand we're going to set the tier to the default value and clear the local storage value\r\n\t\t- If another tab exists though, we are going to use the value from local storage\r\n\r\n\t\tUntil hasGottenCorrectTierValue is set to true the layout's body is not going to load\r\n\t\tThis prevents us from having components render with the incorrect tier value and having to rerender after the tier value is initiallity set\r\n\t\t*/\r\n\r\n\t\tlet defaultVal = null;\r\n\t\tif (!UTILITIESHELPER.isStringNullorEmpty(memberFirm) && !UTILITIESHELPER.isStringNullorEmpty(knowledgeDomain)) {\r\n\t\t\tdefaultVal = {\r\n\t\t\t\t[memberFirm]: { [knowledgeDomain]: [] }\r\n\t\t\t};\r\n\t\t}\r\n\t\tconst setCorrectVal = (tier) => {\r\n\t\t\tif (!tier) { tier = defaultVal; }\r\n\t\t\telse if (!tier[memberFirm]) { tier[memberFirm] = { [knowledgeDomain]: [] } }\r\n\t\t\telse if (!tier[memberFirm][knowledgeDomain]) { tier[memberFirm][knowledgeDomain] = [] };\r\n\t\t\tsetTier(tier);\r\n\t\t\tsetHasGottenCorrectTierValue(true);\r\n\t\t}\r\n\t\ttry {\r\n\t\t\tif (!UTILITIESHELPER.isStringNullorEmpty(memberFirm) && !UTILITIESHELPER.isStringNullorEmpty(knowledgeDomain)) {\r\n\t\t\t\tif (peerTestCompleted) {\r\n\t\t\t\t\t// check if session storage tier val exists\r\n\t\t\t\t\tconst sessionVal = TierHelpers.getSessionStorage();\r\n\t\t\t\t\tif (sessionVal) {\r\n\t\t\t\t\t\tsetCorrectVal(sessionVal);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// check if local storage val, if not, we know we should just set the default val\r\n\t\t\t\t\tconst localVal = TierHelpers.getLocalStorage();\r\n\t\t\t\t\tif (!localVal) {\r\n\t\t\t\t\t\tsetCorrectVal(defaultVal);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (hasPeers) {\r\n\t\t\t\t\t\tconst val = TierHelpers.getLocalStorage();\r\n\t\t\t\t\t\tsetCorrectVal(val);\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tTierHelpers.removeLocalStorage();\r\n\t\t\t\t\t\tsetCorrectVal(defaultVal)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tcatch (err) {\r\n\t\t\tsetCorrectVal(defaultVal);\r\n\t\t}\r\n\t}, [peerTestCompleted, hasPeers, memberFirm, knowledgeDomain]);\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\tif (hasGottenCorrectTierValue) {\r\n\t\t\tTierHelpers.setSessionStorage(tier);\r\n\t\t}\r\n\t}, [tierVal, hasGottenCorrectTierValue]);//eslint-disable-line\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\tlet defaultVal = null;\r\n\t\tif (!UTILITIESHELPER.isStringNullorEmpty(memberFirm) && !UTILITIESHELPER.isStringNullorEmpty(knowledgeDomain)) {\r\n\t\t\tdefaultVal = {\r\n\t\t\t\t[memberFirm]: { [knowledgeDomain]: [] }\r\n\t\t\t};\r\n\t\t}\r\n\t\tconst setCorrectVal = (industry) => {\r\n\t\t\tif (!industry) { industry = defaultVal; }\r\n\t\t\telse if (!industry[memberFirm]) { industry[memberFirm] = { [knowledgeDomain]: [] } }\r\n\t\t\telse if (!industry[memberFirm][knowledgeDomain]) { industry[memberFirm][knowledgeDomain] = [] };\r\n\t\t\tsetIndustry(industry);\r\n\t\t\tsetHasVerifiedIndustry(true);\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tif (!UTILITIESHELPER.isStringNullorEmpty(memberFirm) && !UTILITIESHELPER.isStringNullorEmpty(knowledgeDomain)) {\r\n\t\t\t\tif (peerTestCompleted) {\r\n\t\t\t\t\t// check if session storage val exists\r\n\t\t\t\t\tconst sessionVal = IndustryHelpers.getSessionStorage();\r\n\t\t\t\t\tif (sessionVal) {\r\n\t\t\t\t\t\tsetCorrectVal(sessionVal);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// check if local storage val, if not, we know we should just set the default val\r\n\t\t\t\t\tconst localVal = IndustryHelpers.getLocalStorage();\r\n\t\t\t\t\tif (!localVal) {\r\n\t\t\t\t\t\tsetCorrectVal(defaultVal);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (hasPeers) {\r\n\t\t\t\t\t\tconst val = IndustryHelpers.getLocalStorage();\r\n\t\t\t\t\t\tsetCorrectVal(val);\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tIndustryHelpers.removeLocalStorage();\r\n\t\t\t\t\t\tsetCorrectVal(defaultVal)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tcatch (err) {\r\n\t\t\tsetCorrectVal(defaultVal);\r\n\t\t}\r\n\t}, [peerTestCompleted, hasPeers, memberFirm, knowledgeDomain]);\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\tif (hasVerifiedIndustry) {\r\n\t\t\tIndustryHelpers.setSessionStorage(industry);\r\n\t\t}\r\n\t}, [industryVal, hasVerifiedIndustry]);//eslint-disable-line\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\tStorageHelpers.setLocalStorageJSON('rp-selected-catalogs', selectedCatalogs);\r\n\t}, [selectedCatalogs]);\r\n\r\n\tconst store = {\r\n\t\t//Global States Helper Values:\r\n\t\tannotateTerms, setAnnotateTerms,\r\n\t\tannotationPanelOpen, setAnnotationPanelOpen,\r\n\t\tcategoryOn, setCategoryOn,\r\n\t\tcompareVersionParam,\r\n\t\tcurrentSearch, searchPhrase, setSearchPhrase,\r\n\t\tpageURLWhereSearchInnitiated, setPageURLWhereSearchInnitiated,\r\n\t\tdebugLabelsAndMT,\r\n\t\tdownloadPanelOpen, setDownloadPanelOpen,\r\n\t\tbookmarkOpen, setBookmarkOpen,\r\n\t\thasGottenCorrectTierValue,\r\n\t\thasVerifiedIndustry,\r\n\t\tisCatalogPage,\r\n\t\tisFolioPage,\r\n\t\tisSearchPage,\r\n\t\tisJournalPage,\r\n\t\tisJournalListing,\r\n\t\tisRelatedLinksPage,\r\n\t\tisFolioSectionlisting,\r\n\t\tisSpinePage,\r\n\t\tisWormholeActive,\r\n\t\tfooterLinks,\r\n\t\tpageDescription, setPageDescription,\r\n\t\tpageTitle, setPageTitle,\r\n\t\tselectedCatalogs, setSelectedCatalogs,\r\n\t\tselectedLanguageObject, //--> context.selectedLanguageObject !!\r\n\r\n\t\t//Global Access Helpers:\r\n\t\tcontextMemberFirm,\r\n\t\tgetMemberFirmID,\r\n\t\tgetMemberFirmIDs,\r\n\t\tgetMemberFirmLanguages,\r\n\t\tgetMemberFirmDefaultLanguage,\r\n\t\tgetMemberFirmSettings,\r\n\t\tisMemberFirmsLoaded,\r\n\t\tmemberFirms,\r\n\t\tsettings,\r\n\t\tsitesLabels,\r\n\t\tsitesLabelsLoaded,\r\n\t\tsynonyms,\r\n\r\n\t\t//Replace these with context ... context.language / context.memberFirm / etc\r\n\t\tcontext,\r\n\t\tlanguage,//: context.language,\r\n\t\tmemberFirm,//: context.memberFirm,\r\n\t\tknowledgeDomain,\r\n\t\tpageControllerType,\r\n\t\tpageCollectionName,\r\n\t\tindustry, setIndustry,\r\n\t\tindustryVal,\r\n\t\ttier, setTier,\r\n\t\ttierVal,\r\n\t\tisNavigatedFromCollectionSearch,\r\n\t\tsetIsNavigatedFromCollectionSearch,\r\n\t\tcurrentTier, setCurrentTier, currentIndustry, setCurrentIndustry,\r\n\t\t//MessageNotification\r\n\t\tnotification, setNotification,\r\n\t\tsetSitesLabelsLoaded,\r\n\t\t//ChatBot\r\n\t\tisResearchAssistantEnabled, setIsResearchAssistantEnabled,\r\n\t\tcountryKDSettings, setCountryKDSettings,\r\n\t\tisUserProfileLoaded, setUserProfileLoaded,\r\n\t\tisCountryKDSettingsLoaded, setCountryKDSettingsLoaded,\r\n\t\tresearchAssistantMemeberfirms,setResearchAssistantMemberfirms,\r\n\t\tuserCountry, setUserCountry,\r\n\t\t//Language\r\n\t\tselectedLanguage, setSelectedLanguage,\r\n\t\ttaxonomyMemberFirmContext,\r\n\t\tsetTaxonomyMemberFirmContext,\r\n\t\tallIndustry,\r\n\t\tsetAllIndustry,\r\n\t\tallTier,\r\n\t\tsetAllTier,\r\n\t\tregion\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t \r\n\t)\r\n}\r\n\r\nexport default PageContextProvider\r\n","function getHashFromContext(pageContext) {\r\n return \"guidance_GUID-8F9EF5B7-6C69-4ED0-9910-F77509AB2B18\";\r\n}\r\n\r\nfunction getItemsArray(item) {\r\n if (Array.isArray(item) && item.length > 0) {\r\n return item.map(node => {\r\n let agg = [node];\r\n if (Array.isArray(node.subItems) && node.subItems.length) {\r\n agg = [...agg, getItemsArray(node.subItems).flat()];\r\n }\r\n return agg.flat();\r\n }).flat();\r\n }\r\n else if (item.hasOwnProperty('subItems') && item.subItems.length > 0) {\r\n return item.subItems.map(node => {\r\n let agg = [node];\r\n if (Array.isArray(node.subItems) && node.subItems.length) {\r\n agg = [...agg, getItemsArray(node.subItems).flat()];\r\n }\r\n return agg.flat();\r\n }).flat();\r\n }\r\n else if (item.hasOwnProperty('children') && item.children.length > 0) {\r\n return item.children.map(node => {\r\n let agg = [node];\r\n if (Array.isArray(node.children) && node.children.length > 0) {\r\n agg = [...agg, getItemsArray(node.children).flat()];\r\n }\r\n return agg.flat();\r\n }).flat();\r\n }\r\n}\r\n\r\nfunction getSelectedTocNodeByContext(root, pageContext) {\r\n if (!root) return null;\r\n if (root.isSelected) return root;\r\n\r\n const contextHash = getHashFromContext(pageContext);\r\n const flattenedHashes = getItemsArray(root);\r\n console.log(\"find context hash in root:\", contextHash, flattenedHashes)\r\n \r\n const selectedNode = flattenedHashes.find(x => x.tocHash === contextHash);\r\n console.log(\"selected node by context hash:\", selectedNode);\r\n return selectedNode ?? null;\r\n}\r\n\r\nfunction getSelectedTocNode(root) {\r\n if (!root) return null;\r\n if (root.isSelected) return root;\r\n\r\n const selectedNode = getItemsArray(root).find(x => x.isSelected);\r\n return selectedNode ?? null;\r\n}\r\n\r\nfunction getFlatTocArray(root) {\r\n if (!root) return null;\r\n\r\n if (root.hasOwnProperty('subItems')) {\r\n return getItemsArray(root);\r\n }\r\n\r\n // Filter out invalid tableOfContents content by checking if tableOfContents object has values or not\r\n Object.values(root).forEach(content => {\r\n content.tableOfContents = content.tableOfContents?.filter(tocContent => tocContent !== null);\r\n });\r\n\r\n const subTocs = Object.values(root)\r\n .filter(value => value.tableOfContents?.length > 0)\r\n .map(value => value.tableOfContents)\r\n .flat()\r\n .map(value => [value, ...getItemsArray(value)])\r\n .flat();\r\n\r\n return subTocs;\r\n}\r\n\r\n\r\nfunction buildTocHashes(root, hash = null) {\r\n function generateHashes(nodes, hash) {\r\n return nodes.map(node => {\r\n node.tocHash = `${hash}_${node.object_id || node.id}`;\r\n \r\n if (Array.isArray(node.subItems) && node.subItems.length > 0) {\r\n node.subItems = generateHashes(node.subItems, node.tocHash);\r\n }\r\n if (Array.isArray(node.children) && node.children.length > 0) {\r\n node.children = generateHashes(node.children, node.tocHash);\r\n }\r\n return node;\r\n })\r\n }\r\n\r\n if (!root) {\r\n return null;\r\n }\r\n\r\n root.tocHash = hash ? `${hash}_${root.id}` : root.id; \r\n if (root.subItems) {\r\n root.subItems = generateHashes(root.subItems, root.tocHash);\r\n }\r\n return root;\r\n}\r\n\r\nfunction buildFolioTocHashes(root, hash = null, basePath = null) {\r\n function generateHashes(nodes, hash,url = null) {\r\n return nodes.map(node => {\r\n node.tocHash = `${hash}_${node.object_id || node.id}`;\r\n node.url = url !== null ? `${url}/${encodeURIComponent(node.title)}/${node.id}` : `${encodeURIComponent(node.title)}/${node.id}`;\r\n if (Array.isArray(node.subItems) && node.subItems.length > 0) {\r\n node.subItems = generateHashes(node.subItems, node.tocHash, node.url);\r\n }\r\n if (Array.isArray(node.children) && node.children.length > 0) {\r\n node.children = generateHashes(node.children, node.tocHash, node.url);\r\n }\r\n return node;\r\n })\r\n }\r\n\r\n if (!root) {\r\n return null;\r\n }\r\n\r\n root.tocHash = hash ? `${hash}_${root.id}` : root.id; \r\n root.url = basePath !==null ? `${basePath}/${root.url}` : `${root.url}`;\r\n if (root.subItems) {\r\n root.subItems = generateHashes(root.subItems, root.tocHash,root.url);\r\n }\r\n return root;\r\n}\r\n\r\nfunction getTocBranchFromHash(root, selectedGuid) {\r\n if (!root) return null;\r\n if (!selectedGuid) return [root];\r\n\r\n function getFlatNodeArray(nodes) {\r\n return nodes.map(node => {\r\n let agg = [node];\r\n if (Array.isArray(node.subItems) && node.subItems.length) {\r\n agg = [...agg, getFlatNodeArray(node.subItems).flat()];\r\n }\r\n return agg.flat();\r\n });\r\n }\r\n\r\n const flatNodeArray = getFlatNodeArray(root.subItems).flat();\r\n flatNodeArray.unshift(root);\r\n\r\n const branchSegments = flatNodeArray.find(x => x.id === selectedGuid)?.tocHash.split('_');\r\n if (!branchSegments) {\r\n return [root];\r\n }\r\n const branch = branchSegments.map(guid => {\r\n return flatNodeArray.find(x => x.id === guid);\r\n })\r\n\r\n return branch;\r\n}\r\n\r\nfunction scrollParentToChild(parent, child) {\r\n if (parent !== undefined && parent !== null && child !== undefined && child !==null) {\r\n var parentRect = parent.getBoundingClientRect();\r\n var parentViewableArea = {\r\n height: parent.clientHeight,\r\n width: parent.clientWidth\r\n };\r\n var childRect = child.getBoundingClientRect();\r\n var isViewable = (childRect.top >= parentRect.top) && (childRect.bottom <= parentRect.top + parentViewableArea.height);\r\n if (!isViewable) {\r\n const scrollTop = childRect.top - parentRect.top;\r\n const scrollBot = childRect.bottom - parentRect.bottom;\r\n if (Math.abs(scrollTop) < Math.abs(scrollBot)) {\r\n parent.scrollTop += scrollTop;\r\n } else {\r\n parent.scrollTop += (scrollBot + 20);\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport default {\r\n getSelectedTocNode,\r\n getSelectedTocNodeByContext,\r\n getItemsArray,\r\n getFlatTocArray,\r\n buildTocHashes,\r\n buildFolioTocHashes,\r\n getTocBranchFromHash,\r\n scrollParentToChild\r\n}","import React, { useState, createContext, useContext, useEffect } from 'react';\r\nimport { useLocation } from 'react-router';\r\nimport { usePageContext } from '../contexts/PageContext';\r\n\r\nimport TocHelpers from '../helpers/TocHelpers';\r\nimport CONTEXTHELPERS from '../helpers/ContextHelpers';\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper';\r\n\r\nexport const TocContext = createContext()\r\nexport const useTocContext = () => useContext(TocContext)\r\n\r\nconst TocContextProvider = (props) => {\r\n const children = props?.children || null;\r\n const [toc, setToc] = useState(null);\r\n const [hasSelectedTocItems, setHasSelectedTocItems] = useState(true);\r\n const [tocAnnotations, setTocAnnotations] = useState(null);\r\n const [tocIconBookmark,setTocIconBookmark]=useState(null);\r\n const [flattenedToc, setFlattenedToc] = useState(null);\r\n const [pubInfo, setPubInfo] = useState(((props?.pubInfo !== undefined || props?.pubInfo !== null) ? props.pubInfo : {}));\r\n const [selectedItemTOC, setSelectedItemTOC] = useState({});\r\n const { context } = usePageContext();\r\n const location = useLocation();\r\n //this useState variable is used to identify landing page selection from crumbtrail\r\n const [isLandingPageSelected, setIsLandingPageSelected] = useState(false);\r\n const [tocItemTogglesStatus, setTocItemTogglesStatus] = useState([]);\r\n\r\n useEffect(() => {\r\n if (toc) {\r\n setFlattenedToc(TocHelpers.getFlatTocArray(toc));\r\n }\r\n }, [toc]);\r\n\r\n useEffect(() => {\r\n if (toc) {\r\n if (decodeURI(location?.pathname) === decodeURI(selectedItemTOC?.item?.url)) {\r\n //console.log(\"TocContext::useEffect:location:selectedItemTOC already the same as URL\");\r\n return;\r\n } \r\n const matchedTocItem = flattenedToc?.find(x => decodeURI(location.pathname) === decodeURI(x?.url));\r\n if (matchedTocItem) {\r\n //console.log(\"TocContext::useEffect:location:FOUND selected TOC item with location.pathname:\", location.pathname, matchedTocItem);\r\n setSelectedItemTOC({ item: matchedTocItem });\r\n }\r\n }\r\n }, [location]);//eslint-disable-line\r\n\r\n const store = {\r\n flattenedToc,\r\n pubInfo,\r\n toc,\r\n tocAnnotations,\r\n selectedItemTOC,\r\n tocIconBookmark,\r\n setSelectedItemTOC,\r\n setPubInfo,\r\n setToc,\r\n setTocAnnotations,\r\n setTocIconBookmark,\r\n isLandingPageSelected,\r\n setIsLandingPageSelected,\r\n tocItemTogglesStatus,\r\n setTocItemTogglesStatus,\r\n hasSelectedTocItems,\r\n setHasSelectedTocItems \r\n }\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default TocContextProvider","import React, { useState, createContext, useEffect, useContext } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { get } from 'lodash';\r\nimport CONTEXTHELPERS from '../helpers/ContextHelpers';\r\nimport TOCHELPERS from '../helpers/TocHelpers';\r\nimport { usePageContext } from '../contexts/PageContext';\r\nimport { useTocContext } from './TocContext';\r\n\r\nexport const GuidebookTocContext = createContext()\r\nexport const useGuidebookTocContext = () => useContext(GuidebookTocContext)\r\n\r\nconst GuidebookTocContextProvider = ({ children }) => {\r\n const { context } = usePageContext();\r\n const navigate = useNavigate();\r\n const [guidebookSectionsLoaded, setGuidebookSectionsLoaded] = useState(0); //A counter for each time we have a loaded section loaded\r\n const [guidebookPublication, setGuidebookPublication] = useState({}); //The res of the retrieveGuidebook API call\r\n const [guidebookSections, setGuidebookSections] = useState([]); //The array of sections within the guidebookPublication\r\n const [guidebookTocLoaded, setGuidebookTocLoaded] = useState(false); //When the TOC loads, and HAS contnet, then this will become true (otherwise stays false and wormholes)\r\n const [guidebookToc, setGuidebookToc] = useState({});\r\n const [guidebookArticle, setGuidebookArticle] = useState({}); \r\n const { hasSelectedTocItems } = useTocContext();\r\n\r\n const getGuidebookSectionData = (sectionFriendlyPath) => {\r\n //console.log(\"getGuidebookSectionData::guidebookSections\", sectionFriendlyPath, guidebookTocSections);\r\n return guidebookSections?.find(x => x.sectionFriendlyPath === sectionFriendlyPath);\r\n //return get(guidebookSections, `${sectionId}`, null);\r\n }\r\n\r\n const setGuidebookSectionData = (sectionFriendlyPath, newSectionData) => {\r\n //Remove the \"null\" toc items from the array of TOC items\r\n newSectionData.tableOfContents = newSectionData.tableOfContents.filter(x => x !== null)\r\n\r\n const oldSection = getGuidebookSectionData(sectionFriendlyPath);\r\n\r\n oldSection.hasBeenFetched = true;\r\n oldSection.context = newSectionData.context;\r\n \r\n if (Array.isArray(newSectionData.tableOfContents) && newSectionData.tableOfContents.length > 0) {\r\n let basePath=`${context.pageBaseURL}`;\r\n //if new, then we need to look at buildFolioTocHashes\r\n //oldSection.tableOfContents = newSectionData.tableOfContents.map(tocs => TOCHELPERS.buildTocHashes(tocs, sectionFriendlyPath, basePath));\r\n oldSection.tableOfContents = newSectionData.tableOfContents.map(tocs => TOCHELPERS.buildFolioTocHashes(tocs, sectionFriendlyPath, basePath));\r\n }\r\n }\r\n\r\n const allSectionsLoadedAndHaveToc = () => {\r\n //First check that all sections are loaded...\r\n // as we ONLY call this once we have fetched all sections\r\n // this loop SHOULD never actually return false, as ALL sections\r\n // should have been fetched (true) already!\r\n\r\n //eslint-disable-next-line\r\n guidebookSections.map(sectionItem => {\r\n if (!sectionItem.hasBeenFetched || sectionItem.hasBeenFetched !== true) {\r\n //console.log(\"GuidebookTocContextProvider::allSectionsLoadedAndHaveToc:This section is NOT fetched yet, so cannot check for all having toc content yet:\", sectionItem.sectionFriendlyPath, sectionItem);\r\n return false;\r\n }\r\n });\r\n //We need at least ONE section that DOES have a toc to be considered that we \"have\" a TOC!\r\n let atLeastOneSectionHasToc = false;\r\n guidebookSections.forEach(sectionItem => {\r\n if (sectionItem.tableOfContents !== null && Array.isArray(sectionItem.tableOfContents) && sectionItem.tableOfContents.length > 0) {\r\n //console.log(\"GuidebookTocContextProvider::allSectionsLoadedAndHaveToc:This section has been fetched and HAS toc\", sectionItem.sectionFriendlyPath, sectionItem);\r\n atLeastOneSectionHasToc = true;\r\n return; //We can break, as we only need ONE true!\r\n }\r\n });\r\n\r\n //console.log(\"GuidebookTocContextProvider::allSectionsLoadedAndHaveToc:All sections have been fetched, and atLeastOneSectionHasToc === \", atLeastOneSectionHasToc);\r\n return atLeastOneSectionHasToc;\r\n }\r\n\r\n useEffect(() => {\r\n //console.log(\"GuidebookTocContextProvider::guidebookPublication:\", guidebookPublication);\r\n const guidebookSections = get(guidebookPublication, 'guideBook.Content.guidebookSections', []);\r\n if (!Array.isArray(guidebookSections) || guidebookSections.length > 0) {\r\n //console.log(\"GuidebookTocContextProvider::setGuidebookSections with the recently updated/retreived guidebookPublication:\", guidebookPublication);\r\n setGuidebookSections(guidebookSections);\r\n }\r\n }, [guidebookPublication])\r\n\r\n\r\n useEffect(() => {\r\n if (guidebookSections && Array.isArray(guidebookSections) && guidebookSections.length > 0) {\r\n if (guidebookSectionsLoaded === guidebookSections.length) {\r\n //console.log(\"GuidebookTocContextProvider::useEffect:guidebookSectionsLoaded and section-count has changed/incremented ... Check here for completeness toc\", guidebookSectionsLoaded, guidebookSections.length, guidebookSections);\r\n\r\n //If we must worm hole out...\r\n if (allSectionsLoadedAndHaveToc()) {\r\n setGuidebookTocLoaded(true); \r\n if (!hasSelectedTocItems){\r\n navigate(context.pageBaseURL + \"?wormhole=true\");\r\n }\r\n }\r\n else {\r\n //When we have no TOC in any section, we wormhole out.\r\n //console.log('GuidebookTocContextProvider::useEffect:worm-hole out.', CONTEXTHELPERS.getFallbackUrl(window.location.href, false));\r\n navigate(CONTEXTHELPERS.getFallbackUrl(window.location.href, false));\r\n }\r\n }\r\n }\r\n }, [guidebookSectionsLoaded]) //eslint-disable-line\r\n\r\n const store = {\r\n //Functions\r\n setGuidebookSectionsLoaded,\r\n getGuidebookSectionData, setGuidebookSectionData,\r\n //Properties\r\n guidebookPublication, setGuidebookPublication,\r\n guidebookSections, setGuidebookSections,\r\n guidebookToc, setGuidebookToc,\r\n guidebookTocLoaded, setGuidebookTocLoaded,\r\n guidebookArticle, setGuidebookArticle\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default GuidebookTocContextProvider","import React, { useState, createContext, useContext, useRef, useEffect } from 'react'\r\nimport { useLocation } from 'react-router-dom'\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper'\r\nimport { logs } from '../helpers/log'\r\n\r\nexport const SearchResultContext = createContext()\r\nexport const useSearchResultContext = () => useContext(SearchResultContext)\r\n\r\nconst SearchResultContextProvider = ({ children }) => {\r\n const [searchResults, setSearchResults] = useState([]);\r\n const [filteredSearchResults, setFilteredSearchResults] = useState([]);\r\n const [activeFilters, setActiveFilters] = useState([]);\r\n const [areSearchResultsLoading, setAreSearchResultsLoading] = useState(true);\r\n const [searchTimeStamp, setSearchTimeStamp] = useState(Date.now());\r\n const [tocControl, setTocControl] = useState([]);\r\n const [showCollectionSearchLimitNotification, setShowCollectionSearchLimitNotification] = useState(false);\r\n const [collectionSearchLimit, setCollectionSearchLimit] = useState(0);\r\n const [allButtonsOn, setAllButtonsOn] = useState(false);\r\n const [allButtonText, setAllButtonText] = useState(false);\r\n const [isTriggerAllOnOff, setIsTriggerAllOnOff] = useState(false);\r\n const [isShowAllOnOffButton, setIsShowAllOnOffButton] = useState(false);\r\n //TODO: @Anand - need to make sure that this time-stamp is in place preventing older resutls from overwriting newer results!\r\n // latestRetrieveSearchResultsTimeStampRef is used to prevent a previous search which takes longer than the most recent request\r\n // from overriding the latest request\r\n // It is different than searchTimeStamp, which is when the user submitted the latest search phraee and triggers \r\n // the RetrieveSearchResults function (which itself updates latestRetrieveSearchResultsTimeStampRef)\r\n const latestRetrieveSearchResultsTimeStampRef = useRef(Date.now());\r\n const searchProps = {\r\n eventType: 'search',\r\n searchLocation: window.location.href,\r\n jobTitle: UTILITIESHELPER.getSessionStorage(\"Level\"),\r\n memberFirm: UTILITIESHELPER.getSessionStorage(\"MemberFirm\"),\r\n rpMemberFirm: UTILITIESHELPER.getLocalStorage(\"research-portal-member-firm\")\r\n }\r\n let query = new URLSearchParams(useLocation().search);\r\n const tmeplaterepositories = [\"68169717\", \"58035381\", \"68489711\"];\r\n //Each time the searchResults change we will re-set filteredSearchResults\r\n // that is what is presented (and filtered when required)\r\n useEffect(() => {\r\n setShowCollectionSearchLimitNotification(false);\r\n if (Array.isArray(searchResults) && searchResults.length > 0) {\r\n const searchPhrase = query?.get('searchPhrase');\r\n searchProps.searchText = searchPhrase;\r\n logs.event('search', searchProps);\r\n\r\n //fetch all the toc which is visible and updated \"filterAppliedStateOn\" property based on the value got from \"AvtiveFilters\"\r\n var tempTocControl = UpdateTocControlByActiveFilter();\r\n let pageControllerType = tempTocControl.length > 0 ? tempTocControl[0].pageControllerType : '';\r\n let resultArray = [];\r\n if (tempTocControl.length > 0) {\r\n\r\n tempTocControl.forEach((folioSubjectItemTOC) => {\r\n if (folioSubjectItemTOC.filterAppliedStateOn && folioSubjectItemTOC.visible && folioSubjectItemTOC.resultCount > 0)\r\n resultArray = [...resultArray, ...folioSubjectItemTOC.searchResult];\r\n });\r\n // Result Array which has Search results is not sorted against score instead sorted as per the TOC items list \r\n // Sorting it with descending order of Score value\r\n UTILITIESHELPER.sortArrayDesc(resultArray, 'score');\r\n }\r\n else {\r\n searchResults.forEach(result => {\r\n if (tempTocControl.length > 0) {\r\n\r\n //check for folio\r\n if (pageControllerType === 'folio' && ((result.document.publicationAuditWorkflowAccount\r\n && result.document.publicationAuditWorkflowAccount.length > 0)\r\n ||\r\n (result.document.publicationAuditWorkflowNonAccount\r\n && result.document.publicationAuditWorkflowNonAccount.length > 0))\r\n ) {\r\n let tempIndex = -1;\r\n const isTemplateRepository = tmeplaterepositories.includes(result.document?.publicationType);\r\n\r\n if (isTemplateRepository) {\r\n\r\n if (result.document.auditWorkflowAccount && result.document.auditWorkflowAccount.length > 0) {\r\n tempIndex = tempTocControl.findIndex(tocIndex => result.document.auditWorkflowAccount.includes(tocIndex.id) && tocIndex.filterAppliedStateOn === true);\r\n }\r\n if (result.document.auditWorkflowNonAccount && result.document.auditWorkflowNonAccount.length > 0 && tempIndex === -1) {\r\n tempIndex = tempTocControl.findIndex(tocIndex => result.document.auditWorkflowNonAccount.includes(tocIndex.id) && tocIndex.filterAppliedStateOn === true);\r\n }\r\n }\r\n else {\r\n if (result.document.publicationAuditWorkflowAccount && result.document.publicationAuditWorkflowAccount.length > 0) {\r\n tempIndex = tempTocControl.findIndex(tocIndex => result.document.publicationAuditWorkflowAccount.includes(tocIndex.id) && tocIndex.filterAppliedStateOn === true);\r\n }\r\n if (result.document.publicationAuditWorkflowNonAccount && result.document.publicationAuditWorkflowNonAccount.length > 0 && tempIndex === -1) {\r\n tempIndex = tempTocControl.findIndex(tocIndex => result.document.publicationAuditWorkflowNonAccount.includes(tocIndex.id) && tocIndex.filterAppliedStateOn === true);\r\n }\r\n }\r\n if (tempIndex > -1) {\r\n resultArray.push(result);\r\n }\r\n }\r\n else {//for standards, manuals, deloitte-communication and professional news\r\n let tempIndex = tempTocControl.findIndex(tocIndex => (tocIndex.id === result.document.publicationObjectId || tocIndex.id === result.document.publicationId || tocIndex.id === result.document.publicationContextId) && tocIndex.filterAppliedStateOn === true);\r\n if (tempIndex > -1) {\r\n resultArray.push(result);\r\n }\r\n }\r\n }\r\n else {//in case if tempTocControl is not loaded, will display all the search result\r\n resultArray.push(result);\r\n }\r\n });\r\n }\r\n\r\n if (searchResults.length >= parseInt(collectionSearchLimit)) {\r\n setShowCollectionSearchLimitNotification(true);\r\n }\r\n \r\n setFilteredSearchResults(resultArray);\r\n setAreSearchResultsLoading(false);\r\n }\r\n if (tocControl.length > 0) {\r\n let hasVisibleTocs = tocControl.some(x => x.visible);\r\n if(hasVisibleTocs){\r\n setIsShowAllOnOffButton(true);\r\n }else{\r\n setIsShowAllOnOffButton(false);\r\n }\r\n const filtered = tocControl.filter(x => x.filterAppliedStateOn && x.visible);\r\n if (filtered.length > 0) {\r\n setAllButtonText(false);\r\n } else {\r\n setAllButtonText(true);\r\n }\r\n } //eslint-disable-next-line\r\n }, [searchResults, activeFilters, (tocControl.length > 0)]);\r\n\r\n function UpdateTocControlByActiveFilter() {\r\n var tempTocControl = tocControl;\r\n\r\n tempTocControl.forEach((item) => {\r\n var indexA = activeFilters.findIndex(filterItem => filterItem === item.id);\r\n if (indexA > -1) {\r\n item.filterAppliedStateOn = false;\r\n }\r\n else {\r\n item.filterAppliedStateOn = true;\r\n }\r\n })\r\n\r\n return tempTocControl;\r\n }\r\n //TODO: @Anand Need to add a listener here on the filter changes, so to re-set the filteredSearchResults!!\r\n\r\n\r\n\r\n\r\n const store = {\r\n searchResults,\r\n setSearchResults,\r\n filteredSearchResults,\r\n setFilteredSearchResults,\r\n activeFilters,\r\n setActiveFilters,\r\n areSearchResultsLoading,\r\n setAreSearchResultsLoading,\r\n searchTimeStamp,\r\n setSearchTimeStamp,\r\n latestRetrieveSearchResultsTimeStampRef,\r\n tocControl,\r\n setTocControl,\r\n showCollectionSearchLimitNotification,\r\n setCollectionSearchLimit,\r\n collectionSearchLimit,\r\n allButtonsOn,\r\n setAllButtonsOn,\r\n allButtonText,\r\n setAllButtonText,\r\n isTriggerAllOnOff,\r\n setIsTriggerAllOnOff,\r\n isShowAllOnOffButton,\r\n setIsShowAllOnOffButton\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default SearchResultContextProvider","import React, { createContext, useContext, useReducer,useState } from \"react\";\r\nimport UTILITIESHELPER from \"../helpers/UtilitiesHelper\";\r\n\r\nexport const ResearchAssistantContext = createContext();\r\nexport const useResearchAssistantContext = () => useContext(ResearchAssistantContext);\r\n\r\nexport const ACTIONS = {\r\n RA_LOAD: \"ra::load\",\r\n RA_INFO_INDEX: \"ra::infoindex\",\r\n RA_ERROR:\"ra::ra_error\",\r\n RA_HIDE_ERROR:\"ra::ra_hide_error\"\r\n};\r\n\r\nconst initialState = {\r\n memberFirm: '',\r\n memberFirmId :0,\r\n language: '',\r\n knowledgeDomain:'',\r\n tier:{},\r\n tierSelected:[],\r\n selectedInfoIndex: null,\r\n errorType:'',\r\n hasError:false\r\n};\r\n\r\nconst reducer = (state, action) => {\r\n switch (action.type) {\r\n case ACTIONS.RA_LOAD:\r\n console.log('RA_ActionHit',action);\r\n return { ...state, memberFirm: action.payload.memberFirm, memberFirmId: action.payload.memberFirmId,language: action.payload.language, knowledgeDomain: action.payload.knowledgeDomain,tier: action.payload.tier,tierSelected:action.payload.tierSelected};\r\n\r\n case ACTIONS.RA_INFO_INDEX:\r\n return { ...state, selectedInfoIndex: action.payload };\r\n\r\n case ACTIONS.RA_ERROR:\r\n return {...state, errorType: action.payload.errorType, hasError: action.payload.hasError};\r\n\r\n case ACTIONS.RA_HIDE_ERROR:\r\n return {...state, hasError: action.payload.hasError}\r\n \r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default function RAContextProvider({ children }) {\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const [tosAgreed, setTosAgreed] = useState(UTILITIESHELPER.getLocalStorage(\"ra_tou_agreed_status\") === \"true\" && String(window.DART.ENV.RA_TOSDESC_VERSION) === UTILITIESHELPER.getLocalStorage(\"ra_tou_agreed_version\"));\r\n \r\n\r\n const store = {\r\n state,\r\n dispatch,\r\n tosAgreed, setTosAgreed\r\n };\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\n","import React from 'react';\r\n\r\nconst HandleError = ( props ) => {\r\n\r\n //console.log(\"HandleError::error\",props.error);\r\n\r\n return (\r\n \r\n \r\n )\r\n \r\n};\r\n\r\nexport default HandleError;","import React from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport HandleError from './HandleError';\r\n//import Page404 from './Page404';\r\n\r\nconst ErrorHandler = ({ children }) => {\r\n const location = useLocation();\r\n\r\n //console.log(\"ErrorHandler\", location.state);\r\n\r\n switch (location.state) {\r\n case 404:\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default ReadingModeContextProvider;","// src/components/Loading.js\r\n\r\nimport React from 'react';\r\nimport { component } from './Loading.module.css';\r\n//import { usePageContextLabels } from '../../contexts/PageContext';\r\nimport cx from 'classnames';\r\n\r\nconst Loading = ({ className, style }) => {\r\n\t/*const { getLabel } = usePageContextLabels();*/\r\n\r\n\treturn (\r\n\t\t\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PageTitle","import ReactHtmlParser from 'react-html-parser';\r\n\r\nconst HTMLContent = ({ children }) => {\r\n let htmlContent = ''\r\n if (children === undefined) {\r\n htmlContent = ''\r\n }\r\n else {\r\n if (typeof children === 'string' || children instanceof String) {\r\n htmlContent = children\r\n }\r\n else {\r\n htmlContent = `${children}`\r\n }\r\n }\r\n\r\n return ReactHtmlParser(htmlContent);;\r\n}\r\n\r\nexport default HTMLContent","\r\nimport React, { useState, createContext, useEffect, useContext } from 'react'\r\nimport { useMatch } from 'react-router-dom'\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper';\r\n\r\nexport const ThemeContext = createContext()\r\nexport const useThemeContext = () => useContext(ThemeContext)\r\n\r\nconst ThemeContextProvider = ({ children }) => {\r\n const [hasDarkModePreference, setHasDarkModePreference] = useState(UTILITIESHELPER.getDarkModePrefLocalStorage);\r\n const routeMatchInfo = useMatch('/:memberFirm/:language/:knowledgeDomain/*') \r\n const researchAssistantRouteMatch= useMatch('/researchassistant')\r\n const shouldPreventDarkMode = !routeMatchInfo?.params?.knowledgeDomain;\r\n const isDarkMode = hasDarkModePreference && (!shouldPreventDarkMode || researchAssistantRouteMatch);\r\n useEffect(() => {\r\n document.documentElement.dataset.theme = isDarkMode ? 'dark' : null;\r\n }, [isDarkMode])\r\n\r\n useEffect(() => {\r\n UTILITIESHELPER.setDarkModePrefLocalStorage(hasDarkModePreference);\r\n }, [hasDarkModePreference])\r\n\r\n const store = {\r\n isDarkMode,\r\n setHasDarkModePreference,\r\n hasDarkModePreference,\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default ThemeContextProvider;\r\n","import React from 'react';\r\nimport cx from 'classnames';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport xss from 'xss';\r\nimport HTMLContent from '../../Common/HTMLContent';\r\nimport LinkHelpers from '../../../helpers/LinkHelpers';\r\nimport { usePageContext, usePageContextLabels } from '../../../contexts/PageContext';\r\nimport { useReadingModeContext } from '../../../contexts/ReadingModeContext';\r\nimport { useThemeContext } from '../../../contexts/ThemeContext';\r\n\r\n\r\nconst Footer = ({className}) => {\r\n const { context, footerLinks, isCatalogPage } = usePageContext();\r\n const { getLabel, getMFLabel } = usePageContextLabels();\r\n const { isReadingMode } = useReadingModeContext();\r\n const { isDarkMode } = useThemeContext();\r\n\r\n const createMarkupLink = (idx, link) => {\r\n if (link.linkInternal?.BinaryContent) {\r\n const linkSanitized = xss(`${getMFLabel(link.linkText, \"link.linkText\")}`)\r\n return \" \" + linkSanitized;\r\n }\r\n if (link.linkExternal) {\r\n const linkSanitized = xss(`${getMFLabel(link.linkText, \"link.linkText\")}`)\r\n return \" \" + linkSanitized;\r\n }\r\n //Plain html/text-output\r\n const linkSanitized = xss(getMFLabel(link.linkText, \"link.linkText\"));\r\n //WE only want a space BEFORE the text if its not a word\r\n if ((idx !== 0) && ((linkSanitized.length > 1) || (\",.;/\".indexOf(linkSanitized) === -1))) {\r\n return \" \" + linkSanitized;\r\n }\r\n return linkSanitized;\r\n }\r\n const isFooterLinksAnArray = Array.isArray(footerLinks) && footerLinks.length > 0;\r\n \r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default Footer;\r\n","\r\nimport React from 'react';\r\nimport { useLocation } from \"react-router-dom\";\r\nimport cx from 'classnames';\r\nimport ShowIf from '../ShowIf';\r\nimport { useReadingModeContext } from '../../../contexts/ReadingModeContext';\r\nimport LayoutChildren from './LayoutChildren';\r\nimport PageTitle from './PageTitle';\r\nimport UTILITIESHELPER from '../../../helpers/UtilitiesHelper';\r\nimport Footer from \"./Footer\";\r\nimport {useThemeContext} from \"../../../contexts/ThemeContext\";\r\nimport {usePageContext} from \"../../../contexts/PageContext\";\r\n\r\nconst Layout = ({ children, includesTitleRow }) => {\r\n const { isReadingMode } = useReadingModeContext();\r\n const location = useLocation();\r\n const { isCatalogPage } = usePageContext();\r\n const searchParam = location.search;\r\n const { isDarkMode } = useThemeContext();\r\n\r\n return (\r\n <>\r\n \r\n {children}\r\n \r\n )\r\n}\r\n\r\nexport default ArticleContextProvider;\r\n","import React, { createContext, useContext, useReducer,useState } from \"react\";\r\n\r\nexport const AnnotationsContext = createContext();\r\nexport const useUserPreferencesContext = () => useContext(AnnotationsContext);\r\n\r\nexport const ACTIONS = {\r\n CATEGORY_LOAD: \"categories::load\",\r\n CATEGORY_CREATE: 'categories::create',\r\n CATEGORY_UPDATE: \"categories::update\",\r\n CATEGORY_REMOVE: 'categories::remove',\r\n ANNOTATIONS_LOAD: \"annotations::load\",\r\n ANNOTATIONS_CREATE: \"annotaions::create\",\r\n ANNOTATIONS_UPDATE: \"annotaions::update\",\r\n ANNOTATIONS_UPDATE_MULTIPLE: \"annotaions::updatemultiple\",\r\n ANNOTATIONS_REMOVE: \"annotations::remove\",\r\n ANNOTATIONS_REMOVE_MULTIPLE: \"annotations::removemultiple\",\r\n ANNOTATIONS_RESET: \"annotations::reset\",\r\n PANEL_SHOW: \"annotations::panel::show\",\r\n PANEL_HIDE: \"annotations::panel::hide\",\r\n MODAL_SHOW: \"annotations::modal::show\",\r\n MODAL_HIDE: \"annotations::modal::hide\",\r\n ANNOTATION_TEMP_SET: \"annotation::temp::set\",\r\n ANNOTATION_TEMP_RESET: \"annotation::temp::set\",\r\n BOOKMARKS_CREATE: \"bookmarks::create\",\r\n BOOKMARKS_LOAD: \"bookmarks::load\",\r\n BOOKMARKS_RESET: \"bookmarks::reset\",\r\n BOOKMARK_UPDATE: \"bookmark::update\",\r\n BOOKMARK_REMOVE: \"bookmark::remove\",\r\n BOOKMARK_BULK_REMOVE: \"bookmark::bulk::remove\",\r\n RECENT_HISTORY_CREATE: \"history::create\",\r\n RECENT_HISTORY_LOAD: \"history::load\",\r\n RECENT_HISTORY_RESET: \"history::reset\",\r\n RECENT_HISTORY_UPDATE: \"history::update\",\r\n RECENT_HISTORY_REMOVE: \"history::remove\",\r\n RECENT_SEARCH_CREATE: \"search::create\",\r\n RECENT_SEARCH_LOAD: \"search::load\",\r\n RECENT_SEARCH_RESET: \"search::reset\",\r\n RECENT_SEARCH_UPDATE: \"search::update\",\r\n RECENT_SEARCH_REMOVE: \"search::remove\",\r\n};\r\n\r\nconst initialState = {\r\n categories: [],\r\n annotations: [],\r\n isPanelVisible: false,\r\n isModalVisible: false,\r\n tempAnnotation: null,\r\n bookmarks: [],\r\n recentHistory: [],\r\n recentSearch: []\r\n};\r\n\r\nconst reducer = (state, action) => {\r\n switch (action.type) {\r\n case ACTIONS.PANEL_SHOW:\r\n return { ...state, isPanelVisible: true };\r\n case ACTIONS.PANEL_HIDE:\r\n return { ...state, isPanelVisible: false };\r\n case ACTIONS.MODAL_SHOW:\r\n return { ...state, isModalVisible: true, tempAnnotation: action.payload };\r\n case ACTIONS.MODAL_HIDE:\r\n return { ...state, isModalVisible: false, tempAnnotation: null };\r\n\r\n //Categories Start\r\n case ACTIONS.CATEGORY_LOAD:\r\n return {\r\n ...state,\r\n categories: action.payload\r\n };\r\n case ACTIONS.CATEGORY_CREATE:\r\n const categoryList = state.categories.filter((book) =>\r\n book.category_guid !== action.payload.category_guid);\r\n return {\r\n ...state,\r\n categories: [...categoryList, action.payload],\r\n };\r\n case ACTIONS.CATEGORY_UPDATE:\r\n return {\r\n ...state,\r\n categories: state.categories.map((cat) =>\r\n cat.category_guid === action.payload.category_guid ? action.payload : cat),\r\n };\r\n case ACTIONS.CATEGORY_REMOVE:\r\n return {\r\n ...state,\r\n categories: state.categories.filter((cat) =>\r\n cat.category_guid !== action.payload.category_guid),\r\n };\r\n //Categories End\r\n\r\n //Annotation Start\r\n case ACTIONS.ANNOTATIONS_LOAD:\r\n return {\r\n ...state,\r\n annotations: action.payload\r\n };\r\n case ACTIONS.ANNOTATIONS_CREATE:\r\n return {\r\n ...state,\r\n annotations: [...state.annotations, action.payload],\r\n isModalVisible: false,\r\n tempAnnotation: null,\r\n };\r\n case ACTIONS.ANNOTATIONS_UPDATE:\r\n return {\r\n ...state,\r\n annotations: state.annotations.map((ann) =>\r\n ann.annotation_guid === action.payload.annotation_guid ? action.payload : ann),\r\n };\r\n\r\n case ACTIONS.ANNOTATIONS_UPDATE_MULTIPLE:\r\n const annotationAfterUpdatess = state.annotations.map(annot => {\r\n const match = action.payload.find(item => item.annotation_guid === annot.annotation_guid);\r\n return match ? { ...annot, sidePanelEdit: match.sidePanelEdit } : annot;\r\n });\r\n return {\r\n ...state,\r\n annotations: annotationAfterUpdatess,\r\n\r\n };\r\n\r\n case ACTIONS.ANNOTATIONS_REMOVE:\r\n const annotationAfterDelete = state.annotations.filter((ann) =>\r\n ann.annotation_guid !== action.payload.annotation_guid);\r\n return {\r\n ...state,\r\n annotations: annotationAfterDelete,\r\n isSidePanelDelete: true,\r\n deleteId: action.payload.annotation_guid,\r\n };\r\n\r\n case ACTIONS.ANNOTATIONS_REMOVE_MULTIPLE:\r\n\r\n const annotationAfterDeletes = state.annotations.filter(a => !(action.payload.includes(a.annotation_guid)));\r\n return {\r\n ...state,\r\n annotations: annotationAfterDeletes,\r\n isSidePanelDelete: true,\r\n deleteId: action.payload,\r\n };\r\n case ACTIONS.ANNOTATIONS_RESET:\r\n state.annotations = [];\r\n return state;\r\n //Annotation End\r\n\r\n //bookmarks start\r\n case ACTIONS.BOOKMARKS_LOAD:\r\n return {\r\n ...state,\r\n bookmarks: action.payload\r\n };\r\n case ACTIONS.BOOKMARKS_CREATE:\r\n const bookmarksList = state.bookmarks.filter((book) =>\r\n book.bookmark_guid !== action.payload.bookmark_guid);// to avoid dublication item we will check already exist or not\r\n return {\r\n ...state,\r\n bookmarks: [...bookmarksList, action.payload],\r\n };\r\n case ACTIONS.BOOKMARK_REMOVE:\r\n const bookmarkAfterDelete = state.bookmarks.filter((book) =>\r\n book.bookmark_guid !== action.payload.bookmark_guid);\r\n return {\r\n ...state,\r\n bookmarks: bookmarkAfterDelete,\r\n deleteId: action.payload.bookmark_guid,\r\n };\r\n\r\n case ACTIONS.BOOKMARK_BULK_REMOVE:\r\n const bookmarkAfterbulkDelete = state.bookmarks.filter((book) =>\r\n !action.payload.includes(book.bookmark_guid));\r\n return {\r\n ...state,\r\n bookmarks: bookmarkAfterbulkDelete\r\n };\r\n //Bookmark end \r\n\r\n // ! recent history state reducers\r\n // * required at the start of the page load\r\n case ACTIONS.RECENT_HISTORY_CREATE:\r\n const historyAfterCreate = action.payload;\r\n return {\r\n ...state,\r\n recentHistory: historyAfterCreate,\r\n };\r\n\r\n // ! may not be required\r\n case ACTIONS.RECENT_HISTORY_LOAD:\r\n const historyAfterLoad = [...state.recentHistory, action.payload];\r\n return { ...state, history: historyAfterLoad };\r\n // ! may not be required\r\n case ACTIONS.RECENT_HISTORY_RESET:\r\n state.recentHistory = [];\r\n // * used to update the state with new entry directly\r\n // this implementation is the same as CREATE, \r\n // This actions can be modified if required in future\r\n break;\r\n case ACTIONS.RECENT_HISTORY_UPDATE:\r\n const historyAfterUpdate = action.payload;\r\n return {\r\n ...state,\r\n recentHistory: historyAfterUpdate,\r\n };\r\n // ! may not be required\r\n case ACTIONS.RECENT_HISTORY_REMOVE:\r\n const historyAfterDelete = state.recentHistory.filter((history) =>\r\n history.id !== action.payload.id);\r\n return {\r\n ...state,\r\n recentHistory: historyAfterDelete,\r\n deleteId: action.payload.id,\r\n };\r\n\r\n // ! recent search state reducers\r\n // * required at the start of the page load\r\n case ACTIONS.RECENT_SEARCH_CREATE:\r\n const searchAfterCreate = action.payload;\r\n return {\r\n ...state,\r\n recentSearch: searchAfterCreate,\r\n };\r\n\r\n case ACTIONS.RECENT_SEARCH_LOAD:\r\n return { ...state, recentSearch: action.payload };\r\n\r\n case ACTIONS.RECENT_SEARCH_RESET:\r\n state.recentSearch = [];\r\n break;\r\n case ACTIONS.RECENT_SEARCH_UPDATE:\r\n const searchAfterUpdate = action.payload;\r\n return {\r\n ...state,\r\n recentSearch: searchAfterUpdate,\r\n };\r\n\r\n case ACTIONS.RECENT_SEARCH_REMOVE:\r\n const searchAfterDelete = state.recentSearch.filter((rSearch) =>\r\n rSearch.id !== action.payload.id);\r\n return {\r\n ...state,\r\n recentSearch: searchAfterDelete,\r\n deleteId: action.payload.id,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default function AnnotationsContextProvider({ children }) {\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const [selectedAnnotation, setSelectedAnnotation] = useState(0);\r\n const [selectedId, setSelectedId] = useState();\r\n const [isDropDownCategoryOpen, setIsDropDownCategoryOpen] = useState(false);\r\n const [viewedAnnotation, setViewedAnnotation] = useState(null);\r\n const [viewClickedAnnotation, setViewClickedAnnotation] = useState(null);\r\n const [viewedBookmark, setViewedBookmark] = useState(null);\r\n\r\n const store = {\r\n state,\r\n dispatch,\r\n selectedAnnotation,\r\n setSelectedAnnotation,\r\n viewedAnnotation,\r\n setViewedAnnotation,\r\n viewClickedAnnotation,\r\n setViewClickedAnnotation,\r\n viewedBookmark,\r\n setViewedBookmark,\r\n isDropDownCategoryOpen, setIsDropDownCategoryOpen,\r\n selectedId,setSelectedId\r\n };\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n","import RETRIEVALSERVICES from \"../services/rp-service\";\r\nimport { logs, page } from \"./log\";\r\nimport CONTEXTHELPERS from \"./ContextHelpers\";\r\nimport { ErrorCodes, ErrorMessages } from \"../components/Constants/Errors\";\r\n\r\nasync function fetchAnnotations(url, memberFirmId) {\r\n try {\r\n var model = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n timezone_offset: CONTEXTHELPERS.getTimezoneOffset(),\r\n };\r\n const response = await RETRIEVALSERVICES.retrieveAnnotation(model);\r\n return response ? response : [];\r\n } catch (err) {\r\n logs.error(page.Annotation, 'AnnotationServices', ErrorMessages.annotationFetch, err,{eventId:ErrorCodes.Annotation});\r\n }\r\n}\r\n\r\nasync function createAnnotation(url, payload, memberFirmId) {\r\n try {\r\n payload.query_spec_base_model = CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId);\r\n return await RETRIEVALSERVICES.createAnnotation(payload);\r\n } catch (err) {\r\n logs.error(page.Annotation, 'AnnotationServices', ErrorMessages.annotationCreate, err,{eventId:ErrorCodes.Annotation});\r\n }\r\n}\r\n\r\nasync function updateAnnotation(url, payload, memberFirmId) {\r\n try {\r\n payload.query_spec_base_model = CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId);\r\n return await RETRIEVALSERVICES.updateAnnotation(payload, payload.annotation_guid);\r\n } catch (err) {\r\n logs.error(page.Annotation, 'AnnotationServices', ErrorMessages.annnotationUpdate, err,{eventId:ErrorCodes.Annotation});\r\n }\r\n}\r\n\r\nasync function deleteAnnotation(url, guidArray, memberFirmId) {\r\n try {\r\n const model = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n guids: guidArray\r\n };\r\n return await RETRIEVALSERVICES.deleteAnnotation(model);\r\n } catch (err) {\r\n logs.error(page.Annotation, 'AnnotationServices',ErrorMessages.annotationDelete , err,{eventId:ErrorCodes.Annotation});\r\n\r\n }\r\n}\r\n\r\nconst ANNSERVICES = {\r\n createAnnotation,\r\n fetchAnnotations,\r\n updateAnnotation,\r\n deleteAnnotation,\r\n};\r\n\r\nexport default ANNSERVICES;\r\n","import { ErrorCodes, ErrorMessages } from \"../components/Constants/Errors\";\r\nimport RETRIEVALSERVICES from \"../services/rp-service\";\r\nimport CONTEXTHELPERS from \"./ContextHelpers\";\r\nimport { logs, page } from \"./log\";\r\n\r\nasync function fetchBookmarkDashboard(url, memberFirmId) {\r\n try {\r\n var model = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n timezone_offset: CONTEXTHELPERS.getTimezoneOffset()\r\n };\r\n const response = await RETRIEVALSERVICES.retrieveBookmark(model);\r\n return response ? response : [];\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'BookmarkServices', ErrorMessages.bookmarkFetch, err, { eventId: ErrorCodes.Bookmark });\r\n }\r\n}\r\n\r\nasync function fetchBookmarks(url, memberFirmId, guid = null) {\r\n try {\r\n var model = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n timezone_offset: CONTEXTHELPERS.getTimezoneOffset(),\r\n reference_identifier: guid\r\n };\r\n return await RETRIEVALSERVICES.retrieveBookmark(model);\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'BookmarkServices', ErrorMessages.bookmarkFetch, err, { eventId: ErrorCodes.Bookmark });\r\n }\r\n}\r\n\r\nasync function createBookmark(payload, memberFirmId) {\r\n try {\r\n payload.query_spec_base_model = CONTEXTHELPERS.getUPSQuerySpecBaseModel(payload.page_url, memberFirmId);\r\n return await RETRIEVALSERVICES.createBookmark(payload);\r\n } catch (err) {\r\n\r\n logs.error(page.Bookmark, 'BookmarkServices', ErrorMessages.bookmarkCreate, err, { eventId: ErrorCodes.Bookmark });\r\n\r\n }\r\n}\r\n\r\nasync function deleteBookmarks(url, guidArray) {\r\n try {\r\n const model = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url),\r\n guids: guidArray\r\n };\r\n return await RETRIEVALSERVICES.deleteBookmark(model);\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'BookmarkServices', \"Error while deleting the Bookmark\", err);\r\n }\r\n}\r\n\r\nconst BookmarkService = {\r\n fetchBookmarkDashboard,\r\n fetchBookmarks,\r\n createBookmark,\r\n deleteBookmarks\r\n};\r\n\r\nexport default BookmarkService;","import React, { useEffect, useRef, useState } from 'react';\r\nimport cx from 'classnames';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport ANNSERVICES from \"../../helpers/AnnotationServices\";\r\nimport ProgressBar from \"@ramonak/react-progress-bar\";\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport { useNavigate, useLocation } from 'react-router-dom';\r\nimport { useUserPreferencesContext } from \"../../contexts/AnnotationsContext\";\r\nimport BookmarkService from '../../helpers/BookmarkServices';\r\n\r\n\r\nconst AnnotationsDeletedArticlesModal = ({\r\n bookmarkPage\r\n}) => {\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const DeleteModalRef = useRef();\r\n const { getLabel } = usePageContextLabels();\r\n const [deleteStarted, setDeleteStarted] = useState(false);\r\n const [deleteProgress, setDeleteProgress] = useState(0);\r\n const [deleteProgressChange, setDeleteProgressChange] = useState(0);\r\n const [deletedCount, setDeletedCount] = useState(0);\r\n const [deletedAnnotations, setDeletedAnnotations] = useState([]);\r\n const [shouldShowDeleteModal, setShouldShowDeleteModal] = useState(true);\r\n const [shouldShowOverlay, setShouldShowOverlay] = useState(true);\r\n\r\n const [deletedAnnotationsCount, setDeletedAnnotationsCount] = useState(0);\r\n const deleteInProgress = 'Delete in Progress!';\r\n const deleteCompleted = 'Deleted Successfully!';\r\n const { tocAnnotations, tocIconBookmark } = useTocContext();\r\n const { memberFirm, language, knowledgeDomain, getMemberFirmID } = usePageContext();\r\n const { viewedAnnotation, setViewedAnnotation, setViewClickedAnnotation, viewedBookmark, setViewedBookmark } = useUserPreferencesContext();\r\n const viewCount = bookmarkPage ? getLabel(\"hh_DeletedButtonCountBook\", \"Delete {0} Bookmark(s).\") :\r\n getLabel(\"hh_DeletedButtonCount\", \"Delete {0} Annotations.\");\r\n const deleteCount = bookmarkPage ? getLabel(\"hh_ViewButtonCountBook\", \"View {0} Bookmark(s). \") :\r\n getLabel(\"hh_ViewButtonCountBook\", \"View {0} Annotation(s).\");\r\n useEffect(() => {\r\n if (bookmarkPage) {\r\n let deletedAnnot = tocIconBookmark.filter(ele => ele.reference_identifier === viewedBookmark);\r\n if (deletedAnnot.length !== deletedAnnotationsCount) {\r\n setDeletedAnnotations(prev => [...deletedAnnot]);\r\n setDeletedAnnotationsCount(deletedAnnot.length);\r\n }\r\n }\r\n else {\r\n let deletedAnnot = tocAnnotations.filter(ele => ele.reference_identifier === viewedAnnotation);\r\n if (deletedAnnot.length !== deletedAnnotationsCount) {\r\n setDeletedAnnotations(prev => [...deletedAnnot]);\r\n setDeletedAnnotationsCount(deletedAnnot.length);\r\n }\r\n }\r\n }, [tocAnnotations, tocIconBookmark,viewedBookmark, viewedAnnotation, bookmarkPage, deletedAnnotationsCount]);//eslint-disable-line\r\n\r\n function navigateToDashboard() {\r\n if (bookmarkPage) {\r\n setViewClickedAnnotation(viewedBookmark);\r\n navigate(`/${memberFirm}/${language}/${knowledgeDomain}/dashboard/bookmarks`);\r\n }\r\n else {\r\n setViewClickedAnnotation(viewedAnnotation);\r\n navigate(`/${memberFirm}/${language}/${knowledgeDomain}/dashboard/annotations`);\r\n }\r\n }\r\n const setDialogClosed = () => {\r\n setViewedAnnotation(null);\r\n setViewedBookmark(null);\r\n closeModal();\r\n }\r\n\r\n function closeModal() {\r\n setShouldShowOverlay(false);\r\n setShouldShowDeleteModal(false);\r\n document.body.style.overflow = 'unset';\r\n if (deleteProgress === 100) {\r\n setDeleteProgress(0);\r\n setDeleteStarted(false);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n return () => {\r\n setShouldShowOverlay(false);\r\n setShouldShowDeleteModal(false);\r\n closeModal();\r\n }\r\n }, [])//eslint-disable-line\r\n\r\n function deleteAnnotation() {\r\n setDeleteProgress(0)\r\n setDeleteStarted(true);\r\n var counter = 0;\r\n deletedAnnotations.forEach(singledelete => {\r\n counter++;\r\n deleteSingleAnnotation(singledelete.annotation_guid, counter);\r\n });\r\n }\r\n\r\n async function deleteSingleAnnotation(annId, counter) {\r\n if (bookmarkPage) {\r\n const bookDelete = await BookmarkService.deleteBookmarks(location.pathname, [annId]);\r\n if (bookDelete) {\r\n let deletedAnnot = deletedAnnotations.filter(ele => ele.bookmark_guid !== annId)\r\n setDeletedAnnotations(prev => [...deletedAnnot]);\r\n setDeletedCount(counter);\r\n }\r\n return bookDelete;\r\n }\r\n else {\r\n const annDelete = await ANNSERVICES.deleteAnnotation(location.pathname, [annId], getMemberFirmID());\r\n if (annDelete) {\r\n let deletedAnnot = deletedAnnotations.filter(ele => ele.annotation_guid !== annId)\r\n setDeletedAnnotations(prev => [...deletedAnnot]);\r\n setDeletedCount(counter);\r\n }\r\n return annDelete;\r\n }\r\n }\r\n\r\n\r\n if (shouldShowDeleteModal === true) {\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n useEffect(() => {\r\n if (deletedAnnotationsCount > 0 && deleteProgress <= 100) {\r\n incrementProgress(((deletedCount) / deletedAnnotationsCount) * 100)\r\n }\r\n }, [deletedCount]);//eslint-disable-line\r\n\r\n function incrementProgress(progress) {\r\n setDeleteProgressChange(progress);\r\n }\r\n\r\n useEffect(() => {\r\n if (deleteProgress < 100) {\r\n setDeleteProgress(Math.round(deleteProgressChange));\r\n }\r\n }, [deleteProgressChange]);//eslint-disable-line\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nCollectionSearchbar.defaultProps = {\r\n placeholder: \"\",\r\n style: {},\r\n className: ''\r\n}\r\nexport default CollectionSearchbar;","import { ErrorCodes, ErrorMessages } from \"../components/Constants/Errors\";\r\nimport RETRIEVALSERVICES from \"../services/rp-service\";\r\nimport CONTEXTHELPERS from \"./ContextHelpers\";\r\nimport UTILITIESHELPER from \"./UtilitiesHelper\";\r\nimport { logs, page } from \"./log\";\r\n\r\nasync function fetchHistory(url, memberFirmId) {\r\n try {\r\n const recentSearchUserPreference = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n timezone_offset: new Date().getTimezoneOffset()\r\n };\r\n const RecentlyViewedList = await RETRIEVALSERVICES.getRecentHistory(recentSearchUserPreference);\r\n return RecentlyViewedList;\r\n } catch (err) {\r\n logs.error(page.History, 'HistoryServices', ErrorMessages.recentlyViewedFetch, err, { eventId: ErrorCodes.History });\r\n }\r\n}\r\n\r\nasync function fetchCatalogHistory(url, memberFirmId, resultLimit) {\r\n try {\r\n const recentSearchUserPreference = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n timezone_offset: new Date().getTimezoneOffset(),\r\n request_count: resultLimit ? resultLimit : 3\r\n };\r\n const RecentlyViewedList = await RETRIEVALSERVICES.getRecentHistory(recentSearchUserPreference);\r\n return RecentlyViewedList;\r\n } catch (err) {\r\n logs.error(page.History, 'HistoryServices', ErrorMessages.recentlyViewedFetch, err, { eventId: ErrorCodes.History });\r\n }\r\n}\r\n\r\nasync function fetchHistoryDashboard(url, memberFirmId) {\r\n try {\r\n const recentSearchUserPreference =\r\n {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n timezone_offset: new Date().getTimezoneOffset(),\r\n request_count: 50\r\n };\r\n\r\n const RecentlyViewedList = await RETRIEVALSERVICES.getRecentHistoryDashbaord(recentSearchUserPreference);\r\n return RecentlyViewedList;\r\n } catch (err) {\r\n logs.error(page.History, 'HistoryServices', ErrorMessages.recentlyViewedFetch, err, { eventId: ErrorCodes.History });\r\n }\r\n}\r\n\r\nfunction updateHistoryObject(url, title, memberFirmId, context = {}, recentViewHistory = {}) {\r\n const recentSearchUserPreference = {\r\n relative_url: url,\r\n title: UTILITIESHELPER.removeSpecialCharacterFromUrlText(title),\r\n created_date: JSON.parse(JSON.stringify(new Date()))\r\n }; \r\n let currentHistoryObj = {}\r\n const memberFirm = context.memberFirm || ''\r\n const knowledgeDomain = context?.knowledgeDomain || ''\r\n const recentlyViewCount = window.DART.ENV.REACT_APP_RECENTLY_VIEWED_LIMIT\r\n if(recentViewHistory) {\r\n let parseData = recentViewHistory\r\n if(parseData[memberFirm]) {\r\n let previosKdList = parseData[memberFirm]?.[knowledgeDomain] \r\n if(previosKdList?.length) {\r\n const findIndex = previosKdList.findIndex(kd => \r\n kd.relative_url.toString() === recentSearchUserPreference.relative_url.toString()\r\n )\r\n if(findIndex > -1) {\r\n previosKdList.splice(findIndex, 1)\r\n }\r\n previosKdList.unshift(recentSearchUserPreference)\r\n previosKdList.length > recentlyViewCount && previosKdList.pop()\r\n parseData[memberFirm][knowledgeDomain] = previosKdList\r\n } else {\r\n const currentData = []\r\n currentData.unshift(recentSearchUserPreference)\r\n parseData[memberFirm][knowledgeDomain] = currentData\r\n }\r\n } else {\r\n const currentData = []\r\n currentData.unshift(recentSearchUserPreference)\r\n parseData[memberFirm] = {\r\n [knowledgeDomain]: currentData\r\n }\r\n }\r\n currentHistoryObj = parseData\r\n } else {\r\n const currentData = []\r\n currentData.unshift(recentSearchUserPreference)\r\n if(memberFirm && knowledgeDomain) {\r\n currentHistoryObj = {\r\n [memberFirm]: {\r\n [knowledgeDomain]: currentData\r\n }\r\n }\r\n\r\n }\r\n }\r\n UTILITIESHELPER.setLocalStorageJSON('recent-view-history', currentHistoryObj)\r\n return currentHistoryObj\r\n}\r\n\r\nconst RecentViewedService = {\r\n fetchHistory,\r\n updateHistoryObject,\r\n fetchHistoryDashboard,\r\n fetchCatalogHistory\r\n};\r\n\r\nexport default RecentViewedService;\r\n","\r\nfunction generateRecentHistoryLinks(recentHistory) {\r\n return recentHistory.map(x => ({\r\n PublicationGUID: null,\r\n PublicationType: null,\r\n linkAltText: decodeURIComponent(x.title) ,\r\n linkDocs: null,\r\n linkExternal: x.relative_url,\r\n linkInternal: null,\r\n linkText: decodeURIComponent(x.title)\r\n }))\r\n }\r\n\r\n function setRecentHistoryLinks(res, recentdata){\r\n res.CatalogCollection.filter(x=> x.title === \"lbl_Catalog_TitleGenericRecentlyViewedPublications_Title\")[0].links= recentdata;\r\n return res;\r\n }\r\n\r\nconst RecentlyViewedHelper = {\r\n generateRecentHistoryLinks,\r\n setRecentHistoryLinks\r\n};\r\n\r\nexport default RecentlyViewedHelper;\r\n","import React, { useState, useRef, useLayoutEffect, useEffect, useCallback } from 'react';\r\nimport { Document, Page } from 'react-pdf/dist/esm/entry.webpack';\r\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport LinkHelpers from '../../helpers/LinkHelpers';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport RETRIEVALSERVICES from '../../services/rp-service';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\n\r\n\r\n// const PdfPagination = ({ current, total, onChange }) => {\r\n// function handlePrevious() {\r\n// onChange({\r\n// pageNumber: Math.max(1, current - 1)\r\n// });\r\n// }\r\n\r\n// function handleNext() {\r\n// onChange({\r\n// pageNumber: Math.min(total, current + 1)\r\n// });\r\n// }\r\n\r\n// return (\r\n// \r\n \r\n {children}\r\n \r\n \r\n )\r\n};\r\n\r\nexport default ListItem;\r\n","\r\nimport React from 'react';\r\nimport cx from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst ViewAll = ({ href, text, className }) => {\r\n return (\r\n \r\n {text}\r\n \r\n )\r\n}\r\n\r\nexport default ViewAll;\r\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst TriggerEl = ({\r\n placeholder,\r\n getSearchWord,\r\n searchValue,\r\n showContainerValue,\r\n}) => {\r\n const inputRef = useRef(null);\r\n\r\n const handleOutsideClick = useCallback((event) => {\r\n if (inputRef.current && !inputRef.current.contains(event.target)) {\r\n showContainerValue(false);\r\n }\r\n }, [inputRef]); \r\n\r\n useEffect(() => {\r\n document.addEventListener('click', handleOutsideClick, false);\r\n\r\n return () => {\r\n document.removeEventListener('click', handleOutsideClick, false);\r\n }\r\n\r\n }, []);//eslint-disable-line\r\n\r\n function triggerOnClickHandler() {\r\n showContainerValue((preVal) => {\r\n !preVal === false && inputRef.current.blur();\r\n return !preVal;\r\n });\r\n }\r\n\r\n function onEnterKeyPress(event) {\r\n if (event.key === \"Enter\") {\r\n inputRef.current.focus();\r\n showContainerValue(true);\r\n }\r\n }\r\n\r\n return (\r\n \r\n getSearchWord(e.target.value)}\r\n value={searchValue}\r\n tabIndex=\"-1\"\r\n />\r\n
\r\n );\r\n};\r\n\r\nconst CollectionDropdown = ({ placeholder, options }) => {\r\n const [value, setValue] = useState(\"\");\r\n const [isShowContainer, setIsShowContainer] = useState(false);\r\n\r\n function ListItem({ item }) {\r\n return (\r\n {props.errorHeading}
\r\n \r\nAn error has occurred. We apologize for any inconvenience.
\r\n{props.errorMessage}
\r\n\r\n\t\t\t{/*
\r\n\t)\r\n}\r\n\r\nexport default Loading;","import React from 'react';\r\nimport cx from 'classnames'\r\n\r\nimport Loading from \"../../Loading/Loading\";\r\nimport { useLoadingContext } from \"../../../contexts/LoadingContext\";\r\nimport { usePageContext } from '../../../contexts/PageContext';\r\nimport ShowIf from '../ShowIf';\r\n\r\nconst LayoutChildren = ({children}) => {\r\n const { isLoading } = useLoadingContext()\r\n //BDP: This causes the content/content Page to never load as it does not use any of these values\r\n // the child should not be hidden while loading regardless anyway, but I added check for contnet pages ONLY\r\n const { context, hasGottenCorrectTierValue, hasVerifiedIndustry } = usePageContext();\r\n\r\n return (\r\n {getLabel(\"g_Loading\", \"Loading...\")}
*/}\r\n\t\t\t\r\n\t\t\r\n \r\n {children}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default LayoutChildren;\r\n","\r\nimport React from 'react';\r\nimport { usePageContext, usePageContextLabels } from '../../../contexts/PageContext';\r\nimport ShowIf from '../ShowIf';\r\n\r\nconst PageTitle = () => {\r\n const { pageTitle, pageDescription } = usePageContext()\r\n const { getMFLabel } = usePageContextLabels();\r\n\r\n return (\r\n <>\r\n \r\n {getMFLabel(pageTitle, \"pageTitle\")}\r\n
\r\n\r\n {getMFLabel(pageDescription, \"pageDescription\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nLayout.defaultProps = {\r\n includesTitleRow: false,\r\n}\r\n\r\nexport default Layout;\r\n","import React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nconst DO_NOT_LOGIN = (window.location.href.indexOf(\"localhost\") > 0);\r\n\r\nexport const PrivateRoute = ({ children }) => {\r\n \r\n return (DO_NOT_LOGIN || UTILITIESHELPER.isValidAccessToken()) ? <>{children} : \r\n {shouldShowOverlay &&\r\n \r\n }\r\n\r\n
\r\n )\r\n}\r\n\r\nAnnotationsDeletedArticlesModal.defaultProps = {\r\n setShouldShowDeleteModal: () => { },\r\n setShouldShowOverlay: () => { },\r\n}\r\n\r\nexport default AnnotationsDeletedArticlesModal;\r\n","import React from \"react\";\r\nimport { useNavigate, useLocation } from 'react-router-dom'\r\nimport { useGuidebookTocContext } from \"../../contexts/GuidebookTocContext\";\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport { useUserPreferencesContext } from \"../../contexts/AnnotationsContext\";\r\nimport AnnotationsDeletedArticlesModal from \"../Annotations/AnnotationsDeletedArticlesModal\";\r\nimport BookmarkService from \"../../helpers/BookmarkServices\";\r\n\r\nconst WormholeNotification = ({style}) => {\r\n const { guidebookArticle } = useGuidebookTocContext();\r\n\r\n\tconst navigate = useNavigate();\r\n\tconst location = useLocation();\r\n\tconst { context, isWormholeActive } = usePageContext();\r\n\tconst { getLabel } = usePageContextLabels();\r\n const { viewedBookmark,setViewedBookmark,state: annState , viewedAnnotation} = useUserPreferencesContext();\r\n\t\r\n\t//TODO:Mitali: While just the fact that filters are selected does not mean that the article was deleted, we will assume that if the user has filters selected\r\n\t//\tand we get a wormhole, that the article does not exist \"now\" becuase of the filter, not because it was deleted\r\n\t//\tthis can always be wrong in all cases, inless when we deturmine wormhole, we knew it did exist before!\r\n\r\n\tfunction closeNotification() {\r\n\t\t//WE just navigate to the pageBaseURL from wherever, and we will \"exit\" out of the wormhole message\r\n\t\tnavigate(context.pageBaseURL);\r\n\t}\r\n\tconst deleteBookmark = async (bookmark_guid) => {\r\n\t\tconst bookmark = await BookmarkService.deleteBookmarks(location.pathname, [bookmark_guid]);\r\n\t\tif (bookmark) {\r\n\t\t\tsetViewedBookmark(null);\r\n\t\t}\r\n\t};\r\n\r\n\tif (isWormholeActive && viewedBookmark) {\r\n\t\tif (annState?.bookmarks && annState?.bookmarks?.length > 0) {\r\n\t\t\tconst bookmarktoDelete = annState.bookmarks.find(item => item.reference_identifier === viewedBookmark);\r\n\t\t\tif (bookmarktoDelete) {\r\n\t\t\t\tdeleteBookmark(bookmarktoDelete.bookmark_guid);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tif (isWormholeActive && viewedAnnotation) {\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n \r\n ![\"calendar\"](\"/images/alert.svg\")
\r\n {getLabel(\"hh_DeletedArticle\", \"Deleted Article\")}\r\n \r\n
\r\n {!deleteStarted &&\r\n \r\n {getLabel(\"hh_DeletedArticle\", \"Deleted Article\")}\r\n \r\n \r\n
\r\n }\r\n {deleteStarted &&\r\n \r\n
\r\n\r\n {getLabel(\"hh_DeletedArticleMesage\", \"The exact item you are looking for is no longer available.\")}
\r\n {bookmarkPage ?\r\n{getLabel(\"hh_DeletedArticleCountBook\", \"You made {0} bookmark(s) for this item:\").replace('{0}', deletedAnnotationsCount)}
:\r\n{getLabel(\"hh_DeletedArticleCount\", \"You made {0} annotations for this item.\").replace('{0}', deletedAnnotationsCount)}
\r\n }\r\n\r\n \r\n {viewCount.replace('{0}',\r\n deletedAnnotationsCount)}\r\n\r\n \r\n
\r\n { /* eslint-disable-next-line */}\r\n {deleteCount.replace('{0}', deletedAnnotationsCount)}\r\n
\r\n \r\n
\r\n }\r\n \r\n {deleteProgress < 100 &&\r\n
\r\n {deleteProgress === 100 &&\r\n {deleteInProgress}
\r\n }\r\n {deleteProgress === 100 &&\r\n{deleteCompleted}
\r\n }\r\n\r\n {/*eslint-disable-next-line*/}\r\n {getLabel(\"g_Close\", \"Close\")}\r\n
\r\n }\r\n \r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\telse {\r\n\t\treturn null;\r\n\t}\r\n};\r\n\r\nexport default WormholeNotification;","import React from 'react';\r\nimport { usePageContext } from '../../contexts/PageContext';\r\n\r\nconst RecentSearches = ({ handleClick, recentHistoryList, globalRecentSearches }) => {\r\n const { context } = usePageContext();\r\n let styling;\r\n recentHistoryList= JSON.parse(recentHistoryList)?.filter(mem=>mem.memberfirm===context.memberFirm && mem.knowledgeDomain===context.knowledgeDomain);\r\n if (globalRecentSearches == null) {\r\n styling = {\r\n display: 'none',\r\n }\r\n } else if (!globalRecentSearches) {\r\n styling = {\r\n boxShadow: '3px 4px 8px #879090b5', maxWidth: '500px', marginTop: '-1px', textAlign: 'initial', background: 'white'\r\n }\r\n } else {\r\n styling = {\r\n boxShadow: '3px 4px 8px #879090b5', maxWidth: '500px', textAlign: 'initial', background: 'white'\r\n }\r\n }\r\n\r\n function RecentSearchClickHandler(searchphrase) {\r\n handleClick(searchphrase);\r\n }\r\n return (\r\n {guidebookArticle && guidebookArticle.is_filtered ? \r\n\t\t\t\t getLabel(\"g_wormholeNotification\", \"The page you are looking for is no longer available due to your current catalog or filters you have applied.\") \r\n\t\t\t\t:getLabel(\"hh_DeletedArticleMesage\", \"The exact item you are looking for is no longer available.\")}
\r\n\t\t\t\t\r\n\t\t\t\r\n
\r\n )\r\n}\r\n\r\nRecentSearches.defaultProps = {\r\n globalRecentSearches: false\r\n}\r\n\r\nexport default RecentSearches;\r\n","//This constant contain the site keys\r\nexport const SCS_KEYS = {\r\n wildcardsPrefixSearchLimitation: \"s_WildcardsPrefixSearchLimitationNotification\"\r\n}\r\n\r\n//This constant contain the fallback literals for site keys\r\nexport const SCS_FALLBACKS = [\r\n {\r\n key: SCS_KEYS.wildcardsPrefixSearchLimitation,\r\n value: \"Please refine your search to exclude characters such as (*, ?, /, etc.,). For more information, refer to Quick Reference Guide.\"\r\n }\r\n];\r\n\r\n//it will return fallback value by site key\r\nexport const getFallback = (key) => {\r\n const foundItem = SCS_FALLBACKS.find((item) => item.key === key);\r\n return foundItem ? foundItem.value : null;\r\n}","import React, { useState, useRef, useEffect } from 'react';\r\nimport { useLocation, useNavigate } from 'react-router-dom';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { logs, appInsightUIMapping, page } from \"../../helpers/log\";\r\nimport { usePageContextLabels, usePageContext, usePageContextSettings } from '../../contexts/PageContext';\r\nimport cx from 'classnames';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport RecentSearches from '../Common/RecentSearches.js';\r\nimport RECENTSEARCHSERVICES from '../../helpers/RecentSearchService.js';\r\nimport { ACTIONS, useUserPreferencesContext } from '../../contexts/AnnotationsContext';\r\nimport { SCS_KEYS, getFallback } from '../Constants/SCSConstants';\r\nimport { ErrorTypes } from '../Constants/Errors';\r\nimport ShowIf from '../Common/ShowIf.js';\r\nimport { PAGE_CONTROLLER_TYPE } from '../Constants/Constants';\r\n\r\nconst CollectionSearchbar = ({ className, placeholder, classNameForm, autocomplete = \"on\", parentOnTrigger, parentOnSubmit, showRecentSearches = false, calledFrom, isResearchAssistantEnabled = false, setSearchTrigger }) => {\r\n const { searchPhrase, setSearchPhrase } = usePageContext();\r\n const { setSearchTimeStamp } = useSearchResultContext();\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const { getLabel } = usePageContextLabels();\r\n const ref = useRef();\r\n const { context, setNotification, getMemberFirmID } = usePageContext();\r\n const [showRecentHistory, setShowRecentHistory] = useState(false);\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n const { state: annState, dispatch } = useUserPreferencesContext();\r\n const showRecentSearch = (calledFrom === page.Collection || calledFrom === page.Article) ? true : null;\r\n const { isRecentSearchEnabled } = usePageContextSettings();\r\n useEffect(() => {\r\n function getRecentSearches() {\r\n const RecentSearchdata = localStorage.getItem('recentSearch');\r\n // await RECENTSEARCHSERVICES.getRecentSearch(location.pathname, getMemberFirmID());\r\n let recentSearchList = RecentSearchdata != null ? (RecentSearchdata ?? []) : []\r\n let recentSearchData= UTILITIESHELPER.isArrayNullorEmpty(recentSearchList) ? recentSearchList: JSON.parse(recentSearchList);\r\n dispatch({\r\n type: ACTIONS.RECENT_SEARCH_LOAD,\r\n payload: JSON.stringify(recentSearchData),\r\n });\r\n }\r\n if (isRecentSearchEnabled() && UTILITIESHELPER.isArrayNullorEmpty(annState.recentSearch))\r\n getRecentSearches();\r\n }, [])//eslint-disable-line\r\n\r\n function RecentSearchClickHandler(searchphrase) {\r\n setSearchPhrase(searchphrase)\r\n setTimeout(() => ref.current.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true })), 500)\r\n }\r\n\r\n function setRecentSearchesData(_recentHistory, _recentHistoryList) {\r\n }\r\n\r\n const handleFocus = () => {\r\n if (showRecentHistory === false) {\r\n // load data when focused first time on the searchbox \r\n setShowRecentHistory(true)\r\n }\r\n }\r\n\r\n if (!placeholder) {\r\n placeholder = getLabel(\"s_Search\", \"Search\");\r\n }\r\n\r\n\r\n\r\n const handleKeyDown = (event) => {\r\n if (event.key === 'Enter') {\r\n setSearchTrigger((prev) => prev + 1)\r\n parentOnTrigger(searchPhrase);\r\n }\r\n }\r\n\r\n const handleChange = event => {\r\n setSearchPhrase(event.target.value);\r\n const currentLocation = window.location.pathname;\r\n\r\n if ([PAGE_CONTROLLER_TYPE.manual,\r\n PAGE_CONTROLLER_TYPE.standards,\r\n PAGE_CONTROLLER_TYPE.standard,\r\n PAGE_CONTROLLER_TYPE.guidance,\r\n PAGE_CONTROLLER_TYPE.roadmap,\r\n PAGE_CONTROLLER_TYPE.folio].includes(context.pageControllerType)) {\r\n\r\n const parsedSearchPhrase = SearchHelpers.parse(searchPhrase);\r\n const qs = SearchHelpers.toQueryString(parsedSearchPhrase);\r\n\r\n navigate(`${currentLocation}?${qs}`);\r\n\r\n logs.trackEvent({\r\n name: 'Search',\r\n properties: {\r\n searchText: searchPhrase,\r\n memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'),\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level')\r\n }\r\n })\r\n return;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n setSearchPhrase(\"\");\r\n }, [location?.pathname])//eslint-disable-line\r\n\r\n const handleSubmit = event => {\r\n event.preventDefault();\r\n setSearchTimeStamp(Date.now())\r\n\r\n const _searchPhrase = searchPhrase.trim();\r\n\r\n if (UTILITIESHELPER.isStringNullorEmpty(_searchPhrase) || _searchPhrase.length < 2) {\r\n alert(getLabel(\"s_SearchPhraseTooShort\", \"Phrase too short (for now)\"));\r\n return;\r\n }\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(_searchPhrase)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'CollectionSearchbar' });\r\n return;\r\n }\r\n setNotification({ message: '', type: ErrorTypes.Error, display: false, appInsightUIMapping: null, componentName: null });\r\n\r\n const currentLocation = window.location.pathname;\r\n\r\n if ([PAGE_CONTROLLER_TYPE.collection,\r\n PAGE_CONTROLLER_TYPE.manual,\r\n PAGE_CONTROLLER_TYPE.standards,\r\n PAGE_CONTROLLER_TYPE.standard,\r\n PAGE_CONTROLLER_TYPE.guidance,\r\n PAGE_CONTROLLER_TYPE.roadmap,\r\n PAGE_CONTROLLER_TYPE.folio].includes(context.pageControllerType)) {\r\n const parsedSearchPhrase = SearchHelpers.parse(_searchPhrase);\r\n const qs = SearchHelpers.toQueryString(parsedSearchPhrase);\r\n\r\n navigate(`${currentLocation}?${qs}`);\r\n\r\n logs.trackEvent({\r\n name: 'Search',\r\n properties: {\r\n searchText: _searchPhrase,\r\n memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'),\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level')\r\n }\r\n })\r\n return;\r\n }\r\n\r\n return;\r\n };\r\n\r\n return (\r\n <>\r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n Recent Searches
\r\n {recentHistoryList &&\r\n recentHistoryList.map((item, index) => {\r\n return (\r\n RecentSearchClickHandler(item.search_phrase)} className='recent-search-item' style={{ textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden' }} >\r\n {item.search_phrase}\r\n
\r\n )\r\n })\r\n }\r\n \r\n { parentOnTrigger(searchPhrase) }}\r\n title={getLabel(\"Go\", \"Go\")}\r\n >\r\n \r\n\r\n
\r\n \r\n { parentOnTrigger(searchPhrase) }}\r\n title={getLabel(\"Go\", \"Go\")}\r\n >\r\n {getLabel(\"Search\", \"Search\")}\r\n \r\n\r\n
\r\n \r\n// \r\n// {`${current} / ${total ?? '...'}`}\r\n// \r\n//
\r\n// )\r\n// }\r\n\r\nconst SinglePdfDownload = ({ title, file }) => {\r\n const styles = { height: 0, width: 0, overflow: 'hidden', display: 'none' }\r\n // XSS Link Sanitization\r\n const sanitizedFileUri = LinkHelpers.sanitizeUrl(file);\r\n const handleClick = (e) => {\r\n e.preventDefault();\r\n const link = document.createElement('a');\r\n link.href = sanitizedFileUri;\r\n link.download = title;\r\n link.click();\r\n link.remove();\r\n }\r\n\r\n //TODO: Translate this\r\n return \r\n}\r\n\r\nconst PDF = ({ uri, fileTitle, format }) => {\r\n // const token = UTILITIESHELPER.getAuthToken();\r\n // const baseDomain = UTILITIESHELPER.getBaseDomain();\r\n fileTitle=UTILITIESHELPER.removeLargeSpacesFromRichText(fileTitle);\r\n fileTitle = fileTitle.replace(/\\u2013|\\u2014/g, \"-\");\r\n fileTitle= UTILITIESHELPER.removeSpecialCharacterFromFileName(fileTitle);\r\n fileTitle = UTILITIESHELPER.restrictLengthOfFileName(fileTitle);\r\n const composedTitle = `${fileTitle.replaceAll('/', '%2F')}${format}`;\r\n const [numPages, setNumPages] = useState(null);\r\n const [pageNumber, setPageNumber] = useState(1);\r\n const [pageWidth, setPageWidth] = useState(null);\r\n const { searchText, setSearchText, setPdfPage } = useArticleContext();\r\n const [textItems, setTextItems] = useState();\r\n const [pdfDoc, setPdfDoc] = useState(null);\r\n const [composedUri, setComposedUri] = useState(\"\");\r\n const [blobUri, setBlobUri] = useState(null);\r\n const [isPDFRendered, setIsPDFRendered] = useState(false);\r\n\r\n // Ref to PDF Document div element\r\n const inputRef = useRef();\r\n const handleResize = (entries) => {\r\n if (!Array.isArray(entries)) {\r\n return;\r\n }\r\n\r\n const entry = entries[0];\r\n // HACK: subtract 2px to compensate for border width due to clipping\r\n setPageWidth(entry.contentRect.width - 2);\r\n }\r\n useEffect(() => {\r\n loadPdf();\r\n \r\n }, []);//eslint-disable-line\r\n const loadPdf = async () => {\r\n const blob = await RETRIEVALSERVICES.requestPdfLoading(uri, composedTitle);\r\n setBlobUri(window.URL.createObjectURL(blob))\r\n let base64String;\r\n let reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = () => {\r\n base64String = reader.result;\r\n setComposedUri(base64String?.substr(base64String?.indexOf(',') + 1));\r\n };\r\n }\r\n \r\n // useEffect(()=>{\r\n\r\n // if (document.readyState === 'complete') {\r\n\r\n // setTimeout(function() {\r\n // navigateToSearchPahse();\r\n // }, 1000);\r\n // } else {\r\n // window.addEventListener('ready', navigateToSearchPahse);\r\n // // Remove the event listener when component unmounts\r\n // return () => window.removeEventListener('load', navigateToSearchPahse);\r\n // }\r\n // },[])\r\n\r\n // using LayoutEffect hook to avoid repaint via sync execution\r\n useLayoutEffect(() => {\r\n if (!inputRef.current) {\r\n return;\r\n }\r\n\r\n let RO = new ResizeObserver(handleResize);\r\n RO.observe(inputRef.current);\r\n\r\n return () => {\r\n RO.disconnect();\r\n RO = null;\r\n }\r\n\r\n }, [inputRef])\r\n\r\n const onDocumentLoadSuccess = useCallback(async (loadedPdfDoc) => {\r\n setPdfDoc(loadedPdfDoc);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const fetchPageContent = async () => {\r\n if (pdfDoc) {\r\n setNumPages(pdfDoc.numPages);\r\n const page = await pdfDoc.getPage(pageNumber);\r\n const content = await page.getTextContent();\r\n const texts = content.items;\r\n setTextItems(texts);\r\n }\r\n };\r\n\r\n fetchPageContent();\r\n \r\n if(pageNumber !== undefined && isPDFRendered)\r\n {\r\n onNavigableItemClick({\r\n pageNumber: pageNumber\r\n });\r\n }\r\n\r\n return () => {\r\n // Perform any necessary cleanup here\r\n };\r\n }, [pageNumber, pdfDoc]);\r\n\r\n const onNavigableItemClick = ({ pageNumber }) => {\r\n setPageNumber(pageNumber);\r\n const element = document.querySelector(`[data-page-number=\"${pageNumber}\"]`);\r\n if (element) {\r\n element.scrollIntoView({\r\n behavior: 'auto',\r\n block: 'start',\r\n inline: 'center'\r\n });\r\n }\r\n };\r\n\r\n\r\n\r\n const onKeyboardUp = (e) => {\r\n if (e.keyCode === 37) {\r\n onNavigableItemClick({\r\n pageNumber: Math.max(1, pageNumber - 1)\r\n });\r\n setSearchText(searchText)\r\n }\r\n\r\n if (e.keyCode === 39) {\r\n onNavigableItemClick({\r\n pageNumber: Math.min(numPages, pageNumber + 1)\r\n });\r\n setSearchText(searchText)\r\n }\r\n\r\n e.stopPropagation();\r\n }\r\n\r\n useEffect(() => {\r\n document.addEventListener('keyup', onKeyboardUp);\r\n\r\n return () => {\r\n document.removeEventListener('keyup', onKeyboardUp);\r\n }\r\n })\r\n\r\n const textRenderer = useCallback(textItem => {\r\n // If no search text, return original string\r\n if (!searchText) {\r\n return textItem.str;\r\n }\r\n const marked = SearchHelpers.apply(textItem.str, searchText, true, textItems, textItem);\r\n return ReactHtmlParser(marked);\r\n }, [searchText, textItems]);\r\n\r\n const getTextSuccess = (current) => {\r\n const element = document.querySelector('.highlight-search');\r\n if (element) {\r\n element.scrollIntoView({\r\n behavior: 'auto',\r\n block: 'center',\r\n inline: 'center'\r\n });\r\n }\r\n if(current === numPages)\r\n {\r\n setIsPDFRendered(true);\r\n }\r\n setPdfPage(true);\r\n }\r\n\r\n return (\r\n \r\n \r\n {Array.from(new Array(numPages), (el, index) => ({getTextSuccess(index+1)}}\r\n />))}\r\n \r\n
\r\n )\r\n};\r\n\r\nexport default PDF;\r\n","import SearchHelpers from \"./SearchHelpers\";\r\n\r\nconst getTextWithSearchHighlight = (markup, searchText) => {\r\n let htmlContent = '';\r\n if (markup === null) return \"\";\r\n if (!markup || !/[a-zA-Z0-9]/g.test(searchText)) return markup ?? \"\";\r\n\r\n if (typeof markup === \"string\" || markup instanceof String) {\r\n htmlContent = markup;\r\n } else {\r\n htmlContent = `${markup}`;\r\n }\r\n \r\n const markHtml = SearchHelpers.apply(htmlContent ?? \"\", searchText);\r\n return markHtml;\r\n};\r\n\r\nexport default getTextWithSearchHighlight;\r\n","\r\nimport React from 'react';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport PDF from './PDF';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport cx from 'classnames';\r\n\r\n//For search\r\nimport getTextWithSearchHighlight from '../../helpers/getTextWithSearchHighlight';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport RETRIEVALSERVICES from '../../services/rp-service';\r\n\r\n\r\nexport const getIconSrc = (_format) => {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(_format)) {\r\n if (_format === \".pdf\")\r\n return '/images/pdf-file.svg';\r\n else if (_format?.startsWith(\".x\"))\r\n return '/images/microsoft-excel.svg';\r\n else if (_format?.startsWith(\".d\"))\r\n return '/images/microsoft-word.svg';\r\n else if (_format?.startsWith(\".p\"))\r\n return '/images/microsoft-powerpoint.svg';\r\n else\r\n return '/images/undefined-doc.svg';\r\n }\r\n else {\r\n return '/images/undefined-doc.svg';\r\n }\r\n}\r\n\r\nconst File = ({\r\n binaryItemGUID,\r\n fileTitle,\r\n format,\r\n date,\r\n displayName,\r\n description,\r\n templateNote,\r\n bytes,\r\n uri,\r\n hasSubItemsOrSiblings,\r\n shouldIndent,\r\n isDownloadPdfView,\r\n text,\r\n displayDownload\r\n}) => {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(format))\r\n format = format.toLowerCase();\r\n\r\n const { searchText = \"\" } = useArticleContext() || {};\r\n const { getLabel } = usePageContextLabels();\r\n fileTitle = (fileTitle.includes(\"/\")) ? fileTitle.replaceAll(\"/\", \"_\") : fileTitle;\r\n if (format === '.pdf' && displayDownload !== \"true\") {\r\n const pdfProps = { fileTitle, format, uri }\r\n return \r\n
\r\n }\r\n //const token = UTILITIESHELPER.getAuthToken();\r\n // const downloadLink = UTILITIESHELPER.getBaseDomain() + \"/secure/download/\" + token + \"/\" + uri + \"/\" + UTILITIESHELPER.removeSpecialCharacterFromFileName(fileTitle) + format;\r\n // XSS Link Sanitization\r\n // const sanitizedDownloadLink = LinkHelpers.sanitizeUrl(downloadLink);\r\n const sanitizedDownloadLink = () => {\r\n fileTitle = UTILITIESHELPER.removeLargeSpacesFromRichText(fileTitle);\r\n fileTitle = fileTitle.replace(/\\u2013|\\u2014/g, \"-\").replace(/[^\\x00-\\x7F]/g, \"\"); //handle any non-ascii chars in the filename\r\n fileTitle = UTILITIESHELPER.removeSpecialCharacterFromFileName(fileTitle);\r\n fileTitle = UTILITIESHELPER.restrictLengthOfFileName(fileTitle);\r\n RETRIEVALSERVICES.requestFile(uri, fileTitle + format);\r\n };\r\n\r\n var filename = fileTitle + format + ` (${UTILITIESHELPER.formatBytes(bytes, 0)})`;\r\n const dateValue = UTILITIESHELPER.formatDate(date);\r\n return (\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n {getTextWithSearchHighlight(getLabel(\"b_BinaryCurrentAsOf\", \"Current as of:\"), searchText)} {getTextWithSearchHighlight((UTILITIESHELPER.checkStringIsHtml(dateValue)), searchText)} \r\n \r\n \r\n \r\n
\r\n )\r\n};\r\n\r\nexport default File;","\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst ListItem = ({href, children}) => {\r\n return (\r\n {getTextWithSearchHighlight((UTILITIESHELPER.checkStringIsHtml(displayName)), searchText)}
\r\n\r\n \r\n
\r\n \r\n })
\r\n {getTextWithSearchHighlight((UTILITIESHELPER.checkStringIsHtml(filename)), searchText)} \r\n
\r\n \r\n {/*eslint-disable-next-line*/}\r\n \r\n {getLabel(\"b_BinaryDownload\", \"Download\")}\r\n \r\n
\r\n {templateNote && \r\n {getTextWithSearchHighlight((UTILITIESHELPER.checkStringIsHtml(text)), searchText)} \r\n
\r\n \r\n {item.name}\r\n
\r\n \r\n );\r\n }\r\n\r\n const OptionsList = ({ options }) => {\r\n let filteredList = options.filter(\r\n (option) =>\r\n option.name.toLowerCase().includes(value.toLowerCase()) || !value\r\n );\r\n if (filteredList.length > 0) {\r\n filteredList = [...filteredList].sort((a, b) =>\r\n a.name.toLowerCase() > b.name.toLowerCase() ? 1 : -1,\r\n );\r\n }\r\n return (\r\n <>\r\n {filteredList.length > 0 ? (\r\n filteredList.map((item) => {\"No option\"}
\r\n )}\r\n \r\n );\r\n };\r\n\r\n function getSearchWord(val) {\r\n setValue(val);\r\n }\r\n\r\n function getContainerShowVal(isShow) {\r\n setIsShowContainer(isShow);\r\n }\r\n\r\n const onKeyboardUpAndDown = useCallback((e) => {\r\n const itemList = document.querySelectorAll(\".collection-menu-list a\");\r\n if (itemList && itemList.length) {\r\n const items = Array.from(itemList);\r\n if (!items.length) return\r\n let index = -1;\r\n if (e.target.type !== 'text')\r\n index = items.indexOf(e.target);\r\n if (e.keyCode === 38 && index > 0) {\r\n index--;\r\n addFocusStyleSheet(index, items);\r\n } else if (e.keyCode === 40 && index < items.length - 1) {\r\n index++;\r\n addFocusStyleSheet(index, items);\r\n }\r\n if (e.keyCode === 40 || e.keyCode === 38) {\r\n e.preventDefault();\r\n }\r\n }\r\n },[]);\r\n\r\n function addFocusStyleSheet(index, items) {\r\n items.forEach((item) => { item.getElementsByTagName('div')[0].classList.remove(\"collection-menu-option-focus-style\"); });\r\n items[index].getElementsByTagName('div')[0].classList.add(\"collection-menu-option-focus-style\");\r\n items[index].focus();\r\n }\r\n\r\n useEffect(() => {\r\n const dropdownListContainer = document.querySelector(\".catalog-box\");\r\n dropdownListContainer.addEventListener('keydown', onKeyboardUpAndDown);\r\n return () => {\r\n dropdownListContainer.removeEventListener('keydown', onKeyboardUpAndDown);\r\n }\r\n }, [onKeyboardUpAndDown])\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CollectionDropdown;\r\n","import { useEffect, useState,useRef } from 'react';\r\nimport { useQuery } from 'react-query';\r\nimport RETRIEVALSERVICES from './rp-service';\r\nimport useFetchWithMsal from '../hooks/useFetchWithMsal';\r\nimport CONTEXTHELPERS from \"../helpers/ContextHelpers\";\r\nimport { FOLIO_SUBJECT_ACCOUNT, FOLIO_SUBJECT_NON_ACCOUNT, Learning_Resources_Dummy_Response, REGEX_PATTERN } from '../components/Constants/Constants';\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper';\r\nimport ProfileHelpers from '../helpers/ProfileHelpers';\r\nimport { logs, page } from '../helpers/log';\r\nimport { ErrorCodes, ErrorMessages, ResearchAssisantErrorMessages } from '../components/Constants/Errors';\r\nimport { usePageContext, usePageContextLabels } from '../contexts/PageContext';\r\nimport { PAGE_CONTROLLER_TYPE,PUBLICATIONTYPE_IDS } from '../components/Constants/Constants.js';\r\n\r\n\r\n\r\n/**\r\n * Custom hook to get User Information API using bearer token obtained from MSAL\r\n * @returns\r\n */\r\nfunction useDCSService() {\r\n const { apiCall } = useFetchWithMsal();\r\n const { getLabel } = usePageContextLabels();\r\n const { context, getMemberFirmIDs, getMemberFirmLanguages, getMemberFirmID,countryKDSettings } = usePageContext();\r\n const memberfirm = context.memberFirm;\r\n const language = context.language;\r\n const DCSEndPoint = (window.DART && window.DART.ENV) ? window.DART.ENV.REACT_APP_DCS_ENDPOINT_API : undefined;\r\n const KnowledgeDomain = context.knowledgeDomain;\r\n const SearchEndPoint = (window.DART && window.DART.ENV) ? window.DART.ENV.REACT_APP_SEARCH_ENDPOINT_API : undefined;\r\n const customheaders = { \"INK_CONTENT_PRERELEASE\": (window.DART && window.DART.ENV) && (window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE ? window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE : window.DART.ENV.RP_REACT_APP_PREVIEW) };\r\n /**\r\n * Execute a fetch request with the given options\r\n * @returns JSON response\r\n * @param publicationType\r\n */\r\n // Used to prevent state updates after unmount\r\n const mounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n mounted.current = false;\r\n };\r\n }, []);\r\n\r\n //PRIVATE FUNCTIONS:\r\n const formatLink = (item, querySpec, collectionType) => {\r\n if (collectionType) {\r\n collectionType = (collectionType !== PAGE_CONTROLLER_TYPE.standards) ? collectionType : (item.publication_type !== PUBLICATIONTYPE_IDS.standards) ? PAGE_CONTROLLER_TYPE.standard :collectionType; \r\n const linkExternal = [collectionType, (item.url.replaceAll('%2f','/'))].join(\"/\");\r\n const url = [window.location.origin,memberfirm,language,KnowledgeDomain,linkExternal].join(\"/\");\r\n return {\r\n linkText: (collectionType === \"deloitte-communications\" || collectionType === \"professional-news\") && item?.journal_brand ? item.journal_brand + \": \" + item.title : item.title,\r\n PublicationGUID: item.id,\r\n PublicationType: UTILITIESHELPER.isStringNullorEmpty(item.publication_type) ? null : item.publication_type ,\r\n linkInternal: {\r\n Id: item.id,\r\n LinkUrl: (item.url.replaceAll('%2f','/')),\r\n PublicationGUID: item.id\r\n },\r\n linkDocs: null,\r\n linkExternal,\r\n linkAltText: item.alt_title,\r\n url:url,\r\n context : item.context\r\n }\r\n }\r\n\r\n return item;\r\n }\r\n\r\n const formatDelCummAndProfNewsCollectionLink = (data, querySpec, collectionType) => {\r\n let collectionObject = { alllinkItems: [], allcollectionsItems : []}\r\n let allLinksItems = [];\r\n if (collectionType) {\r\n allLinksItems = data.flatMap(journal => journal.items)?.sort((a, b) => new Date(b.current_date) - new Date(a.current_date)).map(item => {\r\n const linkExternal = [collectionType, (item.url.replaceAll('%2f', '/'))].join(\"/\");\r\n const url = [window.location.origin, memberfirm, language, KnowledgeDomain, linkExternal].join(\"/\");\r\n return {\r\n linkText: (collectionType === \"deloitte-communications\" || collectionType === \"professional-news\") && item?.journal_brand ? item.journal_brand + \": \" + item.title : item.title,\r\n PublicationGUID: item.id,\r\n PublicationType: UTILITIESHELPER.isArrayNullorEmpty(querySpec.publication_type) ? null : querySpec.publication_type[0],\r\n linkInternal: {\r\n Id: item.id,\r\n LinkUrl: (item.url.replaceAll('%2f', '/')),\r\n PublicationGUID: item.id\r\n },\r\n linkDocs: null,\r\n linkExternal,\r\n linkAltText: item.alt_title,\r\n url: url,\r\n context: item.context\r\n }\r\n })\r\n }\r\n collectionObject.alllinkItems = allLinksItems;\r\n collectionObject.allcollectionsItems = data;\r\n return collectionObject;\r\n }\r\n\r\n //PUBLIC FUNCTIONS\r\n const getQueryKey = (querySpec,keyprefix) => {\r\n let queryKey = `${keyprefix}-${[...querySpec.knowledge_domain]}-${querySpec.member_firm ? [...querySpec.member_firm] : getMemberFirmIDs()}`;\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.publication_type)) {\r\n queryKey = `${queryKey}-${querySpec.publication_type}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.tier)) {\r\n queryKey = `${queryKey}-${[...querySpec.tier]}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.industry)) {\r\n queryKey = `${queryKey}-${[...querySpec.industry]}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.audit_workflow_area_account)) {\r\n queryKey = `${queryKey}-${[...querySpec.audit_workflow_area_account]}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.audit_workflow_area_nonaccount)) {\r\n queryKey = `${queryKey}-${[...querySpec.audit_workflow_area_nonaccount]}`;\r\n }\r\n return queryKey\r\n }\r\n\r\n const generateQuerySpec = (publicationType, result_limit, isTaxonomy=false) => {\r\n \r\n const knowledgeDomainID = CONTEXTHELPERS.getknowledgeDomainId(context.knowledgeDomain);\r\n\r\n let audit_workflow_area_account = [];\r\n let audit_workflow_area_nonaccount = [];\r\n //Dynamic queries are only there in Guidebooks (for now)\r\n if (context.pageControllerType === \"folio\")\r\n {\r\n //e.g. Direction-Supervision-and-Review_66019141-66029848\r\n const pageDynamicQuery = context.pageFileName.split(\"_\");\r\n if (pageDynamicQuery.length > 1 && !isTaxonomy )\r\n {\r\n //e.g. 66019141-66029848\r\n const pageDynamicCategory = pageDynamicQuery[1].split(\"-\");\r\n\r\n if (pageDynamicCategory.length > 1 )\r\n {\r\n //e.g. 66019141\r\n switch (pageDynamicCategory[0])\r\n {\r\n case FOLIO_SUBJECT_ACCOUNT.accountBalance:\r\n case FOLIO_SUBJECT_ACCOUNT.auditingAccountingFolios:\r\n case FOLIO_SUBJECT_ACCOUNT.accountingFolios:\r\n audit_workflow_area_account = [ pageDynamicCategory[1] ]; //e.g. 66029848\r\n break;\r\n\r\n case FOLIO_SUBJECT_NON_ACCOUNT.nonAccountBalance:\r\n case FOLIO_SUBJECT_NON_ACCOUNT.auditingNonAccountFolios:\r\n case FOLIO_SUBJECT_NON_ACCOUNT.assuranceFolios:\r\n audit_workflow_area_nonaccount = [ pageDynamicCategory[1] ]; //e.g. 66029848\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n \r\n return {\r\n toc: false,\r\n result_limit: result_limit,\r\n member_firm: getMemberFirmIDs(),\r\n default_language: context.language,\r\n languages: getMemberFirmLanguages(),\r\n knowledge_domain: [knowledgeDomainID],\r\n publication_type: publicationType ? [publicationType] : null,\r\n tier: CONTEXTHELPERS.getTierIds(context.memberFirm, context.knowledgeDomain),\r\n industry: CONTEXTHELPERS.getIndustryIds(context.memberFirm, context.knowledgeDomain),\r\n audit_workflow_area_account,\r\n audit_workflow_area_nonaccount,\r\n effective_date: new Date(),\r\n version: 0\r\n }\r\n }\r\n\r\n const raErrorHandler = (request, error, response) =>{\r\n logs.error(page.DCSService, 'RPService', \"Error in chatBot search api\", request.url);\r\n switch (true) {\r\n case REGEX_PATTERN.error4xxSeries.test(error.message):\r\n error.message = getLabel('err_RaUnableToRetrieve400', ResearchAssisantErrorMessages.ra_errormessage_400);\r\n return error;\r\n case REGEX_PATTERN.error5xxSeries.test(error.message):\r\n error.message = getLabel('err_RaUnableToRetrieve500', ResearchAssisantErrorMessages.ra_errormessage_500);\r\n return error;\r\n case !REGEX_PATTERN.anyDigit.test(error.message):\r\n error.message = getLabel('err_RaUnableToRetrieve500', ResearchAssisantErrorMessages.ra_errormessage_500);\r\n return error;\r\n default:\r\n return response;\r\n }\r\n }\r\n\r\n async function getCatalogSections(requestbody, collectionType) {\r\n let dataFormated = [];\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(requestbody);\r\n if (KnowledgeDomain === \"accounting\") {\r\n collectionType = collectionType === \"manual\" ? \"guidance\" : collectionType;\r\n }\r\n else {\r\n collectionType = collectionType === \"guidance\" ? \"manual\" : collectionType;\r\n\r\n }\r\n let request = {\r\n url: `${DCSEndPoint}/catalog/${KnowledgeDomain}/${collectionType}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n dataFormated = (UTILITIESHELPER.isNullOrUndefined(data) || data.length === 0) ? [] : data.map(item => formatLink(item, requestbody, collectionType));\r\n logs.debug(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections:[retrieveLinks collectionType, dataFormated]:\", collectionType, dataFormated);\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections DEBUG ERROR:[collectionType, request, error]:\", collectionType, request, error);\r\n logs.error(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections:\" + ErrorMessages.catalogSections + \" for collection \" + collectionType, error, { eventId: ErrorCodes.Catalog });\r\n dataFormated = null;\r\n }\r\n\r\n return dataFormated;\r\n };\r\n\r\n //For Announcement collection page\r\n async function getDelCummAndProfNewsCollectionSections(requestbody, collectionType, collectionName) {\r\n let dataFormated = [];\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(requestbody);\r\n if (KnowledgeDomain === \"accounting\") {\r\n collectionType = collectionType === \"manual\" ? \"guidance\" : collectionType;\r\n }\r\n else {\r\n collectionType = collectionType === \"guidance\" ? \"manual\" : collectionType;\r\n\r\n }\r\n let request = {\r\n url: `${DCSEndPoint}/catalog/${KnowledgeDomain}/${collectionName}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n dataFormated = (UTILITIESHELPER.isNullOrUndefined(data) || data.length === 0) ? [] : formatDelCummAndProfNewsCollectionLink(data, requestbody, collectionType);\r\n logs.debug(page.DCSService, 'getDelCummAndProfNewsCollectionSections', \"useDCSService::getDelCummAndProfNewsCollectionSections:[retrieveLinks collectionType, dataFormated]:\", collectionType, dataFormated);\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'getDelCummAndProfNewsCollectionSections', \"useDCSService::getDelCummAndProfNewsCollectionSections DEBUG ERROR:[collectionType, request, error]:\", collectionType, request, error);\r\n logs.error(page.DCSService, 'getDelCummAndProfNewsCollectionSections', \"useDCSService::getDelCummAndProfNewsCollectionSections:\" + ErrorMessages.catalogSections + \" for collection \" + collectionType, error, { eventId: ErrorCodes.Catalog });\r\n dataFormated = null;\r\n }\r\n\r\n return dataFormated;\r\n };\r\n async function getFolioSection(requestbody, sectionFriendlyPath) {\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(requestbody);\r\n const learningResourcePayload = {\r\n \"member_firm\": requestOptions.body.member_firm,\r\n \"audit_workflow_area_nonaccount\": requestOptions.body.audit_workflow_area_nonaccount\r\n\r\n }\r\n let request = {\r\n url: `${DCSEndPoint}/folio/${sectionFriendlyPath}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n const dataFormated = (UTILITIESHELPER.isArrayNullorEmpty(data) || data?.length === 0) ? [] : data;\r\n //logs.debug(page.DCSService, 'getFolioSection', \"useDCSService::getFolioSection[sectionFriendlyPath, dataFormated]:\", sectionFriendlyPath, dataFormated);\r\n return dataFormated;\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'getFolioSection', \"useDCSService::getFolioSection DEBUG ERROR:[sectionFriendlyPath, request, error]:\", sectionFriendlyPath, request, error);\r\n logs.error(page.DCSService, 'getFolioSection', \"useDCSService::getFolioSection:\" + ErrorMessages.folioSections + \" for section \" + sectionFriendlyPath, error, { eventId: ErrorCodes.FolioSectionTOC });\r\n //dataFormated = null;\r\n return [];\r\n }\r\n\r\n };\r\n\r\n async function retrievePublicationForTopic(requestbody, topicId, publicationId)\r\n {\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(requestbody);\r\n let request = {\r\n url: `${DCSEndPoint}/publication/${publicationId}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n const dataFormated = (UTILITIESHELPER.isArrayNullorEmpty(data) || data?.length === 0) ? [] : data;\r\n return dataFormated;\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'retrievePublication', \"useDCSService::retrievePublication DEBUG ERROR:[topicGuid, request, error]:\", publicationId, request, error);\r\n logs.error(page.DCSService, 'retrievePublication', \"useDCSService::retrieveTopic:\" + ErrorMessages.linkTopic + \" for topic \" + publicationId, error, { eventId: ErrorCodes.Link });\r\n return [];\r\n }\r\n }\r\n\r\n async function retrieveChatBotSearchResult(payload, signal = null) {\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(payload);\r\n let request = {\r\n url: `${SearchEndPoint}/ResearchAssistant/search`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n \r\n //retrieve file and trigger download on user's side\r\n //Added a try catch and await ,since Promise .then is not resolving here \r\n var response=null;\r\n try {\r\n response = await apiCall(request, customheaders, signal);\r\n return response;\r\n }\r\n catch(error) {\r\n var result = raErrorHandler(request, error, response);\r\n return result;\r\n }\r\n }\r\n\r\n async function researchAssistantUserFeedback(payload) {\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(payload);\r\n let request = {\r\n url: `${SearchEndPoint}/ResearchAssistant/userFeedBack`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n \r\n var response=null;\r\n try {\r\n response = await apiCall(request, customheaders);\r\n \r\n }\r\n catch {\r\n logs.error(page.DCSService, 'RPService', \"Error in Research Assistant user feedback api\", request.url);\r\n }\r\n finally {\r\n return response;\r\n }\r\n }\r\n async function retrieveFrameworkList(taxonomyMemberFirmContext) {\r\n let request = {\r\n url: `${DCSEndPoint}/taxonomy/framework?memberFirmIds=${taxonomyMemberFirmContext}&asHierarchical=true&includeRelations=true`,\r\n method: 'GET',\r\n mode: 'cors'\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n return data\r\n logs.debug(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections:[retrieveLinks dataFormated]:\", data);\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections DEBUG ERROR:[request, error]:\", request, error);\r\n logs.error(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections:\" + ErrorMessages.catalogSections + \" for collection \" + error, { eventId: ErrorCodes.Catalog });\r\n return null;\r\n }\r\n }\r\n\r\n\r\n async function retrieveFolioTaxonomyLists(requestbody, pubLandingUrl)\r\n {\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(requestbody);\r\n let url = '';\r\n var taxonomyType = pubLandingUrl.match(/_(\\d+)/);\r\n const taxonomyTypeId = taxonomyType ? taxonomyType[0] : '';\r\n console.log(\"taxonomyTypeId =>\", taxonomyTypeId);\r\n switch (true) {\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_NON_ACCOUNT.auditingNonAccountFolios):\r\n url = `publication/nonAccountsList`;\r\n break;\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_ACCOUNT.auditingAccountingFolios):\r\n url = `publication/AccountsList`;\r\n break;\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_NON_ACCOUNT.assuranceFolios):\r\n url = `publication/assuranceNonAccountsList`;\r\n break;\r\n }\r\n console.log(\"URL =>\", url)\r\n let request = {\r\n url: `${DCSEndPoint}/${url}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n \r\n try {\r\n const data = await apiCall(request, customheaders);\r\n const dataFormated = (UTILITIESHELPER.isArrayNullorEmpty(data) || data?.length === 0) ? [] : data;\r\n return dataFormated;\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'retrievePublication', \"useDCSService::retrievePublication DEBUG ERROR:[ request, error]:\", request, error);\r\n logs.error(page.DCSService, 'retrievePublication', \"useDCSService::retrieveTopic:\" + ErrorMessages.linkTopic + \" for topic \" + error, { eventId: ErrorCodes.Link });\r\n return [];\r\n }\r\n }\r\n\r\n async function retrieveFolioLists(taxonomyMemberFirmContext)\r\n {\r\n let request = {\r\n url: `${DCSEndPoint}/taxonomy/folios?memberFirmIds=${taxonomyMemberFirmContext}&asHierarchical=true&includeRelations=true`,\r\n method: 'GET',\r\n mode: 'cors'\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n return data\r\n logs.debug(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections:[retrieveLinks dataFormated]:\", data);\r\n }\r\n catch (error) {\r\n logs.debug(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections DEBUG ERROR:[request, error]:\", request, error);\r\n logs.error(page.DCSService, 'getCatalogSections', \"useDCSService::getCatalogSections:\" + ErrorMessages.catalogSections + \" for collection \" + error, { eventId: ErrorCodes.Catalog });\r\n return null;\r\n }\r\n }\r\n\r\n\r\n //NOTE: YOU HAVE TO INCLUDE YOUR USE CODE EXACTLY AS THEY APEAR:\r\n //const { generateQuerySpec, getQueryKey, getCatalogSections, getFolioSection } = useDCSService();\r\n return {\r\n //Public Functions\r\n generateQuerySpec,\r\n getQueryKey,\r\n //Retreival Functions\r\n getCatalogSections,\r\n getFolioSection,\r\n retrieveChatBotSearchResult,\r\n researchAssistantUserFeedback,\r\n retrievePublicationForTopic,\r\n getDelCummAndProfNewsCollectionSections,\r\n retrieveFrameworkList,\r\n retrieveFolioTaxonomyLists,\r\n retrieveFolioLists\r\n };\r\n};\r\n\r\nexport default useDCSService;\r\n","import { useQuery } from 'react-query';\r\nimport { get } from 'lodash';\r\nimport useDCSService from '../services/useDCSService';\r\nimport { usePageContext } from '../contexts/PageContext';\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper';\r\n\r\nconst useCatalogSectionsQuery = (collection) => {\r\n const { generateQuerySpec, getQueryKey, getCatalogSections } = useDCSService();\r\n const { context, getMemberFirmID } = usePageContext();\r\n\r\n let querySpec = collection.publicationType ? generateQuerySpec(collection.publicationType, get(collection, 'resultLimit', 0)) : null;\r\n let queryKey = querySpec ? getQueryKey(querySpec, 'CatalogSections') : `${context.knowledgeDomain}-${getMemberFirmID()}-${collection.collectionType}`;\r\n\r\n const retrieveLinks = async (collection) => {\r\n const linksPromise = () => collection.links ? collection.links : [];\r\n const linksFromService = async () => {\r\n try {\r\n const data = await getCatalogSections(querySpec, collection.collectionType);\r\n const dataFormated = (UTILITIESHELPER.isArrayNullorEmpty(data) || data?.length === 0) ? [] : data;\r\n //ALREADY LOGGED IN getCatalogSections! : logs.debug(page.DCSService, 'retrieveLinks', \"retrieveLinks collectionType, dataFormated\", collection.collectionType, dataFormated);\r\n return dataFormated;\r\n }\r\n catch (error) {\r\n //ALREADY LOGGED IN getCatalogSections! : logs.error(page.DCSService, 'retrieveLinks', ErrorMessages.catalogSections + ' for ' + collection.collectionType, error, { eventId: ErrorCodes.Catalog });\r\n return [];\r\n }\r\n }\r\n\r\n return collection.publicationType ? await linksFromService() : linksPromise();\r\n }\r\n\r\n return useQuery(queryKey, () => retrieveLinks(collection))\r\n};\r\n\r\nexport default useCatalogSectionsQuery;\r\n","import React from 'react';\r\nimport cx from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport LinkHelpers from '../../helpers/LinkHelpers';\r\nimport { get } from 'lodash';\r\nimport { getIconSrc } from \"../Article/File\";\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport ListItem from '../Common/ListItem';\r\nimport ViewAll from '../Common/ViewAll';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport CollectionDropdown from \"./CollectionDropdown\";\r\nimport useCatalogSectionsQuery from \"../../hooks/useCatalogSectionsQuery\";\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\n\r\n\r\nconst CatalogBox = ({ className, collection, currentPosition }) => {\r\n const { getLabel, getMFLabel } = usePageContextLabels()\r\n const friendlyUrl = get(collection, 'collectionType', \"\");\r\n const taxonomylists = get(collection, 'taxonomylist', []);\r\n const icon = get(collection, 'icon.Url') || getIconSrc(friendlyUrl);\r\n const altText = get(collection, 'friendlyUrl');\r\n const viewAllLabel = get(collection, 'viewAllLabel');\r\n const viewAllText = (viewAllLabel !== null && friendlyUrl !== \"folio\") ? getLabel(viewAllLabel, \"View Collection\") : \"\";\r\n const viewAllLink = (friendlyUrl.indexOf(\"dashboard\") > -1) ? [friendlyUrl].join(\"/\") : [\"collection\", friendlyUrl].join(\"/\");\r\n const name = getMFLabel(get(collection, 'title'), \"get(currentCollection, 'title')\");\r\n const description = getMFLabel(get(collection, 'intro'), \"get(currentCollection, 'intro')\");\r\n const listTitle = getMFLabel(get(collection, 'linkstitle'), \"get(currentCollection, 'linkstitle')\");\r\n const maxItems = get(collection, 'resultLimit');\r\n\r\n //BDP:TODO:Update this to use the context object instead of the parameters, these are in the context/contextMemberFirm (as the context memberfirm!\r\n \r\n let { data: catalogBoxLinks, status } = useCatalogSectionsQuery(collection);\r\n if (!collection.publicationType) {\r\n catalogBoxLinks = collection.links;\r\n }\r\n \r\n const shouldShowLinks = () => {\r\n return (catalogBoxLinks?.length > 0 && status === 'success')\r\n || (status === 'loading' && catalogBoxLinks?.length === 0)\r\n || catalogBoxLinks?.length > 0\r\n };\r\n const sanitizedViewAllLink = LinkHelpers.sanitizeUrl(viewAllLink);\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n 0}>\r\n {taxonomylists.map((taxonomylistitem, i) => {\r\n return ( \r\n \r\n {!UTILITIESHELPER.isArrayNullorEmpty(catalogBoxLinks) &&\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nCatalogBox.defaultProps = {\r\n listItems: [],\r\n maxItems: 5,\r\n}\r\n\r\nexport default CatalogBox;\r\n","import CatalogBox from \"./CatalogBox\";\r\nimport React from 'react';\r\n\r\n\r\nconst CatalogCards = ({catalogs, isLoading}) => {\r\n const renderCatalogBox = (currentCollection, currentPosition) => {\r\n if (isLoading) {\r\n return null\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n -1}>\r\n \r\n {name}\r\n \r\n \r\n \r\n {name}\r\n \r\n
\r\n \r\n {description}\r\n
\r\n \r\n 0}>\r\n \r\n
\r\n )\r\n })}\r\n \r\n \r\n \r\n {getLabel(\"c_OR\", \"OR\")}\r\n \r\n \r\n
\r\n \r\n {listTitle ?
}\r\n {listTitle}
: null}\r\n- \r\n {catalogBoxLinks.slice(0, maxItems).map((item, i) => {\r\n const href = get(item, 'linkExternal');\r\n return (\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default CatalogCards;\r\n","import { useEffect, useState,useRef } from 'react';\r\nimport { useQuery } from 'react-query';\r\nimport RETRIEVALSERVICES from './rp-service';\r\nimport useFetchWithMsal from '../hooks/useFetchWithMsal';\r\nimport CONTEXTHELPERS from \"../helpers/ContextHelpers\";\r\nimport { FOLIO_SUBJECT_ACCOUNT, FOLIO_SUBJECT_NON_ACCOUNT } from '../components/Constants/Constants';\r\nimport UTILITIESHELPER from '../helpers/UtilitiesHelper';\r\nimport { logs, page } from '../helpers/log';\r\nimport { ErrorCodes, ErrorMessages } from '../components/Constants/Errors';\r\nimport { usePageContext } from '../contexts/PageContext';\r\n\r\n/**\r\n * Custom hook to get User Information API using bearer token obtained from MSAL\r\n * @returns\r\n */\r\nconst useSearchService = () => {\r\n const { apiCall } = useFetchWithMsal();\r\n const { context, getMemberFirmIDs,getMemberFirmLanguages,getMemberFirmDefaultLanguage } = usePageContext();\r\n\r\n const SearchEndPoint = (window.DART && window.DART.ENV) ? window.DART.ENV.REACT_APP_SEARCH_ENDPOINT_API : undefined;\r\n const customheaders = { \"INK_CONTENT_PRERELEASE\": (window.DART && window.DART.ENV) && (window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE ? window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE : window.DART.ENV.RP_REACT_APP_PREVIEW) };\r\n /**\r\n * Execute a fetch request with the given options\r\n * @returns JSON response\r\n */\r\n // Used to prevent state updates after unmount\r\n const mounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n mounted.current = false;\r\n };\r\n }, []);\r\n\r\n const getQueryKey = (querySpec,keyprefix) => {\r\n let queryKey = `${keyprefix}-${[...querySpec.knowledge_domain]}-${[...querySpec.member_firm]}`;\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.publication_type)) {\r\n queryKey = `${queryKey}-${querySpec.publication_type}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.tier)) {\r\n queryKey = `${queryKey}-${[...querySpec.tier]}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.industry)) {\r\n queryKey = `${queryKey}-${[...querySpec.industry]}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.audit_workflow_area_account)) {\r\n queryKey = `${queryKey}-${[...querySpec.audit_workflow_area_account]}`;\r\n }\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(querySpec.audit_workflow_area_nonaccount)) {\r\n queryKey = `${queryKey}-${[...querySpec.audit_workflow_area_nonaccount]}`;\r\n }\r\n return queryKey\r\n }\r\n\r\n //BDP:TODO:THIS SHOULD RECEIVE THE PageContext object! IT SHOULD NOT GET IT OR GENERATE IT (AS ITS DONE TWICE IN THIS FUNCTION ALONE!!!)\r\n const generateQuerySpec = (publicationTypes, searchPhrase, result_limit) => {\r\n const knowledgeDomainID = CONTEXTHELPERS.getknowledgeDomainId(context.knowledgeDomain);\r\n \r\n let {tier, industry} = context;\r\n tier = tier ? tier : '';\r\n industry = industry ? industry : '';\r\n\r\n let audit_workflow_area_account = [];\r\n let audit_workflow_area_nonaccount = [];\r\n\r\n //Dynamic queries are only there in Guidebooks (for now)\r\n if (context.pageControllerType === \"folio\")\r\n {\r\n //e.g. Direction-Supervision-and-Review_66019141-66029848\r\n const pageDynamicQuery = context.pageFileName.split(\"_\");\r\n if (pageDynamicQuery.length > 1)\r\n {\r\n //e.g. 66019141-66029848\r\n const pageDynamicCategory = pageDynamicQuery[1].split(\"-\");\r\n if (pageDynamicCategory.length > 1)\r\n {\r\n //e.g. 66019141\r\n switch (pageDynamicCategory[0])\r\n {\r\n case FOLIO_SUBJECT_ACCOUNT.accountBalance:\r\n case FOLIO_SUBJECT_ACCOUNT.auditingAccountingFolios:\r\n case FOLIO_SUBJECT_ACCOUNT.accountingFolios:\r\n audit_workflow_area_account = [ pageDynamicCategory[1] ]; //e.g. 66029848\r\n break;\r\n\r\n case FOLIO_SUBJECT_NON_ACCOUNT.nonAccountBalance:\r\n case FOLIO_SUBJECT_NON_ACCOUNT.auditingNonAccountFolios:\r\n case FOLIO_SUBJECT_NON_ACCOUNT.assuranceFolios:\r\n audit_workflow_area_nonaccount = [ pageDynamicCategory[1] ]; //e.g. 66029848\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return {\r\n toc: false,\r\n result_limit: result_limit,\r\n member_firm: getMemberFirmIDs(),\r\n search_phrase: searchPhrase,\r\n default_language: getMemberFirmDefaultLanguage(),\r\n languages:getMemberFirmLanguages(),\r\n knowledge_domain_from_url: context.knowledgeDomain,\r\n knowledge_domain: [knowledgeDomainID],\r\n publication_type: publicationTypes ? publicationTypes : null,\r\n publication_id:[], // default\r\n tier: CONTEXTHELPERS.getTierIds(context.memberFirm, context.knowledgeDomain),\r\n industry: CONTEXTHELPERS.getIndustryIds(context.memberFirm, context.knowledgeDomain),\r\n audit_workflow_area_account,\r\n audit_workflow_area_nonaccount,\r\n effective_date: new Date(),\r\n version: 0\r\n }\r\n }\r\n\r\n const getPublicationTypesByCatalogSection = (catalogsection, KnowledgeDomain) => {\r\n let PublicationType = [];\r\n switch (catalogsection) {\r\n case \"Folios\":\r\n case \"folio\":\r\n //Depending on knowledge domain, we have a different list...\r\n if (KnowledgeDomain ===\"17573178\")\r\n {\r\n //Publication Types that are in an Accounting Folio\r\n PublicationType.push(\"60194863\"); //Roadmap (can appear in a folio and as stand alone manual (so will present as a manual!!)\r\n }\r\n // For Auditing and Assurance\r\n else\r\n {\r\n PublicationType.push(\"60194861\"); //Practical Guides //NOT USED (JENF)\r\n PublicationType.push(\"65683594\");\r\n PublicationType.push(\"60194864\"); // Announcements\r\n PublicationType.push(\"65511719\"); // Announcements External\r\n PublicationType.push(\"66029857\"); //RP Other Guidance\t 66029857\r\n PublicationType.push(\"66029858\"); //FTEO Guide\r\n PublicationType.push(\"68169717\"); //Template Guide (Content Types)\r\n PublicationType.push(\"58035381\");\r\n PublicationType.push(\"68489711\");\r\n }\r\n break;\r\n //Structure Standard (spine publication)\"\r\n case \"Standards\":\r\n case \"standards\":\r\n PublicationType.push(\"48082111\");\r\n PublicationType.push(\"60194865\");//Standard Section - Numbered\r\n break;\r\n //Structure Manual (spine publication)\r\n case \"Manuals\":\r\n case \"manuals\":\r\n PublicationType.push(\"48082110\"); //Manual Section\r\n PublicationType.push(\"60194863\");\r\n PublicationType.push(\"60194866\");//Roadmaps\r\n break;\r\n case \"Journals\":\r\n case \"deloitte-communications\":\r\n PublicationType.push(\"65511719\");\r\n PublicationType.push(\"60194864\");\r\n break;\r\n default:\r\n //Else we have a Journal/other that we are not going to change as its already the ID we need.\r\n break;\r\n }\r\n\r\n return PublicationType;\r\n }\r\n\r\n const getSearchParamsQuerySpec = (searchQuerySpec,pageType,searchParams) => {\r\n let PublicationType = [];\r\n\r\n if(!UTILITIESHELPER.isStringNullorEmpty(searchParams)) {\r\n let pubIDs = searchParams.split(\"/\");\r\n switch(pubIDs[0]) {\r\n case \"publication_id\":\r\n searchQuerySpec.publication_id = [...pubIDs];\r\n searchQuerySpec.publication_id.splice(0,1);\r\n //searchQuerySpec.publication_type = getPublicationTypesByCatalogSection(pageType,searchQuerySpec.knowledge_domain);\r\n break; \r\n default:\r\n break;\r\n }\r\n }\r\n return searchQuerySpec;\r\n }\r\n\r\n async function getCatalogSearchResponses(catalogSection, searchPhrase, resultLimit) {\r\n let querySpec = generateQuerySpec([],searchPhrase,resultLimit); \r\n let dataFormated = [];\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(querySpec);\r\n let request = {\r\n url: `${SearchEndPoint}/search/${catalogSection}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n dataFormated = (data === undefined || data?.length === 0) ? [] : data;\r\n logs.debug(page.Search, 'getCatalogSearchResponses', \"useSearchService::getCatalogSearchResponses:[apiCall collectionType, dataFormated]:\", searchPhrase, dataFormated);\r\n }\r\n catch (error) {\r\n logs.debug(page.Search, 'getCatalogSearchResponses', \"useSearchService::getCatalogSearchResponses DEBUG ERROR:[searchPhrase, request, error]:\", searchPhrase, request, error);\r\n logs.error(page.Search, 'getCatalogSearchResponses', 'Error with search result for ' + [searchPhrase], error, { eventId: ErrorCodes.Search });\r\n dataFormated = null;\r\n }\r\n\r\n return dataFormated;\r\n };\r\n\r\n async function getCollectionSearchResponses(pageType, searchPhrase, resultLimit, searchParams) {\r\n let querySpec = generateQuerySpec([], searchPhrase, resultLimit);\r\n let searchquerySpec = getSearchParamsQuerySpec(querySpec, pageType, searchParams);\r\n //querySpec.publication_type = getPublicationTypesByCatalogSection(pageType,querySpec.knowledge_domain);\r\n let dataFormated = []; \r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(searchquerySpec);\r\n let request = {\r\n url: `${SearchEndPoint}/search/${pageType}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n dataFormated = (data === undefined || data?.length === 0) ? [] : data;\r\n logs.debug(page.Search, 'getCollectionSearchResponses', \"useSearchService::getCollectionSearchResponses:[apiCall collectionType, dataFormated]:\", searchPhrase, dataFormated);\r\n }\r\n catch (error) {\r\n logs.debug(page.Search, 'getCollectionSearchResponses', \"useSearchService::getCollectionSearchResponses DEBUG ERROR:[searchPhrase, request, error]:\", searchPhrase, request, error);\r\n logs.error(page.Search, 'getCollectionSearchResponses', 'Error with search result for ' + [searchPhrase], error, { eventId: ErrorCodes.Search });\r\n dataFormated = null;\r\n }\r\n\r\n return dataFormated;\r\n };\r\n\r\n async function getPublicationSearchResponses(pageType, searchPhrase, resultLimit, searchParams) {\r\n let querySpec = generateQuerySpec([],searchPhrase,resultLimit);\r\n let searchquerySpec = getSearchParamsQuerySpec(querySpec,pageType,searchParams);\r\n let dataFormated = [];\r\n let requestOptions = RETRIEVALSERVICES.contextPostRequestOptions(searchquerySpec);\r\n let request = {\r\n url: `${SearchEndPoint}/search/${pageType}`,\r\n method: 'POST',\r\n mode: 'cors',\r\n body: JSON.stringify(requestOptions.body)\r\n }\r\n\r\n try {\r\n const data = await apiCall(request, customheaders);\r\n dataFormated = (data === undefined || data?.length === 0) ? [] : data;\r\n logs.debug(page.Search, 'getPublicationSearchResponses', \"useSearchService::getPublicationSearchResponses:[apiCall collectionType, dataFormated]:\", searchPhrase, dataFormated);\r\n }\r\n catch (error) {\r\n logs.debug(page.Search, 'getPublicationSearchResponses', \"useSearchService::getPublicationSearchResponses DEBUG ERROR:[searchPhrase, request, error]:\", searchPhrase, request, error);\r\n logs.error(page.Search, 'getPublicationSearchResponses', 'Error with search result for ' + [searchPhrase], error, { eventId: ErrorCodes.Search });\r\n dataFormated = null;\r\n }\r\n\r\n return dataFormated;\r\n };\r\n\r\n //NOTE: YOU HAVE TO INCLUDE YOUR USE CODE EXACTLY AS THEY APEAR:\r\n //const [getCatalogSearchResponses, getCollectionSearchResponses, getPublicationSearchResponses] = useSearchService();\r\n return {\r\n getCatalogSearchResponses,\r\n getCollectionSearchResponses,\r\n getPublicationSearchResponses\r\n };\r\n};\r\n\r\nexport default useSearchService;\r\n","import { useQuery } from 'react-query'\r\nimport { get } from 'lodash'\r\nimport useDCSService from '../services/useDCSService'\r\nimport useSearchService from '../services/useSearchService'\r\nimport { usePageContext } from '../contexts/PageContext'\r\nimport {\r\n KNOWLEDGE_DOMAIN,\r\n PUBTYPES_CATALOG_PAGE,\r\n} from '../components/Constants/Constants'\r\n\r\n//['search',catalogSearchPhrase]\r\n\r\nconst useCatalogSearchQuery = (catalogSearchPhrase, isSearchSubmit) => {\r\n const { generateQuerySpec, getQueryKey } = useDCSService()\r\n const { context, getMemberFirmID } = usePageContext()\r\n const searchService = useSearchService()\r\n // Convert search phrase to lowercase for cache key\r\n const normalizedCatalogSearchPhrase = catalogSearchPhrase\r\n ? catalogSearchPhrase.toLowerCase()\r\n : ''\r\n let querySpec = generateQuerySpec([], catalogSearchPhrase)\r\n let queryKey = querySpec\r\n ? getQueryKey(querySpec, `CatalogSearch-${normalizedCatalogSearchPhrase}`)\r\n : `${context.knowledgeDomain}-${getMemberFirmID()}`\r\n\r\n let results\r\n\r\n const retrieveCatalogSearchResults = async (catalogSearchPhrase) => {\r\n if (context.knowledgeDomain === KNOWLEDGE_DOMAIN.accounting) {\r\n const [Manuals, Standards, Journals, ExternalNews] = await Promise.all([\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[1],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[2],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[3],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[4],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n ])\r\n\r\n results = {\r\n '60194866': Manuals, // Manuals,\r\n '60194865': Standards, // Standards\r\n '60194864': Journals, // Deloitte-communications/Journals\r\n '65511719': ExternalNews, //professional-news\r\n }\r\n } else {\r\n const [Folios, Manuals, Standards, Journals, ExternalNews] = await Promise.all([\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[0],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[1],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[2],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[3],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n await searchService.getCatalogSearchResponses(\r\n PUBTYPES_CATALOG_PAGE[4],\r\n catalogSearchPhrase,\r\n get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)\r\n ),\r\n ])\r\n\r\n results = {\r\n folio: Folios, // Folios\r\n '60194866': Manuals, // Manuals,\r\n '60194865': Standards, // Standards\r\n '60194864': Journals, // Deloitte-communications/Journals\r\n '65511719': ExternalNews, //professional-news\r\n }\r\n }\r\n return results\r\n }\r\n\r\n return useQuery(\r\n queryKey,\r\n () => retrieveCatalogSearchResults(catalogSearchPhrase),\r\n {\r\n enabled:\r\n catalogSearchPhrase?.length > 1 &&\r\n catalogSearchPhrase !== '' &&\r\n isSearchSubmit === true,\r\n }\r\n )\r\n}\r\n\r\nexport default useCatalogSearchQuery\r\n","import React from 'react';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { getIconSrc } from '../../components/Article/File';\r\nimport ARTICLEHELPERS from '../../helpers/ArticleHelpers';\r\nimport { PAGE_CONTROLLER_TYPE } from '../Constants/Constants';\r\n\r\nconst ChatBotCatalogSearchResultItem = (props) => {\r\n const { viewAllResultsUrl, document, url, highlights } = props;\r\n const isFormatBinary = document.format !== \"\";\r\n let documentformatarray = document.format.split(',');\r\n\r\n function getDocumentTitle() {\r\n let documenttitle = \"\";\r\n if (url.includes(\"/\" + PAGE_CONTROLLER_TYPE.folio) ||\r\n url.includes(\"/\" + PAGE_CONTROLLER_TYPE.manual) ||\r\n url.includes(\"/\" + PAGE_CONTROLLER_TYPE.standards) ||\r\n url.includes(\"/\" + PAGE_CONTROLLER_TYPE.standard)) {\r\n documenttitle = UTILITIESHELPER.isStringNullorEmpty(document.navTitle) ?\r\n (UTILITIESHELPER.isStringNullorEmpty(document.publicationNavTitle) ? ReactHtmlParser(document.publicationTitle) : ReactHtmlParser(document.publicationNavTitle))\r\n : ReactHtmlParser(document.navTitle);\r\n }\r\n else {\r\n documenttitle = UTILITIESHELPER.isStringNullorEmpty(document.publicationNavTitle) ?\r\n (UTILITIESHELPER.isStringNullorEmpty(document.publicationTitle) ? '' : ReactHtmlParser(document.publicationTitle))\r\n : ReactHtmlParser(document.publicationNavTitle);\r\n }\r\n return documenttitle;\r\n }\r\n\r\n return (\r\n \r\n {catalogs.map((collection, i) => {\r\n if (collection.column == null) {\r\n if (i % 2 === 0) {\r\n return renderCatalogBox(collection, 10 + i)\r\n }\r\n } else if (collection.column === 1) {\r\n return renderCatalogBox(collection, 10 + i)\r\n }\r\n return null;\r\n })}\r\n
\r\n \r\n {catalogs.map((collection, i) => {\r\n if (collection.column == null) {\r\n if (i % 2 !== 0) {\r\n return renderCatalogBox(collection, 20 + i)\r\n }\r\n } else if (collection.column === 2) {\r\n return renderCatalogBox(collection, 20 + i)\r\n }\r\n return null;\r\n })}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ChatBotCatalogSearchResultItem;\r\n","import React from \"react\";\r\nimport { usePageContextLabels } from \"../../contexts/PageContext\";\r\n\r\nconst AskFollowUpButton = ({ handleAskFollowUpButton }) => {\r\n const { getLabel } = usePageContextLabels();\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default AskFollowUpButton;","import React from \"react\";\r\n\r\nexport const GotoIcon = ({ handleClick }) => {\r\n return (\r\n \r\n\r\n \r\n \r\n {documentformatarray.map((element, index) => {\r\n return (\r\n \r\n {(url.includes(\"/folio\")) ? (\r\n {getDocumentTitle()}\r\n ) : (\r\n {getDocumentTitle()}\r\n )}\r\n \r\n
\r\n {ReactHtmlParser(ARTICLEHELPERS.getHighlightedText(highlights))}
\r\n\r\n {!isPopupFootnote && (\r\n \r\n \r\n {footnote}\r\n \r\n
\r\n )}\r\n\r\n\r\n })
\r\n
\r\n \r\n {shouldShowOverlay &&\r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\nRedirectModal.defaultProps = {\r\n setShouldShowRedirectModal: () => { },\r\n setShouldShowOverlay: () => { },\r\n}\r\n\r\nexport default RedirectModal;\r\n","import React, { useState } from 'react';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { useParams } from 'react-router-dom';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nexport const ContentItem = (props) => {\r\n const {pageControllerType} = useParams();\r\n const [markup,setmarkup] = useState(props.subItem?.content?.text ? props.subItem?.content?.text : '' );//eslint-disable-line\r\n \r\n function createTitle() {\r\n\r\n if (props.subItem !== null && props.subItem.content !== null && props.subItem.content.title !== null) {\r\n var title =UTILITIESHELPER.decodeSpecialCharacters(props.subItem.content.title);\r\n const itemReferenceID = (props.subItem.content.reference_id) ? props.subItem.content.reference_id : \"\";\r\n return itemReferenceID + \" \" + title;\r\n }\r\n\r\n return null;\r\n }\r\n\r\n const isPdf = props.subItem.content.format === \".pdf\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {getLabel(\"l_LinkModalExternalLink\", \"External Link\")}\r\n \r\n
\r\n \r\n
\r\n {messageRedirectTL}
\r\n\r\n \r\n {getLabel(\"g_No\", \"No\")}\r\n \r\n \r\n {getLabel(\"g_Yes\", \"Yes\")}\r\n \r\n
\r\n {createTitle()}
\r\n\r\n {htmlText} \r\n
\r\n );\r\n};\r\nexport default Copyright;\r\n","import React from 'react';\r\nimport HTMLContent from '../Common/HTMLContent';\r\n\r\nimport getTextWithSearchHighlight from '../../helpers/getTextWithSearchHighlight';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\n\r\nexport const Figure = (props) => {\r\n const { markup } = props;\r\n const getDecoratorClass = () => {\r\n var decoratorType = props.item.content_type;\r\n\r\n switch (decoratorType) {\r\n case '48693746':\r\n return 'figure-block variation-beta'\r\n case '60194857':\r\n // Pitfall\r\n return 'figure-block variation-gamma'\r\n case 'delta':\r\n return 'figure-block variation-delta'\r\n default:\r\n return 'figure-block';\r\n }\r\n }\r\n\r\n function createMarkup(html) {\r\n if (props.item.containsBinary) {\r\n var htmlContent = \"\";\r\n if (props.item.content.format === \".pdf\") {\r\n htmlContent += \"\";\r\n }\r\n return htmlContent;\r\n }\r\n else {\r\n return html;\r\n }\r\n }\r\n\r\n const { searchText } = useArticleContext();\r\n\r\n return (\r\n \r\n {getTextWithSearchHighlight(createMarkup(props.item.content.rich_text_title), searchText)} \r\n {getTextWithSearchHighlight(markup, searchText) || getTextWithSearchHighlight(createMarkup(props.item.content.text), searchText)} \r\n
\r\n );\r\n}\r\n\r\nFigure.propsTypes = {\r\n typeName: \"Figure\"\r\n}\r\n\r\nexport default Figure;","\r\nimport { get } from 'lodash';\r\n\r\nconst INDEXED_COMPONENT = 'indexed';\r\nconst SECTION_COMPONENT = 'section';\r\nconst SECTION_COMPONENT_WITH_TEXT_BLOCK = 'section with text block';\r\nconst FIGURE_COMPONENT = 'figure';\r\nconst SIMPLE_NARRATIVE_COMPONENT = 'Simple Narrative';\r\nconst FULL_NARRATIVE_COMPONENT = 'Full Narrative';\r\nconst FILE_COMPONENT = 'File';\r\n\r\nconst BLUE_VARIANT = 'blue-variant';\r\nconst RED_VARIANT = 'red-variant';\r\nconst BLACK_VARIANT = 'black-variant';\r\nconst REVISION_HISTORY= 'revision history';\r\nconst getComponentInfo = (contentTypeId) => {\r\n\r\nconst decoratorInfo = {\r\n '67748346': {\r\n name: 'Revison History',\r\n component: REVISION_HISTORY,\r\n isInPilot: true,\r\n },\r\n '60194859': {\r\n name: 'Application guidance',\r\n component: INDEXED_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '63781317': {\r\n name: 'Manual guidance',\r\n component: INDEXED_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '18735284': {\r\n name: 'Policy',\r\n component: INDEXED_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '60194860': {\r\n name: 'Requirement',\r\n component: INDEXED_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '17377912': {\r\n name: 'Section',\r\n component: SECTION_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '63887580': {\r\n name: 'Article',\r\n component: SECTION_COMPONENT_WITH_TEXT_BLOCK,\r\n isInPilot: true,\r\n },\r\n '86191937': {\r\n name: 'ExternalArticle',\r\n component: SECTION_COMPONENT_WITH_TEXT_BLOCK,\r\n isInPilot: true,\r\n },\r\n '63781318': {\r\n name: 'Process flow overview',\r\n component: SECTION_COMPONENT_WITH_TEXT_BLOCK,\r\n isInPilot: false,\r\n },\r\n '63781319': {\r\n name: 'Process flow step',\r\n component: SECTION_COMPONENT_WITH_TEXT_BLOCK,\r\n isInPilot: false,\r\n },\r\n '65469055': {\r\n name: 'Section with Intro',\r\n component: SECTION_COMPONENT_WITH_TEXT_BLOCK,\r\n isInPilot: true,\r\n },\r\n '67748346': {\r\n name: 'Revison History',\r\n component: SECTION_COMPONENT_WITH_TEXT_BLOCK,\r\n isInPilot: true,\r\n },\r\n '48693746': {\r\n name: 'Example',\r\n component: FIGURE_COMPONENT,\r\n variant: BLUE_VARIANT,\r\n isInPilot: true,\r\n },\r\n '48082120': {\r\n name: 'Information',\r\n component: SIMPLE_NARRATIVE_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '60194857': {\r\n name: 'Pitfall',\r\n component: FIGURE_COMPONENT,\r\n varian: RED_VARIANT,\r\n isInPilot: true,\r\n },\r\n '65469056': {\r\n name: 'Preface',\r\n component: FULL_NARRATIVE_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '63781322': {\r\n name: 'Scenario',\r\n component: FULL_NARRATIVE_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '63781320': {\r\n name: 'Step Documentation',\r\n component: FULL_NARRATIVE_COMPONENT,\r\n isInPilot: false,\r\n },\r\n '63781321': {\r\n name: 'Step summary how',\r\n component: FULL_NARRATIVE_COMPONENT,\r\n isInPilot: false,\r\n },\r\n '60247324': {\r\n name: 'Pub Context',\r\n isInPilot: true,\r\n },\r\n '60262021': {\r\n name: 'Pub Context - Spine',\r\n isInPilot: true,\r\n },\r\n '60194856': {\r\n name: 'Q&A',\r\n component: FIGURE_COMPONENT,\r\n variant: BLACK_VARIANT,\r\n isInPilot: true,\r\n },\r\n '17323604': {\r\n name: 'Template',\r\n component: FILE_COMPONENT,\r\n isInPilot: true,\r\n },\r\n '18735295': {\r\n name: 'Template',\r\n component: FILE_COMPONENT,\r\n isInPilot: true,\r\n },\r\n\r\n}\r\n\r\nreturn get(decoratorInfo, `${contentTypeId}`, {})\r\n\r\n\r\n\r\n};\r\n\r\nconst isStructuredArticle = (contentTypeId) => {\r\n const info = getComponentInfo(contentTypeId);\r\n\r\n switch(info.component) {\r\n case FILE_COMPONENT:\r\n case SECTION_COMPONENT:\r\n case FIGURE_COMPONENT:\r\n case SECTION_COMPONENT_WITH_TEXT_BLOCK:\r\n case INDEXED_COMPONENT:\r\n case FULL_NARRATIVE_COMPONENT:\r\n case REVISION_HISTORY:\r\n return info.isInPilot;\r\n default:\r\n return false;\r\n }\r\n}\r\n\r\nconst isFigureOrSidebar = (contentTypeId) => {\r\n const info = getComponentInfo(contentTypeId);\r\n\r\n switch(info.component) {\r\n case FIGURE_COMPONENT:\r\n return info.isInPilot;\r\n default:\r\n return false;\r\n }\r\n}\r\n\r\nconst isRevisionHistory = (contentTypeId) => {\r\n const info = getComponentInfo(contentTypeId);\r\n\r\n switch(info.component) {\r\n case SECTION_COMPONENT_WITH_TEXT_BLOCK:\r\n return info.isInPilot;\r\n default:\r\n return false;\r\n }\r\n}\r\n\r\nconst isSection = (contentTypeId) => {\r\n const info = getComponentInfo(contentTypeId);\r\n\r\n switch(info.component) {\r\n case SECTION_COMPONENT:\r\n return info.isInPilot;\r\n default:\r\n return false;\r\n }\r\n}\r\n\r\nconst isIndexedComponent = (contentTypeId) => {\r\n const info = getComponentInfo(contentTypeId);\r\n\r\n switch(info.component) {\r\n case INDEXED_COMPONENT:\r\n return true\r\n default:\r\n return false;\r\n }\r\n}\r\n\r\nconst isFile = (contentTypeId, containsBinary) => {\r\n const info = getComponentInfo(contentTypeId);\r\n\r\n switch(info.component) {\r\n case FILE_COMPONENT:\r\n case SECTION_COMPONENT:\r\n return info.isInPilot && containsBinary;\r\n default:\r\n return false;\r\n }\r\n}\r\n\r\nexport {\r\n isStructuredArticle,\r\n isFigureOrSidebar,\r\n isIndexedComponent,\r\n isSection,\r\n isFile,\r\n isRevisionHistory\r\n};\r\n\r\nexport default getComponentInfo;\r\n","import React, { useEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport StructuredPanel from './StructuredPanel';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { isFigureOrSidebar, isIndexedComponent, isRevisionHistory } from '../../helpers/getComponentInfo';\r\nimport getTextWithSearchHighlight from '../../helpers/getTextWithSearchHighlight';\r\nimport { usePageContext } from '../../contexts/PageContext';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport { REVISION_HISTORY } from '../Constants/Constants';\r\n\r\nexport const StructuredSection = (props) => {\r\n\tconst { context } = usePageContext();\r\n\r\n\tconst structuredSectionTitle = UTILITIESHELPER.getContentItemTitle(props.item.content);\r\n\tconst titleRendered = \r\n\t\tstructuredSectionTitle !== \"\"\r\n\r\n\tconst { searchText, getIsSectionExpanded, setOpenMultipleExpandedSections, removeExpandedSectionKey } = useArticleContext();\r\n\tconst uuidRef = useRef(UTILITIESHELPER.generateUUID());\r\n\tconst uuid = uuidRef.current;\r\n\tconst isSectionExpanded = getIsSectionExpanded(uuid);\r\n\tconst isIndexed = isIndexedComponent(props.item.content_type);\r\n\r\n\tuseEffect(() => {\r\n\t\t//ONLY within a FOLIO, and when on qna|templates and we have more then 1 section, then they need to start contracted\r\n\t\tconst isDefaultExpanded = (context.pageSelectedSection === \"\") ||\r\n\t\t\t((\"|qna|templates|rp-templates\".indexOf(context.pageSelectedSection) > 0) && (props.sections === 1)) ||\r\n\t\t\t(\"|qna|templates|rp-templates\".indexOf(context.pageSelectedSection) === -1);\r\n\r\n\t\tsetOpenMultipleExpandedSections([uuid], isDefaultExpanded)\r\n\t\treturn () => removeExpandedSectionKey(uuid);\r\n\t}, []) //eslint-disable-line\r\n\r\n\tfunction getSectionTitleMarkup() {\r\n\t\tif (props.level === null) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\treturn `\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{getTextWithSearchHighlight(getSectionTitleMarkup(), searchText)} \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tsetOpenMultipleExpandedSections([uuid], 'toggle')}>
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n
\r\n
\r\n ))\r\n );\r\n }\r\n else {\r\n return (null);\r\n }\r\n }\r\n else {\r\n return (null);\r\n }\r\n }\r\n else {\r\n return (null);\r\n }\r\n}\r\n\r\nAssociatedContent.propsTypes = {\r\n typeName: \"AssociatedContent\"\r\n}\r\n\r\nexport default AssociatedContent;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport const RelatedLinks = (props) => {\r\n if (props.item.content) {\r\n var rellinks = props.item.content.related_links;\r\n if (rellinks && rellinks.length > 0) {\r\n return (\r\n {association.lead_in_text}
\r\n- \r\n {association.links.map((link) => (
- e.preventDefault()}>{link.link_text} ))}\r\n
\r\n \r\n
\r\n );\r\n }\r\n else\r\n return null;\r\n }\r\n else\r\n return null;\r\n}\r\n\r\nRelatedLinks.propsTypes = {\r\n\ttitle: PropTypes.string,\r\n typeName: \"RelatedLinks\"\r\n}\r\n\r\nexport default RelatedLinks;\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { get } from 'lodash';\r\nimport ARTICLEHELPER from '../../helpers/ArticleHelpers';\r\nimport Figure from './Figure';\r\nimport StructuredSection from './StructuredSection';\r\nimport Annotations from './Annotations';\r\nimport AssociatedContent from './AssociatedContent';\r\nimport RelatedLinks from './RelatedLinks';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { isFigureOrSidebar, isFile, isSection } from '../../helpers/getComponentInfo';\r\nimport getTextWithSearchHighlight from '../../helpers/getTextWithSearchHighlight';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { useEffect } from 'react';\r\nimport File from './File';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\n\r\n// Object Type Constants\r\nconst OBJECT_TYPES = {\r\n\tRPGuidanceContentBody: 'Deloitte.InK.ResearchPortal.Api.Models.ContentBodyModels.RPGuidanceContentBody',\r\n\tPolicyContentBody: 'Deloitte.InK.ResearchPortal.Api.Models.ContentBodyModels.PolicyContentBody',\r\n\tRequirementsContentBody: 'Deloitte.InK.ResearchPortal.Api.Models.ContentBodyModels.RequirementsContentBody'\r\n};\r\n\r\n\r\nfunction RenderAnnotations(props) {\r\n\tif (props.level > 0) {\r\n\t\treturn (\r\n\t\t\t- \r\n {rellinks.map((value, index) => (\r\n
- e.preventDefault()}>RelatedLinks :{value.text} \r\n ))}\r\n
\r\n\t\t\t\t\t{getTextWithSearchHighlight(props.markup, searchText)} \r\n\t\t\t\t
\r\n\t\t\t\r\n
\r\n\t\t)\r\n\t}\r\n\r\n\treturn null;\r\n}\r\n\r\n\r\nexport const StructuredArticle = (props) => {\r\n\tconst { searchText='', getIsSectionExpanded, removeExpandedSectionKey, setOpenMultipleExpandedSections } = useArticleContext()||{};\r\n const uuidRef = useRef(UTILITIESHELPER.generateUUID());\r\n\tconst uuid = uuidRef.current;\r\n\tconst isSectionExpanded = typeof(getIsSectionExpanded)===\"function\"?getIsSectionExpanded(uuid):true;\r\n\r\n\tuseEffect(() => {\r\n\t\tif(typeof(setOpenMultipleExpandedSections)===\"function\"){\r\n\t\t\tsetOpenMultipleExpandedSections([uuid], true);\r\n\t\t}\r\n\t\tif(typeof(removeExpandedSectionKey)===\"function\"){\r\n\t\t\treturn () => removeExpandedSectionKey(uuid);\r\n\t\t}\r\n\t}, [])//eslint-disable-line\r\n\r\n\tvar structuredArticleTitle = UTILITIESHELPER.getContentItemTitle(props.item.content);\r\n\r\n\t//Addition check to make the footnotes elements with the same number come up properly with click handling\r\n\tif (structuredArticleTitle !== '' && UTILITIESHELPER.IsTextHavingFnTag(props.item.content.rich_text_title)) {\r\n\t\tlet htmlOfRTT = ARTICLEHELPERS.getContentHtmlDocument(props.item.content.rich_text_title);\r\n\t\tlet fnOfRTT = htmlOfRTT.querySelector(\"fn .p\");\r\n\t\tlet idOfRTT = fnOfRTT.id;\r\n\r\n\t\tvar detailsFromMatchingFN = props.footnoteArray.filter(x => x.idOfRTT === idOfRTT);\r\n\r\n\t\tif (detailsFromMatchingFN.length > 0) {\r\n\t\t\tvar fnMarkup = UTILITIESHELPER.createMarkupFootnote(detailsFromMatchingFN[0].number, detailsFromMatchingFN[0].label);\r\n\r\n\t\t\tvar el = document.createElement('div');\r\n\t\t\tel.innerHTML = structuredArticleTitle;\r\n\r\n\t\t\tvar fnEl = el.querySelector('sup');\r\n\t\t\tfnEl.outerHTML = fnMarkup;\r\n\r\n\t\t\tstructuredArticleTitle = el.innerHTML;\r\n\t\t}\r\n\t}\r\n\r\n const location = useLocation();\r\n var context = CONTEXTHELPERS.generateContext(location.pathname);\r\n\tconst titleRendered = !isFigureOrSidebar(props.item.content_type) && structuredArticleTitle\r\n\tvar jumpLinkClass = 'jumplink-' + props.item.id;\r\n\r\n\treturn (\r\n\t\t\r\n \r\n
\r\n
\r\n {getTextWithSearchHighlight(structuredArticleTitle, searchText)}
\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nNavigableSearchbar.defaultProps = {\r\n // placeholder: \"\",\r\n // style: {},\r\n // className: '',\r\n // terms: []\r\n isExpanded: false,\r\n isFixed: false,\r\n style: {},\r\n className: '',\r\n placeholder: '',\r\n showSearchLink: false,\r\n value: '',\r\n setValue: () => { },\r\n terms: [],\r\n onClose: () => { },\r\n returnUrl: null\r\n}\r\n\r\nexport default NavigableSearchbar","import React, { useEffect, useRef, useState } from 'react';\r\nimport NavigableSearchbar from '../Common/NavigableSearchbar';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { usePageContextLabels, usePageContext } from '../../contexts/PageContext';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport { appInsightUIMapping } from '../../helpers/log';\r\nimport { SCS_KEYS, getFallback } from '../Constants/SCSConstants';\r\nimport { ErrorTypes } from '../Constants/Errors';\r\n\r\n\r\nconst ArticleSearch = ({ isFixed, isExpanded, style, className }) => {\r\n const inputRef = useRef();\r\n const [isActive, setIsActive] = useState(isExpanded); //start off with search closed\r\n const { searchText, setSearchText, pdfPage, setPdfPage } = useArticleContext(); //For setting the search text\r\n const [searchTerms, setSearchTerms] = useState(0);\r\n const { getLabel } = usePageContextLabels();\r\n const { setSearchPhrase, setNotification } = usePageContext();\r\n const { setSearchResults, areSearchResultsLoading } = useSearchResultContext();\r\n const [localValue, setLocalValue] = useState(searchText);\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n\r\n useEffect(() => {\r\n if (areSearchResultsLoading) {\r\n sessionStorage.removeItem('searchPhraseParam');\r\n }\r\n\r\n // Clear search text context value when component unmounts\r\n return () => setSearchText(\"\")\r\n }, []);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n setIsActive(isExpanded);\r\n }, [isExpanded]);\r\n\r\n useEffect(() => {\r\n if (isActive && inputRef.current) inputRef.current.focus();\r\n if (!isActive) {\r\n setLocalValue(\"\");\r\n setSearchText(\"\");\r\n }\r\n }, [isActive])//eslint-disable-line\r\n\r\n useEffect(() => {\r\n if (searchText !== localValue) {\r\n setLocalValue(searchText);\r\n }\r\n }, [searchText]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n const resultsContainer = document.querySelector('.article-content-container');\r\n const searchTerms = resultsContainer?.querySelectorAll('.highlight-search');\r\n\r\n setSearchTerms(searchTerms);\r\n\r\n return () => {\r\n setPdfPage(false);\r\n setSearchTerms([]);\r\n }\r\n\r\n }, [searchText, pdfPage]);//eslint-disable-line\r\n\r\n function setValue(value) {\r\n if (value !== localValue) {\r\n setLocalValue(value);\r\n setSearchResults([]);\r\n if (value.length >= 3) {\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(value)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'ArticleSearch' });\r\n return;\r\n }\r\n setNotification({ message: '', type: ErrorTypes.Error, display: false, appInsightUIMapping: null, componentName: null });\r\n setSearchText(value);\r\n setSearchPhrase(value);\r\n } else {\r\n setSearchText('');\r\n setSearchPhrase('');\r\n }\r\n }\r\n }\r\n\r\n const handleClose = () => {\r\n setSearchResults([]);\r\n setIsActive(false);\r\n setSearchPhrase('');\r\n };\r\n\r\n // FGP :: finish implementation of localValue to avoid changing context when search phrase is too short.\r\n\r\n return (\r\n \r\n \r\n {localValue && !hasChanged && ()}\r\n {localValue && hasChanged && ()}\r\n \r\n
\r\n \r\n
\r\n\r\n {showRecentHistory && !UTILITIESHELPER.isArrayNullorEmpty(annState.recentSearch) &&\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n handlePrevNext('next', e)} disabled={!searchTerms?.length}\r\n >\r\n ![\"down\"](\"/images/chevron-right-bl.svg\")
\r\n \r\n handlePrevNext('prev', e)} disabled={!searchTerms?.length}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {getLabel(\"a_InArticleTagTitle\", \"Applicability\")}
\r\n\r\n
\r\n \r\n
\r\n {getLabel(\"a_InArticleTagFrameworks\", \"Frameworks\")}:
\r\n\r\n {getFrameWork()}\r\n
\r\n \r\n
\r\n {getLabel(\"a_InArticleTagIndustries\", \"Industries\")}:
\r\n\r\n {getIndustry()}\r\n
\r\n \r\n
\r\n {getLabel(\"a_InArticleTagFolios\", \"Folios\")}:
\r\n\r\n {Folio()}\r\n
\r\n \r\n {titleContent} \r\n \r\n {reactElement}\r\n \r\n \r\n \r\n
\r\n /g, '')\r\n return content;\r\n }\r\n\r\n return (\r\n )\r\n }\r\n else{\r\n processedItem?.content && componentArray.push(\r\n 0 || processedItem.subItems.length > 1}\r\n shouldIndent={false}\r\n text={processedItem.subItems[i].content.text}\r\n displayDownload={processedItem.subItems[i].content.display_download}\r\n />\r\n )\r\n //Handle subItems of the file, which are more files\r\n for (let j = 0; j < processedItem.subItems[i].subItems.length; ++j) {\r\n var parent = processedItem.subItems[i];\r\n if (isFile(parent.subItems[j].content_type, parent.subItems[j].containsBinary) && !isSection(parent.subItems[j].content_type)) {\r\n componentArray.push(\r\n 0 || processedItem.subItems.length > 1}\r\n shouldIndent={true}\r\n text={parent.subItems[j].content.text}\r\n displayDownload={parent.subItems[j].content.display_download}\r\n />\r\n )\r\n }\r\n else if (isStructuredArticle(parent.subItems[j].content_type)) {\r\n componentArray.push({parent.subItems[j].content.text} \r\n )\r\n }\r\n }\r\n }\r\n else if (isStructuredArticle(processedItem.subItems[i].content_type)) {\r\n componentArray.push({processedItem.subItems[i].content.text} \r\n )\r\n }\r\n }\r\n }\r\n //Search-FTEO--WIP\r\n else if (isSingleTopic === true && processedItem.containsBinary === true) {\r\n if (isStructuredArticle(item.content_type)) {\r\n componentArray.push(\r\n \r\n \r\n )\r\n};\r\n\r\nRenderAllContainer.propsTypes = {\r\n typeName: \"RenderAllContainer\"\r\n}\r\n\r\nexport default RenderAllContainer;\r\n","\r\nimport React from 'react';\r\nimport cx from 'classnames';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport JumpLinkMain from \"./JumpLinkMain\"\r\nimport JumpLinkSub from './JumpLinkSub';\r\nimport { getOffsetTop } from './RenderAllContainer';\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\nexport const scrollElementIntoView = (element, offsetCompensation = 0) => {\r\n if (!element) return;\r\n const offsetTop = getOffsetTop(element);\r\n const offsetCalc = offsetTop + offsetCompensation;\r\n window.scrollTo(0, offsetCalc);\r\n};\r\n\r\nconst JumpLinksList = ({ closeToc, jumpLinks, className, scrollOffsetCompensation }) => {\r\n\r\n const { setOpenMultipleExpandedSections } = useArticleContext();\r\n\r\n function jumpHandler(e, jumpClass) {\r\n const targetEl = document.querySelector('[class*=' + jumpClass + ']');\r\n const sectionsToExpand = [];\r\n let currentEl = targetEl;\r\n\r\n while (currentEl !== null) {\r\n if (currentEl.hasAttribute('data-expandable-uuid') && !currentEl.classList.contains('open')) {\r\n sectionsToExpand.push(currentEl.dataset.expandableUuid);\r\n }\r\n currentEl = currentEl.parentElement.closest('[data-expandable-uuid]');\r\n }\r\n\r\n if (sectionsToExpand.length) {\r\n setOpenMultipleExpandedSections(sectionsToExpand, true);\r\n }\r\n\r\n const scrollToTarget = () => {\r\n scrollElementIntoView(targetEl, scrollOffsetCompensation);\r\n closeToc();\r\n }\r\n\r\n e.preventDefault();\r\n setTimeout(scrollToTarget, 0);\r\n }\r\n\r\n function createJumpLinksSubTree(jumpLink, level) {\r\n return (\r\n 0}>\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nArticleTOC.defaultProps = {\r\n setIsOpen: () => { },\r\n}\r\n\r\nexport default ArticleTOC;\r\n","import React, { useState } from 'react';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport HTMLContent from '../Common/HTMLContent';\r\n\r\nexport const EmbeddedArticleBlockSubsection = (props) => {\r\n const [subsectionOpen, toggleSubsection] = useState(false);\r\n const isQnA = props.isQnA;\r\n const isObjective = props.isObjective;\r\n const subItem = props.subItem;\r\n const innerSubItem = props.innerSubItem;\r\n\r\n return (\r\n \r\n \r\n \r\n {getTextWithSearchHighlight((UTILITIESHELPER.checkStringIsHtml(props.footnote.label)), searchText)} \r\n {convertFootnote(getTextWithSearchHighlight(props.footnote.text, searchText))} \r\n
\r\n )\r\n}\r\n\r\nFootnote.propsTypes = {\r\n typeName: \"Footnote\"\r\n}\r\n\r\nexport default Footnote;","import React, { useEffect } from 'react';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { Footnote } from './Footnote';\r\n\r\nexport const Footnotes = (props) => {\r\n const { footNotesContentRef } = useArticleContext()\r\n\r\n function jumplinkClickHandler(e) {\r\n const href = e.currentTarget.getAttribute('href');\r\n var bodyRect = document.body.getBoundingClientRect(),\r\n elemRect = document.querySelector(href).getBoundingClientRect(),\r\n offsetTop = elemRect.top - bodyRect.top;\r\n const offsetCalc = offsetTop - 60;\r\n window.scrollTo(0, offsetCalc);\r\n e.preventDefault();\r\n }\r\n\r\n useEffect(() => {\r\n footNotesContentRef.current = props.footnoteArray;\r\n return () => footNotesContentRef.current = undefined;\r\n }, [props.footnoteArray])//eslint-disable-line\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nFootnotes.propsTypes = {\r\n typeName: \"Footnotes\"\r\n}\r\n\r\nexport default Footnotes;\r\n","import React, { useLayoutEffect } from 'react'; // , useRef\r\nimport { useLocation } from 'react-router';\r\nimport { get } from 'lodash';\r\nimport { usePageContext } from '../../contexts/PageContext';\r\nimport File from './File';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport ARTICLEHELPERS from '../../helpers/ArticleHelpers';\r\nimport Loading from '../Loading/Loading';\r\nimport Footnotes from '../Article/Footnotes';\r\nimport ContentItem from '../Article/ContentItem';\r\nimport Copyright from '../Article/Copyright';\r\nimport StructuredArticle from '../Article/StructuredArticle';\r\nimport { isFile, isSection, isStructuredArticle } from '../../helpers/getComponentInfo';\r\nimport { getIsArticlePdf } from '../Publication/Article';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { PUBLICATIONTYPE_IDS } from '../Constants/Constants';\r\n\r\nexport const getOffsetTop = element => {\r\n let offsetTop = 0;\r\n while (element) {\r\n offsetTop += element.offsetTop;\r\n element = element.offsetParent;\r\n }\r\n return offsetTop;\r\n}\r\n\r\nexport const RenderAllContainer = ({ pubData, excludeBinaries, isScrollDisabled = false }) => {\r\n\r\n const location = useLocation();\r\n const content = get(pubData, 'content', []);\r\n const pubContext = get(pubData, 'context', []);\r\n const { context } = usePageContext();\r\n const isSingleTopic = (content.length && content.length < 2 && content[0].subItems.length === 0) ||\r\n (pubData.publication_type === PUBLICATIONTYPE_IDS.externalCollection) ? true : false;\r\n //This is where the code to scroll the page down when we have a # hastag on the page is fired.\r\n useLayoutEffect(() => {\r\n if (!pubData?.content) return;\r\n\r\n if (!isScrollDisabled) {\r\n if (location.hash) {\r\n //Cancel out the # scroll that the browser would do by default...so we do not get a flash if we actully do not find the target on the page.\r\n // the browser will scroll down regardless randomly if there is a # in the path!\r\n setTimeout(function () {\r\n window.scrollTo(0, 0);\r\n }, 1);\r\n //Then we attempt to find the # on the page ourselves\r\n setTimeout(() => { ARTICLEHELPERS.scrollToHashTag(location.hash) }, 10);\r\n }\r\n else {\r\n //There was no #, or it was removed, so we scroll to top by default\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n\r\n }, [pubData, location.pathname, location.hash]);//eslint-disable-line\r\n\r\n\r\n if (!pubData?.content) {\r\n return (\r\n Footnotes
\r\n\r\n {props.footnoteArray.map((footnote, index) => {\r\n return (\r\n
\r\n - \r\n {jumpLink.children.filter(child => child?.title).map((child, i) => (\r\n
\r\n
\r\n ))}\r\n - \r\n {jumpLinks.filter(jumpLink => jumpLink?.title).map((jumpLink, i) => (\r\n
\r\n
\r\n ))}\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n {getLabel(\"a_InArticleTocContents\", \"Contents\")}
\r\n\r\n {jumpLinks.length > 0 &&\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n )\r\n\r\n\r\n}\r\n\r\nexport default EmbeddedArticleBlockSubsection;\r\n","import React from 'react';\r\nimport EmbeddedArticleBlockSubsection from './EmbeddedArticleBlockSubsection';\r\nimport HTMLContent from '../Common/HTMLContent';\r\n\r\nexport const EmbeddedArticleBlockSection = (props) => {\r\n const isQnA = props.isQnA;\r\n const isObjective = props.isObjective;\r\n const subItem = props.subItem;\r\n\r\n return (\r\n \r\n \r\n {innerSubItem.content.question?.text} \r\n {innerSubItem.content.answer?.map((answer) => {\r\n return (\r\n <>\r\n {answer.text} \r\n \r\n )\r\n })}\r\n \r\n\r\n \r\n {innerSubItem.content.objective?.text} \r\n\r\n {innerSubItem.content.why?.text} \r\n\r\n \r\n\r\n {innerSubItem.content.text} \r\n
\r\n {innerSubItem.content.question?.title}
\r\n{answer.title}
\r\n{innerSubItem.content.objective?.title}
\r\n{innerSubItem.content.why?.title}
\r\n\r\n {subItem.content.text} \r\n {subItem.subItems.map((innerSubItem, i) => {\r\n return (\r\n
\r\n )\r\n\r\n\r\n}\r\n\r\nexport default EmbeddedArticleBlockSection;\r\n","import React, { useState } from 'react';\r\nimport EmbeddedArticleBlockSection from './EmbeddedArticleBlockSection';\r\n\r\nexport const EmbeddedArticleBlock = (props) => {\r\n const [blockOpen, toggleBlock] = useState(false);\r\n const content = props.content;\r\n\r\n return (\r\n \r\n \r\n {content.subItems.map((subItem, i) => {\r\n return (
\r\n )\r\n\r\n\r\n}\r\n\r\nexport default EmbeddedArticleBlock;\r\n","import React, { useState } from 'react';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport LinkHelpers from '../../helpers/LinkHelpers';\r\nimport EmbeddedArticleBlock from './EmbeddedArticleBlock';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\n\r\n\r\nexport const EmbeddedArticle = (props) => {\r\n\r\n const [guideOpen, toggleGuidance] = useState(UTILITIESHELPER.sectionExpandDisplayStatus());\r\n const data = props.data;\r\n const { getLabel } = usePageContextLabels();\r\n\r\n if (!data.content) { return null; }\r\n\r\n // XSS url sanitization\r\n const sanitizedUrl = LinkHelpers.sanitizeUrl(window.location);\r\n\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default EmbeddedArticle;","\r\nconst getIconSrc = (_icon) => {\r\n switch (_icon) {\r\n case 'folio':\r\n return '/images/icon-folios.svg';\r\n case 'guidebook':\r\n return '/images/icon-folios.svg';\r\n case 'journal':\r\n\t\tcase 'deloitte-communications':\r\n\t\tcase 'professional-news':\r\n return '/images/icon-communications.svg';\r\n\t\tcase 'standards':\r\n case 'standard': \r\n\t\t\treturn '/images/icon-refrences.svg';\r\n\t\tcase 'roadmap':\r\n case 'manual':\r\n default:\r\n return '/images/icon-roadmaps.svg';\r\n }\r\n}\r\n\r\n// icon change location\r\n\r\nexport default getIconSrc;\r\n","import React from 'react';\r\nimport getIconSrc from '../../helpers/getIconSrc';\r\nimport { usePageContext } from '../../contexts/PageContext';\r\n\r\nconst SidebarIconNextToTitle = () => {\r\n const { context } = usePageContext();\r\n return (\r\n \r\n {data.content.map((content) => {\r\n return (\r\n
\r\n {getLabel(\"e_EmbeddedOpenThisOnTheResearchPortal\", \"Open this on the Omnia Research Portal\")}
\r\n\r\n
\r\n );\r\n}\r\n\r\nDropdown.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node,\r\n ]),\r\n ddClassNames: PropTypes.string,\r\n triggerEl: PropTypes.node,\r\n triggerText: PropTypes.string,\r\n triggerClassNames: PropTypes.string,\r\n triggerDot: PropTypes.bool,\r\n containerClassNames: PropTypes.string,\r\n onChange: PropTypes.func,\r\n isFolioDropdown: PropTypes.bool,\r\n isFixed: PropTypes.bool,\r\n controlledOpen: PropTypes.bool,\r\n setControlledOpen: PropTypes.func,\r\n};\r\n\r\nDropdown.defaultProps = {\r\n ddClassNames: '',\r\n triggerText: 'Trigger Title',\r\n triggerEl: null,\r\n triggerClassNames: '',\r\n triggerDot: false,\r\n containerClassNames: '',\r\n onChange: () => { },\r\n isFolioDropdown: false,\r\n isFixed: false,\r\n sidebarHeight: { height: 'auto', width: 'auto' },\r\n controlledOpen: undefined,\r\n setControlledOpen: undefined,\r\n};\r\n\r\nexport default Dropdown;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction Panel({ children, additionalClassNames }) {\r\n return (\r\n \r\n {trigger}\r\n
\r\n {open && !isFolioDropdown && {children}
}\r\n {open && isFolioDropdown && isFixed && {children}
}\r\n {open && isFolioDropdown && !isFixed && {children}
}\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nPanel.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node\r\n ]).isRequired,\r\n additionalClassNames: PropTypes.string\r\n}\r\n\r\nPanel.defaultProps = {\r\n additionalClassNames: ''\r\n}\r\n\r\nexport default Panel;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction ScrollArea({ children, maxHeight, maxWidth, additionalClassNames }) {\r\n const styles = {};\r\n if (maxHeight !== null) {\r\n styles.maxHeight = maxHeight;\r\n }\r\n if (maxWidth !== null) {\r\n styles.maxWidth = maxWidth;\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nScrollArea.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node\r\n ]).isRequired,\r\n maxHeight: PropTypes.string,\r\n maxWidth: PropTypes.string,\r\n additionalClassNames: PropTypes.string\r\n}\r\n\r\nScrollArea.defaultProps = {\r\n maxHeight: null,\r\n maxWidth: null,\r\n additionalClassNames: ''\r\n}\r\n\r\nexport default ScrollArea;","import Dropdown from \"./Dropdown\";\r\nimport Trigger from \"./Trigger\";\r\nimport Panel from \"./Panel\";\r\nimport ScrollArea from \"./ScrollArea\";\r\n\r\nDropdown.Trigger = Trigger;\r\nDropdown.Panel = Panel;\r\nDropdown.ScrollArea = ScrollArea;\r\n\r\nexport default Dropdown;","\r\nimport React, { useState, useEffect, useCallback } from \"react\";\r\nimport Dropdown from '../Common/Dropdown';\r\nimport { usePageContext } from \"../../contexts/PageContext\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport { ACTION, useFolioPickerContext } from '../../contexts/FolioPickerContext';\r\nimport cx from 'classnames';\r\nimport TierHelpers from '../../helpers/TierHelpers';\r\nimport IndustryHelpers from '../../helpers/IndustryHelpers';\r\n\r\n\r\nfunction FolioTrigger({ folio, searchQuery, setSearchQuery }) {\r\n const [isFocused, setIsFocused] = useState(false);\r\n const handleFocus = () => setIsFocused(true);\r\n const handleBlur = () => setIsFocused(false);\r\n return (\r\n\r\n \r\n setSearchQuery(e.target.value)} placeholder={folio.label} className={cx(\"folio-search-input\", { \"placeholder-bold\": isFocused })} onFocus={handleFocus} onBlur={handleBlur} />\r\n
\r\n )\r\n}\r\n\r\nfunction FolioItem({ folio, selected, onClick }) {\r\n const { setIsDropdownOpen } = useFolioPickerContext();\r\n const selectedString = selected.id\r\n const folioString = folio.id\r\n setIsDropdownOpen(true);\r\n\r\n function handleClick() {\r\n onClick(folio);\r\n }\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction FolioDropdown({ folioPickerLists, selected, onSelect, isFixed, searchQuery, setSearchQuery }) {\r\n const { isDropdownOpen, setIsDropdownOpen } = useFolioPickerContext();\r\n const [sidebarHeight, setSideBarHeight] = useState(0);\r\n function handleSelect(folio) {\r\n onSelect(folio);\r\n setIsDropdownOpen(false);\r\n }\r\n function moveSelectedToTop(list, selected) {\r\n const selectedItem = list?.find(item => item.id == selected.id);\r\n const filteredList = list?.filter(item => item.id != selected.id);\r\n return selectedItem ? [selectedItem, ...filteredList] : filteredList;\r\n }\r\n const filteredFolioPickerLists = folioPickerLists?.items?.filter((folio) => (folio.label.toLowerCase()).includes(searchQuery.toLowerCase()));\r\n const newList = moveSelectedToTop(filteredFolioPickerLists, selected);\r\n\r\n\r\n function getTriggerEl() {\r\n\r\n return {folio.name}
\r\n \r\n \r\n\r\n \r\n \r\n {newList.length > 0 ? newList.map((item) => (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction FolioPickerDropdown({ folioPickerLists, folioPickerId, selected, isFixed }) {\r\n\r\n const { state, folioDispatch } = useFolioPickerContext();\r\n const [selectedFolio, setSelectedFolio] = useState(selected);\r\n const { memberFirm, language, knowledgeDomain ,context, tier, setTier, industry, setIndustry, setCurrentTier, setCurrentIndustry } = usePageContext();\r\n const navigate = useNavigate();\r\n const [searchQuery, setSearchQuery] = useState('');\r\n\r\n const clearTierList = () => {\r\n const tier = TierHelpers.removeLocalStorageWithValue(context.knowledgeDomain, context.memberFirm);\r\n setTier(tier);\r\n setCurrentTier(tier);\r\n }\r\n\r\n const clearIndustryList = () => {\r\n const industry = IndustryHelpers.removeLocalStorageWithValue(context.knowledgeDomain, context.memberFirm);\r\n setIndustry(industry);\r\n setCurrentIndustry(industry);\r\n }\r\n\r\n function handleFolioSelect(folio) {\r\n setSelectedFolio(folio);\r\n\r\n const payload = {\r\n selected: folio.name,\r\n id: folio.id,\r\n name: folio.label,\r\n taxonomyId: folioPickerId,\r\n folioLists: state.folioLists,\r\n memberFirm:context.memberFirm\r\n\r\n }\r\n\r\n folioDispatch({\r\n type: ACTION.FOLIOPICKER_LOAD,\r\n payload: payload,\r\n });\r\n\r\n if (tier[context.memberFirm][context.knowledgeDomain]?.length > 0) {\r\n clearTierList();\r\n }\r\n if (industry[context.memberFirm][context.knowledgeDomain]?.length > 0) {\r\n clearIndustryList();\r\n }\r\n const folioLabel = folio.href.substring(folio.href.lastIndexOf(\"/\")+1);\r\n navigate(`/${memberFirm}/${language}/${knowledgeDomain}/folio/${folioLabel}`);\r\n \r\n }\r\n return (\r\n No option
\r\n )}\r\n \r\n \r\n\r\n {folioPickerLists && (\r\n
\r\n );\r\n}\r\n\r\nexport default FolioPickerDropdown","\r\nimport React, { useCallback} from 'react';\r\nimport { Link } from \"react-router-dom\"\r\nimport cx from 'classnames';\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\nimport SidebarIconNextToTitle from \"./SidebarIconNextToTitle\"\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { useFolioPickerContext } from '../../contexts/FolioPickerContext';\r\nimport FolioPickerDropdown from '../Folio/FolioPickerDropdown';\r\nimport { PAGE_CONTROLLER_TYPE,FOLIO_SUBJECT_ACCOUNT, FOLIO_SUBJECT_NON_ACCOUNT } from \"../Constants/Constants\";\r\nimport { useLocation } from 'react-router-dom'\r\n\r\nconst SidebarTocTitle = ({\r\n navTitle,\r\n pubLandingUrl,\r\n shouldBeFixed,\r\n isFixed,\r\n publicationType,\r\n\r\n}) => {\r\n const {setSearchResults} = useSearchResultContext();\r\n const onClick = useCallback(() => { setSearchResults([])}, []);\r\n const {state:taxonomyListItems}=useFolioPickerContext();\r\n const getFolioId =(pubLandingUrl)=> {\r\n const regex= /(\\d+)-(\\d+)/ ;\r\n const match = pubLandingUrl?.match(regex);\r\n let value= \"\";\r\n if(match) {\r\n value = match[2];\r\n return value;\r\n }\r\n return value; \r\n }\r\n\r\n const folioObject = {\r\n id: getFolioId(pubLandingUrl),\r\n label: navTitle\r\n }\r\n const location = useLocation()\r\n const queryParams = new URLSearchParams(location?.search);\r\n const isSearchPage = !!queryParams?.get('searchPhrase');\r\n const renderFolioPickerDropdown = (publicationType === PAGE_CONTROLLER_TYPE.folio && !isSearchPage);\r\n let folioPickerLists=[];\r\n let folioPickerListsID='';\r\n function isAccountORNonAccount (pubLandingUrl) {\r\n let taxonomyLists=[];\r\n switch (true) {\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_NON_ACCOUNT.auditingNonAccountFolios):\r\n taxonomyLists= taxonomyListItems.folioLists.filter(item =>item.id == FOLIO_SUBJECT_NON_ACCOUNT.auditingNonAccountFolios)[0];\r\n break;\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_ACCOUNT.auditingAccountingFolios):\r\n taxonomyLists= taxonomyListItems.folioLists.filter(item =>item.id == FOLIO_SUBJECT_ACCOUNT.auditingAccountingFolios)[0];\r\n break;\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_NON_ACCOUNT.assuranceFolios):\r\n taxonomyLists= taxonomyListItems.folioLists.filter(item =>item.id == FOLIO_SUBJECT_NON_ACCOUNT.assuranceFolios)[0];\r\n break;\r\n case pubLandingUrl.includes(FOLIO_SUBJECT_ACCOUNT.accountingFolios):\r\n taxonomyLists= taxonomyListItems.folioLists.filter(item =>item.id == FOLIO_SUBJECT_ACCOUNT.accountingFolios)[0];\r\n break;\r\n }\r\n return taxonomyLists \r\n }\r\n\r\n \r\n if (renderFolioPickerDropdown) {\r\n folioPickerLists = isAccountORNonAccount(pubLandingUrl);\r\n folioPickerListsID= folioPickerLists?.id;\r\n }\r\n \r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n const footnoteToScrollTo = document.getElementById(`footnote-${selectedFootnotePopup}`);\r\n scrollElementIntoView(footnoteToScrollTo, -80);\r\n setSelectedFootnotePopup(false);\r\n }}\r\n >\r\n {currentFootnote && currentFootnote.label}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\n\r\nexport default HorizontalScrollbar;\r\n","import React,{ useState,useEffect } from 'react';\r\n\r\nimport cx from 'classnames';\r\nimport getIconSrc from '../../helpers/getIconSrc';\r\nimport { useParams } from 'react-router-dom';\r\n\r\n\r\nconst IconWideModeTOC = ({ onClick, className,shouldBeFixed}) => {\r\n const { pageControllerType } = useParams();\r\n const [height,setHeight] =useState(0);\r\n\r\n \r\nuseEffect(()=>{\r\n var navHeight=0;\r\n let previewHeight=document.getElementsByClassName(\"preview-warning\")[0]?.clientHeight\r\n\r\n if(!previewHeight)\r\n {\r\n previewHeight=0; \r\n }\r\n\r\n let heightOfCrum=document.getElementsByClassName(\"crumbtrail\")[0]?.clientHeight;\r\n navHeight=previewHeight+ heightOfCrum;\r\n\r\n setHeight(navHeight);\r\n console.log(\"shouldBeFixed\"+shouldBeFixed);\r\n},[])\r\n\r\n return (\r\n \r\n\t\t\t\r\n\t\t\t})
\r\n
\r\n )\r\n};\r\n\r\nIconWideModeTOC.defaultProps = {\r\n onClick: () => { },\r\n className: '',\r\n};\r\n\r\nexport default IconWideModeTOC;","import React from 'react';\r\n\r\nconst Modal = (props) => {\r\n\tfunction closeModal(){\r\n\t\tconst modalContainer = document.querySelector('.modal');\r\n\t\tmodalContainer.classList.add('hide');\r\n\t}\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t)\r\n}\r\n\r\nexport default Modal;","\r\nimport React, { useState, useLayoutEffect } from 'react'\r\nimport { Link, useLocation } from 'react-router-dom';\r\nimport cx from 'classnames';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\n\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\nconst PrevNextArticle = ({ articleHasLoaded, className }) => {\r\n const { selectedItemTOC } = useTocContext();\r\n const [hrefs, setHrefs] = useState({ prevHref: null, nextHref: null });\r\n const location = useLocation();\r\n const { getLabel } = usePageContextLabels();\r\n\r\n\r\n useLayoutEffect(() => {\r\n try {\r\n const selectedNode = document.querySelector('.selected-link');\r\n const sectionNodes = selectedNode.closest('.toc-section-children');\r\n const linksNodeList = (sectionNodes || document.querySelector('.side-pannel-inner-container'))?.querySelectorAll('a') || [];\r\n const links = Array.prototype.slice.call(linksNodeList) || [];\r\n\r\n if (!links.length) {\r\n return setHrefs({\r\n prev: null,\r\n next: null,\r\n });\r\n }\r\n\r\n const selectedLinkIndex = links.findIndex((link) => link.classList.contains('selected-link'))\r\n const isWithinSection = !!sectionNodes;\r\n const getsectionHref = () => {\r\n const parentHref = sectionNodes.previousSibling?.getElementsByTagName('a')[0];\r\n return parentHref;\r\n };\r\n\r\n const prevLink = links[selectedLinkIndex - 1] || (isWithinSection ? getsectionHref() : links[0]);\r\n const nextLink = links[selectedLinkIndex + 1] || (isWithinSection ? getsectionHref() : links[0]);\r\n \r\n setHrefs({\r\n prev: {pathname: new URL(prevLink?.href).pathname, canDisplayInReadingMode: prevLink.classList.contains('toc-link-non-expandable')},\r\n next: {pathname: new URL(nextLink?.href).pathname, canDisplayInReadingMode: nextLink.classList.contains('toc-link-non-expandable')},\r\n })\r\n \r\n } catch {\r\n setHrefs({\r\n prev: null,\r\n next: null,\r\n })\r\n }\r\n \r\n }, [selectedItemTOC])\r\n\r\n const constructPath = ( canDisplayInReadingMode, queryString,pathname = \"\") => {\r\n\r\n if(!canDisplayInReadingMode) {\r\n return pathname;\r\n \r\n }\r\n return `${pathname}${queryString}`;\r\n }\r\n return (\r\n \r\n\t\t\t\t
\r\n\t\t\t{props.modalHeader}
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t{props.modalBody}
\r\n\t\t\t\r\n \r\n {getLabel(\"a_PreviousArticle\", \"Previous Article\")}\r\n \r\n \r\n {getLabel(\"a_NextArticle\", \"Next Article\")}\r\n \r\n
\r\n \r\n setSelectedItemTOC({})} className=\"breadcrumb-home\">{getLabel(\"g_ResearchPortalCrumbtrailHome\", \"Research Portal Home\")}\r\n
\r\n )\r\n}\r\n\r\n\r\nexport default Crumbtrail;","import React from \"react\";\r\nimport { RESEARCH_ASSISTANT, RESEARCH_ASSISTANT_FILTERS } from \"../Constants/Constants\";\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport { MEMBERFIRM_CONSTANTS } from \"../Constants/Constants\";\r\n\r\nconst FilterValue = ({ researchAssistantResponse }) => {\r\n const { getLabel} = usePageContextLabels();\r\n const getMemberFirm = () => {\r\n return CONTEXTHELPERS.getMemberFirmWithTaxonomyId(researchAssistantResponse?.inputFields?.userLibrariesSelected[0]);\r\n }\r\n const getFilterValuesString = (filterType) => {\r\n let filterValueString = \"\";\r\n if (researchAssistantResponse && researchAssistantResponse.inputFields && researchAssistantResponse.inputFields.userFilterSelected) {\r\n researchAssistantResponse.inputFields.userFilterSelected.forEach((item) => {\r\n if (filterType === RESEARCH_ASSISTANT_FILTERS.KnowledgeDomain && item?.filterField === RESEARCH_ASSISTANT_FILTERS.KnowledgeDomain) {\r\n filterValueString = CONTEXTHELPERS.getknowledgeDomain(item?.filterID[0]);\r\n }\r\n if (filterType === RESEARCH_ASSISTANT_FILTERS.Frameworks && item?.filterField === RESEARCH_ASSISTANT_FILTERS.Frameworks) {\r\n filterValueString = item?.filterID?.length && item?.filterID?.length > 0 ? getTierValues(item?.filterID) : \"\";\r\n }\r\n });\r\n }\r\n return filterValueString;\r\n }\r\n\r\n const getTierValues = (tierValues) => {\r\n const tierData = researchAssistantResponse.tier;\r\n let tierString = \"\";\r\n if(tierData && tierData?.length > 0){\r\n if (tierData.length === 1) {\r\n tierString = \", \" + tierData[0];\r\n } else {\r\n const firsts = tierData?.slice(0, tierData.length - 1);\r\n const last = tierData[tierData.length - 1];\r\n tierString = \", \" + firsts.join(', ') + ' and ' + last;\r\n }\r\n }\r\n return tierString;\r\n }\r\n return (\r\n <>\r\n \r\n {renderCrumbs(crumbs)}\r\n \r\n For Global Accounting content, go to {getLabel(\"l_LinkToDart\")} or {getLabel(\"l_LinkToTL\")} \r\n \r\n
\r\n {getLabel(\"ra_ConditionalStringINT\",RESEARCH_ASSISTANT.conditionalStringINT)}
\r\n {getLabel('ra_unable_to_answer_1', 'I can provide helpful answers to questions regarding audit concepts. I have access to audit policies and guidance.')}
\r\n{getLabel('ra_unable_to_answer_2', RESEARCH_ASSISTANT.unableToAnswerText)}
\r\n/g, '\\n'));\r\n e.clipboardData.setData('text/html', combinedContent);\r\n\r\n }\r\n \r\n }\r\n else {\r\n let sharedUrl = sessionStorage.getItem('shareUrl');\r\n let url = UTILITIESHELPER.ReplaceSpecialCharacterInURLForShareModel(sharedUrl);\r\n if (url.includes('reading-mode=true')) {\r\n url = url.replace(/\\?reading-mode=true/g, '');\r\n }\r\n\r\n e.clipboardData.setData('text/plain', url);\r\n e.clipboardData.setData('text/html', `${url}`);\r\n }\r\n e.preventDefault();\r\n }\r\n\r\n try {\r\n document.addEventListener('copy', listener, { once: true });\r\n document.execCommand('copy');\r\n const selection = window.getSelection();\r\n selection.removeAllRanges();\r\n return true;\r\n }\r\n catch (err) {\r\n logs.error(page.Article, \"ShareModal\", ErrorMessages.shareModalCopyText, err,{eventId:ErrorCodes.Article});\r\n return false;\r\n }\r\n\r\n }\r\n\r\n if (shouldShowShareModal === true) {\r\n setClosedToolbar(true);\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n let sharedLink = window.location.href;\r\n let shareUrl;\r\n let tempShareUrl;\r\n const selection = document.getSelection();\r\n const selectionStr = selection.toString();\r\n const hashExists = window.location.hash;\r\n if (hashExists) {\r\n tempShareUrl = sharedLink.split('#')[0];\r\n } else {\r\n tempShareUrl = sharedLink;\r\n }\r\n if (isSectionPath === true && selectionStr.length > 0) {\r\n const outerParentId = selection.baseNode.parentNode.offsetParent.id.toString();\r\n const sectionParentId = selection.baseNode.parentNode.tagName.includes('MARK') ? selection.baseNode.parentNode.parentNode.id : selection.baseNode.parentNode.id.toString()\r\n if (sectionParentId.length > 0) {\r\n shareUrl = tempShareUrl + '#' + sectionParentId;\r\n sessionStorage.setItem('shareUrl', shareUrl);\r\n } else if (sectionParentId.length <= 0 && outerParentId.length > 0) {\r\n shareUrl = tempShareUrl + '#' + outerParentId;\r\n sessionStorage.setItem('shareUrl', shareUrl);\r\n } else {\r\n shareUrl = tempShareUrl;\r\n sessionStorage.setItem('shareUrl', shareUrl);\r\n }\r\n } else if (isSectionPath === true && selectionStr.length <= 0) {\r\n shareUrl = tempShareUrl;\r\n tempShareUrl = sessionStorage.getItem('shareUrl');\r\n } else {\r\n shareUrl = tempShareUrl;\r\n sessionStorage.setItem('shareUrl', shareUrl);\r\n }\r\n\r\n if (tempShareUrl.includes('reading-mode=true')) {\r\n shareUrl = tempShareUrl.replace(/\\?reading-mode=true/g, '');\r\n }\r\n const shareModalField = UTILITIESHELPER.ReplaceSpecialCharacterInURLForShareModel(shareUrl);\r\n\r\n \r\n\r\n function displaySuccessMessage() {\r\n logs.event('share-copy', shareProps)\r\n if (copyText()) {\r\n setShouldShowSuccessMessage(true);\r\n }\r\n }\r\n\r\n function handleMailClick() {\r\n logs.event('share-email', shareProps)\r\n let url = sessionStorage.getItem('shareUrl');\r\n if (url.includes(\"reading-mode=true\")) {\r\n url = url.replace(/\\?reading-mode=true/g, '');\r\n }\r\n url = UTILITIESHELPER.ReplaceSpecialCharacterInURLForShareModel(url);\r\n var encodedurl = encodeURIComponent(url);\r\n var encodedTitle = encodeURIComponent(generateMiniCrumbtrailText(context, toc, guidebookToc, selectedItemTOC));\r\n var encodedCopyright = encodeURIComponent(getLabel(\"g_Copyright\", `Copyright © ${new Date().getFullYear()} Deloitte Development LLC. All Rights Reserved`));\r\n var encodedBody = encodeURIComponent(getLabel(\"share_MessageIntro\", \"Your colleague wants to share this Research Portal article with you: \"));\r\n \r\n encodedurl= encodedurl.replace(/%20/g, \"_\");\r\n const composedUrl = `mailto:?subject=${encodedTitle}&body=${encodedBody} ${encodedurl} ${encodedCopyright}`;\r\n // XSS Link Sanitization\r\n const sanitizedUrl = LinkHelpers.sanitizeUrl(composedUrl);\r\n\r\n window.location.href = sanitizedUrl;\r\n }\r\n\r\n\r\n useOutsideClick(shareModalRef, () => {\r\n closeModal();\r\n }, ['.icon-share', '.toolbar']);\r\n\r\n return (\r\n
\r\n {shouldShowOverlay &&\r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\nShareModal.defaultProps = {\r\n setShouldShowShareModal: () => { },\r\n setShouldShowOverlay: () => { },\r\n}\r\n\r\nexport default ShareModal;\r\n","import { ErrorCodes, ErrorMessages } from \"../components/Constants/Errors\";\r\nimport RETRIEVALSERVICES from \"../services/rp-service\";\r\nimport CONTEXTHELPERS from \"./ContextHelpers\";\r\nimport { logs, page } from \"./log\";\r\n\r\nasync function fetchCategories(url, memberFirmId) {\r\n try {\r\n var response = await RETRIEVALSERVICES.retrieveCategories(CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId));\r\n return response ? response : [];\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'CategoryService', ErrorMessages.categoryFetch, err, { eventId: ErrorCodes.Annotation});\r\n }\r\n}\r\n\r\nasync function createCategory(url, payload, memberFirmId) {\r\n try {\r\n payload.query_spec_base_model = CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId);\r\n return await RETRIEVALSERVICES.createCategory(payload);\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'CategoryService', ErrorMessages.categoryCreate, err, {eventId: ErrorCodes.Annotation});\r\n }\r\n}\r\n\r\nasync function updateCategory(url, payload, category_guid, memberFirmId) {\r\n try {\r\n payload.query_spec_base_model = CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId);\r\n return await RETRIEVALSERVICES.updateCategory(payload, category_guid);\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'CategoryService', ErrorMessages.categoryUpdate, err, { eventId: ErrorCodes.Annotation });\r\n }\r\n}\r\nasync function deleteCategory(url, category_guid, memberFirmId, target_category_guid = null, delete_confirmation = null) {\r\n try {\r\n var payload = {\r\n query_spec_base_model: CONTEXTHELPERS.getUPSQuerySpecBaseModel(url, memberFirmId),\r\n category_guid: category_guid,\r\n target_category_guid: target_category_guid,\r\n delete_confirmation: delete_confirmation\r\n };\r\n return await RETRIEVALSERVICES.deleteCategory(payload);\r\n } catch (err) {\r\n logs.error(page.Bookmark, 'CategoryService', ErrorMessages.categoryDelete, err, { eventId: ErrorCodes.Annotation });\r\n }\r\n}\r\n\r\nconst CategoryService = {\r\n fetchCategories,\r\n createCategory,\r\n updateCategory,\r\n deleteCategory\r\n};\r\n\r\nexport default CategoryService;","import React, { useEffect } from \"react\";\r\nimport cx from \"classnames\";\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\nimport LinkHelpers from \"../../helpers/LinkHelpers\";\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport { usePageContext, usePageContextLabels,usePageContextSettings } from \"../../contexts/PageContext\";\r\nimport { useTocContext } from \"../../contexts/TocContext\";\r\nimport { useGuidebookTocContext } from \"../../contexts/GuidebookTocContext\";\r\nimport { generateMiniCrumbtrailText } from \"../Breadcrumb/Crumbtrail\";\r\nimport { useUserPreferencesContext, ACTIONS } from \"../../contexts/AnnotationsContext\";\r\nimport { useReadingModeContext } from \"../../contexts/ReadingModeContext\";\r\nimport CategoryService from \"../../helpers/CategoryServices\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { FOLIO_SECTION_TYPE } from \"../Constants/Constants\";\r\n\r\nconst Toolbar = (props) => {\r\n\tconst {\r\n\t\tsetShouldShowShareModal,\r\n\t\tsetShouldShowOverlay,\r\n\t\tsetIsSectionPath,\r\n\t\tsetClosedToolbar,\r\n\t\tclosedToolbar,\r\n\t\tisPdf,\r\n\t\tisDupAnnotation,\r\n\t\tisSearchActive\r\n\t} = props;\r\n\r\n\tconst { context, language, getMemberFirmID } = usePageContext();\r\n\tconst { getLabel } = usePageContextLabels();\r\n\tconst { toc, selectedItemTOC } = useTocContext();\r\n\tconst { guidebookToc } = useGuidebookTocContext();\r\n\tconst { isAnnotationsEnabled, isRestrictedAccessMemberfirm } = usePageContextSettings();\r\n\tconst { dispatch } = useUserPreferencesContext();\r\n\tconst { isReadingMode } = useReadingModeContext();\r\n\tconst location = useLocation();\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isAnnotationsEnabled() && !isRestrictedAccessMemberfirm()) {\r\n\t\t(async () => { //fetchCtegories\r\n\t\t\tvar categories = await CategoryService.fetchCategories(location.pathname, getMemberFirmID());\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ACTIONS.CATEGORY_LOAD,\r\n\t\t\t\tpayload: categories,\r\n\t\t\t});\r\n\t\t})();\r\n\t\t}\r\n\r\n\t}, []);//eslint-disable-line\r\n\r\n\tfunction closeToolbar() {\r\n\t\tsetClosedToolbar(true);\r\n\t}\r\n\r\n\tfunction selectionCopy(e) {\r\n\r\n\t\tconst selectedText = document.getSelection();\r\n\t\tconst modalContainer = document.querySelector(\".modal\");\r\n\t\tvar range;\r\n\t\tif (selectedText.toString().trim().length > 0) {\r\n\r\n\t\t\tif (selectedText.rangeCount > 0) {\r\n\t\t\t\trange = selectedText.getRangeAt(0);\r\n\t\t\t\t\r\n\t\t\t\tconst div = document.createElement(\"div\");\r\n\t\t\t\tconst stylingElem = document.createElement(\"div\");\r\n\t\t\t\tstylingElem.setAttribute('id', 'word-div-to-remove');\r\n\t\t\t\tstylingElem.style.fontFamily = \"Roboto,Verdana,sans-serif\";\r\n\t\t\t\tconst urlPara = document.createElement(\"p\");\r\n\t\t\t\turlPara.style.visibility = \"visible\";\r\n\t\t\t\tconst urlLink = document.createElement(\"a\");\r\n\t\t\t\turlLink.style.visibility = \"visible\";\r\n\t\t\t\tconst datePara = document.createElement(\"p\");\r\n\t\t\t\tdatePara.style.visibility = \"visible\";\r\n\t\t\t\tlet date = new Date();\r\n\t\t\t\tconst dateValue = UTILITIESHELPER.formatDate(date, language);\r\n\t\t\t\tlet pubTitle = \"\";\r\n\t\t\t\tconst outerParentId = selectedText.baseNode.parentNode.offsetParent.id.toString();\r\n\t\t\t\tconst sectionParentId = selectedText.baseNode.parentNode.id.toString();\r\n\r\n\t\t\t\t//if Folio, show the publication display title.\r\n\t\t\t\t//If Folio, and display_title is null, show the publication title.\r\n\t\t\t\t//Else, show the publication title.\r\n\t\t\t\tif (context.pageControllerType === \"folio\") {\r\n\t\t\t\t\tconst currentArticle = document.querySelector(\".copy-btn\");\r\n\t\t\t\t\tpubTitle = currentArticle.dataset.title;\r\n\t\t\t\t\tif (pubTitle.length < 1) {\r\n\t\t\t\t\t\tpubTitle = document.querySelector(\"p.folio-title\")\r\n\t\t\t\t\t\t\t?.textContent;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tpubTitle = document.querySelector(\"a.sidebar-toc-title-link\")\r\n\t\t\t\t\t\t.textContent;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//REPLACE THIS\r\n\t\t\t\turlLink.innerHTML = generateMiniCrumbtrailText(context, toc, guidebookToc, selectedItemTOC);\r\n\r\n\t\t\t\tif (sectionParentId.length > 0) {\r\n\t\t\t\t\turlLink.href = LinkHelpers.sanitizeUrl(\r\n\t\t\t\t\t\tcontext.pageRequestURL + \"#\" + sectionParentId\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\telse if (sectionParentId.length <= 0 && outerParentId.length > 0) {\r\n\t\t\t\t\turlLink.href = LinkHelpers.sanitizeUrl(\r\n\t\t\t\t\t\tcontext.pageRequestURL + \"#\" + outerParentId\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\turlLink.href = LinkHelpers.sanitizeUrl(context.pageRequestURL);\r\n\t\t\t\t}\r\n\r\n\t\t\t\turlPara.append(urlLink);\r\n\t\t\t\tdatePara.append(`${getLabel(\"a_CopiedOn\", \"Copied on:\")} ${dateValue}`);\r\n\t\t\t\tstylingElem.appendChild(urlPara);\r\n\t\t\t\tstylingElem.appendChild(datePara);\r\n\t\t\t\tdiv.appendChild(stylingElem);\r\n\r\n\t\t\t\tvar expandedSelRange;\r\n\t\t\t\tif (selectedText) {\r\n\t\t\t\t\texpandedSelRange = range.cloneRange();\r\n\t\t\t\t\trange.collapse(false);\r\n\t\t\t\t\tvar frag = document.createDocumentFragment(), node, lastNode;\r\n\t\t\t\t\twhile ((node = div.firstChild)) {\r\n\t\t\t\t\t\tlastNode = frag.appendChild(node);\r\n\t\t\t\t\t}\r\n\t\t\t\t\trange.insertNode(frag);\r\n\r\n\t\t\t\t\t// Preserve the selection\r\n\t\t\t\t\tif (lastNode) {\r\n\t\t\t\t\t\texpandedSelRange.setEndAfter(lastNode);\r\n\t\t\t\t\t\tselectedText.removeAllRanges();\r\n\t\t\t\t\t\tselectedText.addRange(expandedSelRange);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdocument.execCommand('Copy', false, null);\r\n\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tlet element = document.getElementById('word-div-to-remove');\r\n\t\t\t\t\t\tif (element) {\r\n\t\t\t\t\t\t\telement.remove();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}, 100)\r\n\t\t\t\t}\r\n\t\t\t\tsetClosedToolbar(true);\r\n\t\t\t\tmodalContainer.classList.remove(\"hide\");\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcloseToolbar();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction selectionShare(e) {\r\n\t\tconst selectedText = document.getSelection();\r\n\t\tif (selectedText.toString().trim().length > 0) {\r\n\t\t\tsetShouldShowShareModal(true);\r\n\t\t\tsetShouldShowOverlay(true);\r\n\t\t\tsetIsSectionPath(true);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcloseToolbar();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction selectionAnnotation() {\r\n\t\tconst selectedText = document.getSelection();\r\n\t\tif (selectedText.toString().trim().length > 0) {\r\n\t\t\tif (selectedText.rangeCount > 0) {\r\n\t\t\t\tconst range = selectedText.getRangeAt(0);\r\n\t\t\t\tconst cloned = range.cloneContents();\r\n\t\t\t\tvar preSelectionRange = range.cloneRange();\r\n\t\t\t\tconst tmpEl = document.createElement(\"div\");\r\n\t\t\t\ttmpEl.append(cloned);\r\n\t\t\t\tconst rawContent = tmpEl.innerHTML;\r\n\t\t\t\tconst content = selectedText.toString();\r\n\t\t\t\tconst selectedTextLength = document.getSelection().toString().length;\r\n\t\t\t\tlet closestGuid = selectedText.baseNode.parentElement.closest('[id^=\"GUID\"]')?.id;\r\n\r\n\t\t\t\tif (closestGuid === undefined || closestGuid === null) {\r\n\t\t\t\t\tclosestGuid = tmpEl.querySelector('[id^=\"GUID\"]')?.id;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: ACTIONS.MODAL_SHOW,\r\n\t\t\t\t\tpayload: {\r\n\t\t\t\t\t\trawContent,\r\n\t\t\t\t\t\tcontent,\r\n\t\t\t\t\t\trange,\r\n\t\t\t\t\t\tpreSelectionRange,\r\n\t\t\t\t\t\tselectedTextLength,\r\n\t\t\t\t\t\tclosestGuid\r\n\t\t\t\t\t},\r\n\t\t\t\t});\r\n\t\t\t\tcloseToolbar();\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcloseToolbar();\r\n\t\t}\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n
\r\n \r\n
\r\n {getLabel(\"share_Share\", \"Share\")}
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {getLabel('a_Copy', 'Copy')}\r\n {isResearhAssistant !== true && \r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n isResearhAssistant === true ? \"Content successfully copied\" :\r\n getLabel(\"s_LinkSuccessfullyCopied\", \"Link successfully copied\")\r\n }\r\n
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n}\r\n\r\nexport default Toolbar;\r\n","import React from 'react'\r\nimport cx from 'classnames'\r\nimport ShowIf from './ShowIf'\r\n\r\nconst Checkbox = ({ isChecked, onChange, label, classNameCheckboxContainer, classNameCheckmark, disabled, showBinaryPanel = false, displayBinaryHadler, parentId = 0, binaryCount = 0, accordianState = \"close\", onKeyDown }) => (\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n)\r\n\r\nCheckbox.defaultProps = {\r\n onChange: () => { },\r\n classNameCheckmark: \"checkmark\",\r\n classNameCheckboxContainer: \"checkbox-container\"\r\n}\r\n\r\n\r\n//className={cx(classNameCheckmark, { 'disabled': disabled })}\r\nexport default Checkbox","import React from 'react';\r\nimport Dropdown from '../Common/Dropdown';\r\nimport cx from 'classnames'\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\n\r\nfunction CategoryTrigger({ category, modifiedCategories, isAllCategorySelected }) {\r\n const { getLabel } = usePageContextLabels();\r\n const getCategoriesLabel = () => {\r\n let selectedLabels = [];\r\n modifiedCategories.forEach(cat => {\r\n if (category.includes(cat.category_guid)) {\r\n selectedLabels.push(cat.label);\r\n }\r\n })\r\n let selectedData = selectedLabels.join(', ');\r\n return selectedData;\r\n }\r\n return (\r\n displayBinaryHadler(parentId)}>\r\n
\r\n \r\n {/*//added +1 for Article Text checkbox option*/}\r\n Select Documents {binaryCount > 0 ? \"(\" + (binaryCount + 1) + \")\" : \"\"}\r\n
\r\n \r\n \r\n {!category.length ?
\r\n )\r\n}\r\n\r\nfunction CategoryItem({ category, onClick, isChecked, classNameCheckmark, onChange }) {\r\n function handleClick() {\r\n onClick(category);\r\n }\r\n\r\n let classNames = 'an-dd-category-item-dropdown';\r\n\r\n ////styling for background category color\r\nconst backgroundColorStyle= {\r\n backgroundColor: category.color\r\n }\r\n \r\n\r\n return (\r\n {getLabel(\"hh_FilterByCategory\", \"Filter by Category\")}
:\r\n isAllCategorySelected ? {getLabel(\"hh_AllCategories\", \"All Categories\")}\r\n
: modifiedCategories.map((ele) => {\r\n return <>\r\n {ele && category.length === 1 && category.includes(ele.category_guid) ?\r\n \r\n
: null}\r\n \r\n })}\r\n {category?.length > 1 && !isAllCategorySelected ? \r\n \r\n {\r\n ele?.label\r\n }\r\n \r\n
\r\n {getCategoriesLabel()}
: null}\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nfunction AnnotationPanelDropdown({ categories, selected, onSelect, isAllCategorySelected }) {\r\n //const [setIsOpen] = useState(false);\r\n const { getLabel } = usePageContextLabels();\r\n\r\n function handleSelect(category) {\r\n onSelect(category);\r\n //setIsOpen(true);\r\n }\r\n\r\n \r\n\r\n\r\n\r\n function isCheckedValue(c, selected, isAllCategorySelected) {\r\n if (c.category_guid === 'cat0') {\r\n return isAllCategorySelected;\r\n }\r\n if (c.category_guid && selected.length) {\r\n return selected.includes(c.category_guid)\r\n }\r\n }\r\n\r\n //NB: All Categories must ALWAYS be \"cat0\"!\r\n const modifiedCategories = [{ category_guid: 'cat0', label: getLabel(\"hh_AllCategories\", \"All Categories\"), color: '' }, ...categories]\r\n const listItems = modifiedCategories.map((c) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {category?.label?.length > 30 ? (category?.label === category?.label?.toUpperCase() ? category?.label?.substring(0, 27).concat('...') : category?.label?.substring(0, 30).concat('...')) : category?.label ? category.label : \"\" }\r\n
\r\n \" + item.parentTitle + \"
\";\r\n }\r\n return \"\";\r\n}\r\n\r\nfunction getBinaryList(selectedList) {\r\n var fileRequests = [];\r\n selectedList.forEach((article) => {\r\n if (article?.binaries?.length > 0) {\r\n article.binaries.forEach((binary) => {\r\n if (binary?.isSelected) {\r\n var fileNameFormat = UTILITIESHELPER.removeLargeSpacesFromRichText(binary.binaryTitle);\r\n fileNameFormat = UTILITIESHELPER.restrictLengthOfFileName(fileNameFormat);\r\n var object = {\r\n fileName: UTILITIESHELPER.removeSpecialCharacterFromFileName(fileNameFormat) + binary.binaryFormat,\r\n fileUri: binary.binaryURI\r\n };\r\n fileRequests.push(object);\r\n }\r\n })\r\n if (article.content?.length > 0) {\r\n if (article.content.binaries?.length > 0) {\r\n article.content.binaries.forEach((binary) => {\r\n var fileNameFormat = UTILITIESHELPER.restrictLengthOfFileName(binary.binaryTitle);\r\n fileNameFormat=UTILITIESHELPER.removeLargeSpacesFromRichText(fileNameFormat);\r\n if (binary?.isSelected) {\r\n var object = {\r\n fileName: UTILITIESHELPER.removeSpecialCharacterFromFileName(fileNameFormat) + binary.binaryFormat,\r\n fileUri: binary.binaryURI\r\n };\r\n fileRequests.push(object);\r\n }\r\n })\r\n }\r\n }\r\n }\r\n \r\n })\r\n return fileRequests;\r\n}\r\n//This method is responsible to keep file name unique with in the binary list, to keep file name unique we need to remane file name in case if duplicate file name is available \r\nfunction renameDuplicateFileNames(binariesList, articleTextFileName) {\r\n var tempUniqueFileName = [];\r\n if (!UTILITIESHELPER.isStringNullorEmpty(articleTextFileName))\r\n tempUniqueFileName.push(articleTextFileName + \".docx\");\r\n\r\n binariesList.forEach(function (a, i) {\r\n if (tempUniqueFileName) {\r\n if (tempUniqueFileName.includes(a.fileName)) {\r\n var newFileName = renameFile(a.fileName);\r\n tempUniqueFileName.push(newFileName);\r\n a.fileName = newFileName;\r\n }\r\n else {\r\n tempUniqueFileName.push(a.fileName);\r\n }\r\n }\r\n else {\r\n tempUniqueFileName.push(a.fileName);\r\n }\r\n \r\n });\r\n return binariesList;\r\n}\r\n\r\nexport const checkIfDisplayDownloadEnable = (_pubData) => {\r\n return ((get(_pubData, \"content[0].content.display_download\")?.toLowerCase() === \"true\") ||\r\n (get(_pubData, \"content[0].subItems[0].content.display_download\")?.toLowerCase() === \"true\"));\r\n}\r\n\r\nexport const getHeaderTitleNameInReadingName = () => {\r\n var titleOnReadingMode = \"\";\r\n if (!UTILITIESHELPER.isStringNullorEmpty(document.querySelector('h1.article-title-reading-mode')?.textContent))\r\n titleOnReadingMode = document.querySelector('h1.article-title-reading-mode')?.textContent;\r\n else if (!UTILITIESHELPER.isStringNullorEmpty(document.querySelector('h2.header-title-reading-mode')?.textContent))\r\n titleOnReadingMode = document.querySelector('h2.header-title-reading-mode')?.textContent;\r\n else if (!UTILITIESHELPER.isStringNullorEmpty(document.querySelector('h2.article-title')?.textContent))\r\n titleOnReadingMode = document.querySelector('h2.article-title')?.textContent;\r\n else titleOnReadingMode = \"\";\r\n\r\n return titleOnReadingMode;\r\n}\r\n//This method extract if any extension and then add underscore (_) at the last position of the filename and againg concat the extension.\r\nfunction renameFile(fileName) {\r\n var fileElements = fileName.split('.');\r\n return `${fileElements[0]}_.${fileElements[1]}`;\r\n}\r\n\r\nfunction replaceDivWithHeaderTag(article, levelAdjustmentforHTag, isPublication){\r\n let parentClassElements;\r\n if(isPublication){\r\n parentClassElements = article.querySelectorAll('.subtopic');\r\n }else{\r\n parentClassElements = article.querySelectorAll('details');\r\n }\r\n parentClassElements.forEach(parentClassElement => {\r\n const level = identifyHierarchyLevelOfParent(parentClassElement, isPublication);\r\n const divElement = parentClassElement.querySelector('.subtopicheading');\r\n if(divElement) {\r\n const heading = document.createElement(`h${level+levelAdjustmentforHTag}`);\r\n heading.textContent = divElement.textContent;\r\n // As we are explicitly converting the .subheading classNames to H tags as per the level , the CSS classes written in word.css are not getting applied .\r\n // The Aspose is by default adding the font sizes for Heading tags .\r\n // As our H3 class is of 16px and not matching with Aspose ..changing to 16px of H3 tags\r\n if (`${level + levelAdjustmentforHTag}` === '3') {\r\n heading.style.fontSize = '21px';\r\n }\r\n divElement.parentNode.replaceChild(heading, divElement);\r\n }\r\n });\r\n}\r\n\r\nfunction identifyHierarchyLevelOfParent(element, isPublication) {\r\n let level = 0;\r\n let currentElement = element;\r\n while (currentElement.parentElement !== null) {\r\n if(isPublication){\r\n if (currentElement.parentElement.classList.contains(\"subtopic\")) {\r\n level++;\r\n }\r\n }else{ \r\n if (currentElement.tagName.toLowerCase() === 'details') {\r\n level++;\r\n }\r\n }\r\n currentElement = currentElement.parentElement;\r\n }\r\n return level;\r\n}\r\n\r\n\r\n\r\nconst DOWNLOADHELPERS = {\r\n getSectionTitle,\r\n getBinaryList,\r\n renameDuplicateFileNames,\r\n checkIfDisplayDownloadEnable,\r\n getHeaderTitleNameInReadingName,\r\n replaceDivWithHeaderTag\r\n}\r\n\r\nexport default DOWNLOADHELPERS;","import React, { useEffect, useState } from 'react';\r\nimport { useLocation } from 'react-router-dom'\r\nimport { renderToString } from 'react-dom/server'\r\nimport cx from 'classnames';\r\nimport { cloneDeep } from 'lodash';\r\nimport TocContextProvider, { useTocContext } from '../../contexts/TocContext';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport PageContextProvider, { usePageContext, usePageContextLabels, usePageContextSettings } from '../../contexts/PageContext';\r\nimport RETRIEVALSERVICES from '../../services/rp-service';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport RenderAllContainer from './RenderAllContainer';\r\nimport ArticleContextProvider from '../../contexts/ArticleContext';\r\nimport { useGuidebookTocContext } from '../../contexts/GuidebookTocContext';\r\nimport ReadingModeContextProvider, { useReadingModeContext } from '../../contexts/ReadingModeContext';\r\nimport Checkbox from '../Common/Checkbox';\r\nimport { useUserPreferencesContext } from '../../contexts/AnnotationsContext';\r\nimport AnnotationPanelDropdown from '../Annotations/AnnotationPanelDropdown';\r\nimport DOWNLOADHELPERS from '../../helpers/DownloadHelpers';\r\nimport { logs, page } from '../../helpers/log';\r\nimport { ErrorCodes, ErrorMessages } from '../Constants/Errors';\r\nimport {\r\n BrowserRouter as Router,\r\n} from \"react-router-dom\";\r\nimport { TEMPLATE_REPOSITORY_PUBLICATION_TYPES, ARTICLE_DOWNLOAD, PAGE_CONTROLLER_TYPE } from '../Constants/Constants';\r\nimport { useMemo } from 'react';\r\n\r\nexport const DownloadPanel = (props) => {\r\n\r\n const location = useLocation();\r\n const {tier, industry, context, isJournalPage, isFolioPage } = usePageContext();\r\n const { toc, pubInfo } = useTocContext(); //for generating list of available articles for the manual.\r\n const selectedDownloadTypeArticle = 'article', selectedDownloadTypePublication = 'publication';\r\n const [selectedDownloadType, setSelectedDownloadType] = useState(\"article\"); //article download selected by default.\r\n const [publication, setPublication] = useState({});\r\n const [foliopublication, setFolioPublication] = useState({});\r\n const [articleLabels, setArticleLabels] = useState([]);\r\n const [selectAllChecked, setSelectAllChecked] = useState(false);\r\n const [downloadClicked, setDownloadClicked] = useState(false);\r\n const [isBinaryLoaded, setIsBinaryLoaded] = useState(false);\r\n const [displayBinary, setDisplayBinary] = useState();\r\n const [showHideBinary, setShowHideBinary] = useState(false);\r\n const [listToDownload, setListToDownload] = useState([]);//eslint-disable-line\r\n const [showArticleBinaries, setShowArticleBinaries] = useState(true);\r\n const { isReadingMode } = useReadingModeContext();\r\n const setDownloadPanelOpen = props.setDownloadPanelOpen\r\n const articleContent = AddBinariesInArticleContentCopy(props.page.articleContent.props.pubData);\r\n const [selectedList, setSelectedList] = useState([articleContent]); //initial value include the articleContent, since it'll be auto selected.\r\n const articleTitleRaw = props.page.articleTitle.replace(/(<([^>]+)>)/ig, '');\r\n const articleTitle = articleTitleRaw === \"\" ? props.page.navTitle : articleTitleRaw;\r\n const publicationTitle = context.pageControllerType === \"folio\" ? props.page.pubData.title : props.page.navTitle;\r\n const shouldBeFixed = props.shouldBeFixed;\r\n const { getLabel } = usePageContextLabels();\r\n const disableDownloadButtonClassName = 'btn btn-disabled download-panel-button-clicked';\r\n const enableDownloadButtonClassName = 'btn btn-primary download-panel-button';\r\n const [downloadButtonClassName, setDownloadButtonClassName] = useState(!downloadClicked ? enableDownloadButtonClassName : disableDownloadButtonClassName);\r\n const [articleContentCopy, setArticleContentCopy] = useState(cloneDeep(articleContent));//eslint-disable-line\r\n const { state: annState } = useUserPreferencesContext();\r\n const [selectedAnnotationType, setSelectedAnnotationType] = useState(\"viewAll\");\r\n const [selectedAnnotationList, setSelectedAnnotationList] = useState([]);\r\n const [selectedCategory, setSelectedCategory] = useState([]);\r\n const [isAllCategorySelected, setIsAllCategorySelected] = useState(false);\r\n const [includeAnnotationsChecked, setIncludeAnnotationsChecked] = useState(false);\r\n const [selectedSpinePubGuidList, setSelectedSpinePubGuidList] = useState([]);\r\n const { isAnnotationsEnabled, isRestrictedAccessMemberfirm } = usePageContextSettings();\r\n const [downloadAlert, setDownloadAlert] = useState(false);\r\n const { guidebookArticle } = useGuidebookTocContext();\r\n const parentTitleString = \"parentTitle\";\r\n const parentGuidString = \"parentGuid\";\r\n const downloadProps = {\r\n eventType: \"download\",\r\n pageUrl: window.location.href,\r\n selectedTocItem: UTILITIESHELPER.getSessionStorage(\"SelectedContent\"),\r\n pageType: UTILITIESHELPER.getSessionStorage(\"PageType\"),\r\n jobTitle: UTILITIESHELPER.getSessionStorage(\"Level\"),\r\n memberFirm: UTILITIESHELPER.getSessionStorage(\"MemberFirm\"),\r\n rpMemberFirm: UTILITIESHELPER.getLocalStorage(\"research-portal-member-firm\"),\r\n };\r\n const templateRepositoryPublicationTypeList = [TEMPLATE_REPOSITORY_PUBLICATION_TYPES.template_repository_account_publicaton_type, TEMPLATE_REPOSITORY_PUBLICATION_TYPES.template_repository_omnia_publicaton_type, TEMPLATE_REPOSITORY_PUBLICATION_TYPES.template_repository_publicaton_type];\r\n var breadcrumbheight = document.querySelector('.crumbtrail')\r\n var topicsToAddToDownload = [];\r\n var publicationContentItems = [];\r\n const [annnotationCategories, setAnnnotationCategories] = useState(annState?.categories?.filter(item => !item.is_specific_to_bookmark));\r\n const [panel, setpPanelHeight] = useState(0);\r\n const RP_Preview_Env = window.DART.ENV.RP_REACT_INK_CONTENT_PRERELEASE;\r\n useEffect(() => {\r\n var panelHeight = 0;\r\n let crumbtail = document.getElementsByClassName(\"crumbtrail\")[0]?.clientHeight;\r\n if (!crumbtail) {\r\n crumbtail = 0;\r\n }\r\n let heightOfHorizontalScroll = document.getElementsByClassName(\"scrollbar-horizontal-container\")[0]?.clientHeight;\r\n if (!heightOfHorizontalScroll) {\r\n heightOfHorizontalScroll = 0;\r\n }\r\n let previewHeight = document.getElementsByClassName(\"preview-warning\")[0]?.clientHeight;\r\n\r\n if (!previewHeight) {\r\n previewHeight = 0;\r\n }\r\n var fixedarticlenav = document.getElementsByClassName(\"fixed-nav-article\")[0]?.clientHeight;\r\n if (!fixedarticlenav) {\r\n fixedarticlenav = 0;\r\n }\r\n panelHeight = crumbtail + heightOfHorizontalScroll + previewHeight + fixedarticlenav;\r\n setpPanelHeight(panelHeight);\r\n }, [shouldBeFixed])\r\n\r\n useEffect(() => {\r\n const retrieveWholePublication = async () => {\r\n setIsBinaryLoaded(true);\r\n var selectedpublication = await RETRIEVALSERVICES.retrieveAllContentsGuidebookPublication();\r\n if (selectedpublication.content !== null) {\r\n setPublication(selectedpublication);\r\n setFolioPublication(selectedpublication);\r\n setIsBinaryLoaded(false);\r\n }\r\n }\r\n if (isFolioPage) {\r\n var selectedpublication = {};\r\n\r\n var tocData = toc[context.pageSelectedSection.toString()];\r\n if (UTILITIESHELPER.isObjectNullorEmpty(tocData)) {\r\n let tocIndex = toc?.findIndex(f => f.sectionFriendlyPath === context.pageSelectedSection.toString());\r\n if (tocIndex !== null || tocIndex !== undefined) {\r\n var tocData = toc[tocIndex];//pageSelectedPublicationGUID = GUID-3B74B5F2-A465-461C-B3B1-B7FDFBB660ED\"\r\n\r\n let selectedpublication = tocData?.tableOfContents.filter(x => x.id === context.pageSelectedPublicationGUID.toString())[0] ?? null;\r\n\r\n if (selectedpublication && !templateRepositoryPublicationTypeList.includes(selectedpublication.publication_type)) {\r\n // Get GuidebookPublication\r\n if (publication?.id !== context.pageSelectedPublicationGUID) {\r\n retrieveWholePublication();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n else {\r\n const res = {}\r\n res.content = toc\r\n setPublication(res)\r\n }\r\n }, [])//eslint-disable-line\r\n\r\n useEffect(() => {\r\n setAnnnotationCategories(annState?.categories?.filter(item => !item.is_specific_to_bookmark));\r\n }, [annState?.categories]);\r\n\r\n useEffect(() => {\r\n const retrieveWholePublication = async () => {\r\n try {\r\n if (isFolioPage) {\r\n const filteredContent = foliopublication.content.filter(x => selectedSpinePubGuidList.includes(x.id));\r\n const newPublication = { ...publication };\r\n newPublication.content = filteredContent;\r\n setPublication(newPublication);\r\n }\r\n else if (context.pageControllerType === PAGE_CONTROLLER_TYPE.standard) {\r\n const res = await RETRIEVALSERVICES.retrieveAllContentsStandardPublication();\r\n setPublication(res);\r\n }\r\n else {\r\n const res = await RETRIEVALSERVICES.retrieveAllContentsManual(selectedSpinePubGuidList);\r\n setPublication(res);\r\n }\r\n } catch (err) {\r\n logs.error(page.Article, \"DownloadPanel\", ErrorMessages.retrieveWholePublicationDownload, err, { eventId: ErrorCodes.Article });\r\n setPublication({});\r\n }\r\n }\r\n\r\n if (downloadClicked) {\r\n setDownloadButtonClassName(disableDownloadButtonClassName);\r\n setDownloadAlert(false);\r\n\r\n if (selectedDownloadType === \"article\") {\r\n downloadCurrentArticle();\r\n }\r\n else {\r\n retrieveWholePublication();\r\n }\r\n }\r\n else {\r\n setDownloadButtonClassName(enableDownloadButtonClassName);\r\n }\r\n }, [downloadClicked])//eslint-disable-line\r\n\r\n useEffect(() => {\r\n if ((publication.contents !== null && publication.contents) || (publication.content !== null && publication.content)) {\r\n if (downloadClicked) {\r\n downloadMultipleArticles()\r\n }\r\n else {\r\n var list = [];\r\n\r\n if (context?.pageControllerType === \"folio\") {\r\n let targetParent = {};\r\n if (downloadClicked) { // download button clicked after selection\r\n targetParent = publication;\r\n }\r\n else { // first load for displaying the selection list\r\n targetParent.content = publication.content;\r\n }\r\n\r\n targetParent.content.forEach((item) => {\r\n if (selectedList.length > 0) {\r\n var articleIndex = selectedList.findIndex((selectedItem) => { return (selectedItem.id === item.id && item?.binaries?.length >= 0) });\r\n\r\n if (articleIndex >= 0) {\r\n var currentBinaries = [];\r\n item.binaries.forEach((currentBinary) => {\r\n var binaryIndex = selectedList[articleIndex].binaries.findIndex((obj => obj.contentGUID === currentBinary.contentGUID && obj.isSelected));\r\n if (binaryIndex >= 0) {\r\n currentBinary.isSelected = true;\r\n }\r\n currentBinaries.push(currentBinary);\r\n });\r\n let object = {\r\n title: item.title,\r\n id: item.id,\r\n binaries: currentBinaries,\r\n containsBinary: item.containsBinary,\r\n includeArticleText: selectedList[articleIndex].includeArticleText\r\n };\r\n list.push(object)\r\n }\r\n else {\r\n //generate an object for that publication consisting of the title and id.\r\n let object = {\r\n title: item.title,\r\n id: item.id,\r\n binaries: item.binaries,\r\n containsBinary: item.containsBinary,\r\n includeArticleText: item.includeArticleText\r\n };\r\n list.push(object)\r\n }\r\n }\r\n else {\r\n var object = {\r\n title: item.title,\r\n id: item.id,\r\n binaries: item.binaries,\r\n containsBinary: item.containsBinary,\r\n includeArticleText: item.includeArticleText\r\n };\r\n list.push(object)\r\n }\r\n })\r\n }\r\n else if (isJournalPage) {\r\n //journal case, not supported, ignore\r\n }\r\n else {\r\n //manual case\r\n let targetParent = toc;\r\n //Recursivly add them...\r\n list = getChildrenArticles(targetParent.subItems, null)\r\n }\r\n\r\n setArticleLabels(list);\r\n\r\n //needed for publication download\r\n if (downloadClicked) {\r\n downloadMultipleArticles()\r\n }\r\n else {\r\n //set the selected list??\r\n }\r\n }\r\n }\r\n }, [publication]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n\r\n function SetSelectedBinariesToDownload() {\r\n var selectedBinariesList = [];\r\n var tempSelectedSpinePubGuidList = [];\r\n selectedList.forEach((selectedItem) => {\r\n if (selectedItem.binaries) {\r\n selectedItem.binaries.forEach((currentBinary) => {\r\n if (currentBinary.isSelected) {\r\n selectedBinariesList.push(currentBinary);\r\n }\r\n });\r\n }\r\n if (tempSelectedSpinePubGuidList.findIndex(a => a === selectedItem.id) === -1) {\r\n tempSelectedSpinePubGuidList.push(selectedItem.id);\r\n }\r\n });\r\n setSelectedSpinePubGuidList(tempSelectedSpinePubGuidList);\r\n // setListToDownload([...selectedBinariesList]);\r\n }\r\n SetSelectedBinariesToDownload();\r\n }, [selectedList])//eslint-disable-line\r\n\r\n useMemo(() => {\r\n setSelectedList([]);\r\n setDownloadButtonState();\r\n\r\n if (selectedDownloadType === selectedDownloadTypePublication) {\r\n setIncludeAnnotationsChecked(false);\r\n }\r\n\r\n }, [selectedDownloadType])//eslint-disable-line\r\n\r\n function filterAnnotations() {\r\n var filterAnnotations = annState.annotations;\r\n if (selectedCategory && selectedCategory.length > 0) { //Filter by Category\r\n filterAnnotations = filterAnnotations.filter(item => selectedCategory.includes(item.category_guid));\r\n }\r\n if (selectedAnnotationType !== \"viewAll\") {\r\n if (selectedAnnotationType === \"Comments\") {\r\n filterAnnotations = filterAnnotations.filter(item => item.annotation_type === \"Comment\");\r\n }\r\n else if (selectedAnnotationType === \"Highlights\") {\r\n filterAnnotations = filterAnnotations.filter(item => item.annotation_type === \"Highlight\");\r\n }\r\n }\r\n return filterAnnotations;\r\n }\r\n\r\n useEffect(() => {\r\n if (includeAnnotationsChecked) {\r\n setSelectedAnnotationList(() => { return filterAnnotations() });\r\n }\r\n else {\r\n setSelectedAnnotationList([]);\r\n }\r\n }, [selectedAnnotationType, selectedCategory, annState, includeAnnotationsChecked]);//eslint-disable-line\r\n\r\n function AddRecursiveSubItem(subItems) {\r\n var recurseBinaryList = [];\r\n subItems.forEach((subItem) => {\r\n if (subItem.containsBinary && !UTILITIESHELPER.isStringNullorEmpty(subItem.content.uri)) {\r\n let obj = {\r\n binaryURI: subItem.content.uri,\r\n binaryTitle: UTILITIESHELPER.isStringNullorEmpty(subItem.title) ? subItem.object_title : subItem.title,\r\n binaryFormat: subItem.content.format,\r\n contentGUID: subItem.id,\r\n isSelected: true\r\n };\r\n\r\n recurseBinaryList.push(obj);\r\n }\r\n if (subItem.subItems.length > 0) {\r\n let subBinaryList = AddRecursiveSubItem(subItem.subItems);\r\n if (subBinaryList.length > 0)\r\n recurseBinaryList.push(...subBinaryList);\r\n\r\n }\r\n\r\n\r\n })\r\n return recurseBinaryList;\r\n }\r\n\r\n function AddBinariesInArticleContentCopy(articleContent) {\r\n var tempArticleContent = { ...articleContent }; //cloneDeep(articleContent); {...articlecontent};\r\n\r\n if (tempArticleContent.content.length > 0) {\r\n tempArticleContent.content[0].includeArticleText = true;\r\n let tempBinaries = [];\r\n tempArticleContent.content.forEach((contentItem) => {\r\n //START//section to read binaries of same level (non sub item level)\r\n if (contentItem.containsBinary && !UTILITIESHELPER.isStringNullorEmpty(contentItem.content.uri)) {\r\n let obj = {\r\n binaryURI: contentItem.content.uri,\r\n binaryTitle: UTILITIESHELPER.isStringNullorEmpty(contentItem.title) ? contentItem.object_title : contentItem.title,\r\n binaryFormat: contentItem.content.format,\r\n contentGUID: contentItem.id,\r\n isSelected: true\r\n };\r\n\r\n tempBinaries.push(obj);\r\n }\r\n //END//section to read binaries of same level (non sub item level)\r\n\r\n if (contentItem.subItems.length > 0) {\r\n var tempBinariesRecursive = AddRecursiveSubItem(contentItem.subItems);\r\n if (tempBinariesRecursive.length > 0) {\r\n tempBinariesRecursive.map(item => tempBinaries.push(item));\r\n }\r\n }\r\n })\r\n tempArticleContent.content[0][\"binaries\"] = tempBinaries;\r\n }\r\n return tempArticleContent;\r\n }\r\n\r\n function formatContentForWordDocument(content) {\r\n var wordContent = UTILITIESHELPER.removeNonBreakingSpaces(content);\r\n return wordContent;\r\n }\r\n\r\n function accessibleCheckboxAll(e) {\r\n if (e.key === \"Enter\") {\r\n handleSelectAllCheckboxClick();\r\n }\r\n }\r\n\r\n function accessibleCheckbox(e, item) {\r\n if (e.key === \"Enter\") {\r\n handleCheckboxClick(item);\r\n }\r\n }\r\n\r\n function addArticleToSelectedList(item) {\r\n var newArray = [];\r\n var binaryArray = [];\r\n\r\n if (selectedDownloadType === selectedDownloadTypePublication) {\r\n //case when we already have some item selected\r\n selectedList.forEach((selectedItem) => {\r\n newArray.push(selectedItem);\r\n })\r\n }\r\n\r\n //add requested/selected item to selected list\r\n item.includeArticleText = true;\r\n newArray.push(item);\r\n\r\n //identify all the binaries of the checked articled and create single list which we display within article\r\n if (item?.binaries?.length > 0) {\r\n binaryArray = item.binaries;\r\n binaryArray.forEach((child) => {\r\n child.isSelected = true;\r\n });\r\n }\r\n\r\n //On parent item check, it should check its child item till last(nth) level\r\n const selectRecursively = (childItem) => {\r\n childItem.forEach((child) => {\r\n newArray.push(child)\r\n if (child?.children?.length) {\r\n selectRecursively(child.children);\r\n }\r\n });\r\n\r\n }\r\n\r\n if (item?.children?.length) {\r\n selectRecursively(item.children);\r\n }\r\n\r\n if (newArray.length > 0) {\r\n setDownloadButtonClassName(enableDownloadButtonClassName);\r\n }\r\n else {\r\n setDownloadButtonClassName(disableDownloadButtonClassName);\r\n }\r\n\r\n setSelectedList(newArray);\r\n }\r\n\r\n function checkAllArticles(subItems, children) {\r\n for (let child of subItems) {\r\n child.includeArticleText = true; //when select all true all binaries are also set selected true\r\n if (child.binaries && child.binaries.length > 0) {\r\n child.binaries.forEach((currentBinary) => {\r\n currentBinary.isSelected = true;\r\n });\r\n }\r\n children.push(child)\r\n if (child.children && Array.isArray(child.children) && child.children.length > 0) {\r\n checkAllArticles(child.children, children)\r\n }\r\n }\r\n\r\n return children\r\n }\r\n\r\n function createHtmlBodyArticle() {\r\n //For single article download.\r\n let elements = document.querySelectorAll('li > .indent');\r\n if (elements !== undefined) {\r\n for (let element in Object.entries(elements)) {\r\n elements[element].setAttribute(\"class\", \"indent\");\r\n }\r\n }\r\n //While downloading the Article , in the footnote inside the class-endnote-text whenever we have a- \r\n // then the Aspose is adding an extra space to the next footnote number , inorder to not let aspose add spaces\r\n // we have added an extra
- {getLabel(\"ra_ProfessionalStandardContentExclusion\", RESEARCH_ASSISTANT.contentExclustionProfessionalStandard)} \r\n
- {getLabel(\"ra_DeloitteCommunicationContentExclusion\", RESEARCH_ASSISTANT.contentExclustionDeloitteCommunication)} \r\n {researchAssistantResponse.memberFirm === MEMBERFIRM_CONSTANTS.us &&
- {getLabel(\"ra_ConditionalStringUS\", RESEARCH_ASSISTANT.conditionalStringUS)} }\r\n
- \r\n \r\n \r\n )\r\n}\r\n\r\nconst handleCheckboxClick = (event, option, onChange) => {\r\n if (event.key === \"Enter\") {\r\n onChange(option)\r\n }\r\n};\r\n\r\n\r\nconst DropdownPreferences = () => {\r\n const { isDarkMode } = useThemeContext();\r\n const { context, tier, setTier, industry, setIndustry,setCurrentTier,setCurrentIndustry, taxonomyMemberFirmContext,\r\n\t\tsetTaxonomyMemberFirmContext, countryKDSettings, isCountryKDSettingsLoaded , setAllIndustry , setAllTier } = usePageContext();\r\n const { getLabel } = usePageContextLabels();\r\n const [data, setData] = useState(null);\r\n const [isShown, setIsShown] = useState(false);\r\n const [value, setValue] = useState();\r\n const { retrieveFrameworkList } = useDCSService()\r\n\r\n const parseResults=useCallback((frameworks, industries) =>{\r\n const narrowScope = ({ id, name, value, label, display_order }) => ({ id, name, value, label, display_order })\r\n //If frameworks/industries cannot load, then the filters (and probably all other taxonomies) cannot be loaded\r\n // renders the page in-oprable anyway! We should throw a much begger error for this.\r\n if (!frameworks || !industries) {\r\n logs.error(page.PageContext, 'retrieveIndustryList', ErrorMessages.industryList,\"error\",{eventId:ErrorCodes.PageContext});\r\n return null;\r\n }\r\n\r\n console.log('Frameworks', frameworks);\r\n \r\n return {\r\n frameworks: {\r\n accounting: context.knowledgeDomain === \"accounting\" ? frameworks.gaapItems.map(narrowScope) : [],\r\n auditing: context.knowledgeDomain === \"auditing\" ? frameworks.gaasItems.map(narrowScope) : [],\r\n assurance: context.knowledgeDomain === \"assurance\" ? frameworks.assuranceItems.map(narrowScope) : []\r\n },\r\n industries: industries.items.map(narrowScope)\r\n }\r\n },[context.knowledgeDomain])\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n if(isCountryKDSettingsLoaded && !UTILITIESHELPER.isStringNullorEmpty(context.knowledgeDomain)) {\r\n const resIndustry = await RETRIEVALSERVICES.retrieveIndustryList(context);\r\n const TaxonomyMemberfirmValue= countryKDSettings\r\n ?.filter(x => x.country === context.memberFirm)[0]?.knowledgeDomain?.filter(x => x.name === (context.knowledgeDomain ? context.knowledgeDomain : 'auditing'))[0]?.taxonomyMemberFirm ;\r\n const taxonomyArray = (UTILITIESHELPER.isStringNullorEmpty(TaxonomyMemberfirmValue)? MemberFirmID.dtt :TaxonomyMemberfirmValue)\r\n if(JSON.stringify(taxonomyArray) !== JSON.stringify(taxonomyMemberFirmContext)) {\r\n setTaxonomyMemberFirmContext(taxonomyArray)\r\n }\r\n const resFramework = await retrieveFrameworkList(taxonomyArray);\r\n setAllIndustry(resIndustry);\r\n setAllTier(resFramework);\r\n const parsed = parseResults(resFramework, resIndustry);\r\n if (parsed) {\r\n setData(parsed);\r\n }\r\n }\r\n }\r\n fetchData();\r\n //eslint-disable-next-line\r\n }, [context.memberFirm, context.language, context.knowledgeDomain, isCountryKDSettingsLoaded]);\r\n\r\n useEffect(() => {\r\n console.log('taxonomyMemberFirmContext', taxonomyMemberFirmContext)\r\n }, [taxonomyMemberFirmContext])\r\n\r\n\r\n const clearCheckList = () => {\r\n const tier = TierHelpers.removeLocalStorageWithValue(context.knowledgeDomain, context.memberFirm);\r\n const industry = IndustryHelpers.removeLocalStorageWithValue(context.knowledgeDomain, context.memberFirm);\r\n setTier(tier);\r\n setIndustry(industry);\r\n setCurrentIndustry(tier);\r\n setCurrentTier(industry);\r\n\r\n }\r\n\r\n const MenuList = ({ children }) => {\r\n //Handle checkbox change\r\n const onTierChange = (option) => {\r\n const mfTier = getMfPrefs(tier, context.memberFirm);\r\n const find = mfTier?.find(x => x.id === option.id);\r\n let tiers = [];\r\n if (find) {\r\n tiers = mfTier.filter(x => x.id !== find.id);\r\n } else {\r\n tiers = [...mfTier, option].sort(sortFrameworksOrderAsc);\r\n }\r\n const tierObject = { ...tier, [context.memberFirm]: { ...tier[context.memberFirm], [context.knowledgeDomain]: tiers } };\r\n TierHelpers.setLocalStorage(tierObject);\r\n setTier(tierObject);\r\n setCurrentTier(tierObject);\r\n }\r\n\r\n //Handle checkbox change\r\n const onIndustryChange = (option) => {\r\n const mfIndustry = getMfPrefs(industry, context.memberFirm);\r\n const find = mfIndustry?.find(x => x.id === option.id);\r\n let industries = [];\r\n if (find) {\r\n industries = mfIndustry.filter(x => x.id !== find.id);\r\n } else {\r\n industries = [...mfIndustry, option]?.sort(sortDisplayOrderAsc);\r\n }\r\n const industryObject = { ...industry, [context.memberFirm]: { ...industry[context.memberFirm], [context.knowledgeDomain]: industries } };\r\n IndustryHelpers.setLocalStorage(industryObject);\r\n setIndustry(industryObject);\r\n setCurrentIndustry(industryObject);\r\n }\r\n\r\n function getMfPrefs(prefs, mf) {\r\n return prefs.hasOwnProperty(mf) ? prefs[mf][context.knowledgeDomain] : [];\r\n }\r\n\r\n return (\r\n
- \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{linkTitle}\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t - \r\n \r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n- \r\n {item.subItems?.map((subItem, index) => {\r\n return (\r\n
\r\n )\r\n};\r\n\r\nTableOfContentsItem.defaultProps = {\r\n expandTocSection: () => { },\r\n item: null,\r\n includeSubItems: true,\r\n isListingPage: false,\r\n sectionContainsPublications: true,\r\n sectionFriendlyPath: '',\r\n shouldHighlightSelected: true,\r\n}\r\n\r\nexport default TableOfContentsItem;","import React, { useState, useEffect } from 'react'\r\nimport { Link } from 'react-router-dom';\r\nimport cx from 'classnames';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { replace } from 'lodash'\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport { usePageContext, usePageContextSettings } from '../../contexts/PageContext';\r\nimport TocSearchBadge from '../Publication/TocSearchBadge';\r\nimport TocAnnotationBadge from '../Publication/TocAnnotationBadge';\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport { logs } from '../../helpers/log';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\n\r\n\r\n\r\nexport const IsCurrentPublicationOrTopic = (itemID = '', currentPathname = '') => {\r\n //If there is no GUID in the path, then we have not selected a TOC item\r\n if (!currentPathname.includes('/GUID-')) {\r\n return false;\r\n }\r\n const currentPathSplit = currentPathname.split('/GUID-');\r\n //If the current URL is only on a Publication, there will be only one GUID, or none\r\n if (currentPathSplit.length === 2) {\r\n return itemID.includes(currentPathSplit[1].split('/')[0]);\r\n }\r\n //We only care about the TopicGUID, if this is a spine pub, the topic GUID will still be unique and the same\r\n return itemID.includes(currentPathSplit[2]);\r\n}\r\n\r\nconst FolioTableOfContentsItem = (\r\n props\r\n) => {\r\n const {\r\n basePath,\r\n item,\r\n shouldHighlightSelected,\r\n includeSubItems,\r\n sectionContainsPublications, //Default == true\r\n isListingPage, //Default == false\r\n parentGuid, //Starts off NULL\r\n isPubExpandable\r\n } = props;\r\n\r\n const itemID = item.id;\r\n \r\n const { selectedItemTOC, setSelectedItemTOC, tocIconBookmark, tocAnnotations } = useTocContext();\r\n const { context } = usePageContext();\r\n const { isAnnotationsEnabled,isRestrictedAccessMemberfirm } = usePageContextSettings();\r\n const [isSelected, setIsSelected] = useState(context.pageSelectedContentItemGUID === itemID || (context.pageSelectedContentItemGUID === \"\" && context.pageSelectedPublicationGUID === itemID));\r\n const [isExpanded, setIsExpanded] = useState(isPubExpandable && (isListingPage || isSelected || context.pageSelectedPublicationGUID === itemID));\r\n const isExpandable = (includeSubItems && isPubExpandable && ((Array.isArray(item.subItems) && item.subItems.length > 0) || (Array.isArray(item.children) && item.children.length > 0)));\r\n const isGuidebook = context.pageControllerType === 'folio';\r\n const { searchResults } = useSearchResultContext();\r\n const [isSearchActive, setIsSearchActive] = useState(false);\r\n const [isAnnotationAvailable, setIsAnnotationAvailable] = useState(false);\r\n \r\n const clickProps = {\r\n eventType: \"click\",\r\n pageUrl: LINKHELPERS.sanitizeUrl(window.location.href),\r\n pageType: UTILITIESHELPER.getSessionStorage(\"PageType\"),\r\n jobTitle: UTILITIESHELPER.getSessionStorage(\"Level\"),\r\n memberFirm: UTILITIESHELPER.getSessionStorage(\"MemberFirm\"),\r\n rpMemberFirm: UTILITIESHELPER.getLocalStorage('research-portal-member-firm'),\r\n };\r\n \r\n \r\n const itemTitle = isListingPage ? item.title : item.nav_title;\r\n const itemURL = LINKHELPERS.sanitizeUrl(item.url || `${basePath}/${itemTitle}/${itemID}`);\r\n\r\n useEffect(() => {\r\n setIsSearchActive(!UTILITIESHELPER.isArrayNullorEmpty(searchResults));\r\n }, [searchResults]);\r\n\r\n useEffect(() => {\r\n setIsAnnotationAvailable(!UTILITIESHELPER.isArrayNullorEmpty(tocAnnotations));\r\n }, [tocAnnotations]);\r\n\r\n useEffect(() => {\r\n if (!!item\r\n && 'tocHash' in item\r\n && !!selectedItemTOC\r\n && 'item' in selectedItemTOC\r\n && !!selectedItemTOC.item\r\n && 'tocHash' in selectedItemTOC.item) {\r\n\r\n if (!isExpanded && selectedItemTOC.item.tocHash.includes(item.tocHash) && item.tocHash !== selectedItemTOC.item.tocHash) {\r\n setIsExpanded(true);\r\n }\r\n setIsSelected(item.tocHash === selectedItemTOC.item.tocHash);\r\n }\r\n else if (isSelected) {\r\n setIsSelected(false);\r\n }\r\n }, [selectedItemTOC]);\r\n\r\n useEffect(() => {\r\n //When the page loads, we will see if we need to \"select\" the current TOC\r\n if (isSelected) {\r\n //If there is already a selectedItemToc (then we should be fine to ignore this)\r\n !!selectedItemTOC && 'item' in selectedItemTOC && !!selectedItemTOC.item\r\n ? setIsSelected(false)\r\n : setSelectedItemTOC({ item });\r\n }\r\n }, []);\r\n\r\n const getClassNameExpanded = (_isExpandable, _isExpanded, _isListingPage) => {\r\n if (!_isExpandable) return '';\r\n return (_isExpanded) ? 'toc-item-icon-expandable-open' : 'toc-item-icon-expandable-closed';\r\n }\r\n\r\n\r\n //BDP:TODO:Figure out how to address this...and if its not working as it should!\r\n // deeper items may not have the correct tocHas any more with the new folio api response!\r\n const isBadged = () => (selectedItemTOC && selectedItemTOC.item) ? (item.tocHash.includes(selectedItemTOC.item.id)) : true;\r\n\r\n\r\n function bookmark(_itemURL) {\r\n return tocIconBookmark?.filter(\r\n function (data) {\r\n return LINKHELPERS.getGUID(data.page_url) === LINKHELPERS.getGUID(decodeURI(_itemURL))\r\n }\r\n ).length > 0 ? true : false;\r\n }\r\n \r\n function logToAppInsights(tocItem)\r\n {\r\n if(tocItem!==\"\")\r\n {\r\n clickProps.selectedTocItem = tocItem;\r\n if(!UTILITIESHELPER.isStringNullorEmpty(context.pageCollectionName))\r\n {\r\n clickProps.collectionName = decodeURI(context.pageCollectionName);\r\n }\r\n if(clickProps.pageType!=='')\r\n {\r\n logs.event('click', clickProps);\r\n }\r\n }\r\n }\r\n \r\n return (\r\n - \r\n \r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n- \r\n {item.subItems?.map((subItem, index) => {\r\n return (\r\n
\r\n )\r\n};\r\n\r\nFolioTableOfContentsItem.defaultProps = {\r\n expandTocSection: () => { },\r\n item: null,\r\n includeSubItems: true,\r\n isListingPage: false,\r\n sectionContainsPublications: true,\r\n sectionFriendlyPath: '',\r\n shouldHighlightSelected: true,\r\n parentGuid: null\r\n}\r\n\r\nexport default FolioTableOfContentsItem;","import React, { useState, useEffect, useMemo } from 'react'\r\nimport { Link, useLocation } from 'react-router-dom';\r\nimport cx from 'classnames';\r\nimport { replace } from 'lodash'\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\nexport const checkIsSelected = (itemHref = '', currentPathname = '') => {\r\n return currentPathname.endsWith(itemHref);\r\n}\r\n\r\nconst TocItemRelatedContent = ( props ) => {\r\n const {\r\n basePath,\r\n includeRoot,\r\n isRelatedLinksPage,\r\n publicationType,\r\n sectionData,\r\n subItems,\r\n shouldHighlightSelected\r\n } = props;\r\n\r\n const { context } = usePageContext();\r\n const { getMFLabel } = usePageContextLabels();\r\n const { selectedItemTOC, setSelectedItemTOC } = useTocContext();\r\n const location = useLocation();\r\n const [isSelected, setIsSelected] = useState(checkIsSelected(publicationType.Key, location.pathname) && !isRelatedLinksPage);\r\n\r\n useEffect(() => {\r\n if (isSelected) {\r\n //When the selectedItemTOC changes, we need to make sure its unselected...\r\n if (!isRelatedLinksPage && !!selectedItemTOC && 'item' in selectedItemTOC && !!selectedItemTOC.item) {\r\n //If the selectedItemTOC is not the current one, then we need to unslect it...\r\n if (!checkIsSelected(publicationType.Key, location.pathname)) {\r\n setIsSelected(false);\r\n }\r\n }\r\n }\r\n else {\r\n if (!isRelatedLinksPage && !!selectedItemTOC && 'item' in selectedItemTOC && !!selectedItemTOC.item) {\r\n //If the selectedItemTOC is the current one, then we need to unslect it...\r\n if (checkIsSelected(publicationType.Key, location.pathname)) {\r\n setIsSelected(true);\r\n }\r\n }\r\n }\r\n }, [selectedItemTOC]);\r\n\r\n useEffect(() => {\r\n //When the page loads, we will see if we need to \"select\" the current TOC\r\n if (isSelected && !isRelatedLinksPage) {\r\n //If there is already a selectedItemToc (then we should be fine to ignore this)\r\n if (!!selectedItemTOC && 'item' in selectedItemTOC && !!selectedItemTOC.item) {\r\n setIsSelected(false);\r\n }\r\n else {\r\n setSelectedItemTOC({ item: sectionData });\r\n }\r\n }\r\n }, []);\r\n\r\n return (\r\n <>\r\n - \r\n \r\n \r\n
- \r\n \r\n \r\n \r\n {subItem.title}\r\n\r\n \r\n \r\n )\r\n })} \r\n
- \r\n {iteam}\r\n \r\n )):\"\"\r\n }\r\n
- \r\n \r\n \r\n )\r\n}\r\n\r\nconst handleCheckboxClick = (event, option, onChange) => {\r\n if (event.key === \"Enter\") {\r\n onChange(option)\r\n }\r\n};\r\n\r\nconst DropdownPreferencesRA = () => {\r\n const { dispatch, state: raState } = useResearchAssistantContext();\r\n const { getLabel } = usePageContextLabels();\r\n const { taxonomyMemberFirmContext, setTaxonomyMemberFirmContext, countryKDSettings, isCountryKDSettingsLoaded } = usePageContext()\r\n const [data, setData] = useState(null);\r\n const [isShown, setIsShown] = useState(false);\r\n const [value, setValue] = useState();\r\n const { retrieveFrameworkList } = useDCSService()\r\n\r\n const parseResults = useCallback((frameworks) => {\r\n const narrowScope = ({ id, name, value, label, display_order }) => ({ id, name, value, label, display_order })\r\n if (!frameworks) {\r\n return null;\r\n }\r\n\r\n return {\r\n frameworks: {\r\n accounting: raState?.knowledgeDomain === \"accounting\" ? frameworks?.gaapItems?.sort(sortDisplayOrderAsc).map(narrowScope) : [],\r\n auditing: raState?.knowledgeDomain === \"auditing\" ? frameworks?.gaasItems?.sort(sortDisplayOrderAsc).map(narrowScope) : [],\r\n assurance: raState?.knowledgeDomain === \"assurance\" ? frameworks?.assuranceItems?.sort(sortDisplayOrderAsc).map(narrowScope) : []\r\n },\r\n\r\n }\r\n }, [raState?.knowledgeDomain])\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n const context = {\r\n memberFirm: raState.memberFirm,\r\n language: raState.language,\r\n knowledgeDomain: raState.knowledgeDomain,\r\n\r\n }\r\n const TaxonomyMemberfirmValue= countryKDSettings\r\n ?.filter(x => x.country === context.memberFirm)[0]?.knowledgeDomain?.filter(x => x.name === (context.knowledgeDomain ? context.knowledgeDomain : 'auditing'))[0]?.taxonomyMemberFirm ;\r\n const taxonomyArray = (UTILITIESHELPER.isStringNullorEmpty(TaxonomyMemberfirmValue)? MemberFirmID.dtt :TaxonomyMemberfirmValue)\r\n if(JSON.stringify(taxonomyArray) !== JSON.stringify(taxonomyMemberFirmContext)) {\r\n setTaxonomyMemberFirmContext(taxonomyArray)\r\n }\r\n const resFramework = await retrieveFrameworkList(taxonomyArray);\r\n const parsed = parseResults(resFramework);\r\n if (parsed) {\r\n setData(parsed);\r\n }\r\n }\r\n fetchData();\r\n }, [raState?.memberFirm, raState?.knowledgeDomain]);\r\n\r\n\r\n\r\n const MenuList = ({ children }) => {\r\n const onTierChange = (option) => {\r\n const mfTier = getMfPrefs(raState.tier, raState.memberFirm);\r\n const find = mfTier?.find(x => x.id === option.id);\r\n let tiers = [];\r\n if (find) {\r\n tiers = mfTier.filter(x => x.id !== find.id);\r\n } else {\r\n tiers = [...mfTier, option].sort(sortDisplayOrderAsc);\r\n }\r\n const tierObject = { ...raState.tier, [raState.memberFirm]: { ...raState.tier[raState.memberFirm], [raState.knowledgeDomain]: tiers } };\r\n TierHelpers.setLocalStorageResearchAssistant(tierObject);\r\n // let memberfirm= raState.memberFirm ; \r\n // let knowledgedomain= raState.knowledgeDomain;\r\n let TierArray = [];\r\n\r\n for (let key in tierObject) {\r\n if (tierObject.hasOwnProperty(key)) {\r\n let subObject = tierObject[key];\r\n for (let subKey in subObject) {\r\n if (subObject.hasOwnProperty(subKey)) {\r\n let subArray = subObject[subKey];\r\n if (Array.isArray(subArray)) {\r\n TierArray = [...TierArray, ...subArray.map(item => item.name)];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n const payload = {\r\n memberFirm: raState.memberFirm,\r\n language: 'en-us',\r\n memberFirmId:raState.memberFirmId,\r\n knowledgeDomain: raState.knowledgeDomain,\r\n tier: tierObject,\r\n tierSelected: TierArray\r\n }\r\n dispatch({\r\n type: ACTIONS.RA_LOAD,\r\n payload: payload,\r\n })\r\n }\r\n\r\n\r\n\r\n function getMfPrefs(prefs, mf) {\r\n return prefs.hasOwnProperty(mf) ? prefs[mf][raState.knowledgeDomain] : [];\r\n }\r\n\r\n return (\r\n
tag towards the end of the
- inside the class-endnote-text\r\n var endnoteTextElements = document.querySelectorAll('.endnote-text');\r\n endnoteTextElements.forEach(element => {\r\n var ulElement = element.querySelector('ul');\r\n if (ulElement) {\r\n var pElement = document.createElement('p');\r\n pElement.textContent = '';\r\n element.appendChild(pElement);\r\n }\r\n });\r\n var articleContainer = document.getElementsByClassName(\"article-container\")[0];\r\n var clone = articleContainer.cloneNode(true);\r\n if (clone.querySelector('.article-title-reading-mode')) {\r\n clone.children[0].outerHTML = '
' + clone.children[0].innerHTML + '
';\r\n clone.children[0].setAttribute(\"style\", \"margin: 0px 0px 0px -70px; box-sizing: border-box\");\r\n clone.setAttribute(\"style\", \"padding: 20px 0 0 70px; box-sizing: border-box\");\r\n }\r\n //remove divs for web app modals etc. that we don't want to include in the word doc.\r\n var toolbardivs = clone.getElementsByClassName('toolbar');\r\n while (toolbardivs.length > 0) {\r\n toolbardivs[0].parentNode.removeChild(toolbardivs[0]);\r\n }\r\n\r\n var fixedToolsDiv = clone.getElementsByClassName('fixed-tools-container');\r\n while (fixedToolsDiv.length > 0) {\r\n fixedToolsDiv[0].parentNode.removeChild(fixedToolsDiv[0]);\r\n }\r\n\r\n //Not including \"Top of Article\" text from word doc.\r\n var fixedToolsDivBottom = clone.getElementsByClassName('fixed-tools-container-bottom');\r\n while (fixedToolsDivBottom.length > 0) {\r\n fixedToolsDivBottom[0].parentNode.removeChild(fixedToolsDivBottom[0]);\r\n }\r\n\r\n var modaldivs = clone.getElementsByClassName('modal');\r\n while (modaldivs.length > 0) {\r\n modaldivs[0].parentNode.removeChild(modaldivs[0]);\r\n }\r\n\r\n var nextPrevDivs = clone.getElementsByClassName('prev-next-article-links-container');\r\n while (nextPrevDivs.length > 0) {\r\n nextPrevDivs[0].parentNode.removeChild(nextPrevDivs[0]);\r\n }\r\n\r\n var shareModaldivs = clone.getElementsByClassName('share-modal');\r\n while (shareModaldivs.length > 0) {\r\n shareModaldivs[0].parentNode.removeChild(shareModaldivs[0]);\r\n }\r\n\r\n var miscImagesDivs = clone.getElementsByClassName('icon-file-component');\r\n while (miscImagesDivs.length > 0) {\r\n miscImagesDivs[0].parentNode.removeChild(miscImagesDivs[0]);\r\n }\r\n\r\n var downloadPanelDivs = clone.getElementsByClassName('download-panel');\r\n while (downloadPanelDivs.length > 0) {\r\n downloadPanelDivs[0].parentNode.removeChild(downloadPanelDivs[0]);\r\n }\r\n\r\n //remove notifications from doc\r\n var notificationDivs = clone.getElementsByClassName('notification');\r\n while (notificationDivs.length > 0) {\r\n notificationDivs[0].parentNode.removeChild(notificationDivs[0]);\r\n }\r\n\r\n //This logic is to remove PDF content in word document\r\n while (clone.querySelectorAll('.binary-block .pdf').length > 0) {\r\n const parentElement = clone.querySelectorAll('.binary-block .pdf')[0].parentNode;\r\n if (parentElement) {\r\n const parent = parentElement.parentNode;\r\n if (parent) {\r\n parent.remove();\r\n }\r\n }\r\n }\r\n\r\n //this method is specific for case when downloading article that contains PDF viewer in it.\r\n //and we dont want that PDF Viewer to show up in word docs\r\n while (clone.querySelectorAll('.binary-block .d-flex').length > 0) {\r\n clone.querySelectorAll('.binary-block .d-flex')[0].remove();\r\n }\r\n\r\n\r\n\r\n DOWNLOADHELPERS.replaceDivWithHeaderTag(clone, 1, false)\r\n\r\n //Generate the article\r\n let date = new Date();\r\n const dateValue = UTILITIESHELPER.formatDate(date, context?.language);\r\n\r\n //removing divs with this class, because this div is including unwanted new line within same paragraph.\r\n var footnotedivs = clone.getElementsByClassName('footnote-popup');\r\n while (footnotedivs.length > 0) {\r\n footnotedivs[0].parentNode.removeChild(footnotedivs[0]);\r\n }\r\n\r\n //remove annotation\r\n //get all ids which are in selectedAnnotation\r\n //remove annotation which doesnt include in Annotationlist\r\n let removalAnnotationIds = [];\r\n removalAnnotationIds = annState.annotations.filter(function (e) {\r\n return selectedAnnotationList.indexOf(e) === -1\r\n });\r\n\r\n removalAnnotationIds = removalAnnotationIds.map(a => a.annotation_guid);\r\n var markTagg = clone.querySelectorAll(\".highlighted\");\r\n for (let i = 0; i < markTagg.length; i++) {\r\n var markid = removalAnnotationIds.includes(markTagg[i].id);\r\n if (markid) {\r\n markTagg[i].parentNode.replaceChild(document.createTextNode(markTagg[i].innerHTML), markTagg[i]);\r\n let spanid = `#comment${markTagg[i].id}`;\r\n let spanTag = clone.querySelector(spanid);\r\n if (spanTag) {\r\n spanTag.remove();\r\n }\r\n }\r\n }\r\n generateAndResolveLinks(clone);\r\n const linkUrl = UTILITIESHELPER.getBaseDomain() + location.pathname;\r\n const startString = \"\"\r\n const citationString = `${getAppliedFilterMessage()}Link: ${publicationTitle}
${getLabel(\"b_BinaryDownloadedOn\", \"Downloaded on:\")} ${dateValue}
- \r\n // then the Aspose is adding an extra space to the next footnote number , inorder to not let aspose add spaces\r\n // we have added an extra
tag towards the end of the
- inside the class-endnote-text\r\n var endnoteTextElements = htmlDoc.querySelectorAll('.endnote-text');\r\n endnoteTextElements.forEach(element => {\r\n var ulElement = element.querySelector('ul');\r\n if (ulElement) {\r\n var pElement = htmlDoc.createElement('p');\r\n pElement.textContent = '';\r\n element.appendChild(pElement);\r\n }\r\n });\r\n\r\n //Get all div with p in endnote-table-container\r\n var endNotesContainers = htmlDoc.getElementsByClassName(\"endnote-table-container\");\r\n\r\n //remove duplicate industry tag\r\n htmlDoc.querySelectorAll('.applicability-tag').forEach(function (a) {\r\n a.remove()\r\n })\r\n\r\n //this method is specific for case when downloading article that contains PDF viewer in it.\r\n //and we dont want that PDF Viewer to show up in word docs\r\n //clone.querySelectorAll('.binary-block .pdf')\r\n // var pdfViewerblocks = htmlDoc.querySelectorAll('.binary-block .pdf');\r\n while (htmlDoc.querySelectorAll('.binary-block .pdf').length > 0) {\r\n htmlDoc.querySelectorAll('.binary-block .pdf')[0].remove();\r\n }\r\n\r\n //this method is specific for case when downloading article that contains PDF viewer in it.\r\n //and we dont want that PDF Viewer to show up in word docs\r\n while (htmlDoc.querySelectorAll('.binary-block .d-flex').length > 0) {\r\n htmlDoc.querySelectorAll('.binary-block .d-flex')[0].remove();\r\n }\r\n\r\n //Convert all subtopic div to h tags\r\n var articleContainers = htmlDoc.getElementsByClassName(\"structured-article\");\r\n for (let i = 0; i < articleContainers.length; i++) {\r\n DOWNLOADHELPERS.replaceDivWithHeaderTag(articleContainers[i], 2, true)\r\n };\r\n\r\n if (endNotesContainers.length > 0) {\r\n //this for loop will arrage the notes in the order which is working(having proper rows and containers)\r\n for (let i = 0; i < endNotesContainers.length; i++) {\r\n var spansOfEndnoteText = endNotesContainers[i].querySelectorAll(\"p .endnote-text\");\r\n let counterForCurrentUpdation = 0;\r\n\r\n //class 'p' in the endnote-table-container\r\n var endnoteTextDivs = endNotesContainers[i].querySelectorAll(\".p\");\r\n for (let j = 0; j < spansOfEndnoteText.length && counterForCurrentUpdation < endnoteTextDivs.length; j++) {\r\n\r\n let currentDiv = endnoteTextDivs[counterForCurrentUpdation];\r\n //Paste value only when empty, because sometimes spans contain text directly inside them\r\n //as they don't have div pushed inside them\r\n if (spansOfEndnoteText[j].innerHTML === '') {\r\n //Paste the value in the span with white space prefix(margins are not working in docx)\r\n spansOfEndnoteText[j].innerHTML = \" \" + currentDiv.innerHTML;\r\n //Nullify the div, can't delete because of counter running logic\r\n currentDiv.innerHTML = '';\r\n //Update only when update span is done, so that no div remains manipulated\r\n counterForCurrentUpdation++;\r\n }\r\n else {\r\n //if text already there then just prefix white space\r\n spansOfEndnoteText[j].prepend(\" \");\r\n }\r\n }\r\n }\r\n }\r\n var footnotedivsnew = htmlDoc.getElementsByClassName('footnote-popup');\r\n while (footnotedivsnew.length > 0) {\r\n footnotedivsnew[0].parentNode.removeChild(footnotedivsnew[0]);\r\n }\r\n let footnotedivs = htmlDoc.getElementsByClassName('footnote-popup');\r\n for (let element in Object.entries(footnotedivs)) {\r\n if (footnotedivs[element] !== undefined) {\r\n if (footnotedivs[element].parentNode !== undefined) {\r\n footnotedivs[element].parentNode.removeChild(footnotedivs[element]);\r\n }\r\n }\r\n }\r\n if (RP_Preview_Env.toLowerCase() === \"true\") {\r\n ResolveLinks(htmlDoc);\r\n }\r\n let date = new Date();\r\n const dateValue = UTILITIESHELPER.formatDate(date, context?.language);\r\n const linkUrl = UTILITIESHELPER.getBaseDomain() + location.pathname;\r\n const startString = \"\"\r\n const citationString = `
Link: ${publicationTitle}
${getLabel(\"b_BinaryDownloadedOn\", \"Downloaded on:\")} ${dateValue}
\"\r\n //put the component into a router so that we can access the contexts for all subcomponents and locations\r\n //for useLocations, then render the component into a string.\r\n renderedArticles.push(\r\n articleContainerDiv +\r\n selectedSectionTitle +\r\n \"
\" + (UTILITIESHELPER.isStringNullorEmpty(selectedSectionTitle) ? \"\" : \"\")\r\n )\r\n })\r\n let Articles= renderedArticles.map((article,idx)=>{\r\n let allHrefs=article.match(/(href=\"([^\"]+)\")/g);\r\n let linksModifiedArticle=article;\r\n if(!UTILITIESHELPER.isArrayNullorEmpty(allHrefs)){\r\n allHrefs.forEach((link)=>{\r\n let spiltedLink=link?.split('=')[1].replace(/['\"]+/g, '');\r\n if(spiltedLink.startsWith('#')==true){\r\n linksModifiedArticle=linksModifiedArticle.replace(new RegExp(`(href=\"(${spiltedLink})\")`), `href=\"${topicsToAddToDownload[idx]+spiltedLink}\"`);;\r\n }\r\n })\r\n }\r\n return linksModifiedArticle;\r\n })\r\n //stitch together into a single string\r\n var wordString = Articles.join('');\r\n if (new Blob([wordString]).size > ARTICLE_DOWNLOAD.SIZE_LIMIT) {\r\n setDownloadClicked(false);\r\n setDownloadButtonClassName(enableDownloadButtonClassName);\r\n setDownloadAlert(true);\r\n return;\r\n }\r\n var body = createHtmlBodyPublication(wordString);\r\n body = body?.replaceAll(/ /gi, \" \");\r\n var trimmedTitle = publicationTitle.trim();\r\n var fileName = unescape(trimmedTitle)\r\n //eslint-disable-next-line\r\n fileName = fileName.replace(/\\u2013|\\u2014/g, \"-\").replace(/[^\\x00-\\x7F]/g, \"\"); //handle any non-ascii chars in the filename\r\n fileName = UTILITIESHELPER.removeLargeSpacesFromRichText(fileName);\r\n fileName = UTILITIESHELPER.restrictLengthOfFileName(fileName);\r\n fileName = UTILITIESHELPER.removeSpecialCharacterFromFileName(fileName);// handle (\".\" and \"/\") iin the file name\r\n //sort out the pageUrl\r\n //All cases of pageUrl is already handled in PageContext.jsso we can directly use context.pageBaseURL here\r\n var pageUrl = `${UTILITIESHELPER.getBaseDomain()}${context.pageBaseURL}`;\r\n\r\n if (UTILITIESHELPER.isObjectNullorEmpty(publicationContentItems)) {\r\n body = null;\r\n }\r\n var htmlPackage = {\r\n \"PageUrl\": pageUrl,\r\n \"FileName\": UTILITIESHELPER.restrictLengthOfFileName(fileName),\r\n \"HtmlBody\": body\r\n }\r\n //AppInsights\r\n var multipleDocuments = [];\r\n selectedList.forEach(element => {\r\n multipleDocuments.push('[' + element.title + ']');\r\n });\r\n\r\n downloadProps.documentName = multipleDocuments.join('# ');\r\n downloadProps.parentCollectionName = publicationTitle;\r\n logs.event('download-multiple', downloadProps)\r\n\r\n var binaryRequest = DOWNLOADHELPERS.getBinaryList(selectedList);\r\n\r\n if (binaryRequest.length === 0) { //article case\r\n try {\r\n let response = await RETRIEVALSERVICES.convertWord(htmlPackage);\r\n if (response) {\r\n showSearchbar();\r\n setSelectedList([])\r\n setSelectedList([...selectedList])\r\n setDownloadClicked(false);\r\n setDownloadPanelOpen(false);\r\n setSelectedDownloadType(\"\");\r\n }\r\n }\r\n catch (err) {\r\n logs.error(page.Article, \"DownloadPanel\", ErrorMessages.downloadWord, err, { eventId: ErrorCodes.Article });\r\n showSearchbar();\r\n setSelectedList([])\r\n setSelectedList([...selectedList])\r\n setDownloadClicked(false);\r\n setDownloadPanelOpen(false);\r\n setSelectedDownloadType(\"\");\r\n }\r\n }\r\n else if (selectedList.length === 1 && !selectedList[0].includeArticleText && binaryRequest.length === 1) { //single binary case\r\n try {\r\n let response = await RETRIEVALSERVICES.requestFile(binaryRequest[0].fileUri, binaryRequest[0].fileName);\r\n if (response) {\r\n showSearchbar();\r\n setSelectedList([])\r\n setSelectedList([...selectedList])\r\n setDownloadClicked(false);\r\n setDownloadPanelOpen(false);\r\n setSelectedDownloadType(\"\");\r\n }\r\n }\r\n catch (err) {\r\n logs.error(page.Article, \"DownloadPanel\", ErrorMessages.downloadBinary, err, { eventId: ErrorCodes.Article });\r\n showSearchbar();\r\n setSelectedList([])\r\n setSelectedList([...selectedList])\r\n setDownloadClicked(false);\r\n setDownloadPanelOpen(false);\r\n setSelectedDownloadType(\"\");\r\n }\r\n }\r\n else { //zip case // FileName:\"RP-FTEO-Buffet-IA\"\r\n //Below method helps to avoid the conflict when two or more binary files having same name, for more detail refer this defect #2911193\r\n DOWNLOADHELPERS.renameDuplicateFileNames(binaryRequest);\r\n\r\n try {\r\n let response = await RETRIEVALSERVICES.requestZip(htmlPackage, binaryRequest, fileName);\r\n if (response) {\r\n showSearchbar();\r\n setSelectedList([])\r\n setSelectedList([...selectedList])\r\n setDownloadClicked(false);\r\n setDownloadPanelOpen(false);\r\n setSelectedDownloadType(\"\");\r\n }\r\n }\r\n catch (err) {\r\n logs.error(page.Article, \"DownloadPanel\", ErrorMessages.downloadWord, err, { eventId: ErrorCodes.Article });\r\n showSearchbar();\r\n setSelectedList([])\r\n setSelectedList([...selectedList])\r\n setDownloadClicked(false);\r\n setDownloadPanelOpen(false);\r\n setSelectedDownloadType(\"\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n function generateLabelCheckboxes(children, level) {\r\n //For some reason, the ShowIf was not working and would send in the undefined/empty object here, so I changed it to an if\r\n if (!children || children.length === 0) {\r\n return;\r\n }\r\n\r\n //Styling the checkboxContainer\r\n const marginLeftStyling = {\r\n marginLeft: `${20 * level}px`\r\n }\r\n\r\n return (\r\n <>\r\n {children.map((item, index) => {\r\n return (\r\n \" + item.content.rich_text_title + \"
\" +\r\n renderToString(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n + \"
\r\n
\r\n )\r\n })}\r\n \r\n )\r\n }\r\n\r\n function getAppliedFilterMessage() {\r\n let industries = (industry[context?.memberFirm]?.accounting?.length > 0 ? (industry[context?.memberFirm].accounting.map(a => a.name).join(\", \")) : \"\") + (industry[context?.memberFirm]?.auditing?.length > 0 ? (industry[context?.memberFirm].auditing?.map(a => a.name).join(\", \")) : \"\");\r\n let framework = (tier[context?.memberFirm]?.accounting?.length > 0 ? (tier[context?.memberFirm].accounting.map(a => a.name).join(\", \")) : \"\") + (tier[context?.memberFirm]?.auditing?.length > 0 ? (tier[context?.memberFirm].auditing?.map(a => a.name).join(\", \")) : \"\");\r\n\r\n if (industries !== \"\" || framework !== \"\") {\r\n return `\r\n handleCheckboxClick(item)}\r\n disabled={selectedDownloadType !== \"publication\"}\r\n onKeyDown={(e) => accessibleCheckbox(e, item)}\r\n />\r\n
\r\n {(item.children && item.children?.length > 0) ? generateLabelCheckboxes(item.children, level + 1) : \"\"}\r\n ${getLabel(\"b_FiltersApplied\", \"Filters applied:\")} ${industries}${(framework !== \"\" && industries !== \"\") ? \", \" : \"\"}${framework}
\r\n
\r\n )\r\n }\r\n\r\n //Styling for the download panel loader\r\n const downloadLoaderStyle = {\r\n display: downloadClicked ? 'inline' : 'none'\r\n }\r\n const downloadLoaderForBinaries = {\r\n display: isBinaryLoaded ? 'inline' : 'none'\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n {ARTICLE_DOWNLOAD.HEADER}
\r\n \r\n\r\n
\r\n {ARTICLE_DOWNLOAD.BODY}
\r\n 36), 'screen-darken-overlay': !shouldBeFixed,\r\n 'reading-mode-screen-darken-overlay-fixed': isReadingMode && shouldBeFixed\r\n })}\r\n onClick={() => {\r\n showSearchbar();\r\n setDownloadPanelOpen(false)\r\n }} />\r\n ;\r\n }\r\n\r\n // memoize trigger\r\n const trigger = useMemo(() => {\r\n return getTrigger(triggerText, triggerEl)\r\n }, [triggerText, triggerEl]); //eslint-disable-line\r\n\r\n // build trigger classes\r\n const triggerClasses = cx({\r\n 'dd__trigger': true,\r\n 'dd__trigger--active': open,\r\n }, [triggerClassNames]);\r\n\r\n return (\r\n handleEditClick(e, index)}\r\n onDeleteClick={(e) => handleDeleteClick(e, index)}\r\n />\r\n ))\r\n\r\n function getTriggerEl() {\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {listItems}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default CategoryDropdown;","import React, { useState, useRef } from 'react';\r\nimport { HexColorPicker } from 'react-colorful';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport useOutsideClick from '../../hooks/useOutsideClick';\r\nimport cx from 'classnames';\r\nimport { useEffect } from 'react';\r\n\r\nfunction ColorPicker({ onUpdate, onSave, onClose, labelTxt, colour, isUpdate, classNames, isSidePanel, category_guid }) {\r\n const [label, setLabel] = useState(labelTxt);\r\n const [color, setColor] = useState(colour);\r\n const [isValidHex, setIsValidHex] = useState(true)\r\n const { getLabel } = usePageContextLabels();\r\n const ref = useRef();\r\n let btnRef=useRef();\r\n const regToCheckHex = /^#([0-9a-f]{3}){1,2}$/i;\r\n\r\n // close on outside click\r\n useOutsideClick(ref, handleOutsideClick);\r\n\r\n useEffect(() => {\r\n regToCheckHex.test(color) ? setIsValidHex(true) : setIsValidHex(false)\r\n }, [color]);//eslint-disable-line\r\n\r\n function handleOutsideClick() {\r\n onClose();\r\n }\r\n\r\n function handleLabelChange(e) {\r\n setLabel(e.target.value);\r\n }\r\n\r\n function handleAddClick() {\r\n if (btnRef.current) {\r\n btnRef.current.setAttribute(\"disabled\", \"disabled\");\r\n }\r\n onSave({\r\n label,\r\n color\r\n });\r\n }\r\n\r\n function handleUpdateClick() {\r\n if (btnRef.current) {\r\n btnRef.current.setAttribute(\"disabled\", \"disabled\");\r\n }\r\n onUpdate({\r\n category_guid,\r\n label,\r\n color\r\n });\r\n }\r\n\r\n function setChangedColor(changedColor){\r\n if(changedColor === '#NaNNaNNaN'){\r\n setColor('#FFFFFF')\r\n } else {\r\n setColor(changedColor)\r\n }\r\n }\r\n\r\n function handleCloseClick() {\r\n onClose();\r\n }\r\n\r\n function onInputChangeHandler(e){\r\n const value = e.target.value\r\n setColor(value)\r\n }\r\n\r\n function handleOnClick() {\r\n if (!isUpdate)\r\n handleAddClick();\r\n else\r\n handleUpdateClick();\r\n }\r\n\r\n return (\r\n
\r\n );\r\n}\r\nexport default AnnotationDelete;","import React from \"react\";\r\n\r\nexport const AnnotationNotification = ({\r\n notificationText,\r\n closeNotification,\r\n}) => {\r\n return (\r\n 36), 'download-panel ': !shouldBeFixed,\r\n 'reading-mode-download-panel-fixed': isReadingMode && shouldBeFixed,\r\n })}\r\n style={{ top: shouldBeFixed ? panel : 82 }}\r\n >\r\n
\r\n \r\n );\r\n}\r\n\r\nDownloadPanel.propsTypes = {\r\n currentArticleHtml: \"Html\"\r\n}\r\n\r\nexport default DownloadPanel;","\r\nimport React from 'react';\r\nimport { useReadingModeContext } from '../../contexts/ReadingModeContext';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport { usePageContext } from '../../contexts/PageContext';\r\n\r\nconst ToggleReadingMode = ({ handleClick,fixedToolContainerStyleTop }) => {\r\n\r\n const { isReadingMode, setIsReadingMode } = useReadingModeContext();\r\n const { setDownloadPanelOpen } = usePageContext();\r\n \r\n const { getLabel } = usePageContextLabels();\r\n //Styling for reading mode button\r\n const toggleReadingbutton = { top: isReadingMode ? 10 : fixedToolContainerStyleTop }\r\n return (\r\n \r\n \r\n {downloadAlertMessage()}\r\n \r\n
\r\n \r\n
\r\n {getLabel(\"a_DownloadToWord\", \"Download\")}
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n setSelectedDownloadType(selectedDownloadTypeArticle)}>\r\n \r\n \r\n
\r\n {articleContentCopy.content.length > 0 && articleContentCopy.content[0].binaries?.length > 0 &&\r\n \r\n 0 && showArticleBinaries}>\r\n {\r\n \r\n
\r\n
\r\n }\r\n { setShowArticleBinaries(prevVal => !prevVal); }}>\r\n
\r\n \r\n {getLabel(\"b_BinaryDownloadSelectDocuments\", \"Select Documents\")}\r\n
\r\n \r\n \r\n\r\n { /*TODO: Refactor*/}\r\n\r\n
}\r\n \r\n handleIncludeArticleTextForArticleOnlClick(articleContentCopy.content[0])}\r\n />\r\n\r\n {articleContentCopy.content[0].binaries?.map((child, binaryIndex) => {\r\n return (\r\n
\r\n \r\n handleBinaryCheckboxForArticleOnlyClick(articleContentCopy.content[0], child)}\r\n disabled={selectedDownloadType !== selectedDownloadTypeArticle}\r\n />\r\n
\r\n )\r\n })}\r\n \r\n
0 })} tabIndex=\"1\">\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n setSelectedAnnotationType(\"viewAll\")} onKeyDown={(e) => accessibleCheck(e, \"viewAll\")} tabIndex={0}>\r\n \r\n \r\n
\r\n setSelectedAnnotationType(\"Highlights\")} onKeyDown={(e) => accessibleCheck(e, \"Highlights\")} tabIndex={0}>\r\n \r\n \r\n
\r\n setSelectedAnnotationType(\"Comments\")} onKeyDown={(e) => accessibleCheck(e, \"Comments\")} tabIndex={0}>\r\n \r\n \r\n
\r\n {\r\n //added this condition to avoid click event when no data available, even though we disabled but still check box is click able so needed this check\r\n if (articleLabels.length > 0) {\r\n setSelectedDownloadType(selectedDownloadTypePublication)\r\n }\r\n }}>\r\n \r\n \r\n
\r\n 0 && articleContentCopy.content[0].binaries?.length > 0 && includeAnnotationsChecked },\r\n { 'download-panel-scrollbox-selectdocument': articleContentCopy.content.length > 0 && articleContentCopy.content[0].binaries?.length > 0 && !includeAnnotationsChecked })} tabIndex=\"1\">\r\n
\r\n \r\n
\r\n {articleLabels.length > 0 &&\r\n \r\n \r\n
\r\n \r\n accessibleCheckboxAll(e)}\r\n disabled={selectedDownloadType !== selectedDownloadTypePublication}\r\n />\r\n
}\r\n {articleLabels.length > 0 && articleLabels.map((item) => {\r\n var isArticleSelectedState = isArticleSelected(item.id);\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n \r\n handleCheckboxClick(item)}\r\n disabled={selectedDownloadType !== selectedDownloadTypePublication}\r\n showBinaryPanel={isArticleSelectedState && (item?.binaries?.length > 0 ? true : false) && (selectedDownloadType === selectedDownloadTypePublication)}\r\n displayBinaryHadler={displayBinaryHadler}\r\n parentId={item.id}\r\n binaryCount={item?.binaries?.length > 0 ? item.binaries.length : 0}\r\n accordianState={(showHideBinary && displayBinary === item.id && isArticleSelectedState) === true ? \"close\" : \"open\"}\r\n />\r\n \r\n \r\n
\r\n {generateLabelCheckboxes(item.children, 1)}\r\n \r\n handleIncludeArticleTextClick(item)}\r\n />\r\n
\r\n {item.binaries?.map((grandchild, index) => {\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n \r\n e.id === item.id))}\r\n onChange={() => handleBinaryCheckboxClick(item, grandchild)}\r\n disabled={false}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {\r\n setDownloadClicked(true)\r\n }}>{getLabel(\"b_BinaryDownloadButton\", \"DOWNLOAD\")}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n handleClick();\r\n setIsReadingMode('toggle');\r\n // Close download to word when switched from Article mode and vise versa\r\n setDownloadPanelOpen(false);\r\n }}\r\n title={getLabel('a_ReadingMode', 'Reading Mode')}\r\n >\r\n
\r\n )\r\n}\r\n\r\nToggleReadingMode.defaultProps = {\r\n handleClick: () => { }\r\n}\r\n\r\nexport default ToggleReadingMode;\r\n","import React from \"react\";\r\nimport { usePageContext, usePageContextLabels } from \"../../contexts/PageContext\";\r\n\r\n\r\nconst ArticleNotification = () => {\r\n const { context } = usePageContext();\r\n const { getLabel } = usePageContextLabels();\r\n\r\n let parentGuide = `/${context.memberFirm}/${context.language}/${context.knowledgeDomain}/${context.pageSelectedSection}/${context.pageSelectedPublicationTitle}/${context.pageSelectedPublicationGUID}`;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ArticleNotification;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ShowIf from '../../Common/ShowIf';\r\nfunction Trigger({ value, condition }) {\r\n return (\r\n \r\n )\r\n}\r\n\r\nTrigger.propTypes = {\r\n condition:PropTypes.bool,\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number,\r\n PropTypes.node\r\n ]).isRequired\r\n}\r\n\r\n\r\nexport default Trigger;","import React, { useEffect, useMemo, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cx from 'classnames';\r\nimport Trigger from './Trigger';\r\nimport { useUserPreferencesContext } from '../../../contexts/AnnotationsContext';\r\n\r\nfunction Dropdown({\r\n children,\r\n ddClassNames,\r\n triggerText,\r\n triggerEl,\r\n triggerClassNames,\r\n triggerDot,\r\n containerClassNames\r\n}) {\r\n const ref = useRef();\r\n const [open, setOpen] = useState(false);\r\n const { isDropDownCategoryOpen, setIsDropDownCategoryOpen } = useUserPreferencesContext();\r\n\r\n useEffect(() => {\r\n setOpen(isDropDownCategoryOpen);\r\n }, [isDropDownCategoryOpen])\r\n\r\n // event handlers\r\n function handleTriggerClick(e) {\r\n e.preventDefault();\r\n setIsDropDownCategoryOpen(!open);\r\n setOpen(!open);\r\n setTimeout(() => {\r\n const nextIndex = '#option-0';\r\n const nextOptionItem = document.querySelector(nextIndex);\r\n if (nextOptionItem) {\r\n nextOptionItem.focus();\r\n }\r\n }, 500)\r\n }\r\n\r\n function onKeyDown(e) {\r\n if (e.key === 'Enter' || (e.key === 'ArrowDown' && e.target.id === 'category-dropdown')) {\r\n handleTriggerClick(e);\r\n }\r\n }\r\n\r\n function getTrigger(text, altEl){\r\n if (altEl) return altEl;\r\n return {getLabel(\"lbl_PubPortion\")} {decodeURI(context.pageSelectedPublicationTitle)}
\r\n\r\n
\r\n );\r\n}\r\n\r\nDropdown.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node\r\n ]),\r\n ddClassNames: PropTypes.string,\r\n triggerEl: PropTypes.node,\r\n triggerText: PropTypes.string,\r\n triggerClassNames: PropTypes.string,\r\n containerClassNames: PropTypes.string\r\n}\r\n\r\nDropdown.defaultProps = {\r\n ddClassNames: '',\r\n triggerText: 'Trigger Title',\r\n triggerEl: null,\r\n triggerClassNames: '',\r\n containerClassNames: ''\r\n}\r\n\r\nexport default Dropdown;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction Panel({ children, additionalClassNames }) {\r\n return (\r\n \r\n {trigger}\r\n
\r\n {open && {children}
}\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nPanel.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node\r\n ]).isRequired,\r\n additionalClassNames: PropTypes.string\r\n}\r\n\r\nPanel.defaultProps = {\r\n additionalClassNames: ''\r\n}\r\n\r\nexport default Panel;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction ScrollArea({ children, maxHeight, maxWidth, additionalClassNames }) {\r\n const styles = {};\r\n if (maxHeight !== null) {\r\n styles.maxHeight = maxHeight;\r\n }\r\n if (maxWidth !== null) {\r\n styles.maxWidth = maxWidth;\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nScrollArea.propTypes = {\r\n children: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.node),\r\n PropTypes.node\r\n ]).isRequired,\r\n maxHeight: PropTypes.string,\r\n maxWidth: PropTypes.string,\r\n additionalClassNames: PropTypes.string\r\n}\r\n\r\nScrollArea.defaultProps = {\r\n maxHeight: null,\r\n maxWidth: null,\r\n additionalClassNames: ''\r\n}\r\n\r\nexport default ScrollArea;","import Dropdown from \"./Dropdown\";\r\nimport Trigger from \"./Trigger\";\r\nimport Panel from \"./Panel\";\r\nimport ScrollArea from \"./ScrollArea\";\r\n\r\nDropdown.Trigger = Trigger;\r\nDropdown.Panel = Panel;\r\nDropdown.ScrollArea = ScrollArea;\r\n\r\nexport default Dropdown;","import React from 'react';\r\nimport Dropdown from '../Annotations/Dropdown';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\n\r\nfunction CategoryTrigger({ selectedCategories }) {\r\n //styling for background category color\r\nconst backgroundColorStyle= {\r\n backgroundColor: selectedCategories.color\r\n }\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction CategoryItem({ category, selectedCategories, onClick, onEditClick, onDeleteClick, index }) {\r\n function handleClick() {\r\n onClick(category);\r\n }\r\n\r\n function handleEditClick(event) {\r\n onEditClick(category)\r\n event.stopPropagation();\r\n }\r\n\r\n function handleDeleteClick(event) {\r\n onDeleteClick(category)\r\n event.stopPropagation();\r\n }\r\n\r\n function onKeydown(e) {\r\n if (e.key === 'Enter') {\r\n onClick(category);\r\n document.querySelector('#an-modal-comment-input').focus();\r\n return;\r\n }\r\n const nextIndex = e.key === 'ArrowDown' ? '#option-' + (index + 1) : '#option-' + (index - 1);\r\n const nextOptionItem = document.querySelector(nextIndex);\r\n if (nextOptionItem) {\r\n nextOptionItem.focus();\r\n }\r\n }\r\n\r\n let classNames = 'option-item an-dd-category-item';\r\n if (selectedCategories.category_guid === category.category_guid) classNames += ' option-item ad-dd-category-item--selected';\r\n\r\n //styling for background category color\r\n const backgroundColorStyle= {\r\n backgroundColor: category.color\r\n } \r\n\r\n return (\r\n {selectedCategories.label}
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nfunction CategoryDropdown({ categories, selectedCategories, onSelect, onEditClick, onAddClick, onDeleteClick }) {\r\n const { getLabel } = usePageContextLabels();\r\n\r\n function handleSelect(category) {\r\n onSelect(category);\r\n }\r\n\r\n function handleAddClick(e) {\r\n e.stopPropagation();\r\n onAddClick();\r\n }\r\n\r\n function handleEditClick(category, index) {\r\n onEditClick(category, index);\r\n }\r\n\r\n function handleDeleteClick(category, index) {\r\n onDeleteClick(category, index);\r\n }\r\n\r\n const listItems = categories.map((c, index) => (\r\n {category.label}
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ColorPicker;\r\n","import React, { useState, useRef } from \"react\";\r\nimport {\r\n useUserPreferencesContext,\r\n ACTIONS,\r\n} from \"../../contexts/AnnotationsContext\";\r\nimport Dropdown from '../Common/Dropdown';\r\nimport { usePageContextLabels,usePageContext } from \"../../contexts/PageContext\";\r\n\r\nimport { useLocation } from \"react-router-dom\";\r\nimport CategoryService from \"../../helpers/CategoryServices\";\r\nimport { useTocContext } from \"../../contexts/TocContext\";\r\n\r\n//const location = useLocation();\r\n\r\nfunction CategoryTrigger({ category }) {\r\n\r\n //Style for backgroundStyle for categoryTrigger\r\n const backgroundColorStyle = {\r\n backgroundColor: category.color\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n 0) ? \"an-color-picker-add\" : \"hide\"}\r\n onClick={handleOnClick}\r\n >{!isUpdate ? getLabel('hh_Add', 'Add') : 'Update'}\r\n
\r\n \r\n
\r\n Hex Code
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction CategoryItem({ category, selected, onClick, onEditClick, onDeleteClick }) {\r\n function handleClick() {\r\n onClick(category);\r\n }\r\n\r\n let classNames = \"an-dd-category-item\";\r\n if (selected.category_guid === category.category_guid) classNames += \" ad-dd-category-item--selected\";\r\n\r\n //styling for background category color\r\n const backgroundColorStyle = {\r\n backgroundColor: category.color\r\n }\r\n\r\n return (\r\n {category.label}
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nfunction CategoryDropdown({ categories, selected, onSelect, onClose, onSave, annotationNumber, bookmarkNumber, selectedCategoryId }) {\r\n const { getLabel } = usePageContextLabels();\r\n const [shouldShowDarkOverlay, setshouldShowDarkOverlay] = useState(true);\r\n const annotationNumbers = annotationNumber;\r\n let btnRef = useRef();\r\n\r\n function handleSelect(category) {\r\n onSelect(category);\r\n }\r\n\r\n function handleCloseClick() {\r\n setshouldShowDarkOverlay(false);\r\n onClose();\r\n }\r\n\r\n function handleSaveClick() {\r\n if (btnRef.current) {\r\n btnRef.current.setAttribute(\"disabled\", \"disabled\");\r\n }\r\n onSave(selected);\r\n }\r\n\r\n let listItem = categories.filter(a => a.category_guid !== selectedCategoryId);\r\n const listItems = listItem.map((c, index) => (\r\n {category.label}
\r\n \r\n {shouldShowDarkOverlay &&\r\n \r\n }\r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n\r\nfunction AnnotationDelete({ categories, selected, onUpdate, onDelete, onClose, selectedCategoryid, sidePanelClose, isSidePanelOpen, annotationCount, bookmarkCount }) {\r\n const { getLabel } = usePageContextLabels();\r\n const { state: annState, dispatch } = useUserPreferencesContext();\r\n const [categorydropdown, setCategorydropdown] = useState(false);\r\n const [selectedCategory, setSelectedCategory] = useState(selected);\r\n const location = useLocation();\r\n const [shouldShowDarkOverlay, setshouldShowDarkOverlay] = useState(true);\r\n let btnRef = useRef();\r\n const { context, getMemberFirmID } = usePageContext(); //eslint-disable-line\r\n const { setTocAnnotations, setTocIconBookmark } = useTocContext();\r\n\r\n\r\n function handleDeleteClick() {\r\n if (btnRef.current) {\r\n btnRef.current.setAttribute(\"disabled\", \"disabled\");\r\n }\r\n onDelete();\r\n\r\n }\r\n\r\n function handleCloseClick() {\r\n setshouldShowDarkOverlay(false);\r\n onClose();\r\n }\r\n function handleUpdateCategory() {\r\n setCategorydropdown(true)\r\n }\r\n function handleCategorySelect(category) {\r\n setSelectedCategory(category);\r\n document.dispatchEvent(new CustomEvent(\"dd:requestClose\"));\r\n }\r\n function handleClose() {\r\n setCategorydropdown(false);\r\n }\r\n const handleUpdateAnnotationDelete = async (category) => {\r\n const categoryDelete = await CategoryService.deleteCategory(location.pathname, selectedCategoryid, getMemberFirmID(), category.category_guid, true);\r\n if (categoryDelete) {\r\n dispatch({\r\n type: ACTIONS.CATEGORY_REMOVE,\r\n payload: {\r\n category_guid: selectedCategoryid,\r\n }\r\n });\r\n }\r\n var updatedBookmarks = annState?.bookmarks?.map(item => {\r\n if (item.category_guid === selectedCategoryid) {\r\n item.category_guid = category.category_guid;\r\n }\r\n return item;\r\n });\r\n dispatch({\r\n type: ACTIONS.BOOKMARKS_LOAD,\r\n payload: updatedBookmarks ? updatedBookmarks : [],\r\n });\r\n setTocIconBookmark(prev => {\r\n return prev.map(item => {\r\n if (item.category_guid === selectedCategoryid) {\r\n item.category_guid = category.category_guid;\r\n }\r\n return item;\r\n });\r\n });\r\n var updatedAnnotations = annState?.annotations?.map(item => {\r\n if (item.category_guid === selectedCategoryid) {\r\n item.category_guid = category.category_guid;\r\n }\r\n return item;\r\n });\r\n dispatch({\r\n type: ACTIONS.ANNOTATIONS_LOAD,\r\n payload: updatedAnnotations ? updatedAnnotations : [],\r\n });\r\n setTocAnnotations(prev => {\r\n return prev.map(item => {\r\n if (item.category_guid === selectedCategoryid) {\r\n item.category_guid = category.category_guid;\r\n }\r\n return item;\r\n });\r\n });\r\n handleCloseClick();\r\n dispatch({ type: ACTIONS.MODAL_HIDE });\r\n if (isSidePanelOpen) {\r\n sidePanelClose();\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {getLabel(\r\n \"hh_ChooseCategoryForHighligh\",\r\n \"Choose a new category for your annotations\"\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {listItems}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {getLabel(\"hh_DeleteUpdate\", \"Update Category of all related annotations:\")}\r\n {annotationNumbers} {getLabel(\"hh_DeleteOutro\", \"annotation(s).\")} {bookmarkNumber} {getLabel(\"hh_Bookmark\", \"bookmark(s)\")}
\r\n \r\n \r\n {shouldShowDarkOverlay &&\r\n \r\n }\r\n
\r\n {categorydropdown && (\r\n \r\n \r\n {getLabel(\"hh_DeleteIntro\", \"You are about to permanently delete {0} annotations.\").replace('{0}', annotationCount)}\r\n {bookmarkCount} {getLabel(\"hh_Bookmark\", \"bookmark(s)\")}\r\n
\r\n \r\n
\r\n \r\n {getLabel(\r\n \"hh_DeleteCategory\",\r\n \"Delete Category\"\r\n )}\r\n
\r\n \r\n {getLabel(\"hh_DeleteIntroProceed\", \" Would you like to proceed?\")}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {getLabel(\"hh_DeleteUpdate\", \"Update Category of all related annotations:\")} {annotationCount}\r\n {getLabel(\"hh_DeleteOutro\", \"annotation(s).\")}\r\n {bookmarkCount} {getLabel(\"hh_Bookmark\", \"bookmark(s)\")}
\r\n\r\n \r\n
\r\n );\r\n};\r\n","import UTILITIESHELPER from \"./UtilitiesHelper\";\r\n\r\nexport const AnnotationHighlighter = (\r\n annotationRange,\r\n element,\r\n annotationColor,\r\n prefId\r\n) => {\r\n var /**\r\n * Attribute added by default to every highlight.\r\n * @type {string}\r\n */\r\n DATA_ATTR = \"data-highlighted\",\r\n /**\r\n * Attribute used to group highlight wrappers.\r\n * @type {string}\r\n */\r\n TIMESTAMP_ATTR = \"data-timestamp\",\r\n NODE_TYPE = {\r\n ELEMENT_NODE: 1,\r\n TEXT_NODE: 3,\r\n },\r\n /**\r\n * Don't highlight content of these tags.\r\n * @type {string[]}\r\n */\r\n IGNORE_TAGS = [\r\n \"SCRIPT\",\r\n \"STYLE\",\r\n \"SELECT\",\r\n \"OPTION\",\r\n \"BUTTON\",\r\n \"OBJECT\",\r\n \"APPLET\",\r\n \"VIDEO\",\r\n \"AUDIO\",\r\n \"CANVAS\",\r\n \"EMBED\",\r\n \"PARAM\",\r\n \"METER\",\r\n \"PROGRESS\",\r\n ];\r\n\r\n /**\r\n * Returns true if elements a i b have the same color.\r\n * @param {Node} a\r\n * @param {Node} b\r\n * @returns {boolean}\r\n */\r\n function haveSameColor(a, b) {\r\n return dom(a).color() === dom(b).color();\r\n }\r\n\r\n /**\r\n * Fills undefined values in obj with default properties with the same name from source object.\r\n * @param {object} obj - target object\r\n * @param {object} source - source object with default values\r\n * @returns {object}\r\n */\r\n \r\n\r\n /**\r\n * Returns array without duplicated values.\r\n * @param {Array} arr\r\n * @returns {Array}\r\n */\r\n function unique(arr) {\r\n return arr.filter(function(value, idx, self) {\r\n return self.indexOf(value) === idx;\r\n });\r\n }\r\n\r\n var el = element;\r\n\r\n var highlightOptions = {\r\n color: annotationColor,\r\n highlightedClass: \"highlighted\",\r\n contextClass: \"highlighter-context\",\r\n onRemoveHighlight: function() {\r\n return true;\r\n },\r\n onBeforeHighlight: function() {\r\n return true;\r\n },\r\n onAfterHighlight: function() {},\r\n };\r\n\r\n /**\r\n * Utility functions to make DOM manipulation easier.\r\n * @param {Node|HTMLElement} [el] - base DOM element to manipulate\r\n * @returns {object}\r\n */\r\n var dom = function(el) {\r\n return /** @lends dom **/ {\r\n /**\r\n * Adds class to element.\r\n * @param {string} className\r\n */\r\n addClass: function(className) {\r\n if (el.classList) {\r\n el.classList.add(className);\r\n } else {\r\n el.className += \" \" + className;\r\n }\r\n },\r\n\r\n /**\r\n * Removes class from element.\r\n * @param {string} className\r\n */\r\n removeClass: function(className) {\r\n if (el.classList) {\r\n el.classList.remove(className);\r\n } else {\r\n el.className = el.className.replace(\r\n new RegExp(\"(^|\\\\b)\" + className + \"(\\\\b|$)\", \"gi\"),\r\n \" \"\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * Prepends child nodes to base element.\r\n * @param {Node[]} nodesToPrepend\r\n */\r\n prepend: function(nodesToPrepend) {\r\n var nodes = Array.prototype.slice.call(nodesToPrepend),\r\n i = nodes.length;\r\n\r\n while (i--) {\r\n el.insertBefore(nodes[i], el.firstChild);\r\n }\r\n },\r\n\r\n /**\r\n * Appends child nodes to base element.\r\n * @param {Node[]} nodesToAppend\r\n */\r\n append: function(nodesToAppend) {\r\n var nodes = Array.prototype.slice.call(nodesToAppend);\r\n\r\n for (var i = 0, len = nodes.length; i < len; ++i) {\r\n el.appendChild(nodes[i]);\r\n }\r\n },\r\n\r\n /**\r\n * Inserts base element after refEl.\r\n * @param {Node} refEl - node after which base element will be inserted\r\n * @returns {Node} - inserted element\r\n */\r\n insertAfter: function(refEl) {\r\n return refEl.parentNode.insertBefore(el, refEl.nextSibling);\r\n },\r\n\r\n /**\r\n * Inserts base element before refEl.\r\n * @param {Node} refEl - node before which base element will be inserted\r\n * @returns {Node} - inserted element\r\n */\r\n insertBefore: function(refEl) {\r\n return refEl.parentNode.insertBefore(el, refEl);\r\n },\r\n\r\n /**\r\n * Removes base element from DOM.\r\n */\r\n remove: function() {\r\n el.parentNode.removeChild(el);\r\n el = null;\r\n },\r\n\r\n /**\r\n * Returns true if base element contains given child.\r\n * @param {Node|HTMLElement} child\r\n * @returns {boolean}\r\n */\r\n contains: function(child) {\r\n return el !== child && el.contains(child);\r\n },\r\n\r\n /**\r\n * Wraps base element in wrapper element.\r\n * @param {HTMLElement} wrapper\r\n * @returns {HTMLElement} wrapper element\r\n */\r\n wrap: function(wrapper) {\r\n if (el.parentNode) {\r\n el.parentNode.insertBefore(wrapper, el);\r\n }\r\n\r\n wrapper.appendChild(el);\r\n return wrapper;\r\n },\r\n\r\n /**\r\n * Unwraps base element.\r\n * @returns {Node[]} - child nodes of unwrapped element.\r\n */\r\n unwrap: function() {\r\n var nodes = Array.prototype.slice.call(el.childNodes),\r\n wrapper;\r\n\r\n nodes.forEach(function(node) {\r\n wrapper = node?.parentNode;\r\n dom(node).insertBefore(node?.parentNode);\r\n dom(wrapper).remove();\r\n });\r\n\r\n return nodes;\r\n },\r\n\r\n /**\r\n * Returns array of base element parents.\r\n * @returns {HTMLElement[]}\r\n */\r\n parents: function() {\r\n var parent,\r\n path = [];\r\n\r\n while (!!(parent = el.parentNode)) {\r\n path.push(parent);\r\n el = parent;\r\n }\r\n\r\n return path;\r\n },\r\n\r\n /**\r\n * Normalizes text nodes within base element, ie. merges sibling text nodes and assures that every\r\n * element node has only one text node.\r\n * It should does the same as standard element.normalize, but IE implements it incorrectly.\r\n */\r\n normalizeTextNodes: function() {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.nodeType === NODE_TYPE?.TEXT_NODE) {\r\n while (\r\n el.nextSibling &&\r\n el.nextSibling.nodeType === NODE_TYPE?.TEXT_NODE\r\n ) {\r\n el.nodeValue += el.nextSibling.nodeValue;\r\n el.parentNode.removeChild(el.nextSibling);\r\n }\r\n } else {\r\n dom(el.firstChild).normalizeTextNodes();\r\n }\r\n dom(el.nextSibling).normalizeTextNodes();\r\n },\r\n\r\n /**\r\n * Returns element background color.\r\n * @returns {CSSStyleDeclaration.backgroundColor}\r\n */\r\n color: function() {\r\n return el.style.backgroundColor;\r\n },\r\n\r\n /**\r\n * Creates dom element from given html string.\r\n * @param {string} html\r\n * @returns {NodeList}\r\n */\r\n fromHTML: function(html) {\r\n var div = document.createElement(\"div\");\r\n div.innerHTML = html;\r\n return div.childNodes;\r\n },\r\n\r\n /**\r\n * Returns first range of the window of base element.\r\n * @returns {Range}\r\n */\r\n getRange: function() {\r\n var selection = dom(el).getSelection(),\r\n range;\r\n\r\n if (selection.rangeCount > 0) {\r\n range = selection.getRangeAt(0);\r\n }\r\n\r\n return range;\r\n },\r\n\r\n /**\r\n * Removes all ranges of the window of base element.\r\n */\r\n removeAllRanges: function() {\r\n var selection = dom(el).getSelection();\r\n selection.removeAllRanges();\r\n },\r\n\r\n /**\r\n * Returns selection object of the window of base element.\r\n * @returns {Selection}\r\n */\r\n getSelection: function() {\r\n return dom(el)\r\n .getWindow()\r\n .getSelection();\r\n },\r\n\r\n /**\r\n * Returns window of the base element.\r\n * @returns {Window}\r\n */\r\n getWindow: function() {\r\n return dom(el).getDocument().defaultView;\r\n },\r\n\r\n /**\r\n * Returns document of the base element.\r\n * @returns {HTMLDocument}\r\n */\r\n getDocument: function() {\r\n // if ownerDocument is null then el is the document itself.\r\n return el.ownerDocument || el;\r\n },\r\n };\r\n };\r\n\r\n /**\r\n * Highlights current range.\r\n * @param {boolean} keepRange - Don't remove range after highlighting. Default: false.\r\n * @memberof TextHighlighter\r\n */\r\n\r\n var range = annotationRange,\r\n wrapper,\r\n createdHighlights,\r\n normalizedHighlights, //eslint-disable-line\r\n timestamp;\r\n\r\n if (!range || range.collapsed) {\r\n return;\r\n }\r\n\r\n if (highlightOptions.onBeforeHighlight(range) === true) {\r\n timestamp = +new Date();\r\n wrapper = createWrapper(highlightOptions);\r\n wrapper.setAttribute(TIMESTAMP_ATTR, timestamp);\r\n createdHighlights = highlightRange(range, wrapper);\r\n normalizedHighlights = normalizeHighlights(createdHighlights);\r\n }\r\n\r\n /**\r\n * Returns fore color of the highlighted text based on background color.\r\n * @param {bgColor} - background color in hexadecimal string.\r\n * @returns rgb\r\n */\r\n function textColor(bgColor) {\r\n var threshold = 130;\r\n\r\n var hRed = hexToR(bgColor);\r\n var hGreen = hexToG(bgColor);\r\n var hBlue = hexToB(bgColor);\r\n\r\n\r\n function hexToR(h) { return parseInt((cutHex(h)).substring(0, 2), 16) }\r\n function hexToG(h) { return parseInt((cutHex(h)).substring(2, 4), 16) }\r\n function hexToB(h) { return parseInt((cutHex(h)).substring(4, 6), 16) }\r\n function cutHex(h) { return (h.charAt(0) === \"#\") ? h.substring(1, 7) : h }\r\n\r\n var cBrightness = ((hRed * 299) + (hGreen * 587) + (hBlue * 114)) / 1000;\r\n if (cBrightness > threshold) { return \"#000000\"; } else { return \"#ffffff\"; }\r\n }\r\n\r\n /**\r\n * Creates wrapper for highlights.\r\n * TextHighlighter instance calls this method each time it needs to create highlights and pass options retrieved\r\n * in constructor.\r\n * @param {object} options - the same object as in TextHighlighter constructor.\r\n * @returns {HTMLElement}\r\n * @static\r\n */\r\n function createWrapper(options) {\r\n var foreColor = textColor(options.color);\r\n var mark = document.createElement(\"mark\");\r\n mark.style.backgroundColor = options.color;\r\n mark.style.color = foreColor;\r\n mark.className = options.highlightedClass;\r\n mark.id=prefId;\r\n return mark;\r\n }\r\n\r\n /**\r\n * Highlights range.\r\n * Wraps text of given range object in wrapper element.\r\n * @param {Range} range\r\n * @param {HTMLElement} wrapper\r\n * @returns {Array} - array of created highlights.\r\n */\r\n function highlightRange(range, wrapper) {\r\n if (!range || range.collapsed) {\r\n return [];\r\n }\r\n\r\n var result = refineRangeBoundaries(range),\r\n startContainer = result.startContainer,\r\n endContainer = result.endContainer,\r\n goDeeper = result.goDeeper,\r\n done = false,\r\n node = startContainer,\r\n highlights = [],\r\n highlight,\r\n wrapperClone,\r\n nodeParent;\r\n do {\r\n if (goDeeper && node?.nodeType === NODE_TYPE?.TEXT_NODE) {\r\n if (\r\n IGNORE_TAGS.indexOf(node?.parentNode.tagName) === -1 &&\r\n node?.nodeValue.trim() !== \"\"\r\n ) {\r\n wrapperClone = wrapper.cloneNode(true);\r\n wrapperClone.setAttribute(DATA_ATTR, true);\r\n nodeParent = node?.parentNode;\r\n\r\n // highlight if a node is inside the el\r\n if (dom(el).contains(nodeParent) || nodeParent === el) {\r\n highlight = dom(node).wrap(wrapperClone);\r\n highlights.push(highlight);\r\n }\r\n }\r\n\r\n goDeeper = false;\r\n }\r\n if (\r\n node === endContainer &&\r\n !(endContainer.hasChildNodes() && goDeeper)\r\n ) {\r\n done = true;\r\n }\r\n\r\n if (node?.tagName && IGNORE_TAGS.indexOf(node?.tagName) > -1) {\r\n if (endContainer.parentNode === node) {\r\n done = true;\r\n }\r\n goDeeper = false;\r\n }\r\n if (goDeeper && node?.hasChildNodes()) {\r\n node = node?.firstChild;\r\n } else if (node?.nextSibling) {\r\n node = node?.nextSibling;\r\n goDeeper = true;\r\n } else {\r\n node = node?.parentNode;\r\n goDeeper = false;\r\n }\r\n } while (!done);\r\n\r\n return highlights;\r\n }\r\n\r\n /**\r\n * Takes range object as parameter and refines it boundaries\r\n * @param range\r\n * @returns {object} refined boundaries and initial state of highlighting algorithm.\r\n */\r\n function refineRangeBoundaries(range) {\r\n var startContainer = range.startContainer,\r\n endContainer = range.endContainer,\r\n ancestor = range.commonAncestorContainer,\r\n goDeeper = true;\r\n\r\n if (range.endOffset === 0) {\r\n while (\r\n !endContainer.previousSibling &&\r\n endContainer.parentNode !== ancestor\r\n ) {\r\n endContainer = endContainer.parentNode;\r\n }\r\n endContainer = endContainer.previousSibling;\r\n } else if (endContainer.nodeType === NODE_TYPE?.TEXT_NODE) {\r\n if (range.endOffset < endContainer.nodeValue.length) {\r\n endContainer.splitText(range.endOffset);\r\n }\r\n } else if (range.endOffset > 0) {\r\n endContainer = endContainer.childNodes.item(range.endOffset - 1);\r\n }\r\n\r\n if (startContainer.nodeType === NODE_TYPE?.TEXT_NODE) {\r\n if (range.startOffset === startContainer.nodeValue.length) {\r\n goDeeper = false;\r\n } else if (range.startOffset > 0) {\r\n startContainer = startContainer.splitText(range.startOffset);\r\n if (endContainer === startContainer.previousSibling) {\r\n endContainer = startContainer;\r\n }\r\n }\r\n } else if (range.startOffset < startContainer.childNodes.length) {\r\n startContainer = startContainer.childNodes.item(range.startOffset);\r\n } else {\r\n startContainer = startContainer.nextSibling;\r\n }\r\n\r\n return {\r\n startContainer: startContainer,\r\n endContainer: endContainer,\r\n goDeeper: goDeeper,\r\n };\r\n }\r\n\r\n /**\r\n * Sorts array of DOM elements by its depth in DOM tree.\r\n * @param {HTMLElement[]} arr - array to sort.\r\n * @param {boolean} descending - order of sort.\r\n */\r\n function sortByDepth(arr, descending) {\r\n arr.sort(function(a, b) {\r\n return (\r\n dom(descending ? b : a).parents().length -\r\n dom(descending ? a : b).parents().length\r\n );\r\n });\r\n }\r\n\r\n /**\r\n * Normalizes highlights. Ensures that highlighting is done with use of the smallest possible number of\r\n * wrapping HTML elements.\r\n * Flattens highlights structure and merges sibling highlights. Normalizes text nodes within highlights.\r\n * @param {Array} highlights - highlights to normalize.\r\n * @returns {Array} - array of normalized highlights. Order and number of returned highlights may be different than\r\n * input highlights.\r\n */\r\n function normalizeHighlights(highlights) {\r\n let normalizedHighlights;\r\n\r\n flattenNestedHighlights(highlights);\r\n //mergeSiblingHighlights(highlights);\r\n\r\n // omit removed nodes\r\n normalizedHighlights = highlights.filter(function(hl) {\r\n return hl.parentElement ? hl : null;\r\n });\r\n\r\n normalizedHighlights = unique(normalizedHighlights);\r\n normalizedHighlights.sort(function(a, b) {\r\n return a.offsetTop - b.offsetTop || a.offsetLeft - b.offsetLeft;\r\n });\r\n\r\n return normalizedHighlights;\r\n }\r\n\r\n /**\r\n * Flattens highlights structure.\r\n * Note: this method changes input highlights - their order and number after calling this method may change.\r\n * @param {Array} highlights - highlights to flatten.\r\n */\r\n function flattenNestedHighlights(highlights) {\r\n var again\r\n //,self = this\r\n ;\r\n\r\n sortByDepth(highlights, true);\r\n\r\n function flattenOnce() {\r\n var again = false;\r\n\r\n highlights.forEach(function(hl, i) {\r\n var parent = hl.parentElement,\r\n parentPrev = parent.previousSibling,\r\n parentNext = parent.nextSibling;\r\n\r\n if (isHighlight(parent)) {\r\n if (!haveSameColor(parent, hl)) {\r\n if (!hl.nextSibling) {\r\n dom(hl).insertBefore(parentNext || parent);\r\n again = true;\r\n }\r\n\r\n if (!hl.previousSibling) {\r\n dom(hl).insertAfter(parentPrev || parent);\r\n again = true;\r\n }\r\n\r\n if (!parent.hasChildNodes()) {\r\n dom(parent).remove();\r\n }\r\n } else {\r\n parent.replaceChild(hl.firstChild, hl);\r\n highlights[i] = parent;\r\n again = true;\r\n }\r\n }\r\n });\r\n\r\n return again;\r\n }\r\n\r\n do {\r\n again = flattenOnce();\r\n } while (again);\r\n }\r\n\r\n /**\r\n * Merges sibling highlights and normalizes descendant text nodes.\r\n * Note: this method changes input highlights - their order and number after calling this method may change.\r\n * @param highlights\r\n */\r\n /*function mergeSiblingHighlights(highlights) {\r\n //var self = this;\r\n\r\n function shouldMerge(current, node) {\r\n return (\r\n node &&\r\n node?.nodeType === NODE_TYPE?.ELEMENT_NODE &&\r\n haveSameColor(current, node) &&\r\n isHighlight(node)\r\n );\r\n }\r\n\r\n highlights.forEach(function(highlight) {\r\n var prev = highlight.previousSibling,\r\n next = highlight.nextSibling;\r\n\r\n if (shouldMerge(highlight, prev)) {\r\n dom(highlight).prepend(prev.childNodes);\r\n dom(prev).remove();\r\n }\r\n if (shouldMerge(highlight, next)) {\r\n dom(highlight).append(next.childNodes);\r\n dom(next).remove();\r\n }\r\n\r\n dom(highlight).normalizeTextNodes();\r\n });\r\n }\r\n*/ \r\n /**\r\n * Returns true if element is a highlight.\r\n * All highlights have 'data-highlighted' attribute.\r\n * @param el - element to check.\r\n * @returns {boolean}\r\n */\r\n function isHighlight(el) {\r\n return (\r\n el && el.nodeType === NODE_TYPE?.ELEMENT_NODE && el.hasAttribute(DATA_ATTR)\r\n );\r\n }\r\n};\r\n\r\n/**\r\n * Rebuilds and returns the range\r\n * @param rangePos - element with range start and end.\r\n * @returns range\r\n */\r\nexport function rebuildRange(rangePos) {\r\n var containerEl = document.getElementsByClassName(\r\n \"article-content-container\"\r\n )[0];\r\n var charIndex = 0,\r\n range = document.createRange();\r\n range.setStart(containerEl, 0);\r\n range.collapse(true);\r\n var nodeStack = [containerEl],\r\n node,\r\n foundStart = false,\r\n stop = false;\r\n\r\n while (!stop && (node = nodeStack.pop())) {\r\n if (node?.nodeType === 3) {\r\n var nextCharIndex = charIndex + node?.length;\r\n if (\r\n !foundStart &&\r\n rangePos.start >= charIndex &&\r\n rangePos.start <= nextCharIndex\r\n ) {\r\n range.setStart(node, rangePos.start - charIndex);\r\n foundStart = true;\r\n }\r\n if (\r\n foundStart &&\r\n rangePos.end >= charIndex &&\r\n rangePos.end <= nextCharIndex\r\n ) {\r\n range.setEnd(node, rangePos.end - charIndex);\r\n stop = true;\r\n }\r\n charIndex = nextCharIndex;\r\n } else {\r\n var i = node?.childNodes.length;\r\n while (i--) {\r\n nodeStack.push(node?.childNodes[i]);\r\n }\r\n }\r\n }\r\n return range;\r\n}\r\n\r\n/**\r\n * Gets text length\r\n * @param start - starting position of range.\r\n * @param end - ending position of range.\r\n * @returns textLength\r\n */\r\nfunction getTextLength(start, end) {\r\n var textLength;\r\n var rangePos = {\r\n start: start,\r\n end: end,\r\n };\r\n var selRange = rebuildRange(rangePos);\r\n var sel = document.getSelection();\r\n sel.removeAllRanges();\r\n sel.addRange(selRange);\r\n textLength = document.getSelection().toString().length;\r\n return textLength;\r\n}\r\n\r\n/**\r\n * Gets Range Position of text to be highlighted\r\n * @param preSelectionRange - cloned range.\r\n * @param range - actual range.\r\n * @param selectedTextLength - initial range of selected text.\r\n * @returns range position of text to be highlighted\r\n */\r\nexport function rangeStartEndPosition(\r\n preSelectionRange,\r\n range,\r\n selectedTextLength\r\n) {\r\n let rangePosition;\r\n var element = document.getElementsByClassName(\"article-content-container\")[0];\r\n\r\n preSelectionRange.selectNodeContents(element);\r\n preSelectionRange.setEnd(range.startContainer, range.startOffset);\r\n var start = preSelectionRange.toString().length;\r\n var end = start + range.toString().length;\r\n if (selectedTextLength > 1000) {\r\n end = start + 1000;\r\n var textLength = getTextLength(start, end);\r\n while (textLength < 1000) {\r\n let textSelLength;\r\n end = end + 1;\r\n textSelLength = getTextLength(start, end);\r\n if (textSelLength === 1000) {\r\n break;\r\n }\r\n }\r\n }\r\n\r\n rangePosition = {\r\n start: start,\r\n end: end,\r\n };\r\n\r\n return rangePosition;\r\n}\r\n\r\nfunction getElementRefrence(elementId){\r\n return document.getElementById(elementId);\r\n}\r\n\r\n// get the element selected for further annotation operations\r\nfunction getDocumentSelection(elementReference){\r\n var divRange = document.createRange();\r\n var reannotateSelection = window.getSelection();\r\n divRange.selectNodeContents(elementReference);\r\n reannotateSelection.removeAllRanges();\r\n reannotateSelection.addRange(divRange);\r\n return { documentSelection :document.getSelection(),selectionRange: reannotateSelection};\r\n}\r\n\r\nexport function getAnnCategoryColor(CategoryList, AnnotationCategory) {\r\n const objIndex = CategoryList.findIndex(\r\n (obj) => obj.id === AnnotationCategory\r\n );\r\n if (objIndex !== -1) {\r\n return CategoryList[objIndex].color;\r\n }\r\n return \"\";\r\n}\r\n\r\nexport function setCustomSelection(ann) {\r\n var el = getElementRefrence(ann.closest_guid);\r\n if (el) {\r\n const selectedObject = getDocumentSelection(el)\r\n const selectedText = selectedObject.documentSelection;\r\n\r\n if (selectedText.rangeCount > 0) {\r\n // for regenerating the range of existing valid annotation\r\n var wholeArticleElement = document.getElementsByClassName(\r\n \"article-content-container\"\r\n )[0];\r\n const content = selectedText.toString();\r\n var exactContentMatch = content.includes(ann.content)\r\n if (exactContentMatch === true && wholeArticleElement.innerHTML.includes(ann.raw_content)) {\r\n //Using annotation id instead of closest guid for uniquily identifying the divs\r\n var customDiv = \"\" + ann.raw_content + \"\"\r\n wholeArticleElement.innerHTML = wholeArticleElement.innerHTML.replace(ann.raw_content, customDiv);\r\n var annotatedEl = getElementRefrence('rerangeAnnotation_' + ann.annotation_guid);\r\n\r\n // check if the exact element in the matched\r\n if (annotatedEl !== null && !UTILITIESHELPER.isStringNullorEmpty(ann.closest_guid)) {\r\n const annotatedselectedTextObject = getDocumentSelection(annotatedEl);\r\n const annotatedselectedText = annotatedselectedTextObject.documentSelection;\r\n if (annotatedselectedText.rangeCount > 0) {\r\n const regeneratedRange = annotatedselectedText.getRangeAt(0);\r\n const annotationClonedContent = regeneratedRange.cloneContents();\r\n let recheckedPreSelectionRange = regeneratedRange.cloneRange();\r\n const tmpEl = document.createElement(\"div\");\r\n tmpEl.append(annotationClonedContent);\r\n const rawContent = tmpEl.innerHTML;\r\n const content = annotatedselectedText.toString();\r\n const selectedTextLength = document.getSelection().toString().length;\r\n var rangePosition = rangeStartEndPosition(\r\n recheckedPreSelectionRange,\r\n regeneratedRange,\r\n selectedTextLength\r\n );\r\n let payload = {\r\n raw_content: rawContent,\r\n content: content,\r\n range_position_start: rangePosition.start,\r\n range_position_end: rangePosition.end,\r\n //preSelectionRange: recheckedPreSelectionRange,\r\n //selectedTextLength,\r\n is_annotations_version_updated: true\r\n }\r\n selectedObject.selectionRange.removeAllRanges();\r\n return payload;\r\n }\r\n }\r\n // when the content matches but the raw_content does not match\r\n // that means we have the senario where the dom does not match \r\n // and this annotation should be marked as deleted\r\n else {\r\n selectedObject.selectionRange.removeAllRanges();\r\n ann.is_annotations_version_updated = false;\r\n ann.content = \"\";\r\n return ann\r\n }\r\n } else {\r\n // highlight whole div where the exact content does not match\r\n //Highlight only 1000 character - as per the requirement\r\n const range = selectedText.getRangeAt(0) > 1000 ? 1000 : selectedText.getRangeAt(0);\r\n const cloned = range.cloneContents();\r\n var recheckedPreSelectionRange = range.cloneRange();\r\n const tmpEl = document.createElement(\"div\");\r\n tmpEl.append(cloned);\r\n const rawContent = tmpEl.innerHTML;\r\n\r\n const selectedTextLength = document.getSelection().toString().length;\r\n let rangePosition = rangeStartEndPosition(\r\n recheckedPreSelectionRange,\r\n range,\r\n selectedTextLength\r\n );\r\n\r\n let payload = {\r\n raw_content: rawContent,\r\n content: content,\r\n range_position_start: rangePosition.start,\r\n range_position_end: rangePosition.end,\r\n //preSelectionRange: recheckedPreSelectionRange,\r\n //selectedTextLength,\r\n is_annotations_version_updated: true\r\n }\r\n selectedObject.selectionRange.removeAllRanges();\r\n return payload;\r\n }\r\n }\r\n }\r\n else {\r\n ann.isAnnotationsVersionUpdated = false;\r\n ann.content = \"\";\r\n return ann;\r\n }\r\n}\r\n\r\nexport function generateAnnotationPayload(annObject, latestArticleVersion) {\r\n const annPayload = {\r\n category: annObject.category,\r\n comment: annObject.comment,\r\n content: annObject.content,\r\n id: annObject.id,\r\n rangePosition: annObject.rangePosition,\r\n rawContent: annObject.rawContent,\r\n sidePanelEdit: true,\r\n pageURL: annObject.pageURL,\r\n pageBreadcrumb: annObject.pageBreadcrumb,\r\n closestGuid: annObject.closestGuid,\r\n date: new Date(),\r\n isAnnotationsVersionUpdated: annObject.isAnnotationsVersionUpdated,\r\n version: latestArticleVersion,\r\n checked: true \r\n };\r\n\r\n return annPayload;\r\n}\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport {\r\n useUserPreferencesContext,\r\n ACTIONS,\r\n} from \"../../contexts/AnnotationsContext\";\r\nimport CategoryDropdown from \"./CategoryDropdown\";\r\nimport ColorPicker from \"./ColorPicker\";\r\nimport AnnotationDelete from \"./AnnotationDelete\";\r\nimport { usePageContextLabels, usePageContext } from \"../../contexts/PageContext\";\r\nimport ANNSERVICES from \"../../helpers/AnnotationServices\";\r\nimport ARTICLEHELPERS from \"../../helpers/ArticleHelpers\";\r\nimport LINKHELPERS from \"../../helpers/LinkHelpers\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { AnnotationNotification } from \"./AnnotationNotification\";\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport { rangeStartEndPosition } from \"../../helpers/AnnotationHighlightHelper\";\r\nimport { useTocContext } from \"../../contexts/TocContext\";\r\nimport { useGuidebookTocContext } from '../../contexts/GuidebookTocContext';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport CONTEXTHELPERS from \"../../helpers/ContextHelpers\";\r\nimport CategoryService from \"../../helpers/CategoryServices\";\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\nimport { logs } from \"../../helpers/log\";\r\nimport { APPLICATION_INSIGHTS_CONSTANTS, LOCAL_STORAGE_CONSTANTS, SESSION_STORAGE_CONSTANTS } from \"../Constants/Constants\";\r\n\r\nfunction AnnotationModal({\r\n content,\r\n rawContent,\r\n range,\r\n preSelectionRange,\r\n selectedTextLength,\r\n closestGuid\r\n}) {\r\n const MAX_COMMENT_LENGTH = 1000;\r\n const { state: annState, dispatch } = useUserPreferencesContext();\r\n const [annotationCategories, setAnnotationCategories] = useState(annState?.categories?.filter(item => !item.is_specific_to_bookmark));\r\n const [selectedCategory, setSelectedCategory] = useState(annotationCategories ? annotationCategories[0] : []);\r\n const [editableCategory, setEditableCategory] = useState({\r\n category: {},\r\n isEditable: false,\r\n });\r\n const [isPickerShown, setPickerShown] = useState(false);\r\n const [isDeleteAnnotationShown, setDeleteAnnotationShown] = useState(false);\r\n const [comment, setComment] = useState(\"\");\r\n const [showNotification, setShowNotification] = useState(false);\r\n const { getLabel } = usePageContextLabels();\r\n const location = useLocation();\r\n const [PageURL] = useState(LINKHELPERS.sanitizeUrl(location.pathname));\r\n const { annotationPanelOpen, setAnnotationPanelOpen, context, getMemberFirmID } = usePageContext(false);//eslint-disable-line\r\n const [shouldShowDarkOverlay, setshouldShowDarkOverlay] = useState(true);\r\n const { setTocAnnotations } = useTocContext();\r\n const { setTocIconBookmark } = useTocContext();\r\n let btnRef = useRef();\r\n const { guidebookArticle } = useGuidebookTocContext();\r\n const { articleVersion } = useArticleContext();\r\n const { setIsDropDownCategoryOpen } = useUserPreferencesContext();\r\n const [annotationsCount, setAnnotationsCount] = useState();\r\n const [bookmarksCount, setBookmarksCount] = useState();\r\n useEffect(() => {\r\n if (selectedTextLength > 1000) {\r\n setShowNotification(true);\r\n }\r\n }, [selectedTextLength]);\r\n\r\n function handleCategoryAddClick() {\r\n setPickerShown(true);\r\n setEditableCategory({ category: {}, isEditable: false });\r\n }\r\n\r\n function handleCategoryEditClick(category) {\r\n setPickerShown(true);\r\n setEditableCategory({ category: category, isEditable: true });\r\n }\r\n async function handleCategoryDeleteClick(category) {\r\n setEditableCategory({ category: category, isEditable: true })\r\n const categoryDelete = await CategoryService.deleteCategory(location.pathname, category.category_guid, getMemberFirmID(), null, false);\r\n setAnnotationsCount(categoryDelete.number_annotation_linked);\r\n setBookmarksCount(categoryDelete.number_Bookmark_linked)\r\n setDeleteAnnotationShown(true);\r\n }\r\n function handleCategorySelect(category) {\r\n setIsDropDownCategoryOpen(false);\r\n setSelectedCategory(category);\r\n document.dispatchEvent(new CustomEvent(\"dd:requestClose\"));\r\n }\r\n\r\n function handlePickerClose() {\r\n setPickerShown(false);\r\n }\r\n\r\n function handleCloseClick() {\r\n setIsDropDownCategoryOpen(false);\r\n setshouldShowDarkOverlay(false);\r\n dispatch({ type: ACTIONS.MODAL_HIDE });\r\n }\r\n\r\n const handlePickerSave = async (category) => {\r\n category.category_guid = await CategoryService.createCategory(location.pathname,\r\n category, getMemberFirmID()\r\n );\r\n dispatch({\r\n type: ACTIONS.CATEGORY_CREATE,\r\n payload: category,\r\n });\r\n setPickerShown(false);\r\n setSelectedCategory(category);\r\n };\r\n\r\n const handlePickerUpdate = async (category) => {\r\n\r\n category.category_guid = await CategoryService.updateCategory(location.pathname, category, category.category_guid, getMemberFirmID());\r\n\r\n dispatch({\r\n type: ACTIONS.CATEGORY_UPDATE,\r\n payload: category,\r\n });\r\n\r\n setPickerShown(false);\r\n setSelectedCategory(category);\r\n };\r\n\r\n useEffect(() => {\r\n setTocIconBookmark(annState.bookmarks);\r\n }, [annState.bookmarks]); //eslint-disable-line\r\n\r\n useEffect(() => {\r\n let category = annState?.categories?.filter(item => !item.is_specific_to_bookmark);\r\n if (JSON.stringify(category) !== JSON.stringify(annotationCategories)) {\r\n setAnnotationCategories(category ? category : []);\r\n }\r\n }, [annState.categories,annotationCategories]);\r\n\r\n\r\n const handleDelete = async () => {\r\n const categoryDelete = await CategoryService.deleteCategory(location.pathname, editableCategory.category.category_guid, getMemberFirmID(), null, true);\r\n if (categoryDelete) {\r\n dispatch({\r\n type: ACTIONS.CATEGORY_REMOVE,\r\n payload: { category_guid: editableCategory.category.category_guid },\r\n });\r\n\r\n dispatch({\r\n type: ACTIONS.ANNOTATIONS_REMOVE_MULTIPLE,\r\n payload: annState.annotations.filter(i => i.category_guid === editableCategory.category.category_guid).map(item => item.annotation_guid),\r\n });\r\n setTocIconBookmark(prev => {\r\n return prev.filter(i => i.category_guid !== editableCategory.category.category_guid);\r\n });\r\n\r\n dispatch({\r\n type: ACTIONS.BOOKMARK_BULK_REMOVE,\r\n payload: annState.bookmarks.filter(i => i.category_guid === editableCategory.category.category_guid).map(item => item.bookmark_guid),\r\n });\r\n setTocAnnotations(prev => {\r\n return prev.filter(i => i.category_guid !== editableCategory.category.category_guid);\r\n });\r\n setDeleteAnnotationShown(false);\r\n }\r\n }\r\n\r\n function handleAnnotationDeleteClose() {\r\n setDeleteAnnotationShown(false)\r\n }\r\n\r\n function handleCommentChange(e) {\r\n const value = e.target.value;\r\n setComment(value.slice(0, MAX_COMMENT_LENGTH));\r\n }\r\n\r\n // function getNodeIndex(n) {\r\n // var i = 0;\r\n // if (n) {\r\n // while ((n = n.previousSibling)) i++;\r\n // }\r\n // return i;\r\n // }\r\n\r\n const handleSaveClick = async () => {\r\n if (btnRef.current) {\r\n btnRef.current.setAttribute(\"disabled\", \"disabled\");\r\n }\r\n var rangePosition = rangeStartEndPosition(\r\n preSelectionRange,\r\n range,\r\n selectedTextLength\r\n );\r\n\r\n let payload = {\r\n category_guid: selectedCategory.category_guid,\r\n page_url: PageURL ?? '',\r\n reference_identifier: CONTEXTHELPERS.getGUIDFromContext(context),\r\n raw_content: rawContent,\r\n content: content,\r\n range_position_start: rangePosition.start,\r\n range_position_end: rangePosition.end,\r\n closest_guid: closestGuid,\r\n comment: (comment.trim() && comment.trim().length > 0) ? comment : \"\",\r\n version: guidebookArticle?.version ?? articleVersion,\r\n page_bread_crumb: ARTICLEHELPERS.getBreadcrumbData(),\r\n is_annotations_version_updated: false,\r\n checked: false\r\n };\r\n payload = await ANNSERVICES.createAnnotation(location.pathname, payload, getMemberFirmID());\r\n if (payload) {\r\n dispatch({\r\n type: ACTIONS.ANNOTATIONS_CREATE,\r\n payload,\r\n });\r\n setTocAnnotations(prev => { return [...prev, payload] });\r\n\r\n if (annotationProps.selectedTocItem !== null && annotationProps.pageType !== '') {\r\n logs.trackEvent({\r\n name: APPLICATION_INSIGHTS_CONSTANTS.annotation_name,\r\n properties: annotationProps,\r\n });\r\n }\r\n }\r\n CONTEXTHELPERS.sortCategories(annState?.categories, selectedCategory.category_guid);\r\n document.getSelection().empty();\r\n };\r\n\r\n function closeNotification() {\r\n setShowNotification(false);\r\n }\r\n\r\n const annotationProps = {\r\n eventType: APPLICATION_INSIGHTS_CONSTANTS.annotation_eventType,\r\n pageUrl: context.pageRequestURL,\r\n selectedTocItem: UTILITIESHELPER.getSessionStorage(SESSION_STORAGE_CONSTANTS.selected_content),\r\n pageType: UTILITIESHELPER.getSessionStorage(SESSION_STORAGE_CONSTANTS.page_type),\r\n jobTitle: UTILITIESHELPER.getSessionStorage(SESSION_STORAGE_CONSTANTS.level),\r\n memberFirm: UTILITIESHELPER.getLocalStorage(LOCAL_STORAGE_CONSTANTS.research_portal_memberfirm)\r\n };\r\n\r\n return (\r\n // {notificationText}
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default AnnotationModal;","import React from \"react\";\r\n\r\nexport const AnnotationCommentIcon = ({ fillColor, preferenceId }) => {\r\n return (\r\n \r\n {shouldShowDarkOverlay &&\r\n \r\n }\r\n
\r\n {isPickerShown && (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {getLabel(\r\n \"hh_ChooseCategoryForHighlight\",\r\n \"Choose a category for your highlight\"\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n {comment.length}/{MAX_COMMENT_LENGTH}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n function CategoryItem({ category, selected, onClick, onEditClick, onDeleteClick, className }) {\r\n function handleClick() {\r\n onClick(category);\r\n }\r\n\r\n function handleEditClick(event) {\r\n onEditClick(category)\r\n event.stopPropagation();\r\n }\r\n\r\n function handleDeleteClick(event) {\r\n onDeleteClick(category)\r\n event.stopPropagation();\r\n }\r\n let classNames = '';\r\n if (className) {\r\n classNames = 'an-dd-category-item-sidepanel-edit' + className;\r\n }\r\n else {\r\n classNames = 'an-dd-category-item-sidepanel-edit';\r\n }\r\n if (selected.category_guid === category.category_guid) classNames += ' ad-dd-category-item--selected';\r\n\r\n //styling for background category color\r\n const backgroundColorStyle = {\r\n backgroundColor: category.color\r\n }\r\n\r\n return (\r\n {category.label}
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n function CategoryDropdown({ categories, selected, onSelect, onEditClick, onAddClick, onDeleteClick }) {\r\n const { getLabel } = usePageContextLabels();\r\n const selectedCategory = categories.filter(category => category.category_guid === selected.category_guid);\r\n const sortedCategories = categories.filter(category => category.category_guid !== selected.category_guid);\r\n\r\n function handleSelect(category) {\r\n onSelect(category);\r\n }\r\n\r\n function handleAddClick(e) {\r\n e.stopPropagation();\r\n onAddClick();\r\n }\r\n\r\n function handleEditClick(category, index) {\r\n onEditClick(category, index);\r\n }\r\n\r\n function handleDeleteClick(category, index) {\r\n onDeleteClick(category, index);\r\n }\r\n\r\n const listItems = sortedCategories.map((c, index) => (\r\n {category?.label?.length > 20 ? (category?.label === category?.label?.toUpperCase() ? category?.label?.substring(0, 17).concat('...') : category?.label?.substring(0, 20).concat('...')) : category?.label ? category.label : \"\"}
\r\n\r\n \r\n \r\n \r\n \r\n {shouldShowDarkOverlay &&\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {comment.length}/{MAX_COMMENT_LENGTH}\r\n
\r\n \r\n {dateValue}\r\n
\r\n \r\n \r\n \r\n
\r\n {isPickerShown && (\r\n \r\n\r\n
\r\n \r\n \r\n \r\n {isDeleted === false && isValid === false &&\r\n \r\n }\r\n {isDeleted === true &&\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n {generateTextTruncate(Contents)}\r\n
\r\n \r\n {categoryName()}
\r\n \r\n {isDeleted === false && isValid === false &&\r\n \r\n }\r\n {isValid === true && isDeleted === false &&\r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n {generateTextTruncate(comment)}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AnnotationPanel;\r\n","import React, { useState, useRef } from 'react';\r\nimport { usePageContextLabels, usePageContext } from '../../contexts/PageContext';\r\nimport { useLocation } from \"react-router-dom\";\r\nimport {\r\n useUserPreferencesContext,\r\n ACTIONS,\r\n} from \"../../contexts/AnnotationsContext\";\r\nimport ARTICLEHELPERS from \"../../helpers/ArticleHelpers\";\r\nimport useOutsideClick from '../../hooks/useOutsideClick';\r\nimport BookmarkService from '../../helpers/BookmarkServices';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { logs } from '../../helpers/log';\r\nimport { APPLICATION_INSIGHTS_CONSTANTS, LOCAL_STORAGE_CONSTANTS, SESSION_STORAGE_CONSTANTS } from '../Constants/Constants';\r\n\r\nfunction CategoryItem({ category, selected, onClick, index }) {\r\n\r\n function handleClick() {\r\n onClick(category);\r\n }\r\n let classNames = 'an-dd-category-item';\r\n\r\n return (\r\n \r\n
\r\n \r\n { navigateToDashboard(e) }}\r\n >\r\n {\r\n setAnnotationPanelOpen(false);\r\n setSelectedAnnotationType(\"\");\r\n setSelectedId();\r\n setSelectedAnnotation(0)\r\n }}\r\n >\r\n
\r\n \r\n {containsInvalidAnnotations === true &&\r\n \r\n }\r\n {containsDeletedAnnotations === true &&\r\n \r\n }\r\n
\r\n\r\n \r\n {getLabel(\"hh_Annotations\", \"Annotations\")}\r\n
\r\n\r\n
\r\n {getLabel(\"hh_AnnotationsIntro\", \"To add an annotation, highlight the text and select the highlight and comment icon\")}
\r\n\r\n
\r\n \r\n
\r\n setSelectedAnnotationType(\"viewAll\")} onKeyDown={(e) => accessibleCheck(e, \"viewAll\")} tabIndex={0}>\r\n \r\n \r\n
\r\n setSelectedAnnotationType(\"Highlights\")} onKeyDown={(e) => accessibleCheck(e, \"Highlights\")} tabIndex={0}>\r\n \r\n \r\n
\r\n setSelectedAnnotationType(\"Comments\")} onKeyDown={(e) => accessibleCheck(e, \"Comments\")} tabIndex={0}>\r\n \r\n \r\n
\r\n \r\n {selectedAnnotationList && selectedAnnotationList.length > 0 && selectedAnnotationList.sort((a, b) => a[\"range_position\"].end > b[\"range_position\"].end ? 1 : -1).map((item, index) => (\r\n {\r\n setSelectedAnnotation(item);\r\n }}\r\n />\r\n ))}\r\n
\r\n \r\n
\r\n \r\n {count} {getLabel(\"hh_ArticleAnnotations\", \"Article Annotations\")}\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction BookmarkCategory({selected, onSelect, onAddClick, active, id }) {\r\n const {setBookmarkOpen, categoryOn} = usePageContext();\r\n const { state: annState, dispatch } = useUserPreferencesContext();\r\n const location = useLocation();\r\n const [open, setOpen] = useState(active);\r\n const { getLabel } = usePageContextLabels();\r\n const ref = useRef();\r\n const { context, getMemberFirmID } = usePageContext();\r\n\r\n async function handleSelect(category) {\r\n onSelect(category);\r\n if (!categoryOn) {\r\n handleTriggerClick();\r\n if (category.category_guid !== selected) {\r\n let payload = {\r\n category_guid: category.category_guid,\r\n page_url: location.pathname,\r\n reference_identifier: CONTEXTHELPERS.getGUIDFromContext(context),\r\n page_bread_crumb: ARTICLEHELPERS.getBreadcrumbData()\r\n }\r\n payload = await BookmarkService.createBookmark(payload, getMemberFirmID());\r\n if (payload) {\r\n dispatch({\r\n type: ACTIONS.BOOKMARKS_CREATE,\r\n payload,\r\n });\r\n\r\n if (bookmarkProps.selectedTocItem !== null && bookmarkProps.pageType !== '') {\r\n logs.trackEvent({\r\n name: APPLICATION_INSIGHTS_CONSTANTS.bookmark_name,\r\n properties: bookmarkProps,\r\n });\r\n }\r\n }\r\n CONTEXTHELPERS.sortCategories(annState?.categories, category.category_guid);\r\n }\r\n }\r\n }\r\n\r\n function handleAddClick() {\r\n onAddClick();\r\n }\r\n\r\n const listItems = annState?.categories?.map((c, index) => (\r\n {category.label}
\r\n \r\n \r\n {listItems}\r\n
\r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default BookmarkCategory;","import React from 'react'\r\n\r\nexport const BookmarkIcon = ({ fillcolor, onClick }) => {\r\n let foreColor='';\r\n function textColor(bgColor) {\r\n let threshold = 130;\r\n let hRed = hexToR(bgColor);\r\n let hGreen = hexToG(bgColor);\r\n let hBlue = hexToB(bgColor);\r\n function hexToR(h) { return parseInt((cutHex(h)).substring(0, 2), 16) }\r\n function hexToG(h) { return parseInt((cutHex(h)).substring(2, 4), 16) }\r\n function hexToB(h) { return parseInt((cutHex(h)).substring(4, 6), 16) }\r\n function cutHex(h) { return (h.charAt(0) === \"#\") ? h.substring(1, 7) : h }\r\n let cBrightness = ((hRed * 299) + (hGreen * 587) + (hBlue * 114)) / 1000;\r\n if (cBrightness > threshold) { return \"#000000\"; } else { return \"#ffffff\"; }\r\n }\r\n \r\n foreColor = textColor(fillcolor);\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from \"react\";\r\nconst HiddenMetadata = (metadata) => {\r\n return (\r\n \r\n {metadata?.metadata?.loaded_on}\r\n {metadata?.metadata?.published_on}\r\n
\r\n );\r\n}\r\nexport default HiddenMetadata;","import React, { useState } from 'react';\r\nimport { usePageContextLabels } from '../../contexts/PageContext'; \r\nimport Copyright from './Copyright';\r\n\r\nconst PublicationDetailsModal = ({setShouldShowArticlePubModal,publicationData}) => {\r\n \r\n const [shouldShowDarkOverlay,setShouldShowDarkOverlay] = useState(true);\r\n const {getLabel} = usePageContextLabels();\r\n \r\n const closeModal = () => {\r\n setShouldShowDarkOverlay(false);\r\n setShouldShowArticlePubModal(false);\r\n };\r\n\r\n return (\r\n \r\n {shouldShowDarkOverlay && ()}\r\n
\r\n );\r\n};\r\n\r\nexport default PublicationDetailsModal;","import React, { useEffect, useState } from \"react\";\r\nimport ReactDOMServer from \"react-dom/server\";\r\nimport { useNavigate, Link } from \"react-router-dom\";\r\nimport { get } from \"lodash\";\r\nimport { usePageContext, usePageContextLabels, usePageContextSettings } from \"../../contexts/PageContext\";\r\nimport { useArticleContext } from \"../../contexts/ArticleContext\";\r\nimport { useEmbeddedModeContext } from \"../../contexts/EmbeddedModeContext\";\r\nimport LINKHELPERS from \"../../helpers/LinkHelpers\";\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\nimport cx from \"classnames\";\r\nimport throttle from \"lodash.throttle\";\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport ArticleSearch from \"../Article/ArticleSearch\";\r\nimport ArticleTitle from \"../Article/ArticleTitle\";\r\nimport ArticleTOC from \"../Article/ArticleTOC\";\r\nimport EmbeddedArticle from \"./EmbeddedArticle\";\r\nimport FixedNavArticle from \"./FixedNavArticle\";\r\nimport FootnotePopup from \"../Article/FootnotePopup\";\r\nimport HorizontalScrollbar from \"../Article/HorizontalScrollbar\";\r\nimport IconWideModeTOC from \"./WideModeIconTOC\";\r\nimport Modal from \"../Modal/Modal\";\r\nimport PrevNextArticle from \"./PrevNextArticle\";\r\nimport RedirectModal from '../Article/RedirectModal';\r\nimport ShareModal from \"../Article/ShareModal\";\r\nimport Toolbar from \"../Toolbar/Toolbar\";\r\nimport DownloadPanel from \"../Article/DownloadPanel\";\r\nimport ToggleReadingMode from \"../Article/ToggleReadingMode\";\r\nimport SearchHelpers from \"../../helpers/SearchHelpers\";\r\nimport ANNSERVICES from \"../../helpers/AnnotationServices\";\r\nimport ArticleNotification from \"../Notification/ArticleNotification\";\r\nimport ARTICLEHELPERS from \"../../helpers/ArticleHelpers\";\r\nimport { useUserPreferencesContext, ACTIONS as ANN_ACTIONS, ACTIONS } from \"../../contexts/AnnotationsContext\";\r\nimport AnnotationModal from \"../Annotations/AnnotationModal\";\r\nimport { debounce } from \"lodash\";\r\nimport { AnnotationCommentIcon } from \"../Annotations/AnnotationCommentIcon\";\r\nimport AnnotationPanel from \"../Annotations/AnnotationPanel\";\r\nimport { AnnotationHighlighter } from \"../../helpers/AnnotationHighlightHelper\";\r\nimport { rebuildRange } from \"../../helpers/AnnotationHighlightHelper\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport BookmarkCategory from \"../Annotations/BookmarkCategory\";\r\nimport ColorPicker from \"../Annotations/ColorPicker\";\r\nimport { BookmarkIcon } from \"../Annotations/BookmarkIcon\";\r\nimport { useGuidebookTocContext } from '../../contexts/GuidebookTocContext';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers.js';\r\nimport { appInsightUIMapping, logs, page } from \"../../helpers/log\";\r\nimport { useTocContext } from \"../../contexts/TocContext\";\r\nimport TOCHELPERS from '../../helpers/TocHelpers';\r\nimport BookmarkService from \"../../helpers/BookmarkServices\";\r\nimport { getFallback, SCS_KEYS } from \"../Constants/SCSConstants\";\r\nimport DOWNLOADHELPERS from \"../../helpers/DownloadHelpers\";\r\nimport CategoryService from \"../../helpers/CategoryServices\";\r\nimport { ErrorCodes,ErrorMessages, ErrorTypes } from \"../Constants/Errors\";\r\nimport HiddenMetadata from \"./HiddenMetadata.js\";\r\nimport PublicationDetailsModal from \"../Article/PublicationDetailsModal.js\";\r\nimport { ARTICLE_TYPES, CONTENT_TYPE_IDS, FOLIO_SECTION_TYPE, FOLIO_SUBJECT_ACCOUNT, FOLIO_SUBJECT_NON_ACCOUNT, PAGE_CONTROLLER_TYPE } from \"../Constants/Constants\";\r\nimport {useFolioPickerContext} from '../../contexts/FolioPickerContext';\r\n\r\nexport const getIsArticlePdf = (_pubData) => {\r\n return (\r\n (get(_pubData, \"content[0].content.format\"))?.toLowerCase() === \".pdf\" ||\r\n\r\n (get(_pubData, \"content[0].subItems[0].content.format\"))?.toLowerCase() === \".pdf\"\r\n );\r\n};\r\n\r\nexport const getIsArticleBinary = (_pubData) => {\r\n return get(_pubData, \"content[0].containsBinary\");\r\n};\r\n\r\nexport const getIsTextOnlyArticle = (_pubData) => {\r\n return (\r\n !get(_pubData, 'content[0].containsBinary')\r\n );\r\n}\r\n\r\nexport const getArticleTitle = (pubData, isGuidebook, isEmbedded, embeddedPubData, isReadingMode, context) => {\r\n //REFACTOR:Similar to UTILITIESHELPER.getContentItemTitle() perhaps we should use that?\r\n var articleTitle = (get(pubData, 'context.rich_text_title', '') === '') ? get(pubData, 'content[0].content.rich_text_title', '') : get(pubData, 'context.rich_text_title', '') + ' ';\r\n let contentType = get(pubData, 'content[0].content_type', 'BLANK');\r\n let pageControllerType = get(context, 'pageControllerType', 'BLANK');\r\n let pageSelectedSection = get(context, 'pageSelectedSection', 'BLANK');\r\n\r\n if (isGuidebook\r\n //These are actually guidebook sections, so not sure why we looking at the pageControllerType as that generally is the params.pageSelectedSection that would hold that!!\r\n || (pageSelectedSection && [FOLIO_SECTION_TYPE.guidance,\r\n FOLIO_SECTION_TYPE.roadmap,\r\n FOLIO_SECTION_TYPE.questionsandanswers,\r\n FOLIO_SECTION_TYPE.examples,\r\n FOLIO_SECTION_TYPE.rptemplates].includes(pageSelectedSection))\r\n //Article|Section with Intro|Template|Section\r\n || (ARTICLEHELPERS.isSpinePageController(pageControllerType) && [CONTENT_TYPE_IDS.article,\r\n CONTENT_TYPE_IDS.sectionWithIntro,\r\n CONTENT_TYPE_IDS.template,\r\n CONTENT_TYPE_IDS.section].includes(contentType))\r\n //External Collection\r\n || (PAGE_CONTROLLER_TYPE.standard === pageControllerType && [...ARTICLE_TYPES,\r\n CONTENT_TYPE_IDS.sectionWithIntro,\r\n CONTENT_TYPE_IDS.template,\r\n CONTENT_TYPE_IDS.section].includes(contentType))\r\n ) {\r\n if (isEmbedded && !isReadingMode) {\r\n articleTitle = get(embeddedPubData, \"content[0].subItems[0].content.rich_text_title\", \"\");\r\n }\r\n else {\r\n if (ARTICLEHELPERS.isSpinePageController(pageControllerType) && [CONTENT_TYPE_IDS.article,\r\n CONTENT_TYPE_IDS.sectionWithIntro,\r\n CONTENT_TYPE_IDS.template,\r\n CONTENT_TYPE_IDS.section].includes(contentType)) {\r\n articleTitle = get(pubData, 'context.rich_text_title', '');\r\n }\r\n else {\r\n articleTitle = get(pubData, \"content[0].content.rich_text_title\", \"\");\r\n }\r\n\r\n }\r\n }\r\n\r\n articleTitle = UTILITIESHELPER.decodeSpecialCharacters(articleTitle);\r\n\r\n if (articleTitle !== \"\" && UTILITIESHELPER.IsTextHavingFnTag(articleTitle)) {\r\n const fnNumberGenerator = ARTICLEHELPERS.footnoteNumberGenerator();\r\n articleTitle = ARTICLEHELPERS.createTitleMarkupFootnote(\r\n articleTitle,\r\n fnNumberGenerator\r\n );\r\n }\r\n\r\n return ARTICLEHELPERS.getContentHtmlDocument(articleTitle).all[3].outerHTML;\r\n};\r\n\r\n\r\nexport const getDisplayTitle = (pubData) => {\r\n const displayTitle = get(pubData, \"context.title\", \"\") === \"\" ? \"\" : get(pubData, \"context.display_title\", \"\") + \" \";\r\n return displayTitle;\r\n};\r\n\r\n\r\nexport const setMaxHeightTocBody = (rect) => {\r\n const elemTop = rect.top;\r\n let fullScrollOffset = window.innerHeight - rect.bottom;\r\n const footerHeight = 0;\r\n fullScrollOffset = fullScrollOffset > 0 ? fullScrollOffset - footerHeight > 0 ? fullScrollOffset - footerHeight + 1 : fullScrollOffset + 1 : 0;\r\n const tocSidebarHeadingHeight = \"61px\";\r\n const sidePannelBody = document.querySelector(\".side-pannel-body\");\r\n //sidePannelBody?.style?.maxHeight = `calc(100vh - ${tocSidebarHeadingHeight} - ${Math.round(fullScrollOffset)}px - ${elemTop > 0 ? Math.round(elemTop) : 1}px - ${footerHeight}px)`;\r\n\r\n\r\n if (sidePannelBody && sidePannelBody.style) {\r\n const maxHeightValue = `calc(100vh - ${tocSidebarHeadingHeight} - ${Math.round(fullScrollOffset)}px - ${elemTop > 0 ? Math.round(elemTop) : 1}px - ${footerHeight}px)px`;\r\n sidePannelBody.style.maxHeight = maxHeightValue;\r\n }\r\n};\r\n\r\n\r\nconst Article = (props) => {\r\n const {\r\n publicationType,\r\n shouldBeFixed,\r\n isWideMode,\r\n setIsWideMode,\r\n isJumpLinksOpen,\r\n setIsJumpLinksOpen,\r\n setShouldBeFixed,\r\n hasFetchedArticleData,\r\n pubData,\r\n embeddedPubData,\r\n navTitle,\r\n pubLandingUrl,\r\n articleContent,\r\n articleTitle,\r\n isGuidebook,\r\n articleHasLoaded,\r\n showInArticleTOC,\r\n showSearch,\r\n showFixedTools,\r\n secondMostRecentVersion,\r\n isFiltered,\r\n yAxisOfToc,\r\n enableArticleTag\r\n \r\n } = props;\r\n\r\n const isArticlePdf = getIsArticlePdf(pubData);\r\n const isArticleBinary = getIsArticleBinary(pubData);\r\n const checkIfDisplayDownloadEnable = DOWNLOADHELPERS.checkIfDisplayDownloadEnable(pubData);\r\n const navigate = useNavigate();\r\n const [annotationTexts, setAnnotationTexts] = useState([]);\r\n const [downloadPanelOpen, setDownloadPanelOpen] = useState(false)\r\n const location = useLocation();\r\n const searchParam = location.search;\r\n const { isEmbeddedMode } = useEmbeddedModeContext();\r\n const {\r\n context,\r\n memberFirm, language, knowledgeDomain,\r\n bookmarkOpen,\r\n setBookmarkOpen,\r\n annotationPanelOpen,\r\n setAnnotationPanelOpen,\r\n categoryOn, setCategoryOn,\r\n setAnnotateTerms,\r\n searchPhrase,\r\n setNotification,\r\n getMemberFirmID,\r\n isMemberFirmsLoaded, \r\n memberFirms,\r\n allIndustry,\r\n allTier,\r\n pageSelectedSection\r\n } = usePageContext();\r\n\r\n const [isSearchExpanded, setIsSearchExpanded] = useState((searchParam !== '' || (!UTILITIESHELPER.isNullOrUndefined(searchPhrase) && searchPhrase !== '')) ? true : false);\r\n const { getLabel } = usePageContextLabels();\r\n const isDownloadableArticle = (\"disclosures\" !== context.pageSelectedSection);\r\n const { isAnnotationsEnabled, isCompareEnabled, isBookmarksEnabled, isRestrictedAccessMemberfirm } = usePageContextSettings();\r\n const { searchText, setSearchText , articleVersion , setArticleTags } = useArticleContext();\r\n const [isRedirectModalVisible, setIsRedirectModalVisible] = useState(false);\r\n const [redirectURL, setRedirectURL] = useState('');\r\n const [shouldShowOverlayRedirect, setShouldShowOverlayRedirect] = useState(false);\r\n const [closedToolbar, setClosedToolbar] = useState(true);\r\n const [messageRedirectTL, setMessageRedirectTL] = useState('');\r\n const { selectedAnnotation, setSelectedAnnotation, state: annState, dispatch, selectedId, setSelectedId } = useUserPreferencesContext();\r\n const [isDupAnnotation, setIsDupAnnotation] = useState(false);\r\n const [isArticleUpdated, setIsArticleUpdated] = useState(false);\r\n //for color in bookmarks\r\n const [fillColors, setFillColors] = useState('none');\r\n const [bookmarkId, setBookmarkId] = useState();\r\n const [shouldShowDarkOverlay, setshouldShowDarkOverlay] = useState(true);\r\n const [offsetWhenAnnPanelOpened, setOffsetWhenAnnPanelOpened] = useState(0);\r\n\r\n const { guidebookArticle } = useGuidebookTocContext();\r\n const { setTocIconBookmark, setTocAnnotations } = useTocContext();\r\n\r\n let heighttoset = 0;\r\n const [selectedCategory, setSelectedCategory] = useState('');\r\n const [editableCategory, setEditableCategory] = useState({ category: {}, isEditable: false, });\r\n const [isPickerShown, setPickerShown] = useState(false);\r\n const [isArticleSearchActive, setIsArticleSearchActive] = useState(context.pageSearchPhrase !== \"\");\r\n const {state:taxnomyList}=useFolioPickerContext();\r\n const linkProps = {\r\n eventType: 'link',\r\n selectedTocItem: UTILITIESHELPER.getSessionStorage(\"SelectedContent\"),\r\n //sourceLink: sourceURL,\r\n //targetLink: targetURL,\r\n pageType: UTILITIESHELPER.getSessionStorage(\"PageType\"),\r\n jobTitle: UTILITIESHELPER.getSessionStorage(\"Level\"),\r\n memberFirm: UTILITIESHELPER.getSessionStorage(\"MemberFirm\"),\r\n rpMemberFirm: UTILITIESHELPER.getLocalStorage(\"research-portal-member-firm\"),\r\n sourceURL: window.location.href\r\n }\r\n const [articleAnnotation, setArticleAnnotation] = useState([]);\r\n\r\n const annotationUpdateStyling = {\r\n paddingTop: 12.5,\r\n paddingBottom: isArticlePdf ? 0 : 12.5,\r\n paddingRight: isWideMode ? 70 : '',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n }\r\n const url = location.pathname;\r\n\r\n const articleTitleStyle = { whiteSpace: 'normal' }\r\n\r\n const articleNotificationStyle = { paddingLeft: (!isArticlePdf) ? '55px' : '0px', width: '84%' }\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n function handleCategorySelect(category_guid) {\r\n setSelectedCategory(category_guid);\r\n document.dispatchEvent(new CustomEvent(\"dd:requestClose\"));\r\n }\r\n\r\n function handleCategoryAddClick() {\r\n setPickerShown(true);\r\n setEditableCategory({ category: {}, isEditable: false });\r\n }\r\n\r\n function handlePickerClose() {\r\n setPickerShown(false);\r\n }\r\n\r\n const handlePickerSave = async (category) => {\r\n category.category_guid = await CategoryService.createCategory(location.pathname, category, getMemberFirmID());\r\n\r\n dispatch({\r\n type: ACTIONS.CATEGORY_CREATE,\r\n payload: category,\r\n });\r\n setPickerShown(false);\r\n };\r\n\r\n const handlePickerUpdate = async (category) => {\r\n category.category_guid = await CategoryService.updateCategory(location.pathname, category, category.category_guid, getMemberFirmID());\r\n\r\n dispatch({\r\n type: ACTIONS.CATEGORY_UPDATE,\r\n payload: category,\r\n });\r\n setPickerShown(false);\r\n };\r\n\r\n function isScrolledIntoView(el, _isArticlePdf) {\r\n if (!el) return;\r\n var rect = el.getBoundingClientRect();\r\n var elemTop = rect.top;\r\n if (!isWideMode) {\r\n setMaxHeightTocBody(rect);\r\n }\r\n // Only completely visible elements return true:\r\n const progressBarOffset = 8;\r\n var isVisible = elemTop >= progressBarOffset;\r\n\r\n // return _isArticlePdf || isVisible;\r\n return isVisible;\r\n }\r\n\r\n var articleTagValue={\r\n tier:[],\r\n industry:[],\r\n auditWorkflowAreaAccount:[],\r\n auditWorkflowAreaNonAccount:[]\r\n }\r\n\r\n function buildFolioContentTagList(taxonomylists,auditWorkFlowAccount,articleFolioList){\r\n let nonaccount =[];\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(taxonomylists)) {\r\n taxonomylists[0].items.forEach(element => {\r\n if (element.id === auditWorkFlowAccount) {\r\n nonaccount.push(element);\r\n }\r\n else {\r\n element.sub_items.forEach((wa) => {\r\n if (wa.id === auditWorkFlowAccount) {\r\n nonaccount.push(wa);\r\n }\r\n })\r\n }\r\n });\r\n\r\n if (nonaccount.length > 0 && (!articleFolioList || articleFolioList.filter(x => x.id === auditWorkFlowAccount).length <= 0)) {\r\n articleFolioList.push({\r\n id: nonaccount[0].id, name: nonaccount[0].value\r\n });\r\n }\r\n }\r\n }\r\n function buildFrameWorkContentTagList(tierList,tierValue){\r\n tierList.forEach((parentTier) => {\r\n const parentFilterTier = parentTier.relations.filter(x => x.id === tierValue);\r\n if (parentFilterTier.length > 0 && (!articleTagValue.tier || articleTagValue.tier.filter(x => x.id === parentTier.id).length<=0)) {\r\n articleTagValue.tier.push({\r\n id:parentTier.id,name:parentTier.value\r\n });\r\n }\r\n });\r\n }\r\n function prepareAndSetArtileTags() {\r\n \r\n var metadata=get(pubData, \"content[0].metadata\");\r\n if(context.pageSelectedSection===FOLIO_SECTION_TYPE.alerts || !metadata || UTILITIESHELPER.isObjectNullorEmpty(metadata.audit_workflow_area_account) && UTILITIESHELPER.isObjectNullorEmpty(metadata.audit_workflow_area_nonaccount)) \r\n {\r\n metadata=pubData.metadata;\r\n }\r\n \r\n if (metadata) {\r\n if(metadata.tier){\r\n metadata.tier.forEach((tierValue) => {\r\n\r\n if (allTier && allTier.gaasItems) {\r\n buildFrameWorkContentTagList(allTier.gaasItems,tierValue)\r\n buildFrameWorkContentTagList(allTier.assuranceItems,tierValue)\r\n }\r\n });\r\n }\r\n \r\n if(metadata.industry){\r\n metadata.industry.forEach( (industryValue)=>{\r\n if (allIndustry && allIndustry.items) {\r\n allIndustry.items.forEach((parentIndustory) => {\r\n var parentFilterIndustory=[]\r\n if(parentIndustory.id === industryValue){\r\n parentFilterIndustory.push(parentIndustory);\r\n }\r\n else{\r\n parentFilterIndustory=parentIndustory.relations.filter(x => x.id === industryValue);\r\n }\r\n if (parentFilterIndustory.length > 0 && (!articleTagValue.industry || articleTagValue.industry.filter(x => x.id === parentIndustory.id).length<=0)) {\r\n articleTagValue.industry.push({\r\n id:parentIndustory.id,name:parentIndustory.value\r\n });\r\n }\r\n });\r\n }\r\n }\r\n )\r\n }\r\n if (metadata.audit_workflow_area_nonaccount) {\r\n metadata.audit_workflow_area_nonaccount.forEach((aw) => {\r\n buildFolioContentTagList(taxnomyList.allFolio.auditNonAccount,aw,articleTagValue.auditWorkflowAreaNonAccount)\r\n buildFolioContentTagList(taxnomyList.allFolio.assuranceNonAccount,aw,articleTagValue.auditWorkflowAreaNonAccount)\r\n })\r\n }\r\n\r\n if (metadata.audit_workflow_area_account) {\r\n metadata.audit_workflow_area_account.forEach((aw) => {\r\n var account = [];\r\n buildFolioContentTagList(taxnomyList.allFolio.auditAccount,aw,articleTagValue.auditWorkflowAreaAccount)\r\n buildFolioContentTagList(taxnomyList.allFolio.accountingAccount,aw,articleTagValue.auditWorkflowAreaAccount)\r\n })\r\n }\r\n }\r\n setArticleTags(articleTagValue);\r\n }\r\n \r\n\r\n const handleDocumentClick = async (ev) => {\r\n closeCopyOverlay(ev);\r\n if (ev.target.nodeName === \"path\" && ev.target.id !== '') {\r\n ev.preventDefault();\r\n setAnnotationPanelOpen(false);\r\n setSelectedId(ev.target.id);\r\n setSelectedAnnotation(0);\r\n setAnnotationPanelOpen(true);\r\n scrollToAnnotation(ev.target.id);\r\n }\r\n else {\r\n let targetBaseUrl = `/${memberFirm}/${language}/${knowledgeDomain}`;\r\n const tocUrls = LINKHELPERS.getTocUrls(targetBaseUrl);\r\n\r\n //NB: Having an await inside an event creates a different thread. \r\n // This additional thread causes the page to \"wait\" for a response, \r\n // but as the response happens on a different thread(as we await it), \r\n // it waits for ever and kills the page.\r\n // Therefore we add an async wrapper here to stop the page from frezing.\r\n (async () => {\r\n let navigatableLink = await LINKHELPERS.getNavigatableLink({\r\n ev,\r\n tocUrls,\r\n memberFirm: memberFirm, language: language, knowledgeDomain: knowledgeDomain,\r\n messageCannotOpenTab: getLabel(\"l_InternalLinkCannotBeOpenedInANewTab\", \"Internal link cannot be opened in a new tab/window in Pilot\"),\r\n messageCannotResolve: getLabel(\"l_LinkCannotBeResolved\", \"Link cannot be resolved.\"),\r\n isSearchResultLink: false,\r\n memberFirms\r\n });\r\n if (navigatableLink) {\r\n let targetURL = window.location.origin + navigatableLink\r\n if (LINKHELPERS.isLocalToThisPageLink(tocUrls, navigatableLink)) {\r\n //If the current URL already has a hash, and the current hash is the same, then we just scroll the page \"again\"\r\n if (window.location.hash && (navigatableLink === `${window.location.pathname}${window.location.hash}`)) {\r\n ARTICLEHELPERS.scrollToHashTag(window.location.hash);\r\n }\r\n else {\r\n navigate(navigatableLink);\r\n }\r\n }\r\n else {\r\n if (navigatableLink.split(\";\").length > 1) {\r\n targetURL = navigatableLink.split(\";\")[0];\r\n // TL link : Set Redirect Modal visible and send parameters from here\r\n UTILITIESHELPER.setLocalStorage(\"isContentLoadError\", false);\r\n setMessageRedirectTL(getLabel(\"l_LinkModalViewLinkTL\", \"The content requested is not currently available in ORP. Would you like to see this content in Technical Library?\"))\r\n setRedirectURL(navigatableLink.split(\";\")[0]);\r\n setShouldShowOverlayRedirect(true);\r\n setIsRedirectModalVisible(true);\r\n }\r\n else {\r\n //We need to call the window directly and with noreferer, so that we \"disconnect\"\r\n // the target browser and activity/closing from the currnet tab (or it will freeze the current tab!)\r\n window.location.href = LINKHELPERS.sanitizeUrl(navigatableLink);\r\n }\r\n }\r\n if (!UTILITIESHELPER.isStringNullorEmpty(targetURL)) {\r\n linkProps.targetURL = targetURL;\r\n logs.event('link', linkProps);\r\n }\r\n }\r\n else {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(ev.target.href)) {\r\n linkProps.targetURL = ev.target.href;\r\n logs.event('link', linkProps);\r\n }\r\n }\r\n })();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n UTILITIESHELPER.setLocalStorage(\"isContentLoadError\", false);\r\n (async () => {\r\n var categories = await CategoryService.fetchCategories(location.pathname, getMemberFirmID());\r\n dispatch({\r\n type: ANN_ACTIONS.CATEGORY_LOAD,\r\n payload: categories,\r\n });\r\n })();\r\n\r\n\r\n \r\n }, []);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n // handleResize()\r\n const articleContainerElem = document.querySelector(\".article-container\");\r\n isScrolledIntoView(articleContainerElem);\r\n }, [isWideMode, shouldBeFixed]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n const articleContainerElem = document.querySelector(\".article-container\");\r\n const _shouldBeFixed = !isScrolledIntoView(\r\n articleContainerElem,\r\n isArticlePdf\r\n );\r\n setShouldBeFixed(_shouldBeFixed);\r\n\r\n const handleScroll = (ev) => {\r\n const _shouldBeFixed = !isScrolledIntoView(articleContainerElem, isArticlePdf);\r\n setShouldBeFixed(_shouldBeFixed);\r\n };\r\n const throttledScroll = throttle(handleScroll, 16);\r\n window.addEventListener(\"scroll\", throttledScroll, { passive: true });\r\n articleContainerElem.addEventListener(\"click\", handleDocumentClick);\r\n document.addEventListener(\"keyup\", isKeyPressed);\r\n document.oncontextmenu = function (ev) {\r\n //WE no longer have the data node for internal/external, so look at what is inside the URL\r\n // basically if it starts with HTTP, we consider it external!\r\n const el = LINKHELPERS.getClosestLinkElement(ev);\r\n if (el?.href) {\r\n if (LINKHELPERS.existsInsideParentClass(el, \"article-content-container\")) {\r\n let hrefValue = el?.href;\r\n let currentHref = window.location.href;\r\n let prefixLocation = currentHref.substring(0, currentHref.lastIndexOf('/') + 1);\r\n //We assume if the current href contains the current domain url, that it did not start with http, i.e. it was an internal link\r\n if (hrefValue.indexOf(prefixLocation) > -1) {\r\n //Internal link, so we handle it...\r\n ev.preventDefault();\r\n\r\n //New open in new window instead of message...\r\n let targetBaseUrl = `/${memberFirm}/${language}/${knowledgeDomain}`;\r\n const tocUrls = LINKHELPERS.getTocUrls(targetBaseUrl);\r\n\r\n //NB: Having an await inside an event creates a different thread. \r\n // This additional thread causes the page to \"wait\" for a response, \r\n // but as the response happens on a different thread(as we await it), \r\n // it waits for ever and kills the page.\r\n // Therefore we add an async wrapper here to stop the page from frezing.\r\n (async () => {\r\n let navigatableLink = await LINKHELPERS.getNavigatableLink({\r\n ev,\r\n tocUrls,\r\n memberFirm: memberFirm, language: language, knowledgeDomain: knowledgeDomain,\r\n messageCannotOpenTab: getLabel(\"l_InternalLinkCannotBeOpenedInANewTab\", \"Internal link cannot be opened in a new tab/window in Pilot\"),\r\n messageCannotResolve: getLabel(\"l_LinkCannotBeResolved\", \"Link cannot be resolved.\"),\r\n isSearchResultLink: false,\r\n memberFirms\r\n });\r\n if (navigatableLink) {\r\n if (navigatableLink.split(\";\").length > 1) {\r\n // TL link : Set Redirect Modal visible and send parameters from here\r\n UTILITIESHELPER.setLocalStorage(\"isContentLoadError\", false);\r\n setMessageRedirectTL(getLabel(\"l_LinkModalViewLinkTL\", \"The content requested is not currently available in ORP. Would you like to see this content in Technical Library?\"))\r\n setRedirectURL(navigatableLink.split(\";\")[0]);\r\n setShouldShowOverlayRedirect(true);\r\n setIsRedirectModalVisible(true);\r\n }\r\n else {\r\n //We need to call the window directly and with noreferer, so that we \"disconnect\"\r\n // the target browser and activity/closing from the currnet tab (or it will freeze the current tab!)\r\n window.open(LINKHELPERS.sanitizeUrl(navigatableLink), '_blank', 'noreferrer');\r\n }\r\n }\r\n })();\r\n }\r\n }\r\n }\r\n };\r\n prepareAndSetArtileTags();\r\n return () => {\r\n window.removeEventListener(\"scroll\", throttledScroll);\r\n articleContainerElem.removeEventListener(\"click\", handleDocumentClick);\r\n document.removeEventListener(\"keyup\", isKeyPressed);\r\n const sidePannelBody = document.querySelector(\".side-pannel-body\");\r\n if (sidePannelBody) {\r\n //FE:TODO: This is compareing pathname with full url!\r\n // full url: http://a.c/x/y/z\r\n // path : x/y/z\r\n // Therefore it will ALWAYS be less - so not sure what this is calculating.changing on the page, but it seams that it will alsows be the first part!\r\n //if (window.location.pathname.split(\"/\").length < routeInfo.url.split(\"/\").length) {\r\n var sidePanelSmall = document.querySelector(\".side-pannel-small\");\r\n if (sidePanelSmall) {\r\n var sidePanelSmallDim = sidePanelSmall.getClientRects();\r\n if (sidePanelSmallDim) {\r\n let elemTop = sidePanelSmallDim[0].top;\r\n const maxHeightCalc = `calc(100vh - 61px} - ${elemTop > 0 ? Math.round(elemTop) : 1}px`;\r\n\r\n sidePannelBody.style.maxHeight = maxHeightCalc;\r\n //}\r\n //else {\r\n // if (sidePannelBody.style.maxHeight === \"\" || sidePannelBody.style.maxHeight === \"none\") {\r\n // sidePannelBody.style.maxHeight = tocMaxHeight;\r\n // }\r\n //}\r\n }\r\n }\r\n }\r\n setIsJumpLinksOpen(false);\r\n setShouldBeFixed(false);\r\n //setAnnotationPanelOpen(false);\r\n //setSelectedAnnotation(0);\r\n }\r\n }, [isArticlePdf,isMemberFirmsLoaded]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n // no need to scroll if the value is zero, automatically it will be at the top\r\n if (yAxisOfToc !== 0) {\r\n scrollTocToKnowLocation(yAxisOfToc);\r\n }\r\n }, [yAxisOfToc]);\r\n\r\n function scrollTocToKnowLocation(yAxisOfToc) {\r\n var tocBody = document.getElementsByClassName(\"side-pannel-body\")[0];\r\n\r\n var dir = \"scrollTop\";\r\n var res = !!tocBody[dir];\r\n\r\n if (!res) {\r\n tocBody[dir] = 1;\r\n res = !!tocBody[dir];\r\n tocBody[dir] = 0;\r\n }\r\n\r\n if (res) {\r\n tocBody.scrollTo(0, yAxisOfToc);\r\n tocBody.focus();\r\n }\r\n }\r\n\r\n function closeCopyOverlay(ev) {\r\n const toolBar = document.querySelector(\".toolbar\");\r\n if (!ev.target.closest(\".cf-right\") && toolBar) {\r\n setClosedToolbar(true);\r\n }\r\n }\r\n\r\n function isKeyPressed(e) {\r\n if (e.keyCode === 39 || e.keyCode === 37 || e.keyCode === 38 || e.keyCode === 40 ) {\r\n if (document.getSelection().toString().trim().length > 0) {\r\n setClosedToolbar(true);\r\n e.preventDefault();\r\n interactiveToolbar(e);\r\n }\r\n else {\r\n setClosedToolbar(true);\r\n }\r\n }\r\n }\r\n\r\n function interactiveToolbar(e) {\r\n let active = false;\r\n const toolbarContainer = document.querySelector(\".toolbar\");\r\n if (!toolbarContainer) return;\r\n const selectedText = document.getSelection();\r\n const textStr = selectedText.toString().trim();\r\n const recursiveItemElements = (item) => {\r\n if (typeof (item.className) !== 'object') {\r\n if ((item.className && item.className.includes('normal-link-in-reading-mode')) || (item.className && item.className.includes('prev-next-article-links-container'))) {\r\n setIsDupAnnotation(true);\r\n }\r\n else {\r\n setIsDupAnnotation(false);\r\n }\r\n if (item.className && item.className.includes('annotation-panel-wrapper')) {\r\n setClosedToolbar(true);\r\n active = true;\r\n }\r\n }\r\n let subItems = item.children;\r\n let childItemArray = Array.from(subItems);\r\n if (childItemArray && childItemArray.length > 0) {\r\n childItemArray.forEach((subItem) => {\r\n recursiveItemElements(subItem);\r\n })\r\n }\r\n }\r\n if (textStr.length > 0) {\r\n let range = selectedText.getRangeAt(0);\r\n let cloned = range.cloneContents();\r\n recursiveItemElements(cloned);\r\n if (active) return\r\n if (cloned?.children?.length > 1 && selectedText.extentOffset === 0) {\r\n const recursiveReduceSelection = () => {\r\n selectedText.modify('extend', 'left', 'character')\r\n if (selectedText.extentOffset === 0)\r\n recursiveReduceSelection()\r\n }\r\n recursiveReduceSelection()\r\n if (selectedText.isCollapsed)\r\n return\r\n range = selectedText.getRangeAt(0)\r\n cloned = range.cloneContents();\r\n }\r\n const duplicateSelection = cloned.querySelector(\".highlighted\");\r\n const duplicateAnnSelection = selectedText.baseNode.parentNode.className === 'highlighted';\r\n setIsArticleSearchActive(searchText.length > 2 ? true : false)\r\n if (duplicateSelection || duplicateAnnSelection) {\r\n setIsDupAnnotation(true);\r\n }\r\n const articleContainer = document.querySelector(\".cf-right\");\r\n const bounds = articleContainer.getBoundingClientRect();\r\n const x = e.clientX - bounds.left;\r\n const y = e.clientY - bounds.top;\r\n toolbarContainer.style.top = y + \"px\";\r\n toolbarContainer.style.left = x + \"px\";\r\n setClosedToolbar(false);\r\n } else {\r\n setClosedToolbar(true);\r\n }\r\n }\r\n\r\n function interactiveToolbarClear(e) {\r\n const toolbarContainer = document.querySelector(\".toolbar\");\r\n if (!toolbarContainer) return;\r\n setClosedToolbar(true);\r\n setIsDupAnnotation(false);\r\n document.getSelection().empty();\r\n }\r\n\r\n //Handles the initial word download button click\r\n function wordHandler(e) {\r\n e.preventDefault();\r\n\r\n //open download panel.\r\n setDownloadPanelOpen((prevVal) => !prevVal);\r\n }\r\n\r\n function bookmarkHandler(e) {\r\n e.preventDefault();\r\n setBookmarkOpen((prevVal) => !prevVal);\r\n setshouldShowDarkOverlay(true);\r\n }\r\n\r\n async function bookmarkIcon(e) {\r\n setCategoryOn(false);\r\n setBookmarkOpen(false);\r\n const bookDelete = await BookmarkService.deleteBookmarks(location.pathname, [bookmarkId]);\r\n const payload = {\r\n bookmark_guid: bookmarkId,\r\n }\r\n if (bookDelete) {\r\n dispatch({\r\n type: ANN_ACTIONS.BOOKMARK_REMOVE,\r\n payload: payload,\r\n });\r\n }\r\n setCategoryOn(false);\r\n setBookmarkOpen(false);\r\n }\r\n\r\n //Handles the initial pdf download button click\r\n function pdfHandler(e) {\r\n e.preventDefault();\r\n\r\n // Save for future state\r\n // setDownloadPanelOpen(prevVal => !prevVal);\r\n const delegate = document.getElementById(\"single-pdf-download\");\r\n if (delegate !== null) {\r\n delegate.click();\r\n }\r\n else {\r\n logs.error(page.Article, \"Article\", ErrorMessages.pdfHandler, {},{eventId:ErrorCodes.Article});\r\n }\r\n }\r\n\r\n const publicationDisplayTitle = getDisplayTitle(pubData, isGuidebook);\r\n const _shouldBeFixed = shouldBeFixed; // && !isArticlePdf;\r\n const [shouldShowShareModal, setShouldShowShareModal] = useState(false);\r\n const [shouldShowOverlay, setShouldShowOverlay] = useState(false);\r\n const [isSectionPath, setIsSectionPath] = useState(false);\r\n const [FixedToolContainerStyleTop, setFixedToolContainerStyleTop] = useState(220);\r\n const [visible, setVisible] = useState(false);\r\n\r\n const [shouldShowArticlePubModal, setShouldShowArticlePubModal] = useState(false);\r\n const [publicationModalDetails, setPublicationModalDetails] = useState({});\r\n const renderEmbeddedOrNormal = () => {\r\n if (isEmbeddedMode) {\r\n return \r\n
\r\n \r\n
\r\n {getLabel(\"b_PublicationDetails\", \"Publication Details\")}
\r\n \r\n\r\n
\r\n \r\n
\r\n {getLabel(\"b_PublicationType\",\"Publication Type\")} : {publicationData.publicationType}
\r\n{getLabel(\"b_PublicationReleaseDate\",\"Release Date\")} : {publicationData.publicationReleaseDate}
\r\n{getLabel(\"b_Title\",\"Title\")} : {publicationData.title}
\r\n{getLabel(\"b_PublicationVersion\",\"Version\")} : {publicationData.publicationVersion}
\r\n{getLabel(\"b_PublicationIndustry\",\"Industry\")} : {publicationData.industry}
\r\n{getLabel(\"b_PublicationMemberFirm\",\"Member Firm\")} : {publicationData.memberFirm}
\r\n{getLabel(\"b_PublicationKnowledgeDomain\",\"Knowledge Domain\")} : {publicationData.knowledgeDomain}
\r\n{getLabel(\"b_PublicationAuditWorkflowAreaAccount\",\"Audit Workflow Area Account\")} : {publicationData.auditWorkflowAreaAccount}
\r\n{getLabel(\"b_PublicationAuditWorkflowAreaNonAccount\",\"Audit Workflow Area Non-Account\")} : {publicationData.auditWorkflowAreaNonAccount}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n {renderEmbeddedOrNormal()}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {getLabel(\"hh_HeaderMessageAnnotationPaneFirst\", \"Please visit the \")}\r\n {/*eslint-disable-next-line*/}\r\n annotationPanelHandler(e)}>Annotation panel\r\n {\r\n getLabel(\"hh_HeaderMessageAnnotationPaneFirst\", \" or see the annotations that has been affected by an article update\")\r\n }
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*isDownloadableArticle*/}\r\n \r\n {/*eslint-disable-next-line*/}\r\n \r\n \r\n \r\n \r\n { setIsWideMode(true); }} showInArticleTOC={showInArticleTOC} isFixed={_shouldBeFixed} fixedToolContainerStyleTop={FixedToolContainerStyleTop} />\r\n \r\n {/*eslint-disable-next-line*/}\r\n \r\n \r\n \r\n \r\n annotationPanelHandler(e)} title={getLabel('hh_AnnotationPannel', 'Annotation Panel')}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {getLabel('a_Compare', 'Compare')}
\r\n {getLabel('a_Versions', 'Versions')}
\r\n \r\n
\r\n \r\n \r\n
\r\n {getLabel(\"a_TopOfArticle\", \"Top of Article\")}
\r\n \r\n {shouldShowDarkOverlay &&\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n else {\r\n return articleContent;\r\n }\r\n };\r\n\r\n const handleDocumentClick = useCallback(async (ev) => {\r\n if (ev.target.nodeName === \"path\" && ev.target.id !== '') {\r\n ev.preventDefault();\r\n }\r\n else {\r\n let targetBaseUrl = `/${props.memberFirm}/${props.language}/${props.knowledgeDomain}`;\r\n const tocUrls = LINKHELPERS.getTocUrls(targetBaseUrl);\r\n\r\n (async () => {\r\n let navigatableLink = await LINKHELPERS.getNavigatableLink({\r\n ev,\r\n tocUrls,\r\n memberFirm: props.memberFirm, language: props.language, knowledgeDomain: props.knowledgeDomain,\r\n messageCannotOpenTab: getLabel(\"l_InternalLinkCannotBeOpenedInANewTab\", \"Internal link cannot be opened in a new tab/window in Pilot\"),\r\n messageCannotResolve: getLabel(\"l_LinkCannotBeResolved\", \"Link cannot be resolved.\"),\r\n isSearchResultLink: false,\r\n popupContent: true,\r\n memberFirms\r\n });\r\n if (navigatableLink) {\r\n if (LINKHELPERS.isLocalToThisPageLink(tocUrls, navigatableLink)) {\r\n window.open(LINKHELPERS.sanitizeUrl(navigatableLink), '_blank', 'noreferrer');\r\n }\r\n else {\r\n if (navigatableLink.split(\";\").length > 1) {\r\n // TL link : Set Redirect Modal visible and send parameters from here\r\n setMessageRedirectTL(getLabel(\"l_LinkModalViewLinkTL\", \"The content requested is not currently available in ORP. Would you like to see this content in Technical Library?\"))\r\n setRedirectURL(navigatableLink.split(\";\")[0]);\r\n setShouldShowOverlayRedirect(true);\r\n setIsRedirectModalVisible(true);\r\n }\r\n else {\r\n window.open(LINKHELPERS.sanitizeUrl(navigatableLink), '_blank', 'noreferrer');\r\n }\r\n }\r\n }\r\n })();\r\n }\r\n }, []);//eslint-disable-line\r\n\r\n const renderArticleContent = (pubData) => (\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {shouldShowDarkOverlay && (\r\n \r\n )}\r\n {\r\n
\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default RaFormsAndTemplatesModal;","import React,{useEffect, useState} from 'react'\r\nimport { GotoIcon } from './GotoIcon';\r\nimport RaFormsAndTemplatesModal from './RaFormsAndTemplatesModal';\r\n\r\nfunction FormsAndTemplatesSource({...props}) {\r\n const{ title, format, memberFirm, language, knowledgeDomain, memberFirmId, knowledgeDomainId, contentItemGuid, pubGuid } = props\r\n const[showModal, setShowModal]=useState(false);\r\n\r\n const openFormsAndTemplatesModal= async ()=>{\r\n setShowModal(true);\r\n }\r\n\r\n const closeModal = () => {\r\n setShowModal(false)\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {getLabel(\"b_BinaryDownload\", \"Download\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {renderEmbeddedOrNormal()}\r\n
\r\n \r\n {showModal && (\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default FormsAndTemplatesSource\r\n","import React, { useEffect, useState } from 'react'\r\nimport { RESEARCH_ASSISTANT_SOURCE_TYPES } from '../Constants/Constants'\r\nimport DocumentSource from './DocumentSource'\r\nimport FormsAndTemplatesSource from './FormsAndTemplatesSource'\r\n\r\nfunction ResolveSources({sourceType, ...props}) {\r\n\r\n switch (sourceType) {\r\n case RESEARCH_ASSISTANT_SOURCE_TYPES.DOCUMENT:\r\n return (\r\n \r\n \r\n openFormsAndTemplatesModal()\r\n }\r\n >\r\n {title}\r\n {\r\n openFormsAndTemplatesModal()}\r\n />\r\n }\r\n
\r\n setIsExpand(!isExpand)}>\r\n \r\n 
\r\n \r\n
\r\n \r\n \r\n {getLabel('ra_FormAndTemplates', 'Forms, Templates, and Examples to Consider')}\r\n
\r\n\r\n
\r\n ))}\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default ResearchAssistantForms;","import React from \"react\";\r\n\r\nconst ShareIcon = ({ shareHandlerClick }) => {\r\n return (\r\n \r\n )\r\n}\r\nexport default ShareIcon","import React from \"react\";\r\n\r\nconst ThumbsDownIcon = ({feedBackButtonClick}) => {\r\n return (\r\n \r\n )\r\n}\r\nexport default ThumbsDownIcon","import React from \"react\";\r\n\r\nconst ThumbsUpIcon = ({feedBackButtonClick}) => {\r\n return (\r\n \r\n )\r\n}\r\nexport default ThumbsUpIcon","import React from \"react\"\r\nimport ShareIcon from \"../ShareIcon\"\r\nimport ThumbsDownIcon from \"../ThumbsDownIcon\"\r\nimport ThumbsUpIcon from \"../ThumbsUpIcon\"\r\n\r\nconst ShareReactionPanel = ({ feedBackButtonClick, shareHandlerClick }) => {\r\n return (\r\n <>\r\n \r\n )})
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {currentFootnote &&\r\n
\r\n setIsExpand(!isExpand)}>\r\n 
\r\n \r\n
\r\n \r\n {getLabel('ra_DocumentSources', 'Sources')}\r\n
\r\n\r\n
\r\n ))}\r\n }\r\n\r\n \r\n )\r\n}\r\n\r\nexport default ResearchAssistantSources","import React, { useState, useRef } from \"react\";\r\nimport { usePageContextLabels } from \"../../contexts/PageContext\";\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport cx from 'classnames';\r\nimport useDCSService from '../../services/useDCSService';\r\n\r\nfunction UserFeedbackModal({ userFeedBackType, setIsFeedBackModalOpen, isFeedBackModalOpen }) {\r\n const MAX_COMMENT_LENGTH = 2000;\r\n let btnRef = useRef();\r\n const [shouldShowDarkOverlay, setshouldShowDarkOverlay] = useState(true);\r\n const [comment, setComment] = useState(\"\");\r\n const { getLabel } = usePageContextLabels();\r\n const [selectedOptons, setSelectedOptons] = useState([]);\r\n const positiveFeedBackResponse = [\"Accuracy of Response\", \"Completeness of Response\", \"Understandability of Response\", \"Other\"];\r\n const negativeFeedBackResponse = [\"Accuracy of Response\", \"Completeness of Response\", \"Understandability of Response\", \"Incorrect Topic/Off-Topic Response\", \"Correct Response provided but sources are unrelated or incomplete\", \"Inappropriate Response provided\", \"Other\"];\r\n const { researchAssistantUserFeedback } = useDCSService();\r\n\r\n function handleChange(e) {\r\n if (e.target.checked) {\r\n setSelectedOptons([...selectedOptons, e.target.value]);\r\n } else {\r\n setSelectedOptons(selectedOptons.filter((item) => item !== e.target.value));\r\n }\r\n }\r\n\r\n function handleCloseClick() {\r\n setshouldShowDarkOverlay(false);\r\n setIsFeedBackModalOpen(false);\r\n }\r\n\r\n function handleCommentChange(e) {\r\n const value = e.target.value;\r\n setComment(value.slice(0, MAX_COMMENT_LENGTH));\r\n }\r\n\r\n const handleSaveClick = async () => {\r\n let payload = {\r\n selected_Options: selectedOptons,\r\n comment: (comment.trim() && comment.trim().length > 0) ? comment : \"\",\r\n };\r\n if (payload.selected_Options.length > 0 || payload.comment.length > 0) {\r\n alert(JSON.stringify(payload));\r\n let response = await researchAssistantUserFeedback(payload);\r\n setIsFeedBackModalOpen(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {shouldShowDarkOverlay &&\r\n \r\n }\r\n
\r\n );\r\n}\r\n\r\nexport default UserFeedbackModal;","import React, { useState } from 'react';\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport { usePageContextLabels } from \"../../contexts/PageContext\";\r\nimport { useThemeContext } from \"../../contexts/ThemeContext\";\r\nimport { MEMBERFIRM_CONSTANTS, RESEARCH_ASSISTANT } from '../Constants/Constants';\r\n\r\nexport default function ResearchAssistantNotableExclusions({ isResearchAssistantLoading, researchAssistantResponse }) {\r\n const [isExpand, setIsExpand] = useState(false)\r\n const { getLabel } = usePageContextLabels();\r\n const { isDarkMode } = useThemeContext();\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {userFeedBackType === \"Positive\" ? getLabel(\"ra_goodresponse\", \"Good Response\") : getLabel(\"ra_notagoodresponse\", \"Not a good Response\")}
\r\n \r\n \r\n
\r\n {userFeedBackType === \"Positive\" ? getLabel(\"ra_goodresponsetitle\", \"What did you like about the Response? Select all that apply!\") : getLabel(\"ra_notagoodresponsetitle\", \"What did you dislike about the Response? Select all that apply!\")}
\r\n \r\n \r\n {\r\n positiveFeedBackResponse.map((item, index) => {\r\n return (\r\n \r\n\r\n \r\n {\r\n negativeFeedBackResponse.map((item, index) => {\r\n return (\r\n \r\n\r\n
\r\n \r\n \r\n {item}\r\n
\r\n )\r\n })\r\n }\r\n \r\n \r\n {item}\r\n
\r\n )\r\n })\r\n }\r\n \r\n \r\n \r\n {comment.length}/{MAX_COMMENT_LENGTH}\r\n \r\n
\r\n \r\n \r\n
\r\n setIsExpand(!isExpand)}>\r\n \r\n \r\n
\r\n \r\n {getLabel('ra_NotableExclusions', 'Content Excluded from Response')}\r\n
\r\n\r\n
\r\n )}\r\n \r\n )\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\nimport { usePageContextLabels } from \"../../contexts/PageContext\";\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport useOutsideClick from \"../../hooks/useOutsideClick\";\r\nimport { RESEARCH_ASSISTANT } from \"../Constants/Constants\";\r\n\r\nconst ResearchAssistantInfoModal = ({ handlePopup }) => {\r\n const raInfoModalRef = useRef(null)\r\n const [showTermsAndCondition, setShowTermsAndCondition] = useState(false)\r\n const { getLabel, userCountry } = usePageContextLabels()\r\n\r\n useOutsideClick(raInfoModalRef, () => {\r\n handlePopup(null);\r\n }, []);\r\n\r\n return (\r\n <>\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ResearchAssistantInfoModal","import React, { useEffect, useState } from 'react';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport AskFollowUpButton from '../Common/AskFolllowUpButton';\r\nimport ResearchAssistantForms from './ResearchAssistantForms';\r\nimport { usePageContextLabels } from \"../../contexts/PageContext\";\r\nimport ShareReactionPanel from '../Common/ShareReactionPanel';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport FootnotePopup from './FootNotePopup';\r\nimport FilterValue from './FilterValue';\r\nimport ResearchAssistantSources from './ResearchAssistantSources';\r\nimport UserFeedbackModal from './UserFeedbackModal';\r\nimport ShareModal from '../Article/ShareModal';\r\nimport ResearchAssistantNotableExclusions from './ResearchAssistantNotableExclusions';\r\nimport { MEMBERFIRM_CONSTANTS, RESEARCH_ASSISTANT } from '../Constants/Constants';\r\nimport ResearchAssistantMessage from './ResearchAssistantMessage';\r\nimport ResearchAssistantInfoModal from './ResearchAssistantInfoModal';\r\nimport { ACTIONS, useResearchAssistantContext } from '../../contexts/ResearchAssistantContext';\r\nimport { useThemeContext } from '../../contexts/ThemeContext';\r\nfunction ChatbotResearchAssistant(\r\n {\r\n expandMore,\r\n setExpandMore,\r\n isResearchAssistantLoading,\r\n researchAssistantResponse,\r\n isConversationalMode,\r\n searchPhrase,\r\n countId,\r\n messgaeResponse,\r\n currentIndex = 1,\r\n isChat = false,\r\n handleAskFollowUpButton,\r\n errorMessage\r\n }\r\n) {\r\n const { getLabel } = usePageContextLabels();\r\n const [questiontitle, setquestionTitle] = useState(\"\");\r\n const [shouldShowShareModal, setShouldShowShareModal] = useState(false);\r\n const [shouldShowOverlay, setShouldShowOverlay] = useState(false);\r\n const [isSectionPath, setIsSectionPath] = useState(false);\r\n const [closedToolbar, setClosedToolbar] = useState(false);\r\n const { dispatch, state: raState } = useResearchAssistantContext();\r\n const [converstionpageQuestion, setConverstionpageQuestion] = useState(\"\");\r\n const [researchAssitantResponse, setresearchAssitantResponse] = useState(\"\")\r\n const { isDarkMode } = useThemeContext()\r\n const [interval, setIntervalLimit] = useState(null)\r\n const shareHandlerClick = () => {\r\n if (messgaeResponse && countId) {\r\n\r\n const question = messgaeResponse?.find((data) => (\r\n data.id === countId && data.type === \"Query\"\r\n ))\r\n setConverstionpageQuestion(question.response)\r\n const questionResponse = messgaeResponse?.find((data) => (\r\n data.id === countId && data.type === \"Answer\"\r\n ))\r\n setresearchAssitantResponse(questionResponse?.response)\r\n }\r\n setShouldShowShareModal(true);\r\n setShouldShowOverlay(true);\r\n setIsSectionPath(false);\r\n }\r\n\r\n\r\n const questions = searchPhrase\r\n useEffect(() => {\r\n\r\n setquestionTitle(questions);\r\n }, [questions])\r\n const [message, setMessage] = useState()\r\n const [chatResponse, setChatResponse] = useState()\r\n const [documentSource, setDocumentSource] = useState()\r\n const [isFeedBackModalOpen, setIsFeedBackModalOpen] = useState(false);\r\n const [isFeedBackType, setFeedBackType] = useState('');\r\n\r\n useEffect(() => {\r\n if(JSON.stringify(researchAssistantResponse?.response) !== JSON.stringify(chatResponse)) {\r\n const { message, documentSource } = UTILITIESHELPER.replaceFootnoteWithLinkInChat(researchAssistantResponse)\r\n setMessage(message)\r\n setDocumentSource(documentSource)\r\n setChatResponse(researchAssistantResponse?.response)\r\n }\r\n }, [researchAssistantResponse?.response])\r\n\r\n function callDynamicText(text, searchinfo, index) {\r\n const container = document.getElementById('text-wrapper');\r\n if (container) {\r\n container.innerHTML='';\r\n container.classList = `loading loading02 loader-title${index}`\r\n container.style.animationDuration = `${window.DART.ENV.RA_LOADER_ANIMATION_TIME_DIFFERENCE/1000}s`\r\n text.split(' ').forEach((char, index) => {\r\n const span = document.createElement('span');\r\n span.innerHTML = char + ' ';\r\n span.style.animationDelay = `${index * 0.05}s`;\r\n container.appendChild(span);\r\n });\r\n const infoElement = document.getElementById('text-info')\r\n if(infoElement) {\r\n infoElement.style.animationDuration = `${window.DART.ENV.RA_LOADER_ANIMATION_TIME_DIFFERENCE/1000 + .2}s`\r\n infoElement.innerHTML = searchinfo\r\n infoElement.classList = `textbracket loader-description${index}`\r\n }\r\n }\r\n }\r\n useEffect(() => {\r\n if (!isResearchAssistantLoading) {\r\n clearInterval(interval)\r\n }\r\n if (isResearchAssistantLoading) {\r\n callDynamicText(getLabel('ra_Analyzing_Question', 'Analyzing question...'), getLabel('ra_Analyzing_Question_Descrption', '(Hold tight, average response time is 15 seconds)'), 1);\r\n let count = 0\r\n var loaderInterval = setInterval(() => {\r\n if(count === 0) {\r\n callDynamicText(getLabel('ra_SearchingForResources', 'Searching for sources...'), getLabel('ra_SearchingForResources_Description', '(Scanning manuals and folios for you...don\\'t refresh!)'), 2);\r\n } else if(count === 1) {\r\n callDynamicText(getLabel('ra_Reading_Resources', 'Reading sources...'), getLabel('ra_Reading_Resources_Description', '(Carefully reviewing what I found...hang in there!)'), 3);\r\n } else if(count === 2) {\r\n callDynamicText(getLabel('ra_Writing_Response', 'Writing response...'), getLabel('ra_Writing_Response_Description', '(Pulling it all together...don\\'t refresh!)'), 4);\r\n } else {\r\n callDynamicText(getLabel('ra_DoubleCheckingResponse', 'Double checking response...'), getLabel('ra_DoubleCheckingResponse_Description', '(Giving it a quick review...thanks for waiting!)'), 5);\r\n }\r\n count++;\r\n }, window.DART.ENV.RA_LOADER_ANIMATION_TIME_DIFFERENCE)\r\n setIntervalLimit(loaderInterval)\r\n }\r\n }, [isResearchAssistantLoading]);\r\n\r\n const feedBackButtonClick = (feedBackType) => {\r\n window.open(window.DART.ENV.RA_FEEDBACK_URL, \"_blank\");\r\n //This feature no longer need for current release\r\n // setIsFeedBackModalOpen(true);\r\n // setFeedBackType(feedBackType);\r\n }\r\n const handlePopup = (popupIndex) => {\r\n dispatch({\r\n type: ACTIONS.RA_INFO_INDEX,\r\n payload: popupIndex,\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {getLabel('ra_title', 'Research Assistant')}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {getLabel('ra_Introduction', RESEARCH_ASSISTANT.raIntroduction)}
\r\n\r\n {!showTermsAndCondition &&\r\n
\r\n \r\n \r\n
\r\n }\r\n {showTermsAndCondition && <>\r\n \r\n \r\n {getLabel('ra_TermsOfUse', RESEARCH_ASSISTANT.termsofuse)} \r\n
\r\n }\r\n \r\n \r\n \r\n {currentIndex === raState.selectedInfoIndex &&
\r\n )\r\n}\r\n\r\nexport default ChatbotResearchAssistant","import React, { useState } from 'react'\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport { RESEARCH_ASSISTANT } from '../Constants/Constants';\r\nimport HTMLContent from '../Common/HTMLContent';\r\n\r\nconst TosDeclaration = ({ handleIAgreeClick, isConvoPage, userCountry }) => {\r\n const { getLabel } = usePageContextLabels();\r\n const [expandMore, setExpandMore] = useState(isConvoPage ? false : true);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {expandMore ?\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {errorMessage}
\r\n\r\n
\r\n {getLabel('ra_unable_to_retrive', 'Unable to retrieve answer. Please try again later.')}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
);\r\n}\r\n\r\nexport default TosDeclaration","import React, { useState, useEffect } from 'react';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\nimport { useParams } from 'react-router-dom';\r\nimport { get } from 'lodash';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport ChatBotCatalogSearchResultItem from '../../components/ChatBot/ChatBotCatalogSearchResultItem';\r\nimport cx from 'classnames';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { ErrorTypes } from '../Constants/Errors';\r\nimport { SCS_KEYS, getFallback } from '../Constants/SCSConstants';\r\nimport { appInsightUIMapping } from '../../helpers/log';\r\nimport ChatbotResearchAssistant from './ChatbotResearchAssistant';\r\nimport useDCSService from '../../services/useDCSService';\r\nimport { RESEARCH_ASSISTANT_FILTERS, RESEARCH_ASSISTANT} from '../Constants/Constants';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport { ACTIONS, useResearchAssistantContext } from '../../contexts/ResearchAssistantContext';\r\nimport TosDeclaration from './TosDeclaration';\r\n\r\nfunction ChatbotModal({ isResultLoading,\r\n searchOrder, filteredSearchResults,\r\n isSearchActive, counterSectionsResult,\r\n showResults, catalogs, showResaechAssistantModal, setshowResaechAssistantModal, isResearchAssistantEnabled, className, parentOnTrigger, searchResearchAssistant, setSearchResearchAssistant, expandMore, setExpandMore,\r\n searchTrigger, setSearchTrigger\r\n }) {\r\n const params = useParams();\r\n const { knowledgeDomain, memberFirm, language } = params;\r\n const { searchPhrase, setSearchPhrase, setNotification, tier ,getMemberFirmID, context, userCountry } = usePageContext();\r\n const { getLabel, getMFLabel } = usePageContextLabels();\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n const [researchAssistantResponse, setResearchAssistantResponse] = useState();\r\n const [searchContent, setSearchContent] = useState('')\r\n const { retrieveChatBotSearchResult } = useDCSService();\r\n const [isResearchAssistantLoading, setIsResearchAssistantLoading] = useState(false);\r\n const { dispatch, state: raState, tosAgreed, setTosAgreed } = useResearchAssistantContext();\r\n const [raApiFailure, setRaApiFailure ] = useState(null);\r\n\r\n useEffect(() => {\r\n setSearchContent(searchPhrase)\r\n }, [searchPhrase])\r\n\r\n function getCatalogTitleByKey(key) {\r\n let catalogTitle = \"\";\r\n let viewAllLink = \"\";\r\n let friendlyUrl = \"\";\r\n\r\n const isFolio = key === \"folio\";\r\n\r\n catalogs.forEach((catalog) => {\r\n const isMatchingCatalog = isFolio ? catalog.collectionType === 'folio' : catalog?.publicationType === key;\r\n\r\n if (isMatchingCatalog) {\r\n catalogTitle = getMFLabel(get(catalog, 'title'), []);\r\n friendlyUrl = get(catalog, 'collectionType', '');\r\n viewAllLink = ((friendlyUrl.indexOf(\"dashboard\") > -1) ? friendlyUrl : [knowledgeDomain, \"collection\", friendlyUrl].join(\"/\")) + '?' + SearchHelpers.toQueryString(SearchHelpers.parse(searchPhrase));\r\n }\r\n })\r\n\r\n\r\n return { 'catalogTitle': catalogTitle, 'viewAllLink': viewAllLink, 'friendlyUrl': friendlyUrl };\r\n }\r\n\r\n const handleAskFollowUpButton = () => {\r\n UTILITIESHELPER.setRATakeOverData(context, tier, JSON.stringify(researchAssistantResponse), getMemberFirmID());\r\n window.open(RESEARCH_ASSISTANT.RA_CONVO_URL, \"_blank\");\r\n }\r\n\r\n const getIconSrc = (friendlyUrl) => {\r\n if (!UTILITIESHELPER.isStringNullorEmpty(friendlyUrl)) {\r\n if (friendlyUrl === \"folio\")\r\n return '/images/folio-tile.svg';\r\n else if (friendlyUrl === \"manual\")\r\n return '/images/manual-tile.svg';\r\n else if (friendlyUrl === \"standards\")\r\n return '/images/standard-tile.svg';\r\n else if (friendlyUrl === \"deloitte-communications\")\r\n return '/images/deloitte-tile.svg';\r\n else if (friendlyUrl === \"professional-news\")\r\n return '/images/external-tile.svg';\r\n else\r\n return '/images/undefined-doc.svg';\r\n }\r\n else {\r\n return '/images/undefined-doc.svg';\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const controller = new AbortController();\r\n const signal = controller.signal\r\n const fetchChatBotResponse = async () => {\r\n if(!showResaechAssistantModal) return\r\n try {\r\n setIsResearchAssistantLoading(true);\r\n //This Payload will get updated in next upcoming sprint\r\n var payload = {\r\n consentToRetainData: true,\r\n userLibrariesSelected: [`${getMemberFirmID()}`],\r\n userFilterSelected: [\r\n {\r\n filterField: RESEARCH_ASSISTANT_FILTERS.Frameworks,\r\n filterID: tier[memberFirm] && tier[memberFirm][knowledgeDomain] && tier[memberFirm][knowledgeDomain].length ? tier[memberFirm][knowledgeDomain].map(x => x.id) : []\r\n },\r\n {\r\n filterField: RESEARCH_ASSISTANT_FILTERS.KnowledgeDomain,\r\n filterID: [`${CONTEXTHELPERS.getknowledgeDomainId(knowledgeDomain)}`]\r\n }\r\n ],\r\n currentMessage: searchPhrase,\r\n previousMessages: []\r\n }\r\n \r\n let chatbotres = await retrieveChatBotSearchResult(payload, signal);\r\n if(chatbotres){\r\n if(chatbotres instanceof Error){\r\n setRaApiFailure(chatbotres.message);\r\n setResearchAssistantResponse({});\r\n }\r\n else{\r\n chatbotres.tier = tier[memberFirm] && tier[memberFirm][knowledgeDomain] && tier[memberFirm][knowledgeDomain].length ? tier[memberFirm][knowledgeDomain].sort((a, b) => a.id - b.id).map(x => x.value) : [];\r\n chatbotres.memberFirm = memberFirm\r\n chatbotres.knowledgeDomain=knowledgeDomain\r\n setResearchAssistantResponse(chatbotres)\r\n setRaApiFailure(null);\r\n }\r\n }\r\n setIsResearchAssistantLoading(false);\r\n }\r\n catch (err) {\r\n if(!signal.aborted) {\r\n setResearchAssistantResponse({});\r\n setIsResearchAssistantLoading(false);\r\n setRaApiFailure(null);\r\n }\r\n }\r\n }\r\n\r\n if (getMemberFirmID() && isResearchAssistantEnabled) {\r\n fetchChatBotResponse();\r\n }\r\n return () => {\r\n controller.abort()\r\n }\r\n\r\n }, [searchResearchAssistant, searchTrigger])//eslint-disable-line\r\n\r\n const handleIAgreeClick = async () => {\r\n UTILITIESHELPER.setLocalStorage(\"ra_tou_agreed_status\", true);\r\n UTILITIESHELPER.setLocalStorage(\"ra_tou_agreed_version\", String(window.DART.ENV.RA_TOSDESC_VERSION));\r\n setTosAgreed(true);\r\n };\r\n\r\n function closeModal() {\r\n setExpandMore(true);\r\n setIsResearchAssistantLoading(false);\r\n setshowResaechAssistantModal(false);\r\n document.body.style.overflow = 'auto';\r\n if(raState.selectedInfoIndex > -1) {\r\n dispatch({\r\n type: ACTIONS.RA_INFO_INDEX,\r\n payload: null\r\n })\r\n }\r\n }\r\n const handleSubmit = event => {\r\n event.preventDefault();\r\n setExpandMore(true);\r\n const _searchPhrase = searchContent.trim();\r\n if (UTILITIESHELPER.isStringNullorEmpty(_searchPhrase) || _searchPhrase.length < 2) {\r\n alert(getLabel(\"s_SearchPhraseTooShort\", \"Phrase too short (for now)\"));\r\n return;\r\n }\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(_searchPhrase)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'CollectionSearchbar' });\r\n return;\r\n }\r\n if(raState.selectedInfoIndex > -1) {\r\n dispatch({\r\n type: ACTIONS.RA_INFO_INDEX,\r\n payload: null\r\n })\r\n }\r\n };\r\n\r\n const handleChange = event => {\r\n setSearchContent(event.target.value)\r\n };\r\n\r\n const handleKeyDown = (event) => {\r\n if (event.key === 'Enter') {\r\n setExpandMore(true);\r\n setSearchPhrase(searchContent)\r\n parentOnTrigger(searchContent);\r\n setSearchTrigger((prev) => prev + 1) \r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {expandMore ?\r\n <>\r\n \r\n
\r\n \r\n
\r\n\r\n {getLabel('ra_Introduction', RESEARCH_ASSISTANT.raIntroduction)}
\r\n \r\n\r\n \r\n
\r\n \r\n : <>\r\n \r\n \r\n
\r\n\r\n {getLabel('ra_Introduction', RESEARCH_ASSISTANT.raIntroduction)}
\r\n\r\n
\r\n {getLabel('ra_TocTitle', 'Generative AI Research Assistant – Acceptable Use Guidelines')}
\r\n\r\n {getLabel('ra_TermsOfUse', RESEARCH_ASSISTANT.termsofuse)} \r\n
\r\n \r\n \r\n
\r\n\r\n }\r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ChatbotModal\r\n","import React from 'react'\r\nimport ShowIf from '../Common/ShowIf';\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\nimport { ErrorCodes,ErrorMessages } from '../Constants/Errors';\r\nimport { page,logs } from '../../helpers/log';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport { RESEARCH_ASSISTANT_ERROR_TYPES } from '../Constants/Constants';\r\n\r\nexport default function ResearchAssistantErrorMessage(props) {\r\n const { getLabel } = usePageContextLabels()\r\n\r\n const errorMapping = (errorType) => {\r\n switch (errorType) {\r\n case RESEARCH_ASSISTANT_ERROR_TYPES.NO_CONTENT:\r\n return {\r\n label: 'err_ContentErrorMessage',\r\n fallback:\r\n 'Oh no, something has gone wrong! Please try again later. If the problem persists, please contact support. Code – ',\r\n errorCode: ErrorCodes.Publication,\r\n }\r\n default:\r\n return {\r\n label: '',\r\n fallback: '',\r\n errorCode: '',\r\n }\r\n }\r\n }\r\n\r\n const {label, fallback, errorCode} = errorMapping(props.errorType);\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n 0}>\r\n \r\n \r\n \r\n
\r\n \r\n 0}>\r\n \r\n \r\n
\r\n \r\n {\r\n searchOrder.map((key, idx) => {//eslint-disable-line\r\n const obj = getCatalogTitleByKey(key);\r\n if (obj.catalogTitle !== \"\") {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n })\r\n }\r\n \r\n
\r\n {\r\n \r\n })
\r\n
\r\n {obj.catalogTitle.toUpperCase()}
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {getLabel(\"s_SearchReturnedNoResults\", \"Your search returned no results\")}\r\n
\r\n \r\n {\r\n searchOrder.map((key, idx) => { //eslint-disable-line\r\n if (filteredSearchResults[key]) {\r\n const obj = getCatalogTitleByKey(key);\r\n if (obj.catalogTitle !== \"\") {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n }\r\n }\r\n })\r\n }\r\n \r\n
\r\n\r\n {filteredSearchResults[key]?.map((result, index) => { //eslint-disable-line\r\n if (index < get(window, 'DART.ENV.REACT_APP_CATALOG_SEARCH_LIMIT', 3)) {\r\n result[\"url\"] = LINKHELPERS.resolveSearchLink(result, memberFirm, language, knowledgeDomain, obj.friendlyUrl, searchPhrase, catalogs, true);\r\n return (\r\n \r\n \r\n
\r\n {obj.catalogTitle.toUpperCase()}
\r\n \r\n \r\n
\r\n \r\n {getLabel(\"s_SearchReturnedNoResults\", \"Your search returned no results\")}\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { get } from 'lodash'\r\nimport { useParams } from 'react-router-dom'\r\nimport { logs, page } from '../../helpers/log'\r\nimport RETRIEVALSERVICES from '../../services/rp-service'\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper'\r\nimport {\r\n usePageContext,\r\n usePageContextLabels,\r\n usePageContextSettings,\r\n} from '../../contexts/PageContext'\r\nimport { useLoadingContext } from '../../contexts/LoadingContext'\r\nimport { useThemeContext } from '../../contexts/ThemeContext'\r\nimport ShowIf from '../Common/ShowIf'\r\nimport WormholeNotification from '../Notification/WormholeNotification'\r\nimport CollectionSearchbar from './CollectionSearchbar'\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext'\r\nimport SearchHelpers from '../../helpers/SearchHelpers'\r\nimport RecentViewedService from '../../helpers/RecentlyViewedServices'\r\nimport { useLocation } from 'react-router-dom'\r\nimport RecentlyViewedHelper from '../../helpers/RecentlyViewedHelper'\r\nimport { ErrorCodes, ErrorMessages } from '../Constants/Errors'\r\nimport CatalogCards from './CatalogCards'\r\nimport useCatalogSearchQuery from '../../hooks/useCatalogSearchQuery'\r\nimport ChatbotModal from '../ChatBot/ChatbotModal';\r\nimport cx from \"classnames\";\r\nimport ResearchAssistantErrorMessage from '../Common/ResearchAssistantErrorMessage'\r\nimport { useResearchAssistantContext, ACTIONS } from '../../contexts/ResearchAssistantContext'\r\nimport { ACTION, useFolioPickerContext } from '../../contexts/FolioPickerContext';\r\n\r\nconst Catalog = () => {\r\n const params = useParams()\r\n const { knowledgeDomain, memberFirm, language } = params\r\n const [data, setData] = useState({})\r\n const [catalogs, setCatalogs] = useState([])\r\n const { isLoading, setIsLoading } = useLoadingContext()\r\n const [isResultLoading, setIsResultLoading] = useState(false)\r\n const { state, folioDispatch } = useFolioPickerContext();\r\n const {\r\n setPageTitle,\r\n currentTier, currentIndustry,\r\n tierVal,\r\n industryVal,\r\n searchPhrase,\r\n setSearchPhrase,\r\n contextMemberFirm,\r\n getMemberFirmID,\r\n setIsResearchAssistantEnabled,\r\n isResearchAssistantEnabled,\r\n countryKDSettings,\r\n context\r\n } = usePageContext()\r\n const {\r\n isDashboardEnabled,\r\n isRecentlyViewedEnabled,\r\n } = usePageContextSettings()\r\n const { getLabel,getMFLabel } = usePageContextLabels()\r\n const { isDarkMode } = useThemeContext()\r\n const [isFixed] = useState(false)\r\n const [isSearchActive, setIsSearchActive] = useState(false)\r\n const [isSearchSubmit, setSearchSubmit] = useState(false)\r\n const searchProps = {\r\n eventType: 'search',\r\n searchLocation: window.location.href,\r\n jobTitle: UTILITIESHELPER.getSessionStorage('Level'),\r\n memberFirm: UTILITIESHELPER.getSessionStorage(\r\n 'research-portal-member-firm'\r\n ),\r\n }\r\n const location = useLocation()\r\n const {\r\n filteredSearchResults,\r\n setFilteredSearchResults,\r\n } = useSearchResultContext()\r\n const [showNoResults, setShowNoResults] = useState(false);\r\n const [showResults, setShowResults] = useState(false);\r\n const [searchOrder, setSearchOrder] = useState([\r\n '60194861', //folios\r\n '60194866', //manuals\r\n '60194865', //standards\r\n '60194864', //Deloitte-communications\r\n '65511719', //Announcements\r\n ])\r\n const [counterSectionsResult, setCounterSectionsResult] = useState(0)\r\n const [catalogSearchPhrase, setCatalogSearchPhrase] = useState('')\r\n const wormholeStyling = { marginRight: '35px', marginTop: '7px' }\r\n const [showResaechAssistantModal, setshowResaechAssistantModal] = useState(false);\r\n const [searchResearchAssistant, setSearchResearchAssistant] = useState(false);\r\n const [isSearchPhraseExist, setIsSearchPhraseExist] = useState(false);\r\n const isResearchAssistantEnabledForKD = UTILITIESHELPER.isResearchAssistantEnabledForKD(countryKDSettings, context.memberFirm, context.knowledgeDomain);\r\n const isResearchAssistantActiveForUser = isResearchAssistantEnabled && isResearchAssistantEnabledForKD ? true : false;\r\n const { dispatch, state: raState } = useResearchAssistantContext();\r\n const [expandMore, setExpandMore] = useState(true);\r\n const [ searchTrigger, setSearchTrigger ] = useState(0)\r\n\r\n useEffect(() => {\r\n setIsSearchActive(false);\r\n const searchValueRA = localStorage.getItem('research-assistant-searchphrase');\r\n if(searchValueRA){\r\n setIsSearchPhraseExist(true);\r\n setSearchPhrase(searchValueRA);\r\n localStorage.removeItem('research-assistant-searchphrase');\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n const fetchCatalogData = async () => {\r\n try {\r\n setPageTitle('')\r\n setIsLoading(true)\r\n setshowResaechAssistantModal(false);\r\n document.body.style.overflow = 'auto';\r\n const res = await RETRIEVALSERVICES.retrieveCatalog()\r\n logs.debug(page.Catalog, 'retrieveCatalog', 'retrieveCatalog:res', res)\r\n \r\n const taxonomyData= res.CatalogCollection[0].taxonomylist;\r\n \r\n\r\n const payload = {\r\n folioLists: taxonomyData,\r\n memberFirm:context.memberFirm\r\n }\r\n \r\n folioDispatch({\r\n type: ACTION.FOLIOPICKER_LOAD_TAXONOMY,\r\n payload: payload,\r\n\r\n\r\n })\r\n\r\n setData(res)\r\n setPageTitle(get(res, 'pageTitle'))\r\n } catch (err) {\r\n logs.error(\r\n page.Catalog,\r\n 'fetchRecentHistory',\r\n ErrorMessages.recentHistoryData,\r\n err,\r\n { eventId: ErrorCodes.Catalog }\r\n )\r\n }\r\n }\r\n\r\n fetchCatalogData()\r\n const mf = UTILITIESHELPER.getSessionStorage('MemberFirm')\r\n logs.trackPageView({\r\n name: 'Catalog - ' + knowledgeDomain + ' ' + mf,\r\n properties: {\r\n memberFirm: mf,\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level'),\r\n },\r\n })\r\n\r\n return () => setPageTitle('')\r\n }, [memberFirm, language, knowledgeDomain, currentIndustry, currentTier, tierVal, industryVal]) //eslint-disable-line\r\n\r\n const shouldShowCard = (collection) => {\r\n const friendlyUrl = get(collection, 'collectionType', '')\r\n const viewAllLink =\r\n friendlyUrl.indexOf('dashboard') > -1\r\n ? [friendlyUrl].join('/')\r\n : ['collection', friendlyUrl].join('/')\r\n\r\n let show = true\r\n // If the collection is a dashboard and the dashboard is disabled, hide the card\r\n if (viewAllLink.indexOf('dashboard') > -1 && !isDashboardEnabled()) {\r\n show = false\r\n }\r\n\r\n // If the collection is a recently viewed and the recently viewed is disabled, hide the card\r\n if (\r\n collection.collectionType.indexOf('history') > -1 &&\r\n !isRecentlyViewedEnabled()\r\n ) {\r\n show = false\r\n }\r\n\r\n // By default show the card, add exceptions above if needed\r\n return show\r\n }\r\n\r\n useEffect(() => {\r\n const fetchCatalogHistoryData = async (_data) => {\r\n const resultLimit = _data?.CatalogCollection?.find(\r\n (q) => q.collectionType === 'dashboard/history'\r\n )?.resultLimit\r\n const recentHistoryList = JSON.parse(UTILITIESHELPER.getLocalStorage('recent-view-history'))\r\n const resCatalogHistory = recentHistoryList?.[context.memberFirm]?.[context.knowledgeDomain]?.slice(0,3) || []\r\n logs.debug(\r\n page.Catalog,\r\n 'fetchCatalogHistory',\r\n 'fetchCatalogHistory:resCatalogHistory',\r\n resCatalogHistory\r\n )\r\n const recentHistory = RecentlyViewedHelper.generateRecentHistoryLinks(\r\n resCatalogHistory\r\n )\r\n const dataWithHistory = RecentlyViewedHelper.setRecentHistoryLinks(\r\n data,\r\n recentHistory\r\n )\r\n let catalogCollections = get(dataWithHistory, 'CatalogCollection', [])\r\n const filteredCatalogs = catalogCollections.filter((catalog) =>\r\n shouldShowCard(catalog)\r\n )\r\n\r\n setCatalogs(filteredCatalogs)\r\n setIsLoading(false)\r\n if(isSearchPhraseExist){\r\n handleSearchTrigger(searchPhrase);\r\n }\r\n }\r\n\r\n const memberFirmID = getMemberFirmID()\r\n\r\n if (!UTILITIESHELPER.isNullOrUndefined(memberFirmID)) {\r\n let catalogCollections = get(data, 'CatalogCollection', [])\r\n if (catalogCollections.length > 0) {\r\n //If recently viewed is enabled, we need to load the history into this object before we load the catalog boxes\r\n if (isRecentlyViewedEnabled()) {\r\n fetchCatalogHistoryData(data)\r\n } else {\r\n const filteredCatalogs = catalogCollections.filter((catalog) =>\r\n shouldShowCard(catalog)\r\n )\r\n\r\n setCatalogs(filteredCatalogs)\r\n setIsLoading(false)\r\n }\r\n }\r\n }\r\n }, [contextMemberFirm, data]) //eslint-disable-line\r\n\r\n const handleSearchTrigger = (typedSearchPhrase) => {\r\n if (\r\n searchPhrase !== '' &&\r\n typedSearchPhrase !== '' &&\r\n String(typedSearchPhrase)?.length > 1\r\n ) {\r\n setSearchResearchAssistant(!searchResearchAssistant);\r\n setshowResaechAssistantModal(true);\r\n document.body.style.overflow = 'hidden';\r\n setExpandMore(true);\r\n setSearchSubmit(true)\r\n if (\r\n String(typedSearchPhrase.toUpperCase()) ===\r\n catalogSearchPhrase.toUpperCase() &&\r\n catalogSearchQueryresults\r\n ) {\r\n setFilteredSearchResults(catalogSearchQueryresults)\r\n setShowNoResults(\r\n Object.values(catalogSearchQueryresults).every(\r\n (arr) => Array.isArray(arr) && arr.length === 0\r\n )\r\n ? true\r\n : false\r\n )\r\n } else {\r\n setShowNoResults(false)\r\n setIsResultLoading(true)\r\n setCatalogSearchPhrase(typedSearchPhrase)\r\n }\r\n } else {\r\n setSearchSubmit(false)\r\n setIsResultLoading(false)\r\n setFilteredSearchResults([])\r\n setShowNoResults(false)\r\n }\r\n}\r\n\r\n const { data: catalogSearchQueryresults } = useCatalogSearchQuery(\r\n catalogSearchPhrase,\r\n isSearchSubmit\r\n )\r\n useEffect(() => {\r\n if (catalogSearchQueryresults && isSearchSubmit === true) {\r\n if (String(catalogSearchPhrase)?.length > 1 && catalogSearchPhrase) {\r\n searchProps.searchText = catalogSearchPhrase\r\n logs.event('search', searchProps)\r\n\r\n Object.keys(catalogSearchQueryresults).forEach((key) => {\r\n if (!searchOrder.some((item) => item === key)) {\r\n if (key === 'folio') {\r\n setSearchOrder([key, ...searchOrder])\r\n } else {\r\n setSearchOrder([...searchOrder, key])\r\n }\r\n }\r\n })\r\n\r\n determineCounterSectionsResult(catalogSearchQueryresults)\r\n\r\n if (Object.keys(catalogSearchQueryresults)?.length > 0) {\r\n setIsResultLoading(false)\r\n setFilteredSearchResults(catalogSearchQueryresults)\r\n setShowNoResults(\r\n Object.values(catalogSearchQueryresults).every(\r\n (arr) => Array.isArray(arr) && arr.length === 0\r\n )\r\n ? true\r\n : false\r\n )\r\n setSearchPhrase(catalogSearchPhrase)\r\n setIsSearchActive(true)\r\n return\r\n } else {\r\n setIsResultLoading(false)\r\n setFilteredSearchResults([])\r\n setShowNoResults(true)\r\n return\r\n }\r\n }\r\n }\r\n }, [catalogSearchQueryresults]) //eslint-disable-line\r\n\r\n function determineCounterSectionsResult(results) {\r\n let _counterSectionsResult = 0\r\n Object.keys(results).map((key) => {\r\n //eslint-disable-line\r\n const sectionResultCount = results[key]?.length ?? 0\r\n _counterSectionsResult = _counterSectionsResult + sectionResultCount\r\n })\r\n\r\n setCounterSectionsResult(_counterSectionsResult)\r\n }\r\n\r\n const closeErrorNotification=()=>{\r\n let errorPayload = {\r\n hasError:false\r\n }\r\n\r\n dispatch({\r\n type: ACTIONS.RA_HIDE_ERROR,\r\n payload: errorPayload,\r\n })\r\n}\r\n\r\n return (\r\n <>\r\n \r\n {getLabel(\r\n label,\r\n fallback\r\n )}{' '}\r\n {errorCode}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![\"SearchText\"]()
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {getLabel('ra_SearchOrAsk', 'Search or Ask')}\r\n
\r\n\r\n Search\r\n
\r\n\r\n {getLabel('ra_FindInformationFomGenai', 'Find information from Research Portal using the AI Research Assistant')}\r\n
\r\n \r\n {getLabel('ra_LocateInformationFromRP','Locate information from Research Portal')}\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n )\r\n}\r\n\r\nexport default CollectionItemExpandable;\r\n","import React, { useState,useEffect} from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport cx from 'classnames';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\n\r\nconst CollectionTocSearchBadge = ({ tocItem, pageControllerType, searchResultCount }) => {\r\n const { setActiveFilters, allButtonsOn, setAllButtonsOn, setAllButtonText, isTriggerAllOnOff } = useSearchResultContext();\r\n const [isActive, setIsActive] = useState(true);\r\n\r\n let query = new URLSearchParams(useLocation().search);\r\n const isSearchActive = !!query?.get('searchPhrase');\r\n\r\n useEffect(() => { \r\n var tempActiveFilter = (\"folio\".indexOf(pageControllerType) > -1) ? tocItem.id : (\"deloitte-communications|professional-news\".indexOf(pageControllerType) > -1) ? tocItem.linkExternal : tocItem.PublicationGUID;\r\n\t\tif(allButtonsOn){\r\n\t\t\tsetIsActive(false);\r\n setActiveFilters(prevFilters => [...prevFilters, tempActiveFilter])\r\n setAllButtonText(true);\r\n\t\t}else{\r\n\t\t\tsetIsActive(true);\r\n setActiveFilters(prevFilters => prevFilters.filter(x => x !== tempActiveFilter))\r\n setAllButtonText(false);\r\n\t\t}\r\n\r\n\t}, [allButtonsOn, isTriggerAllOnOff]) //eslint-disable-line\r\n\r\n useEffect(() => {\r\n return () => {\r\n setAllButtonsOn(false);\r\n }\r\n }, []) //eslint-disable-line\r\n\r\n\r\n function toggleHandler() {\r\n var tempActiveFilter = (\"folio\".indexOf(pageControllerType) > -1) ? tocItem.id : (\"deloitte-communications|professional-news\".indexOf(pageControllerType) > -1) ? tocItem.linkExternal : tocItem.PublicationGUID;\r\n\r\n if (isActive) {\r\n setIsActive(false);\r\n setActiveFilters(prevFilters => [...prevFilters, tempActiveFilter])\r\n \r\n }\r\n else {\r\n if (searchResultCount > 0) {\r\n setIsActive(true);\r\n setActiveFilters(prevFilters => prevFilters.filter(x => x !== tempActiveFilter))\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n setIsExpanded(prevVal => !prevVal)}\r\n className=\"arrow-right\"\r\n data-testid=\"arrow-right\"\r\n />\r\n })
\r\n \r\n {title}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n ); \r\n }, [pubType]);\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\nexport default CollectionTOC;","import React from 'react';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport ReactHtmlParser from 'react-html-parser';\r\n\r\nconst CollectionSearchResultItem = (props) => {\r\n const { viewAllResultsUrl, document, url } = props;\r\n\r\n function getDocumentTitle() {\r\n\t\t// fallback to Publication Nav Title just incase if NavTitle is null\r\n let documenttitle=\"\";\r\n if(url.includes(\"/folio\") || url.includes(\"/manual\") || url.includes(\"/standards\") || url.includes(\"/guidance\")){\r\n documenttitle = UTILITIESHELPER.isStringNullorEmpty(document.navTitle) ? \r\n\t\t\t(UTILITIESHELPER.isStringNullorEmpty(document.publicationNavTitle) ? ReactHtmlParser(document.publicationTitle) : ReactHtmlParser(document.publicationNavTitle))\r\n\t\t\t: ReactHtmlParser(document.navTitle);\r\n }\r\n else{\r\n documenttitle = UTILITIESHELPER.isStringNullorEmpty(document.publicationNavTitle) ? \r\n (UTILITIESHELPER.isStringNullorEmpty(document.publicationTitle) ? '' : ReactHtmlParser(document.publicationTitle))\r\n : ReactHtmlParser(document.publicationNavTitle);\r\n } \r\n\t\treturn documenttitle;\r\n\t} \r\n\r\n return (\r\n \r\n
\r\n \r\n {GetIconByPubType()} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CollectionSearchResultItem;\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { usePageContextLabels, usePageContext } from \"../../contexts/PageContext\";\r\nimport RETRIEVALSERVICES from \"../../services/rp-service\";\r\nimport cx from \"classnames\";\r\nimport { get } from \"lodash\";\r\nimport EmbeddedArticle from \"../Publication/EmbeddedArticle\";\r\nimport RenderAllContainer from \"../Article/RenderAllContainer\";\r\nimport LINKHELPERS from \"../../helpers/LinkHelpers\";\r\nimport RedirectModal from \"../Article/RedirectModal\";\r\nimport { logs, page } from '../../helpers/log';\r\n\r\n\r\nexport const getIsArticlePdf = (_pubData) => {\r\n return (\r\n get(_pubData, \"content[0].content.format\")?.toLowerCase() === \".pdf\" ||\r\n get(_pubData, \"content[0].subItems[0].content.format\")?.toLowerCase() ===\r\n \".pdf\"\r\n );\r\n};\r\n\r\nfunction SearchTemplateModal({ closeModal, pageUrl, isScrollDisabled = false, searchParam }) {\r\n const [shouldShowDarkOverlay] = useState(true);\r\n const [memberFirm, language, knowledgeDomain, pageFileName] = pageUrl.substring(1).split(\"/\");\r\n const { getLabel } = usePageContextLabels();\r\n const [embeddedPubData, setEmbeddedPubData] = useState({});\r\n const [publicationData, setPublicationData] = useState(null);\r\n const [isWideMode] = useState(false);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [isRedirectModalVisible, setIsRedirectModalVisible] = useState(false);\r\n const [redirectURL, setRedirectURL] = useState('');\r\n const [shouldShowOverlayRedirect, setShouldShowOverlayRedirect] = useState(false);\r\n const [messageRedirectTL, setMessageRedirectTL] = useState('');\r\n const navigate = useNavigate();\r\n const isArticlePdf = getIsArticlePdf(publicationData);\r\n const isEmbeddedMode = false;\r\n const { memberFirms } = usePageContext();\r\n const renderEmbeddedOrNormal = () => {\r\n if (isLoading) {\r\n return (\r\n \r\n {(url.includes(\"/folio\")) ? (\r\n {getDocumentTitle()}\r\n ) : (\r\n {getDocumentTitle()}\r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n else if (isEmbeddedMode) {\r\n return \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {shouldShowDarkOverlay && (\r\n \r\n )}\r\n {\r\n
\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default SearchTemplateModal;\r\n","import React, { useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useLocation } from 'react-router-dom';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport {getIconSrc} from '../../components/Article/File';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport SearchTemplateModal from './SearchTemplateModal';\r\nimport ARTICLEHELPERS from '../../helpers/ArticleHelpers';\r\n\r\n\r\nconst CollectionSearchResult = (props) => {\r\n\r\n\tconst [showModal, setShowModal] = useState(false);\r\n\tconst { document, highlights, url } = props;\r\n\tconst isFormatBinary = document.format !== \"\";\r\n\tconst { getLabel } = usePageContextLabels();\r\n\tconst { pageControllerType, knowledgeDomain, setIsNavigatedFromCollectionSearch } = usePageContext();\r\n\tconst { getMFLabel } = usePageContextLabels();\r\n\tlet documentformatarray = document.format.split(',');\r\n\tvar urlArray = url.split('/');\r\n\tlet searchParam = new URLSearchParams(useLocation().search);\r\n\r\n\tfunction getDocumentTitle() {\r\n\t\t// fallback to publicationTitle last, then document.publicationNavTitle but document.navTitle is priority\r\n\t\tlet documenttitle = UTILITIESHELPER.isStringNullorEmpty(document.navTitle) ?\r\n\t\t\t(UTILITIESHELPER.isStringNullorEmpty(document.publicationNavTitle) ? ReactHtmlParser(document.publicationTitle) : ReactHtmlParser(document.publicationNavTitle))\r\n\t\t\t: ReactHtmlParser(document.navTitle);\r\n\r\n\t\treturn documenttitle;\r\n\t}\r\n\r\n\tfunction GenerateCrumbFromURL() {\r\n\t\tif (pageControllerType === 'folio') {\r\n\t\t\treturn GenerateCrumbForFolios();\r\n\t\t}\r\n\r\n\t\tlet processedCrumb = [];\r\n\t\tvar MfKd = getLabel(`mf_${knowledgeDomain}Catalog`, \"Catalog...\");\r\n\t\tprocessedCrumb.push(MfKd);\r\n\t\turlArray.forEach((urlItem, index) => {\r\n\t\t\tif (index > 4 && !urlItem?.toLowerCase()?.includes('guid')) {\r\n\t\t\t\tprocessedCrumb.push(urlItem);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn processedCrumb;\r\n\t}\r\n\r\n\tfunction GenerateCrumbForFolios() {\r\n\t\tconst generateLabel = (text, isDynamicFolio) => {\r\n\t\t\tif (text === undefined) {\r\n\t\t\t\treturn \"\";\r\n\t\t\t}\r\n\r\n\t\t\tif (text.startsWith(\"lbl_\")) {\r\n\t\t\t\treturn getMFLabel(text, \"CrumbTrail::generateLabel:text\");\r\n\t\t\t}\r\n\r\n\t\t\tif (isDynamicFolio) {\r\n\t\t\t\ttext = CONTEXTHELPERS.generateFolioTitleFromFilename(text, false);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\ttext = text\r\n\t\t\t\t\t.replace(\".cshtml\", \"\")\r\n\t\t\t\t\t.replaceAll(\"_\", \" \")\r\n\t\t\t\t\t.replace(\" - - \", \" - \");\r\n\t\t\t}\r\n\r\n\t\t\treturn text;\r\n\t\t};\r\n\r\n\t\tvar crumnArray = [];\r\n\t\tvar MfKd = getLabel(`mf_${knowledgeDomain}Catalog`, \"Catalog...\");\r\n\t\tcrumnArray.push(MfKd);\r\n\r\n\t\turlArray.forEach((urlItem, index) => {\r\n\t\t\tif (index > 4 && !urlItem?.toLowerCase()?.includes('searchphrase') && !urlItem?.toLowerCase()?.includes('guid-')) {\r\n\r\n\t\t\t\tif (index === 5) {\r\n\t\t\t\t\tvar a = generateLabel(urlItem, true);\r\n\t\t\t\t\tcrumnArray.push(a);\r\n\t\t\t\t}\r\n\t\t\t\telse if (index !== 6) {\r\n\t\t\t\t\tcrumnArray.push(urlItem);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn crumnArray;\r\n\t}\r\n\r\n\tfunction setNavigateFromCollectionSearch() {\r\n\t\tsetIsNavigatedFromCollectionSearch(true);\r\n\t}\r\n\r\n\tconst closeModal = () => {\r\n\t\tsetShowModal(false);\r\n\t}\r\n\tfunction GenerateSearchResultIteam()\r\n\t{\r\n\t\tvar crumtrailDecoded=[];\r\n\t\tGenerateCrumbFromURL().forEach((item, index) => {\r\n\t\t\tif (!UTILITIESHELPER.isObjectNullorEmpty(item)) {\r\n\t\t\t\tconst decoded = decodeURIComponent(item);\r\n\t\t\t\tcrumtrailDecoded.push (\r\n\t\t\t\t\t\r\n
\r\n \r\n
\r\n \r\n {getLabel(\"b_BinaryDownload\", \"Download\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {renderEmbeddedOrNormal()}\r\n
\r\n \r\n\t\t\t\t\t\t{ReactHtmlParser(decoded)}\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t})\r\n\t\treturn crumtrailDecoded;\r\n\t}\r\n\tconst resultTitle= { marginLeft: isFormatBinary ? \"-6px\" : \"0px\" }\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{documentformatarray.map((element, index) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t{showModal && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t{pageControllerType === \"folio\" &&\r\n\t\t\t\t\tdocument.contentType === \"17323604\" &&\r\n\t\t\t\t\t[\"66029858\", \"58035381\", \"68489711\", \"68169717\"].includes(document.publicationType) ? (\r\n\t\t\t\t\t\t // eslint-disable-next-line\r\n\t\t\t\t\t { setShowModal(true); }}>\r\n\t\t\t\t\t\t{getDocumentTitle()}\r\n\t\t\t\t\t\r\n\t\t\t\t) : (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{getDocumentTitle()}{\" \"}\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default CollectionSearchResult;","import React, { useState } from 'react';\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\n\r\nexport const InfoNotifiation = (props) => {\r\n const [showNotification, setShowNotification] = useState(true);\r\n function closeNotification() {\r\n setShowNotification(false);\r\n }\r\n return (\r\n {ReactHtmlParser(ARTICLEHELPERS.getHighlightedText(highlights))}
\r\n\t\t\t{document.contentType === \"17323604\" && [\"66029858\", \"58035381\", \"68489711\", \"68169717\"].includes(document.publicationType) ? null : (\r\n\t\t\t\t\r\n\t\t\t\t\t{GenerateSearchResultIteam()}\r\n\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n \r\n
\r\n {props.message}
\r\n \r\n\r\n
\r\n )\r\n}\r\nexport default ResearchAssistantTile;","import React, { useState, useEffect} from 'react';\r\nimport cx from 'classnames';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport NavigableSearchbar from '../Common/NavigableSearchbar';\r\nimport Loading from '../Loading/Loading';\r\n\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport { appInsightUIMapping, logs,page } from '../../helpers/log';\r\nimport { get } from 'lodash';\r\n\r\nimport { useSearchResultContext } from './../../contexts/SearchResultContext';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport HorizontalScrollbar from './../Article/HorizontalScrollbar';\r\nimport CollectionSearchResult from './CollectionSearchResult';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { useLocation, useNavigate } from 'react-router-dom';\r\nimport InfoNotifiation from '../Notification/InfoNotifiation';\r\nimport { SCS_KEYS, getFallback } from '../Constants/SCSConstants';\r\nimport { ErrorCodes, ErrorMessages, ErrorTypes } from '../Constants/Errors';\r\nimport useSearchService from '../../services/useSearchService';\r\nimport ResearchAssistantTile from '../Publication/ResearchAssistantTile';\r\n\r\nconst CollectionSearch = ({\r\n isWideMode,\r\n publicationType,\r\n catalogCollection,\r\n handleSearchSubmit\r\n}) => {\r\n const { getLabel } = usePageContextLabels();\r\n const {\r\n context, currentSearch, searchPhrase, setSearchPhrase,\r\n memberFirm, language, knowledgeDomain, pageControllerType, setPageURLWhereSearchInnitiated, setNotification, isResearchAssistantEnabled, countryKDSettings\r\n } = usePageContext();\r\n const navigate = useNavigate();\r\n const [searchTerms, setSearchTerms] = useState([]);\r\n const [isFixed, setIsFixed] = useState(false);\r\n const location = useLocation();\r\n const [updateRecentSearches, setUpdateRecentSearches] = useState(0);\r\n const {\r\n searchResults,\r\n setSearchResults,\r\n filteredSearchResults,\r\n setFilteredSearchResults,\r\n areSearchResultsLoading,\r\n setAreSearchResultsLoading,\r\n setActiveFilters,\r\n setSearchTimeStamp,\r\n showCollectionSearchLimitNotification\r\n } = useSearchResultContext();\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n const searchService = useSearchService();\r\n const isResearchAssistantEnabledForKD = UTILITIESHELPER.isResearchAssistantEnabledForKD(countryKDSettings, context.memberFirm, context.knowledgeDomain);\r\n const isResearchAssistantActiveForUser = isResearchAssistantEnabled && isResearchAssistantEnabledForKD ? true : false;\r\n\r\n useEffect(() => {\r\n window.onscroll = function () {\r\n var ele = document.getElementById('collection-page-search');\r\n if (ele) {\r\n if (window.pageYOffset > 60) {\r\n setIsFixed(true);\r\n } else {\r\n setIsFixed(false);\r\n }\r\n }\r\n };\r\n }, [])\r\n\r\n\r\n useEffect(() => {\r\n async function getSearchResults() {\r\n try {\r\n setAreSearchResultsLoading(true);\r\n var results = await searchService.getCollectionSearchResponses(context.pageType, currentSearch, get(window,'DART.ENV.REACT_APP_COLLECTION_SEARCH_LIMIT',0), `publication_type/${publicationType}`);\r\n\r\n if (SearchHelpers.hasSearchResults(results)) {\r\n setSearchResults(results);\r\n setPageURLWhereSearchInnitiated(location.pathname + location.search);\r\n }\r\n else {\r\n setSearchResults([]);\r\n setFilteredSearchResults([]);\r\n setAreSearchResultsLoading(false);\r\n }\r\n }\r\n catch (err) {\r\n logs.error(page.Collection, 'GetSearchResults', ErrorMessages.searchResultsCollection, err,{eventId:ErrorCodes.Collection});\r\n }\r\n }\r\n\r\n if (catalogCollection) {\r\n const catalogCollectionLinks = get(catalogCollection, 'CatalogCollection[0].Content.links', [])\r\n if ((!catalogCollectionLinks || catalogCollectionLinks?.length === 0)) {\r\n if (currentSearch.length > 2) {\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(currentSearch)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'CollectionSearch' });\r\n return;\r\n }\r\n setNotification({ message: '', type: ErrorTypes.Error, display: false, appInsightUIMapping: null, componentName: null });\r\n getSearchResults();\r\n }\r\n }\r\n }\r\n\r\n return () => {\r\n setSearchResults([]);\r\n setFilteredSearchResults([]);\r\n setAreSearchResultsLoading(false);\r\n setActiveFilters([]);\r\n // setTocControl([]);\r\n }\r\n\r\n }, [catalogCollection, currentSearch]); //eslint-disable-line\r\n\r\n\r\n useEffect(() => {\r\n //setIsWideMode(false);\r\n if (!areSearchResultsLoading && filteredSearchResults?.length > 0) {\r\n\r\n const resultsContainer = document.querySelector('.search-results');\r\n const searchTerms = resultsContainer?.querySelectorAll('em');\r\n\r\n setSearchTerms(searchTerms);\r\n //setIsFixed(true);\r\n }\r\n\r\n return () => {\r\n setSearchTerms([]);\r\n }\r\n }, [searchResults, filteredSearchResults]); //eslint-disable-line\r\n\r\n const handleRecentSearchBarSubmit = (event, searchPhraseFromNavigationBarRecentSearches) => {\r\n if (event) {\r\n event.preventDefault()\r\n }\r\n\r\n const _searchPhrase = (searchPhraseFromNavigationBarRecentSearches ? searchPhraseFromNavigationBarRecentSearches : searchPhrase)?.trim();\r\n\r\n setSearchTimeStamp(Date.now())\r\n if (UTILITIESHELPER.isStringNullorEmpty(_searchPhrase) || _searchPhrase.length < 3) {\r\n alert(getLabel(\"s_SearchPhraseTooShort\", \"Phrase too short (for now)\"));\r\n return;\r\n }\r\n\r\n setUpdateRecentSearches(updateRecentSearches + 1)\r\n\r\n const currentLocation = window.location.pathname;\r\n if ((currentLocation.indexOf(\"/collection\") > 0) ||\r\n (currentLocation.indexOf(\"/manual/\") > 0) ||\r\n (currentLocation.indexOf(\"/standards/\") > 0) ||\r\n (currentLocation.indexOf(\"/roadmap/\") > 0) ||\r\n (currentLocation.indexOf(\"/folio/\") > 0)) {\r\n\r\n const parsedSearchPhrase = SearchHelpers.parse(_searchPhrase);\r\n const readableSearchPhrase = SearchHelpers.toHumanReadable(parsedSearchPhrase);\r\n\r\n setSearchPhrase(readableSearchPhrase);\r\n\r\n const qs = SearchHelpers.toQueryString(parsedSearchPhrase);\r\n\r\n navigate(`${currentLocation}?${qs}`);\r\n\r\n logs.trackEvent({\r\n name: 'Search',\r\n properties: {\r\n searchText: _searchPhrase,\r\n memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'),\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level')\r\n }\r\n })\r\n return;\r\n }\r\n\r\n return;\r\n };\r\n\r\n\r\n const getSearchTitle = () => {\r\n return currentSearch ? ReactHtmlParser(`${getLabel(\"s_SearchResults\", \"Search Results\")} ${getLabel(\"s_SearchResultsFor\", \"for\")} ${SearchHelpers.toHumanReadable(currentSearch)}`) : '';\r\n }\r\n\r\n function handleClose() {\r\n setSearchPhrase('')\r\n }\r\n function isAllOnOffButtonExist(){\r\n return document.querySelectorAll('.toc-side-pannel-all-on-off-toggle').length > 0\r\n }\r\n function resolveUrlForCollectionSearchResult() {\r\n var resolvedUrlForCollectionSearchResult = [];\r\n filteredSearchResults.length > 0 && filteredSearchResults.forEach((result, idx) => {\r\n let idCount = idx + 1;\r\n //There seem to be a LOT of null results, how are null result items getting into the array?!\r\n if (result !== null) {\r\n if (result.document?.publicationId === null) {\r\n logs.info(page.Collection, 'filteredSearchResults', \"Getting null in the publicationId which may break some functionality and hide toc\", result);\r\n }\r\n let url = LINKHELPERS.resolveCollectionPageSearchLink(result, memberFirm, language, knowledgeDomain, pageControllerType, searchPhrase, catalogCollection);\r\n if (url !== undefined && url !== \"#\") {\r\n //Above line will a new property in result ex result.url = /global/en-EN/auditing/manual/publicationNavTitle/publicationGuid/topcNavTitle/topicGuid(which may include spine-target-pub-GUID)\r\n if (isResearchAssistantActiveForUser && ((filteredSearchResults.length <= 3 && idCount === filteredSearchResults.length) || (filteredSearchResults.length > 3 && idCount === 3))) {\r\n resolvedUrlForCollectionSearchResult.push(\r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default CollectionSearch;","\r\nimport React from 'react';\r\nimport cx from 'classnames';\r\n\r\nconst MainPannel = ({ className, children, style }) => {\r\n return (\r\n {getSearchTitle()}
\r\n{getLabel(\"s_SearchReturnedNoResults\", \"Your search returned no results\")}
\r\n {getLabel(\"s_SearchReturnedNoResultsDueToAllOnOff\", \"Please turn on a toggle in the Table of Contents to view results.\")}
\r\n \r\n {resolveUrlForCollectionSearchResult()}\r\n
\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nexport default MainPannel;\r\n","\r\nimport React from 'react';\r\nimport cx from 'classnames';\r\n\r\nconst TocBody = ({ children, style, classNameList, tocMaxHeight }) => {\r\n function calcMaxHeight() {\r\n\r\n if (tocMaxHeight !== undefined && tocMaxHeight !== 'none') \r\n {\r\n return tocMaxHeight\r\n }\r\n else {\r\n var sidePanelSmall = document.querySelector('.side-pannel-small');\r\n\r\n if (sidePanelSmall !== null) {\r\n var sidePanelSmallDim = sidePanelSmall.getClientRects();\r\n var elemTop = sidePanelSmallDim[0].top;\r\n var maxHeightCalc = `calc((100vh - 61px) - ${elemTop > 0 ? Math.round(elemTop) : 1}px)`\r\n\r\n return maxHeightCalc;\r\n }\r\n\r\n return 'none'\r\n }\r\n \r\n }\r\n \r\n return (\r\n \r\n
\r\n )\r\n};\r\n\r\nexport default TocBody;\r\n","\r\nimport React, { useCallback } from 'react';\r\nimport cx from 'classnames';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nimport TocBody from './TocBody';\r\nimport SidebarTocTitle from './SidebarTocTitle';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport { useReadingModeContext } from '../../contexts/ReadingModeContext';\r\nimport { PAGE_CONTROLLER_TYPE } from \"../Constants/Constants\";\r\n\r\nconst SidebarTOC = ({\r\n setIsWideMode,\r\n children,\r\n style,\r\n className,\r\n isHidden,\r\n navTitle,\r\n shouldBeFixed,\r\n pubLandingUrl,\r\n yAxisOfToc,\r\n tocMaxHeight,\r\n publicationType\r\n}) => {\r\n\r\n const toggleOneWideMode = useCallback(() => setIsWideMode(true), [])\r\n const { setAllButtonsOn, allButtonText, isTriggerAllOnOff, setIsTriggerAllOnOff, isShowAllOnOffButton } = useSearchResultContext();\r\n const { searchResults } = useSearchResultContext();\r\n const isSearchActive = searchResults && searchResults?.length > 0;\r\n const location = useLocation();\r\n\tconst inArticle = !location.search.includes('searchPhrase');\r\n const { isReadingMode } = useReadingModeContext();\r\n \r\n \r\n const handleToggleAllButtons = useCallback(() =>{\r\n if(allButtonText){\r\n setAllButtonsOn(false);\r\n setIsTriggerAllOnOff(!isTriggerAllOnOff); \r\n }else{\r\n setAllButtonsOn(true);\r\n setIsTriggerAllOnOff(!isTriggerAllOnOff); \r\n }\r\n }, [allButtonText]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n {children}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {children}\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nSidebarTOC.defaultProps = {\r\n setIsWideMode: () => { },\r\n navTitle: '',\r\n}\r\n\r\nexport default SidebarTOC;\r\n","import React, { useState } from 'react';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\nimport { ErrorCodes,ErrorMessages } from '../Constants/Errors';\r\nimport { page,logs } from '../../helpers/log';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\n\r\n\r\nexport const ContentErrorMessage = () => {\r\n const [showHideErrorMessage, setShowHideErrorMessage] = useState(false);\r\n const {getLabel} = usePageContextLabels();\r\n function closeContentErrorMessage() {\r\n setShowHideErrorMessage(true);\r\n }\r\n if ((UTILITIESHELPER.getLocalStorage(\"isContentLoadError\")?.toLowerCase() === 'true') && !showHideErrorMessage) {\r\n logs.error(page.Publication, 'Publication', ErrorMessages.contentErrorMessage,\"error\",{eventId:ErrorCodes.Publication}); \r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {getLabel(\"err_ContentErrorMessage\",\"Oh no, something has gone wrong! Please try again later. If the problem persists, please contact support. Code – \")} {ErrorCodes.Publication}
\r\n \r\n\r\n \r\n
\r\n {notification.message}
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n setIsWideMode(false)}\r\n />\r\n \r\n \r\n \r\n {tocBody}\r\n \r\n {children}\r\n
\r\n )\r\n};\r\n\r\nexport default PublicationLayout;\r\n\r\n","\r\nimport React from 'react';\r\n\r\nconst SidePannel = ({ heading, children }) => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default SidePannel;\r\n","\r\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport RETRIEVALSERVICES from '../../services/rp-service.js';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { useLoadingContext } from '../../contexts/LoadingContext';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport { get,set } from 'lodash';\r\nimport { appInsightUIMapping, logs, page } from \"../../helpers/log\";\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport CollectionItemExpandable from './CollectionItemExpandable';\r\nimport CollectionTOC from './CollectionTOC';\r\nimport CollectionSearchbar from \"./CollectionSearchbar\"\r\nimport CollectionSearchResultItem from \"./CollectionSearchResultItem\"\r\nimport CollectionSearch from './CollectionSearch'\r\nimport ListItem from '../Common/ListItem';\r\nimport Loading from '../Loading/Loading';\r\nimport MainPannel from '../Common/MainPannel';\r\nimport PublicationLayout from './../Publication/PublicationLayout';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport SidePannel from '../Common/SidePannel';\r\nimport WormholeNotification from '../Notification/WormholeNotification';\r\nimport MessageNotification from '../Notification/MessageNotification.js';\r\nimport { SCS_KEYS, getFallback } from '../Constants/SCSConstants';\r\nimport { PAGE_CONTROLLER_TYPE,PUBLICATIONTYPE_IDS,PUBTYPES_CATALOG_PAGE } from '../Constants/Constants.js';\r\nimport { ErrorCodes, ErrorMessages,ErrorTypes } from '../Constants/Errors.js';\r\nimport useDCSService from '../../services/useDCSService';\r\n\r\nconst getIsJournalCollection = (_listType) => {\r\n switch (_listType) {\r\n case PUBLICATIONTYPE_IDS.deloitteCommunications: //deloitte-communications\r\n case PUBLICATIONTYPE_IDS.professionalNews: //professional-news\r\n return true;\r\n default:\r\n return false;\r\n }\r\n};\r\n\r\n\r\nconst Collection = () => {\r\n const [data, setData] = useState({});\r\n const [isFixedSearchBar, setIsFixedSearchBar] = useState(false);\r\n const navigate = useNavigate();\r\n const { getLabel, getMFLabel } = usePageContextLabels();\r\n const { isLoading, setIsLoading } = useLoadingContext()\r\n const { generateQuerySpec, getCatalogSections, getDelCummAndProfNewsCollectionSections } = useDCSService();\r\n const {\r\n pageTitle, setPageTitle, setPageDescription,\r\n isSearchPage, searchPhrase, setSearchPhrase,\r\n memberFirm, language, knowledgeDomain, pageControllerType, tierVal, industryVal, setNotification, isMemberFirmsLoaded, contextMemberFirm\r\n } = usePageContext();\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n\r\n const collectionItems = get(data, 'CatalogCollection[0].Content.links', []);\r\n const catalogCollection = get(data, 'CatalogCollection[0]', null);\r\n const collectionIcon = get(data, 'currentPageContext.pageFileName', null);\r\n const listType = get(data, 'CatalogCollection[0].Content.context.publicationType.Key', '');\r\n //StructureStandards = 60194865 <--> StructureManuals = 60194866\r\n const recentListType = (listType === PUBLICATIONTYPE_IDS.standards) ? PUBLICATIONTYPE_IDS.manual : (listType === PUBLICATIONTYPE_IDS.manual) ? PUBLICATIONTYPE_IDS.standards : (listType === PUBLICATIONTYPE_IDS.deloitteCommunications || listType === PUBLICATIONTYPE_IDS.professionalNews) ? listType : \"\";\r\n const isJournalCollection = useMemo(() => getIsJournalCollection(listType), [listType]);\r\n const sidePanelHeading = isJournalCollection ? getLabel(\"col_RecentlyPublished\", \"Recently Published\") : getLabel(\"col_SeeAlso\", \"Related Collections\");\r\n const recentLinks = listType ? get(data, 'CatalogCollection[0].Content.context.publicationLists[\"' + recentListType + '\"]', []) : [];\r\n const maxRecentLinksToDisplay = isJournalCollection ? 10 : 5;\r\n const [showResults, setShowResults] = useState(false);\r\n const [isWideMode, setIsWideMode] = useState(false)\r\n const hasAllTocDataLoaded = true;\r\n const navTitle = getMFLabel(pageTitle, \"pageTitle\");\r\n const publicationType = get(catalogCollection, \"Content.context.publicationType.Key\", \"folio\");\r\n const [groupList, setGroupList] = useState([]);\r\n const accountBalanceOptions = get(catalogCollection, 'Content.taxonomyAccountBalance.items', []);\r\n const nonAccountBalanceOptions = get(catalogCollection, 'Content.taxonomyAuditWorkflowAreaNonAccount.items', []);\r\n const assuranceOptions = get(catalogCollection, 'Content.taxonomyAssurance.items', []);\r\n\r\n const {\r\n searchResults,\r\n filteredSearchResults,\r\n setFilteredSearchResults,\r\n setSearchTimeStamp,\r\n tocControl,\r\n setTocControl,\r\n setCollectionSearchLimit,\r\n collectionSearchLimit\r\n } = useSearchResultContext();\r\n\r\n\r\n useEffect(() => {\r\n //var tocArray = getTocArray();\r\n //let tempTocItem = tocArray;\r\n //setTocControl([]);\r\n //setTocControl(tempTocItem.length > 0 ? tempTocItem : []);\r\n var tocArray = getTocArray();\r\n setTocControl(tocArray);\r\n //eslint-disable-next-line\r\n }, [searchResults, filteredSearchResults]);\r\n\r\n useEffect(() => {\r\n (async () => {\r\n if (collectionSearchLimit === 0) {\r\n var collectionSearchlimitTemp = await SearchHelpers.getCollectionSearchLimitFromAppSettings();\r\n setCollectionSearchLimit(collectionSearchlimitTemp);\r\n }\r\n })();\r\n window.onscroll = function () {\r\n const ele = document.getElementById('collection-page-search');\r\n if (ele) {\r\n setIsFixedSearchBar(window.pageYOffset > 60);\r\n }\r\n };\r\n //eslint-disable-next-line\r\n }, [])\r\n\r\n\r\n //Load the CatalogCollection\r\n useEffect(() => {\r\n async function getCollectionData(collectionType) {\r\n try {\r\n let querySpec = generateQuerySpec(null, 0);\r\n const data = await getCatalogSections(querySpec, collectionType, 'collection');\r\n const dataFormated = (UTILITIESHELPER.isArrayNullorEmpty(data) || data?.length === 0) ? [] : data; \r\n //ALREADY LOGGED IN getCatalogSections! : logs.debug(page.DCSService, 'retrieveLinks', \"retrieveLinks collectionType, dataFormated\", collection.collectionType, dataFormated);\r\n return dataFormated;\r\n }\r\n catch (error) {\r\n //ALREADY LOGGED IN getCatalogSections! : logs.error(page.DCSService, 'retrieveLinks', ErrorMessages.catalogSections + ' for ' + collection.collectionType, error, { eventId: ErrorCodes.Catalog });\r\n return [];\r\n }\r\n }\r\n\r\n //For Journal Collection\r\n async function getJournalCollectionData(collectionType, limit = 0) {\r\n try {\r\n let querySpec = generateQuerySpec(null, limit);\r\n const data = await getDelCummAndProfNewsCollectionSections(querySpec, collectionType, collectionType === \"deloitte-communications\" ? \"deloittecommunicationcollections\" : \"professionalnewscollections\");\r\n const dataFormated = (UTILITIESHELPER.isArrayNullorEmpty(data) || data?.alllinkItems.length === 0) ? [] : data; \r\n //ALREADY LOGGED IN getCatalogSections! : logs.debug(page.DCSService, 'retrieveLinks', \"retrieveLinks collectionType, dataFormated\", collection.collectionType, dataFormated);\r\n return dataFormated;\r\n }\r\n catch (error) {\r\n //ALREADY LOGGED IN getCatalogSections! : logs.error(page.DCSService, 'retrieveLinks', ErrorMessages.catalogSections + ' for ' + collection.collectionType, error, { eventId: ErrorCodes.Catalog });\r\n return [];\r\n }\r\n }\r\n\r\n //return formate data for the deloitte-communications|professional-news collection page\r\n async function FormateDelCummAndProfNewsCollectionData(data) {\r\n let linkItems = [];\r\n if (UTILITIESHELPER.isArrayNullorEmpty(data)) {\r\n return data;\r\n }\r\n data.map((item) => {\r\n const linkTextTitle = item.journal_brand;\r\n const siteLinkText = linkTextTitle.replace(\" \", \"\");\r\n const linkObj = {\r\n linkInternal: {\r\n //LinkUrl: \"/\" + memberFirm + \"/\" + language + \"/\" + knowledgeDomain + \"/\" + collectionType + \"/\" + linkTextTitle\r\n LinkUrl : `/${memberFirm}/${language}/${knowledgeDomain}/${pageControllerType}/${linkTextTitle}` \r\n },\r\n linkText: getLabel('ch_JournalBrand' + siteLinkText, linkTextTitle),\r\n linkExternal: linkTextTitle,\r\n linkAltText: getLabel('ch_JournalBrandByLine' + siteLinkText, '')\r\n };\r\n linkItems.push(linkObj);\r\n });\r\n return linkItems;\r\n }\r\n\r\n async function getData() {\r\n try {\r\n setIsLoading(true);\r\n setPageDescription(\"\");\r\n setPageTitle(\"\");\r\n setData({});\r\n\r\n const res = await RETRIEVALSERVICES.retrieveCollection();\r\n logs.debug(page.Collection, 'retrieveCollection', \"retrieveCollection:res \", res);\r\n if (pageControllerType !== PAGE_CONTROLLER_TYPE.folio) {\r\n //Check for fall-back, if we have no contnet, we do not continue...\r\n //With the collection page, you should NOT actually \"Get\" here through a navigatable link! \r\n\r\n if (`${PAGE_CONTROLLER_TYPE.deloitteCommunications}|${PAGE_CONTROLLER_TYPE.professionalNews}`.indexOf(pageControllerType) >= 0) {\r\n let catalogCollectionLinks = await getJournalCollectionData(pageControllerType, 10);\r\n let formatteddata = await FormateDelCummAndProfNewsCollectionData(catalogCollectionLinks.allcollectionsItems);\r\n let pubtype = get(res, \"CatalogCollection[0].Content.context.publicationType.Key\", pageControllerType === PUBLICATIONTYPE_IDS.deloitteCommunications ? PUBLICATIONTYPE_IDS.deloitteCommunications : PUBLICATIONTYPE_IDS.professionalNews);\r\n set(res, 'CatalogCollection[0].Content.context.publicationLists[\"' + pubtype + '\"]', catalogCollectionLinks.alllinkItems);\r\n set(res, 'CatalogCollection[0].Content.links', formatteddata);\r\n }\r\n else if((`${PAGE_CONTROLLER_TYPE.manual}|${PAGE_CONTROLLER_TYPE.standards}`.indexOf(pageControllerType) >= 0)) {\r\n const [Manuals, Standards] = await Promise.all([\r\n await getCollectionData(PAGE_CONTROLLER_TYPE.manual),\r\n await getCollectionData(PAGE_CONTROLLER_TYPE.standards),\r\n ]);\r\n if(pageControllerType === PAGE_CONTROLLER_TYPE.manual){\r\n let pubtype = get(res, \"CatalogCollection[0].Content.context.publicationType.Key\",PUBLICATIONTYPE_IDS.standards);\r\n console.log(pubtype);\r\n set(res, 'CatalogCollection[0].Content.links', Manuals);\r\n // set Recently Viewed to TOP 10 Standards\r\n set(res, 'CatalogCollection[0].Content.context.publicationLists[\"' + PUBLICATIONTYPE_IDS.standards + '\"]', Standards);\r\n }\r\n else if(pageControllerType === PAGE_CONTROLLER_TYPE.standards) {\r\n let pubtype = get(res, \"CatalogCollection[0].Content.context.publicationType.Key\",PUBLICATIONTYPE_IDS.manual);\r\n set(res, 'CatalogCollection[0].Content.links', Standards);\r\n // set Recently Viewed to TOP 10 Manuals\r\n set(res, 'CatalogCollection[0].Content.context.publicationLists[\"' + PUBLICATIONTYPE_IDS.manual + '\"]', Manuals);\r\n }\r\n }\r\n else if ((`${PAGE_CONTROLLER_TYPE.guidance}`.indexOf(pageControllerType) >= 0)) {\r\n const [Guidance, Standards] = await Promise.all([\r\n await getCollectionData(PAGE_CONTROLLER_TYPE.guidance),\r\n await getCollectionData(PAGE_CONTROLLER_TYPE.standards),\r\n ]);\r\n if (pageControllerType === PAGE_CONTROLLER_TYPE.guidance) {\r\n let pubtype = get(res, \"CatalogCollection[0].Content.context.publicationType.Key\", PUBLICATIONTYPE_IDS.standards);\r\n console.log(pubtype);\r\n set(res, 'CatalogCollection[0].Content.links', Guidance);\r\n // set Recently Viewed to TOP 10 Standards\r\n set(res, 'CatalogCollection[0].Content.context.publicationLists[\"' + PUBLICATIONTYPE_IDS.standards + '\"]', Standards);\r\n }\r\n } \r\n else {\r\n let catalogCollectionLinks = await getCollectionData(pageControllerType);\r\n set(res, 'CatalogCollection[0].Content.links', catalogCollectionLinks);\r\n }\r\n let catalogCollectionLinks = get(res, 'CatalogCollection[0].Content.links',[]);\r\n \r\n //For folio, this will be null! As there are no collection items, therefore no links.\r\n if ((!catalogCollectionLinks || catalogCollectionLinks?.length === 0) && !isSearchPage) {\r\n navigate(CONTEXTHELPERS.getFallbackUrl(window.location.href));\r\n }\r\n }\r\n\r\n setData(res);\r\n setPageTitle(get(res, 'CatalogCollection[0].Content.title.Content.title', ''))\r\n setPageDescription(get(res, 'CatalogCollection[0].Content.title.Content.intro', ''));\r\n setIsLoading(false);\r\n }\r\n catch (err) {\r\n logs.error(page.Collection, \"getCollection\", ErrorMessages.collectionData, err,{eventId:ErrorCodes.Collection});\r\n }\r\n }\r\n\r\n if(isMemberFirmsLoaded)\r\n getData();\r\n\r\n return () => {\r\n setPageTitle('');\r\n setPageDescription('');\r\n setData({});\r\n }\r\n //eslint-disable-next-line\r\n }, [tierVal, industryVal, isMemberFirmsLoaded, contextMemberFirm]);\r\n\r\n useEffect(() => {\r\n //groupList is a object array used to store unique publication id with pub nav title\r\n //this groupList is used for grouping just to display \"View All Result\" with pub nav title in the list shown below search bar as a search result\r\n var newObject = [];\r\n if (filteredSearchResults && filteredSearchResults.length > 0) {\r\n filteredSearchResults.forEach((item, index) => {\r\n if (index === 0) {\r\n let obj = { \"publicationId\": item.document?.publicationId, \"publicationNavTitle\": item.document?.publicationNavTitle, \"result\": item }\r\n newObject.push(obj);\r\n }\r\n else {\r\n if (newObject.findIndex(a => a.publicationId === item.document?.publicationId) < 0) {\r\n let obj = { \"publicationId\": item.document?.publicationId, \"publicationNavTitle\": item.document?.publicationNavTitle, \"result\": item }\r\n newObject.push(obj);\r\n }\r\n }\r\n });\r\n }\r\n\r\n setGroupList(newObject);\r\n }, [filteredSearchResults]);\r\n\r\n function SidePanelComponent() {\r\n if (!recentLinks?.length) return null;\r\n\r\n return \r\n
\r\n {heading}
\r\n \r\n {children}\r\n
\r\n - \r\n {recentLinks.slice(0, maxRecentLinksToDisplay).map((item) => {\r\n return (\r\n
\r\n \r\n
);\r\n }\r\n })\r\n }\r\n return collectionTocArray;\r\n }\r\n const renderSearchResultTocBody = (collectionItems, searchTocBody) => {\r\n if (searchTocBody && !(Array.isArray(searchResults) && searchResults.length > 0)) {\r\n return null;\r\n }\r\n //For Folio, we have the Taxonomy values, not the collecitonItems!\r\n if (pageControllerType !== \"folio\" && (!(Array.isArray(collectionItems) && collectionItems.length > 0))) {\r\n return null;\r\n }\r\n return (\r\n \r\n {\r\n displayCollectionToc()\r\n }\r\n
\r\n );\r\n }\r\n\r\n const handlePublicationResult = (e, data) => {\r\n var publicationlink = LINKHELPERS.resolveSearchLink(data.result, memberFirm, language, knowledgeDomain, pageControllerType, searchPhrase, catalogCollection, true);\r\n navigate(`${publicationlink}`);\r\n };\r\n const handleViewAllResult = () => {\r\n\r\n setSearchTimeStamp(Date.now())\r\n\r\n if (searchPhrase.length < 3) {\r\n alert(getLabel(\"s_SearchPhraseTooShort\", \"Phrase too short (for now)\"));\r\n return;\r\n }\r\n //setTocControl([]);\r\n\r\n //parentOnSubmit(searchPhrase)\r\n\r\n const currentLocation = window.location.pathname;\r\n\r\n if ((currentLocation.indexOf(\"/collection\") > 0) && (PUBTYPES_CATALOG_PAGE.some(currentLocation))) {\r\n\r\n const parsedSearchPhrase = SearchHelpers.parse(searchPhrase);\r\n const qs = SearchHelpers.toQueryString(parsedSearchPhrase);\r\n\r\n navigate(`${currentLocation}?${qs}`);\r\n\r\n logs.trackEvent({\r\n name: 'Search',\r\n properties: {\r\n searchText: searchPhrase,\r\n memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'),\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level')\r\n }\r\n })\r\n return;\r\n }\r\n\r\n //alert(getLabel(\"s_SearchNotAvailableWhereYouAreCurrently\", \"Search not available where you are currently (for now)\"));\r\n\r\n return;\r\n };\r\n\r\n let pubLandingUrls=window.location.pathname;\r\n if(pageControllerType === \"folio\")\r\n {\r\n pubLandingUrls=`/${memberFirm}/${language}/${knowledgeDomain}`;\r\n }\r\n\r\n const pageProps = {\r\n isWideMode,\r\n setIsWideMode,\r\n publicationType,\r\n hasAllTocDataLoaded,\r\n navTitle,\r\n pubLandingUrl: pubLandingUrls\r\n }\r\n\r\n\r\n if (isLoading) {\r\n return \r\n {\r\n isSearchPage ?\r\n \r\n :\r\n
\r\n )\r\n}\r\n\r\nexport default Collection;\r\n","\r\nimport React, { useState, useEffect } from 'react';\r\nimport { useNavigate, useParams } from 'react-router-dom'\r\nimport { useLoadingContext } from '../../contexts/LoadingContext';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport RETRIEVALSERVICES from '../../services/rp-service';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport { logs, page } from '../../helpers/log';\r\nimport { ErrorCodes,ErrorMessages } from '../Constants/Errors';\r\n\r\n\r\nconst ContentArticle = () => {\r\n\tconst navigate = useNavigate();\r\n\tconst [data, setData] = useState(null);\r\n\tconst { setIsLoading } = useLoadingContext();\r\n\tconst { getLabel } = usePageContextLabels();\r\n const {language} = useParams();\r\n\r\n\tfunction InjectOneTrustCookieServiceIfItDoesntExist() {\r\n\t\tif (document.querySelectorAll(`script[src=\"${window.CookiesServices.ENV.Cookie_Service_Url}\"]`).length > 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tvar src = window.CookiesServices.ENV.Cookie_Service_Url;\r\n\t\tvar dataDomainScript = window.CookiesServices.ENV.Cookie_Data_Domain_Script;\r\n\t\tvar script = document.createElement(\"script\");\r\n\t\tscript.setAttribute(\"src\", src);\r\n\t\tscript.setAttribute(\"data-domain-script\", dataDomainScript);\r\n\t\tscript.setAttribute(\"type\", \"text/javascript\");\r\n\t\tscript.setAttribute(\"charset\", \"UTF-8\");\r\n\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(script);\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tconst fetchArticle = async () => {\r\n\t\t\ttry {\r\n\t\t\t\tconst res = await RETRIEVALSERVICES.retrieveContentArticle();\r\n\t\t\t\tlogs.debug(page.Article, 'ContentArticle', \"ContentArticle:retrieveContentArticle\", res);\r\n\t\t\t\tconst locationUrl = window.location.href;\r\n const isCookiesPage=locationUrl.split(\"/\");\r\n\t\t\t\tif (isCookiesPage[5].includes('content') && isCookiesPage[6].includes('cookies-notice')) {\r\n\t\t\t\t\tInjectOneTrustCookieServiceIfItDoesntExist();\r\n\t\t\t\t}\r\n\t\t\t\tsetData(res);\r\n\t\t\t\tsetIsLoading(false);\r\n\t\t\t}\r\n\t\t\tcatch (err) {\r\n\t\t\t\tlogs.error(page.Article, 'ContentArticle', ErrorMessages.contentArticle, err,{eventId:ErrorCodes.Article})\r\n\t\t\t\tnavigate(\"\", 500);\r\n\t\t\t}\r\n\t\t}\r\n\t\tfetchArticle();\r\n\t}, []);//eslint-disable-line\r\n\r\n\tfunction createMarkup(articleBody) {\r\n\t\tvar fragmentsText = \"\";\r\n\t\tarticleBody.Fragments.forEach((fragment) => {\r\n\t\t\tif (typeof (fragment) === 'string') {\r\n\t\t\t\tfragmentsText += fragment\r\n\t\t\t}\r\n\t\t\t//else {\r\n\t\t\t// //This is where we may address images, if they are resolved.\r\n\t\t\t//}\r\n\t\t})\r\n\t\treturn fragmentsText;\r\n\t}\r\n\r\n\tfunction renderArticleBody(articleBody) {\r\n\t\tif (typeof (articleBody) === 'string') {\r\n\t\t\treturn articleBody;\r\n\t\t}\r\n\t\telse if (articleBody?.Fragments) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n \r\n {pageControllerType === \"folio\" ?\r\n renderSearchResultTocBody(collectionItems, false) :\r\n collectionItems.map((item, idx) => {\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {groupList.map((group, idx) => {\r\n let topicIndex = 0;// this topicIndex is used to displayonly 3 sub topics uncer singlr publication\r\n\r\n return
\r\n \r\n
\r\n })}\r\n \r\n
\r\n {collectionSearchResultItemList(topicIndex,group)}\r\n { /* eslint-disable-next-line */}\r\n handlePublicationResult(e, group))} className='collection-searchbar-publication-title' > {group?.publicationNavTitle}\r\n
\r\n { /* eslint-disable-next-line */}\r\n handleViewAllResult())} className='collection-search-view-all'>{getLabel(\"dd_ViewAllResults\", \"View All Results\")}\r\n
\r\n \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t
\r\n\t)\r\n}\r\n\r\nexport default ContentArticle\r\n","import React from 'react';\r\nimport ShowIf from '../ShowIf';\r\nimport { useThemeContext } from '../../../contexts/ThemeContext';\r\n\r\nconst HeaderImage = (props) => {\r\n const { headerData, hasFetchedHeaderData } = props;\r\n const { isDarkMode } = useThemeContext();\r\n\r\n return (\r\n \r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{data.articleModel.Content.headline}
\r\n\t\t\t\t\t{renderArticleDate(data.articleModel)}\r\n\t\t\t\t\t{data.articleModel.Content.body.map((articleBody, abi) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t})}\r\n\t\t\t\t{articleBody.intro}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{renderArticleBody(articleBody.body)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n
\r\n )\r\n}\r\n\r\nconst SubMenuItem = ({ option, checked, onChange }) => {\r\n const id = `check_${option.id}`;\r\n function onClick(e) {\r\n e.preventDefault();\r\n onChange(option);\r\n }\r\n return (\r\n {title}
\r\n\r\n- \r\n {options.map((option) => {\r\n const isChecked = selected?.filter(x => x.id === option.id)?.length > 0;\r\n return (\r\n
\r\n {children.length === undefined ? children : children.map((child, index) => (\r\n \r\n {child}\r\n \r\n ))}\r\n \r\n {getLabel(\"dd_FiltersClearAll\", \"Clear All\")}\r\n \r\n
\r\n {isShown && data && value === 0 && (\r\n 0) || (data.frameworks.accounting.length > 0) || (data.frameworks.assurance.length > 0)) ? 'show' : 'hide'}`} >\r\n {data.frameworks.auditing.length > 0 &&
\r\n )}\r\n {isShown && data && value === 1 && (\r\n \r\n
\r\n )}\r\n ![\"Default](\"/images/signin-placeholder.svg\")
;\r\n\t}\r\n\t\r\n function onClickProfile(){\r\n document.dispatchEvent(new CustomEvent('dd:requestClose'));\r\n setIsUserSettingsOpen(prevVal => !prevVal)\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n document.dispatchEvent(new CustomEvent('dd:requestClose'));\r\n if(event.key === 'Enter'){\r\n setIsUserSettingsOpen(prevVal => !prevVal)\r\n }\r\n }\r\n\r\n const logout = () => {\r\n var currentAccount = instance.getActiveAccount();\r\n setLogoutState(currentAccount.idTokenClaims.login_hint);\r\n localStorage.setItem('logout-event', 'started');\r\n localStorage.removeItem('logout-event');\r\n sessionStorage.setItem('timeoutvalue', '');\r\n instance.logoutRedirect({ logoutHint: currentAccount.idTokenClaims.login_hint });\r\n } \r\n\r\n return (\r\n \r\n \r\n \r\n\t\t\t\t{userProfileInside}\r\n
\r\n \r\n \r\n {getLabel(\"ps_User Settings\", \"User Settings\")}\r\n \r\n
*/}\r\n {getLabel(\"ps_PageSettings\", \"Page Settings\")}\r\n \r\n \r\n \r\n {getLabel(\"ps_UserDashboard\", \"User Dashboard\")}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n )\r\n}\r\n\r\nDropdownPageSettings.defaultProps = {\r\n isUserSettingsOpen: false,\r\n setIsUserSettingsOpen: () => {},\r\n};\r\n\r\nexport default DropdownPageSettings;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction AddButton({ active, label, onClick, isHome, isDisabled}) {\r\n function handleClick() {\r\n onClick();\r\n }\r\n\r\n return (\r\n {children}
\r\n )\r\n}\r\n\r\nexport default OptionList;","import React from 'react';\r\n// import { Link } from 'react-router-dom';\r\n\r\nfunction Option({ label, isActive, onClick }) {\r\n function handleClick() {\r\n if (!isActive) onClick();\r\n }\r\n //mfdd__option\r\n return (\r\n \r\n \r\n \r\n {options()}\r\n \r\n \r\n\r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {\r\n !showKnowledgeDomains ? :\r\n \r\n }\r\n \r\n \r\n {getLabel(`mf_Library_${memberFirm.reference.toLowerCase()}`, memberFirm.label, true)}\r\n \r\n
\r\n \r\n
\r\n )\r\n )\r\n}\r\n","import React from 'react';\r\nimport { usePageContextLabels } from '../../../../contexts/PageContext';\r\n\r\nfunction ListItem({ memberFirm, onClick, disabled,clearSearchMemberFirm }) {\r\n const { getLabel } = usePageContextLabels();\r\n\r\n function handleClick(e) {\r\n e.preventDefault();\r\n onClick(memberFirm.reference.toLowerCase());\r\n clearSearchMemberFirm(\"\");\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if(event.key === 'Enter'){\r\n event.preventDefault();\r\n onClick(memberFirm.reference.toLowerCase());\r\n }\r\n }\r\n\r\n return (\r\n \r\n {getLabel(`mf_Library_${memberFirm.reference.toLowerCase()}`, memberFirm.name)}\r\n
\r\n \r\n \r\n { children } \r\n
\r\n );\r\n}\r\n\r\nexport default List;","import React, { useEffect, useState } from 'react';\r\nimport Dropdown from '../Common/Dropdown';\r\nimport ListItem from '../Common/Layout/DropdownMemberFirm/ListItem';\r\nimport List from '../Common/Layout/DropdownMemberFirm/List';\r\n\r\nfunction ManagePanel({ searchMemberFirm, setSearchMemberFirm, memberFirms, handleAddMemberFirm, dropdownScrollAreaMaxHeight }) {\r\n const [filteredMemberFirms, setFilteredMemberFirms] = useState(memberFirms);\r\n\r\n useEffect(() => {\r\n const delayDebounceFnInputId = setTimeout(() => {\r\n let filteredMemberFirms = memberFirms.filter(memberFirm => searchMemberFirm === '' ? true : memberFirm.label.toLowerCase().includes(searchMemberFirm.toLowerCase()));\r\n filteredMemberFirms = [...new Set(filteredMemberFirms)];\r\n setFilteredMemberFirms(filteredMemberFirms);\r\n }, 300);\r\n return _ => clearTimeout(delayDebounceFnInputId);\r\n }, [searchMemberFirm, 300]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n setFilteredMemberFirms(memberFirms);\r\n }, [memberFirms])\r\n\r\n return (\r\n - \r\n
No option
\r\n }\r\n \r\n
\r\n )\r\n }\r\n\r\n const listItems = languageDropdownData?.map((c, index) => (\r\n {languages?.language}
\r\n \r\n
\r\n );\r\n}","import React,{useEffect} from 'react';\r\nimport ShowIf from '../ShowIf';\r\nimport { useThemeContext } from '../../../contexts/ThemeContext';\r\nimport { useReadingModeContext } from '../../../contexts/ReadingModeContext';\r\nimport ProfileHelpers from '../../../helpers/ProfileHelpers';\r\nimport { usePageContext, usePageContextLabels } from '../../../contexts/PageContext';\r\nimport DropdownPreferences from './PreferencesDropdown/DropdownPreferences';\r\nimport DropdownPageSettings from './DropdownPageSettings';\r\nimport Crumbtrail from '../../Breadcrumb/Crumbtrail';\r\nimport LinkHelpers from '../../../helpers/LinkHelpers';\r\nimport cx from 'classnames';\r\nimport xss from 'xss';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport MemberFirmSelector from \"../../Home/MemberFirmSelector\";\r\nimport {useNavigate, useLocation} from \"react-router-dom\";\r\nimport CONTEXTHELPERS from \"../../../helpers/ContextHelpers\";\r\nimport { KNOWLEDGE_DOMAIN } from '../../Constants/Constants';\r\nimport UTILITIESHELPER from '../../../helpers/UtilitiesHelper';\r\nimport LanguageSelector from '../LanguageSelector';\r\nimport { OutageNotification } from '../OutageNotification';\r\n\r\nconst HeaderLayout = (props) => {\r\n const { headerData } = props;\r\n const { isDarkMode } = useThemeContext();\r\n const { isReadingMode } = useReadingModeContext();\r\n const { context, memberFirm, memberFirms, hasGottenCorrectTierValue, hasVerifiedIndustry, isCatalogPage, knowledgeDomain ,getMemberFirmID, tier, isResearchAssistantEnabled, countryKDSettings} = usePageContext();\r\n const { getLabel } = usePageContextLabels();\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const FAQLink = \"/content/support\"\r\n const isResearchAssistantEnabledForKD = UTILITIESHELPER.isResearchAssistantEnabledForKD(countryKDSettings, context.memberFirm, context.knowledgeDomain);\r\n const isResearchAssistantActiveForUser = isResearchAssistantEnabled && isResearchAssistantEnabledForKD ? true : false;\r\n\r\n const createMarkupSupportLinkSanitized = () => {\r\n const link = ``\r\n const linkSanitized = xss(link, { whiteList: { a: ['href', 'class', 'title'] } });\r\n return (\r\n <>{ ReactHtmlParser(linkSanitized) }\r\n )\r\n }\r\n\r\n function handleMemberFirmChange(targetMemberFirm) {\r\n ProfileHelpers.setLastMemberFirm(targetMemberFirm);\r\n navigate(CONTEXTHELPERS.resolveMemberFirmPath(location.pathname, targetMemberFirm, context.language, true, context));\r\n }\r\n\r\n function setResearchAssistantTakeOverData(){\r\n UTILITIESHELPER.setRATakeOverData(context, tier, null, getMemberFirmID());\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {( filteredNotification &&filteredNotification?.length>0 ? ( \r\n filteredNotification?.sort((a, b) => new Date(b.notificationDate) - new Date(a.notificationDate))?.map((notification, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })\r\n ): (\r\n \r\n \r\n {notification.type}\r\n
\r\n {filteredNotification.length !== (i + 1) && {notification.message}
\r\n}\r\n
\r\n
\r\n )\r\n )}\r\n No New Notification
\r\n\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HeaderLayout\r\n","\r\nimport React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport cx from 'classnames';\r\nimport { useReadingModeContext } from '../../../contexts/ReadingModeContext';\r\nimport HeaderImage from './HeaderImage';\r\nimport HeaderLayout from './HeaderLayout';\r\nimport RETRIEVALSERVICES from '../../../services/rp-service';\r\nimport { usePageContext } from '../../../contexts/PageContext';\r\nimport ShowIf from '../ShowIf';\r\nimport { logs, page } from '../../../helpers/log';\r\nimport { ErrorCodes, ErrorMessages } from '../../Constants/Errors';\r\nimport UTILITIESHELPER from '../../../helpers/UtilitiesHelper'\r\nimport Crumbtrail from '../../Breadcrumb/Crumbtrail';\r\n\r\nconst Header = () => {\r\n const { context } = usePageContext();\r\n const { isReadingMode } = useReadingModeContext();\r\n\tconst [headerData, setHeaderData] = useState({});\r\n\tconst [hasFetchedHeaderData, setHasFetchedHeaderData] = useState(false);\r\n const [shouldShowCrumbtrail, setShouldShowCrumbtrail] = useState(true);\r\n const isProdSite = UTILITIESHELPER.checkIsProdSite()\r\n\r\n\tuseEffect(() => {\r\n const retreiveResource = async (resource) => {\r\n try {\r\n setHeaderData({})\r\n setHasFetchedHeaderData(false)\r\n const res = await RETRIEVALSERVICES.retrieveResource(context, resource);\r\n logs.debug(page.Header, 'retrieveResource', \"Header:retrieveResource:res \", res);\r\n setHeaderData(res.header);\r\n setHasFetchedHeaderData(true);\r\n }\r\n catch (err) {\r\n setHasFetchedHeaderData(false);\r\n setHeaderData({});\r\n logs.error(page.Header, 'Header', ErrorMessages.header + '' + resource, err,{eventId:ErrorCodes.Header});\r\n }\r\n }\r\n\r\n //This may cause the header to load, and re-load each time the user switches\r\n // This should be handled better so that it does not do that!\r\n if (!isReadingMode) {\r\n //Header is the ONLY resource that is NOT language-dependant, but memberFirm-dependant\r\n retreiveResource(\"header\");\r\n }\r\n }, [context.memberFirm, isReadingMode]); //eslint-disable-line\r\n\r\n useEffect(() => {\r\n if (context.pageRequestURL.endsWith(\"/settings\")) {\r\n setShouldShowCrumbtrail(false);\r\n }\r\n else {\r\n setShouldShowCrumbtrail(true);\r\n }\r\n\r\n }, [context.pageRequestURL]);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {ProfileHelpers.setLastMemberFirm(memberFirm)}} href=\"/\" className=\"deloitte-rp-logo\">\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n {ProfileHelpers.setLastMemberFirm(memberFirm)}} href=\"/\" className=\"deloitte-rp-logo\">\r\n \r\n 
\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n {createMarkupSupportLinkSanitized()}\r\n {window.DART.ENV.REACT_APP_OUTAGE_NOTIFICATION_ENABLED ?
\r\n \r\n
\r\n \r\n
\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t![\"Omnia](\"/images/deloitte-dark.svg\")
{getLabel(\"g_ResearchPortalSiteHeader\", \"RP\")}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{getMFLabel(catalogSelectorContent.title.Content.intro, \"catalogSelectorContent.title.Content.intro\")}
\r\n\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t{catalogSelectorContent.knowledgeDomains.map((knowledgeDomain, idx) => {\r\n\t\t\t\t\t\t\t\t\tconst linkTitle = getMFLabel(knowledgeDomain.Content.linkTitle, \"knowledgeDomain.Content.linkTitle\");\r\n\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t
\r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport default AnnotationItem;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport cx from 'classnames';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\n\r\nconst AnnotationDeleteModal = ({\r\n shouldShowDeleteModal,\r\n setShouldShowDeleteModal,\r\n shouldShowOverlay,\r\n setShouldShowOverlay,\r\n deleteAnnotationMessage,\r\n deleteGuids,\r\n deleteItems,\r\n isBookmarkDelete,\r\n}) => {\r\n const DeleteModalRef = useRef();\r\n const { getLabel } = usePageContextLabels();\r\n const [deleteStarted] = useState(false);\r\n\r\n const hrefValue=\"#\";\r\n const selectedHeading= isBookmarkDelete ? getLabel(\"hh_DeleteBookmark\", \"Delete Bookmark\") :getLabel(\"hh_DeleteAnnotation\", \"Delete Annotation\") ;\r\n const closeMessage = isBookmarkDelete ? getLabel(\"hh_DeleteBookmarkCancel\", \"Do not delete Bookmarks\") : getLabel(\"hh_DeleteAnnotationCancel\", \"Do not delete Annotations\");\r\n\r\n function closeModal() {\r\n setShouldShowOverlay(false);\r\n setShouldShowDeleteModal(false);\r\n document.body.style.overflow = 'unset';\r\n }\r\n\r\n useEffect(() => {\r\n return () => {\r\n setShouldShowOverlay(false);\r\n setShouldShowDeleteModal(false);\r\n closeModal();\r\n }\r\n }, [])//eslint-disable-line\r\n\r\n async function deleteAnnotation() {\r\n deleteItems(deleteGuids);\r\n closeModal();\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {annotItem?.is_annotations_version_updated === true &&\r\n
\r\n \r\n \r\n
\r\n }\r\n {annotItem?.is_annotations_version_updated !== true &&\r\n Highlighted content is no longer available
\r\n \r\n \r\n {getTextWithSearchHighlight(getTruncatedFormattedText(annotItem.content), searchText)}\r\n \r\n
\r\n }\r\n\r\n\r\n \r\n \r\n {getTextWithSearchHighlight(annotItem.page_bread_crumb, searchText)}\r\n \r\n
\r\n\r\n {(annotItem.comment !== '' && annotItem.comment !== undefined) &&\r\n \r\n
\r\n }\r\n \r\n {getTextWithSearchHighlight(annotItem.comment, searchText)} \r\n
\r\n \r\n \r\n
\r\n \r\n {shouldShowOverlay &&\r\n \r\n }\r\n\r\n
\r\n )\r\n}\r\n\r\nAnnotationDeleteModal.defaultProps = {\r\n setShouldShowDeleteModal: () => { },\r\n setShouldShowOverlay: () => { },\r\n}\r\n\r\nexport default AnnotationDeleteModal;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { get } from 'lodash';\r\nimport cx from 'classnames';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport IconX from '../Common/IconX';\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport { useLocation } from 'react-router';\r\n\r\n\r\nfunction CommonSearchbar({\r\n isExpanded,\r\n isFixed,\r\n style,\r\n className,\r\n placeholder,\r\n showSearchLink,\r\n value,\r\n setValue,\r\n terms,\r\n onClose,\r\n ...props\r\n}) {\r\n const inputRef = useRef();\r\n const [isActive, setIsActive] = useState(isExpanded); //start off with search closed\r\n const { getLabel } = usePageContextLabels();\r\n const [searchTermIndex, setSearchTermIndex] = useState(-1);\r\n const [searchTerms, setSearchTerms] = useState(terms);\r\n const [searchLink] = useState('#');\r\n const [hasChanged, setHasChanged] = useState(false);\r\n const { pubInfo, toc } = useTocContext();\r\n const location = useLocation();\r\n var context = CONTEXTHELPERS.generateContext(location.pathname);\r\n\r\n\r\n useEffect(() => {\r\n setSearchTerms(document?.querySelector('.search-results')?.querySelectorAll('em'));\r\n }, [props.filteredResultCount]);\r\n\r\n useEffect(() => {\r\n setIsActive(isExpanded);\r\n }, [isExpanded]);\r\n\r\n useEffect(() => {\r\n if (isActive && inputRef.current) inputRef.current.focus();\r\n if (!isActive) {\r\n if (document.getElementsByClassName('search-badge-article').length === 0) {\r\n setValue(\"\");\r\n }\r\n }\r\n }, [isActive,setValue])\r\n\r\n useEffect(() => {\r\n setValue(value);\r\n }, [value,setValue]);\r\n\r\n useEffect(() => {\r\n setSearchTerms(terms);\r\n setSearchTermIndex(-1);\r\n }, [terms]);\r\n\r\n const scrollToSelectedSearch = (term) => {\r\n var elementToScroll = document.getElementById('annot-list') || document.getElementById('book-list');\r\n if (elementToScroll) {\r\n elementToScroll.scrollTop = term.offsetTop - 180;\r\n }\r\n }\r\n\r\n const handlePrevNext = (direction, event) => {\r\n event.preventDefault();\r\n\r\n let index = searchTermIndex;\r\n\r\n if (index >= 0) {\r\n searchTerms[index].classList.remove('current');\r\n }\r\n\r\n index += (direction === 'prev') ? -1 : 1;\r\n\r\n if (index < 0) {\r\n index = searchTerms.length - 1;\r\n }\r\n\r\n if (index > searchTerms.length - 1) {\r\n index = 0;\r\n }\r\n\r\n if (index >= 0) {\r\n searchTerms[index].classList.add('current');\r\n scrollToSelectedSearch(searchTerms[index]);\r\n }\r\n\r\n setSearchTermIndex(index);\r\n\r\n // if selected term is hidden, expand section\r\n if (searchTerms[index].offsetParent === null) {\r\n expandParentSections(index);\r\n }\r\n\r\n setTimeout(() => moveTo(index), 0);\r\n }\r\n\r\n const expandParentSections = (index) => {\r\n const el = searchTerms[index];\r\n const sectionsToExpand = [];\r\n let currentEl = el;\r\n\r\n while (currentEl !== null) {\r\n if (currentEl.hasAttribute('data-expandable-uuid') && !currentEl.classList.contains('open')) {\r\n sectionsToExpand.push(currentEl.dataset.expandableUuid);\r\n }\r\n currentEl = currentEl.parentElement.closest('[data-expandable-uuid]');\r\n }\r\n }\r\n\r\n const moveTo = (index) => {\r\n let offset = searchTerms[index].getBoundingClientRect().top + window.pageYOffset + -130;\r\n\r\n window.scrollTo({\r\n top: offset,\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n setSearchTermIndex(-1);\r\n\r\n }, [value]);\r\n\r\n useEffect(() => {\r\n UTILITIESHELPER.setLocalStorage(\"rp-is-search-start\", false);\r\n }, [isFixed]);\r\n\r\n function handleChange(event) {\r\n setValue(event.target.value);\r\n setHasChanged(true);\r\n UTILITIESHELPER.setLocalStorage(\"rp-is-search-start\", false);\r\n }\r\n\r\n function handleClose() {\r\n setIsActive(prevVal => !prevVal);\r\n onClose();\r\n }\r\n\r\n function getTitle() {\r\n if (pubInfo?.title?.title) {\r\n return CONTEXTHELPERS.generateFolioTitleFromFilename(get(context, 'pageFileName', ''));\r\n }\r\n\r\n return toc?.nav_title || \"\r\n
\r\n \r\n {selectedHeading}\r\n \r\n
\r\n {!deleteStarted &&\r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n {deleteAnnotationMessage}
\r\n\r\n Delete\r\n \r\n
\r\n \r\n {closeMessage}\r\n
\r\n \r\n \r\n \r\n {value && !hasChanged && ()}\r\n {value && hasChanged && ()}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nCommonSearchbar.defaultProps = {\r\n isExpanded: false,\r\n isFixed: false,\r\n style: {},\r\n className: '',\r\n placeholder: '',\r\n showSearchLink: false,\r\n value: '',\r\n setValue: () => { },\r\n terms: [],\r\n onClose: () => { },\r\n returnUrl: null\r\n}\r\n\r\nexport default CommonSearchbar","import React from 'react';\r\nimport Dropdown from '../Common/Dropdown';\r\nimport cx from 'classnames'\r\nimport { usePageContextLabels } from '../../contexts/PageContext';\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\nfunction CategoryTrigger({ selectedCategories, dropDownCategories, isAllCategorySelected, customClass }) {\r\n const { getLabel } = usePageContextLabels();\r\n const getCategoriesLabel = () => {\r\n let selectedLabels = [];\r\n dropDownCategories.forEach(cat => {\r\n if (selectedCategories.includes(cat.category_guid)) {\r\n selectedLabels.push(cat.label);\r\n }\r\n })\r\n return selectedLabels.join(', ');\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {searchTermIndex + 1}/{searchTerms?.length}\r\n
\r\n \r\n handlePrevNext('next', e)} disabled={!searchTerms?.length}\r\n >\r\n \r\n \r\n handlePrevNext('prev', e)} disabled={!searchTerms?.length}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n 0, \"an-dd-dashboard-filter-active-all-cat\": isAllCategorySelected }, customClass)}>\r\n {!selectedCategories.length ? {getLabel(\"hh_Category\", \"Category\")} :\r\n isAllCategorySelected ? {getLabel(\"hh_AllCategories\", \"All Categories\")}\r\n : dropDownCategories.map((ele) => {\r\n return <>\r\n {ele && selectedCategories.length === 1 && selectedCategories.includes(ele.category_guid) ?\r\n
\r\n )\r\n}\r\n\r\nfunction CategoryItem({ category, onClick, isChecked, classNameCheckmark, onChange }) {\r\n function handleClick() {\r\n onClick(category);\r\n }\r\n\r\n let classNames = 'an-dd-category-item-dropdown';\r\n\r\n const styledCheckbox = { visibility: isChecked ? 'visible' : 'hidden' }\r\n\r\n const categoryBackgroundColor = { backgroundColor: category.color }\r\n\r\n return (\r\n \r\n
: null\r\n }\r\n\r\n \r\n })}\r\n {selectedCategories?.length > 1 && !isAllCategorySelected ?\r\n \r\n \r\n \r\n {\r\n ele?.label\r\n }\r\n \r\n
\r\n \r\n {getCategoriesLabel()}\r\n
\r\n : null\r\n }\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nfunction CategoryDropdown({ categories, selectedCategories, onSelect, isAllCategorySelected, bookmarks, customClass }) {\r\n function handleSelect(category) {\r\n onSelect(category);\r\n }\r\n\r\n function isCheckedValue(c) {\r\n if (c.category_guid === 'cat0') {\r\n return isAllCategorySelected;\r\n }\r\n if (c.category_guid && selectedCategories.length) {\r\n return selectedCategories.includes(c.category_guid)\r\n }\r\n }\r\n\r\n const allCategoryModel = { category_guid: 'cat0', label: 'All Categories', color: '', last_referenced_date: '', IsSpecificToBookmark: false };\r\n const dropDownCategories = [allCategoryModel, ...categories];\r\n const listItems = dropDownCategories.map((c) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {category?.label?.length > 20 ? (category?.label === category?.label?.toUpperCase() ? category?.label?.substring(0, 17).concat('...') : category?.label?.substring(0, 20).concat('...')) : category?.label ? category.label : \"\" }\r\n
\r\n \r\n ![\"calendar\"](\"/images/icon-calendar-picker.svg\")
\r\n
\r\n )\r\n}\r\n\r\nexport default CalendarIcon","import React, { useEffect, useState } from 'react';\r\nimport Dropdown from './Dropdown';\r\nimport DatePicker from 'react-date-picker/dist/entry.nostyle';\r\nimport DateRangePicker from '@wojtekmaj/react-daterange-picker';\r\nimport CalendarIcon from './CalendarIcon';\r\nimport cx from 'classnames';\r\nimport { usePageContextLabels, usePageContext } from '../../contexts/PageContext';\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\n\r\n\r\nconst DateSelector = ({ onChange, reset }) => {\r\n const [selectedTypeDate, setSelectedTypeDate] = useState(\"\");\r\n const [singleDate, setSingleDate] = useState()\r\n const [rangeDate, setRangeDate] = useState([])\r\n const [displayText, setDisplayText] = useState()\r\n const { getLabel } = usePageContextLabels();\r\n const { language, context } = usePageContext();\r\n const today = new Date();\r\n const minDate = new Date(2022, 0, 1)\r\n var dateSelection;\r\n let closeMessage;\r\n if (context.pageType === 'annotations' ) {\r\n closeMessage=getLabel(\"hh_AnnotationsDatePicker\",\"See annotations dated:\")\r\n } \r\n else if (context.pageType === 'bookmarks' ) {\r\n closeMessage= getLabel(\"hh_bookmarkDated\",\"bookmark dated:\");\r\n } \r\n \r\n const handleDateSelection = (selectedType, e) => {\r\n if (selectedType === \"single\") {\r\n setSingleDate(e)\r\n dateSelection = [e, e]\r\n } else {\r\n setRangeDate(e)\r\n dateSelection = e\r\n }\r\n onChange(dateSelection)\r\n }\r\n\r\n const handleSelectedType = (selectedType) => {\r\n setSelectedTypeDate(selectedType)\r\n if(selectedType === \"single\" && singleDate)\r\n dateSelection = [singleDate, singleDate]\r\n else if(selectedType === \"range\" && rangeDate.length>0)\r\n dateSelection = rangeDate\r\n else\r\n dateSelection = undefined\r\n \r\n if(dateSelection){\r\n onChange(dateSelection)\r\n }\r\n else{\r\n onChange()\r\n }\r\n }\r\n\r\n function DateTrigger() {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n function getTriggerEl() {\r\n return \r\n {\r\n displayText ? displayText : getLabel('hh_AnnotationsDate','Date')\r\n }\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n handleSelectedType(\"single\")} tabIndex={0}>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n handleSelectedType(\"range\")} tabIndex={0}>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Range:
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n {filteredViewedAnnotation && filteredViewedAnnotation.length > 0 &&\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {getLabel(\"hh_AnnotationsFilterBy\", \"Filter By\")}\r\n
\r\n {/* // Category Filter */}\r\n \r\n
\r\n {/* //date filter */}\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n {(filteredViewedAnnotation && filteredViewedAnnotation.length > 0) &&\r\n \r\n
\r\n \r\n {getLabel(\"hh_AnnotationsView\", \"View\")}\r\n
\r\n setSelectedAnnotationType(\"viewAll\")} onKeyDown={(e) => accessibleCheck(e, \"viewAll\")} tabIndex={0}>\r\n \r\n \r\n
\r\n setSelectedAnnotationType(\"Highlights\")} onKeyDown={(e) => accessibleCheck(e, \"Highlights\")} tabIndex={0}>\r\n \r\n \r\n
\r\n setSelectedAnnotationType(\"Comments\")} onKeyDown={(e) => accessibleCheck(e, \"Comments\")} tabIndex={0}>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n {filteredViewedAnnotation.length > 0 && filteredViewedAnnotation.map((item) => {\r\n return
\r\n \r\n i.category_guid === item.category_guid)} item={item} searchText={value} modifyDeleteGuids={modifyDeleteGuidsHandler} isChecked={isCheckedValue(item.annotation_guid)}> \r\n
\r\n })}\r\n \r\n {(!filteredViewedAnnotation || filteredViewedAnnotation.length === 0) &&\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n No Annotations data available
\r\n\r\n
\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default AnnotationsDashboard;\r\n","\r\nimport React from 'react';\r\n\r\nconst RecentlyViewedItem = ({ item }) => {\r\n\r\n var title = item.title?.split('/');\r\n var header = getTitleToDisplay(title, 1);\r\n var breadcrumb = item.title;\r\n\r\n function getTitleToDisplay(title, index) {\r\n var finalHeader = (title && title?.length > 0) ? title[title?.length - index].trim() : \"\";\r\n if (finalHeader?.length === 0) {\r\n return getTitleToDisplay(title, index + 1);\r\n }\r\n else {\r\n return finalHeader;\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default RecentlyViewedItem;","import React, { useEffect, useState } from 'react';\r\nimport RecentlyViewedItem from './RecentlyViewedItem';\r\nimport RecentViewedService from '../../helpers/RecentlyViewedServices';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { usePageContext } from '../../contexts/PageContext';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { useRecentViewContext } from '../../contexts/RecentViewContext';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\n\r\nconst RecentlyViewed = () => {\r\n const [list,setList] = useState([]);\r\n const location = useLocation();\r\n const { context, getMemberFirmID } = usePageContext();\r\n const memberFirmId = getMemberFirmID();\r\n const { setRecentViewHistory } = useRecentViewContext()\r\n const today = todayDate();\r\n const yesterday = YesterdayDate();\r\n const dayBeforeYesterday = dayBeforeYesterdayDate();\r\n const thisweek = getThisWeek();\r\n const lastweek = getLastWeek();\r\n\r\n useEffect(() => {\r\n const fetchHistory = async () => {\r\n const recentHistoryDetails = JSON.parse(UTILITIESHELPER.getLocalStorage('recent-view-history'))\r\n setRecentViewHistory(recentHistoryDetails)\r\n var list = recentHistoryDetails?.[context.memberFirm]?.[context.knowledgeDomain] || []\r\n var todaylist = [];\r\n var yesterdaylist = [];\r\n var thisweeklist = [];\r\n var lastweeklist = [];\r\n var earlierlist = [];\r\n list.forEach(element => {\r\n var singleEl = {\r\n created_date: new Date(element.created_date),\r\n title: element.title,\r\n relative_url: element.relative_url\r\n }\r\n if (singleEl.created_date != null && singleEl.created_date > yesterday) {\r\n todaylist.push(singleEl)\r\n } else if (singleEl.created_date !== null && singleEl.created_date < today && singleEl.created_date > dayBeforeYesterday) {\r\n yesterdaylist.push(singleEl)\r\n } else if (singleEl.created_date !== null && singleEl.created_date > thisweek[0] && singleEl.created_date < thisweek[1]) {\r\n thisweeklist.push(singleEl)\r\n } else if (singleEl.created_date !== null && singleEl.created_date > lastweek[0] && singleEl.created_date < lastweek[1]) {\r\n lastweeklist.push(singleEl)\r\n } else if (singleEl.created_date !== null) {\r\n earlierlist.push(singleEl)\r\n }\r\n });\r\n const dataList = []\r\n if(todaylist.length) dataList.push({ title: 'Today', data: todaylist})\r\n if(yesterdaylist.length) dataList.push({ title: 'Yesterday', data: yesterdaylist})\r\n if(thisweeklist.length) dataList.push({ title: 'This Week', data: thisweeklist})\r\n if(lastweeklist.length) dataList.push({ title: 'Last Week', data: lastweeklist})\r\n if(earlierlist.length) dataList.push({ title: 'Earlier', data: earlierlist})\r\n setList(dataList);\r\n };\r\n fetchHistory();\r\n }, [memberFirmId]);//eslint-disable-line\r\n\r\n // Date functions\r\n\r\n function todayDate() {\r\n const date = new Date();\r\n date.setHours(23, 59, 59, 100);\r\n const dateCopy = new Date(date.getTime());\r\n return dateCopy;\r\n }\r\n\r\n function YesterdayDate() {\r\n const date = new Date(today);\r\n date.setHours(23, 59, 59, 100);\r\n const dateCopy = new Date(date.getTime());\r\n dateCopy.setDate(today.getDate() - 1)\r\n return dateCopy;\r\n }\r\n\r\n function dayBeforeYesterdayDate() {\r\n const date = new Date(today);\r\n date.setHours(23, 59, 59, 999);\r\n const dateCopy = new Date(date.getTime());\r\n dateCopy.setDate(today.getDate() - 2)\r\n return dateCopy;\r\n }\r\n\r\n function getThisWeek() {\r\n var currDate = new Date;\r\n var yesterdaycopy = new Date(yesterday);\r\n currDate.setHours(0, 0, 0, 0);\r\n var firstday = new Date(currDate.setDate(currDate.getDate() - currDate.getDay()));\r\n var lastday = new Date(yesterdaycopy.setDate(yesterdaycopy.getDate() - 1));\r\n return [firstday, lastday];\r\n }\r\n\r\n function getLastWeek() {\r\n let today = new Date();\r\n let t = today.getDay();\r\n let sunday = new Date(today.getFullYear(), today.getMonth(), today.getDate() - t - 7); //sunday from last week\r\n let todaydate = today\r\n todaydate.setHours(23, 59, 59, 100);\r\n todaydate.setDate(todaydate.getDate() - t - 1);\r\n let saturday = new Date(todaydate); //saturday from last week\r\n return [sunday, saturday];\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {\r\n decodeURIComponent(header)\r\n }\r\n \r\n
\r\n{decodeURIComponent(breadcrumb)}
\r\n\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\nexport default RecentlyViewed;","import React,{ useEffect, useState } from 'react';\r\nimport { useUserPreferencesContext } from '../../contexts/AnnotationsContext';\r\nimport getTextWithSearchHighlight from '../../helpers/getTextWithSearchHighlight';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\n\r\nexport const BookmarksListItems = ({\r\n category,\r\n item,\r\n modifyDeleteGuids,\r\n searchText,\r\n}) => {\r\n const {setViewedBookmark} = useUserPreferencesContext();\r\n const [BookmarkItem, setBookmarkItem] = useState(item);\r\n const navigate = useNavigate();\r\n const bookmarkTitle = BookmarkItem.page_bread_crumb.split('/').slice(1).join('|');\r\n\r\n useEffect(() => {\r\n setBookmarkItem(prev => {\r\n return {\r\n ...prev,\r\n checked: false\r\n }\r\n })\r\n }, [item]);\r\n\r\n function redirectToArticle() {\r\n setViewedBookmark(LINKHELPERS.getGUID(BookmarkItem.page_url));\r\n navigate(BookmarkItem.page_url);\r\n }\r\n\r\n function handleChange() {\r\n setBookmarkItem(prev => {\r\n modifyDeleteGuids(BookmarkItem.bookmark_guid, !prev.checked)\r\n return {\r\n ...prev,\r\n checked: !prev.checked\r\n }\r\n });\r\n }\r\n\r\n return (\r\n\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n No history data available
\r\n\r\n {list && list.length > 0 &&\r\n list.map((item, p) => {\r\n return (\r\n
\r\n \r\n
\r\n {\r\n item.data.map((element, i) => {\r\n return (\r\n
\r\n );\r\n })\r\n }\r\n {item.title}
\r\n\r\n {\r\n item.data.map((element, i) => {\r\n return (\r\n
\r\n
\r\n\r\n \r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport AnnotationDeleteModal from \"./AnnotationDeleteModal\";\r\nimport { useUserPreferencesContext, ACTIONS as ANN_ACTIONS } from '../../contexts/AnnotationsContext';\r\nimport CommonSearchbar from '../Common/CommonSearchbar';\r\nimport { usePageContextLabels,usePageContext } from '../../contexts/PageContext';\r\nimport CategoryDropdown from \"../Common/CategoryDropdown\";\r\nimport DateSelector from '../Common/DateSelector';\r\nimport { BookmarksListItems } from './BookmarksListItems';\r\nimport cx from 'classnames';\r\nimport BookmarkService from '../../helpers/BookmarkServices';\r\nimport { useLocation } from 'react-router-dom';\r\nimport CategoryService from '../../helpers/CategoryServices';\r\n\r\nexport const BookmarksDashboard = () => {\r\n const [bookmarks, setBookmarks] = useState([])\r\n const [isDeleteModalVisible, setIsDeleteModalVisible] = useState();\r\n const [filteredBookmarks, setFilteredBookmarks] = useState([]);\r\n const [shouldShowOverlayDelete, setShouldShowOverlayDelete] = useState(false);\r\n const [messageDelete, setMessageDelete] = useState('');\r\n const [selectedCategory, setSelectedCategory] = useState([]);\r\n const [selectedDate, setSelectedDate] = useState();\r\n const [isAllCategorySelected, setIsAllCategorySelected] = useState(false);\r\n const [filteredViewedBookmark, setFilteredViewedBookmark] = useState([]);\r\n const [deleteGuids, setDeleteGuids] = useState([]);\r\n const [value, setValue] = useState('');\r\n const [searchTerms, setSearchTerms] = useState(0);\r\n const { getLabel } = usePageContextLabels();\r\n const { state: annState, dispatch, viewClickedAnnotation, setViewClickedAnnotation } = useUserPreferencesContext();\r\n const [resetDates, setResetDates] = useState(false);\r\n const [dateFilter, setDatefilter] = useState(false);\r\n const location = useLocation();\r\n const [categories, setCategories] = useState([]);\r\n const { context, getMemberFirmID } = usePageContext();\r\n const memberFirmId = getMemberFirmID();\r\n \r\n useEffect(() => {\r\n return () => {\r\n setViewClickedAnnotation(null);\r\n }\r\n }, [])//eslint-disable-line\r\n\r\n useEffect(() => {\r\n if (viewClickedAnnotation && filteredBookmarks) {\r\n let newBookData = filteredBookmarks.filter(item => item.reference_identifier === viewClickedAnnotation)\r\n setFilteredViewedBookmark(newBookData);\r\n }\r\n else {\r\n setFilteredViewedBookmark([...filteredBookmarks]);\r\n }\r\n }, [filteredBookmarks, viewClickedAnnotation])\r\n\r\n useEffect(() => {\r\n const fetchCategories = async () => {\r\n var categories = await CategoryService.fetchCategories(location.pathname, memberFirmId);\r\n dispatch({\r\n type: ANN_ACTIONS.CATEGORY_LOAD,\r\n payload: categories,\r\n });\r\n };\r\n\r\n const fetchBookmark = async () => {\r\n const bookmarks = await BookmarkService.fetchBookmarkDashboard(location.pathname, memberFirmId);\r\n dispatch({\r\n type: ANN_ACTIONS.BOOKMARKS_LOAD,\r\n payload: bookmarks,\r\n });\r\n };\r\n\r\n fetchCategories();\r\n fetchBookmark();\r\n }, [memberFirmId]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n setCategories(annState?.categories);\r\n }, [annState?.categories]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n setBookmarks(annState?.bookmarks);\r\n }, [annState?.bookmarks]);//eslint-disable-line\r\n\r\n\r\n useEffect(() => {\r\n const resultsContainer = document.querySelector('.book-list');\r\n const searchTerms = resultsContainer?.querySelectorAll('.highlight-search');\r\n setSearchTerms(searchTerms);\r\n return () => {\r\n setSearchTerms([]);\r\n }\r\n }, [value]);\r\n\r\n useEffect(() => {\r\n setFilteredBookmarks(filterBookmarks());\r\n }, [selectedCategory, selectedDate, bookmarks]);//eslint-disable-line\r\n\r\n function modifyDeleteGuidsHandler(val, opr) {\r\n if (opr === true) {\r\n setDeleteGuids(pre => [...pre, val]);\r\n } else {\r\n setDeleteGuids(pre => pre.filter(guid => guid !== val));\r\n }\r\n }\r\n\r\n function deleteAnnotationModal() {\r\n if (deleteGuids && deleteGuids.length > 0) {\r\n setMessageDelete(getLabel(\"hh_BookmarkDeleteIntroDashboard\", \"You are about to permanently delete {0} bookmark(s).\").replace('{0}', deleteGuids.length) + getLabel(\"hh_DeleteIntroProceed\", \"Would you like to proceed?\"))\r\n setIsDeleteModalVisible(true);\r\n setShouldShowOverlayDelete(true);\r\n }\r\n }\r\n\r\n function filterBookmarks() {\r\n var filterBookmarks = bookmarks;\r\n if (selectedCategory && selectedCategory.length > 0) { //Filter by Category\r\n filterBookmarks = filterBookmarks.filter(item => selectedCategory.includes(item.category_guid));\r\n }\r\n if (selectedDate) { //Filter by date\r\n var fromDate = new Date(selectedDate[0]);\r\n var toDate = new Date(selectedDate[1]);\r\n toDate.setHours(23, 59, 59, 0);\r\n\r\n filterBookmarks = filterBookmarks.filter((item) => new Date(item.created_date) >= fromDate && new Date(item.created_date) <= toDate);\r\n }\r\n return filterBookmarks;\r\n }\r\n\r\n function handleDateSelection(date) {\r\n if (date)\r\n setDatefilter(true)\r\n setSelectedDate(date);\r\n }\r\n\r\n function handleCategorySelect(category) {\r\n if (category.category_guid !== \"cat0\") {\r\n setIsAllCategorySelected(false);\r\n if (selectedCategory.includes(category.category_guid)) {\r\n let categories = selectedCategory.filter(ele => ele !== category.category_guid);\r\n setSelectedCategory(prev => [...categories]);\r\n } else {\r\n setSelectedCategory(prev => [...prev, category.category_guid]);\r\n }\r\n } else {\r\n setIsAllCategorySelected(prev => {\r\n if (prev) {\r\n setSelectedCategory(prev => []);\r\n } else {\r\n let categories = annState.categories.map(ele => ele.category_guid);\r\n setSelectedCategory(prev => [...categories]);\r\n }\r\n return !prev\r\n });\r\n }\r\n document.dispatchEvent(new CustomEvent('dd:requestClose'));\r\n\r\n }\r\n\r\n function clearFilters() {\r\n setSelectedCategory([])\r\n setResetDates(!resetDates)\r\n setDatefilter(false)\r\n setIsAllCategorySelected(false);\r\n }\r\n\r\n async function DeleteBookmarks(guids) {\r\n const bookmarks = await BookmarkService.deleteBookmarks(location.pathname, guids);\r\n if (bookmarks) {\r\n dispatch({\r\n type: ANN_ACTIONS.BOOKMARK_BULK_REMOVE,\r\n payload: guids,\r\n });\r\n setDeleteGuids([]);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {categories && categories.length > 0 && \r\n \r\n
\r\n \r\n
\r\n \r\n {getTextWithSearchHighlight(bookmarkTitle, searchText)} \r\n {getTextWithSearchHighlight(category.label, searchText)} \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n {filteredViewedBookmark && filteredViewedBookmark.length > 0 &&\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {getLabel(\"hh_AnnotationsFilterBy\", \"Filter By\")}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {filteredViewedBookmark && filteredViewedBookmark.length > 0 &&\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n {filteredViewedBookmark && filteredViewedBookmark.length > 0 && filteredViewedBookmark.map((item) => {\r\n return
\r\n \r\n i.category_guid === item.category_guid)} item={item} searchText={value} modifyDeleteGuids={modifyDeleteGuidsHandler} />\r\n
\r\n })}\r\n \r\n {(!filteredViewedBookmark || filteredViewedBookmark.length === 0) &&\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n No Bookmarks data available
\r\n\r\n
\r\n }\r\n \r\n\r\n )\r\n}\r\nexport default BookmarksDashboard;\r\n","import React, { useEffect } from 'react';\r\nimport AnnotationsDashboard from './AnnotationsDashboard';\r\nimport RecentlyViewed from './RecentlyViewed';\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { usePageContext, usePageContextLabels, usePageContextSettings } from '../../contexts/PageContext';\r\nimport { BookmarksDashboard } from './BookmarksDashboard';\r\n\r\n\r\nconst ResearchDashboard = () => {\r\n const { getLabel } = usePageContextLabels();\r\n const { context, isMemberFirmsLoaded } = usePageContext();\r\n const navigate = useNavigate();\r\n const { isDashboardEnabled, isAnnotationsEnabled, isRecentlyViewedEnabled, isBookmarksEnabled } = usePageContextSettings();\r\n\r\n useEffect(() => {\r\n if (isMemberFirmsLoaded && !isDashboardEnabled()) {\r\n navigate(`/${context.memberFirm}/${context.language}/${context.knowledgeDomain}`);\r\n }\r\n }, [isMemberFirmsLoaded]);//eslint-disable-line\r\n\r\n function navigateTo(dashboard) {\r\n navigate([context.pageBaseURL, dashboard].join(\"/\"));\r\n }\r\n\r\n return (\r\n <>\r\n {isMemberFirmsLoaded && \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default ResearchDashboard;\r\n","\r\nimport React, { useState, useEffect} from 'react';\r\nimport Select, { components } from 'react-select';\r\nimport WindowedSelect from 'react-windowed-select';\r\nimport { Link } from 'react-router-dom';\r\nimport cx from 'classnames';\r\n\r\nimport { useThemeContext } from '../../contexts/ThemeContext';\r\n\r\n\r\nconst white = '#ffffff';\r\nconst gray = '#e8e8e8';\r\n\r\nexport const menuIsOpenStyle = (state, openStyle, closedStyle) => {\r\n return state.selectProps.menuIsOpen ? openStyle : closedStyle\r\n}\r\n\r\nconst ReactSelectDropdown = ({\r\n options,\r\n styles,\r\n placeholder,\r\n menuIsOpen,\r\n selectedDisplayValue,\r\n defaultValue,\r\n onAfterChange,\r\n renderOptionsAsLinks,\r\n handleClick,\r\n shouldUseWindowedSelect,\r\n classNamePrefix,\r\n onKeyDown,\r\n getIsOptionSelected,\r\n customComponents,\r\n isSearchable,\r\n classNameContainer,\r\n}) => {\r\n const [selectedOption, setSelectedOption] = useState(defaultValue);\r\n const { isDarkMode } = useThemeContext();\r\n\r\n useEffect(() => {\r\n onAfterChange(selectedOption)\r\n }, [selectedOption,onAfterChange])\r\n\r\n\r\n\r\n\r\n const customStyles = {\r\n placeholder: (provided, state) => ({\r\n ...provided,\r\n\t\t\tcolor: '#a3a3a3',\r\n maxWidth: 'calc(100% - 32px)',\r\n overflow: 'hidden',\r\n position: 'absolute',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n ...styles(provided, state).placeholder,\r\n }),\r\n input: (provided, state) => ({\r\n ...provided,\r\n color: isDarkMode ? gray : '#000000',\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n background: isDarkMode ? state.isSelected ? 'rgba(255, 255, 255, 0.87)' : '#212121' : state.isSelected ? '#f5f5f5' : white,\r\n padding: '8px 16px !important',\r\n color: 'inherit',\r\n transition: 'all 0.2s ease',\r\n cursor: state.isDisabled ? 'not-allowed' : 'pointer !important',\r\n \"&:hover\": {\r\n ...provided,\r\n background: isDarkMode ? 'rgba(255, 255, 255, 0.87)' : '#f5f5f5',\r\n color: isDarkMode ? 'rgba(0, 0, 0, 0.87)' : '#000000',\r\n '&:active': {\r\n background: isDarkMode ? 'rgba(255, 255, 255, 0.87)' : '#f5f5f5',\r\n },\r\n },\r\n '&:active': {\r\n ...provided[':active'],\r\n backgroundColor: isDarkMode ? 'rgba(255, 255, 255, 0.87)' : '#f5f5f5',\r\n },\r\n ...styles(provided, state).option,\r\n }),\r\n valueContainer: (provided, state) => ({\r\n ...provided,\r\n ...styles(provided, state).valueContainer,\r\n }),\r\n\r\n singleValue: (provided, state) => ({\r\n ...provided,\r\n paddingRight: 21,\r\n\t\t\tcolor: isDarkMode ? '#ffffff' : '#000000',\r\n position: 'relative',\r\n transform: 'none',\r\n maxWidth: '100%',\r\n ...styles(provided, state).singleValue,\r\n }),\r\n container: (provided, state) => ({\r\n ...provided,\r\n fontSize: 14,\r\n flexGrow: 1,\r\n ...styles(provided, state)?.container,\r\n }),\r\n control: (provided, state) => ({\r\n ...provided,\r\n cursor: 'pointer',\r\n transition: '0.2s border-color',\r\n height: '100%',\r\n minHeight: 37,\r\n borderRadius: 4,\r\n borderBottomLeftRadius: menuIsOpenStyle(state, 0),\r\n borderBottomRightRadius: menuIsOpenStyle(state, 0),\r\n boxShadow: \"none\",\r\n border: `1px solid ${isDarkMode ? '#757575' : '#d9d9d9'}`,\r\n padding: '0 8px !important',\r\n backgroundColor: menuIsOpenStyle(state, isDarkMode ? '#212121' : '#ffffff'),\r\n width: '100%',\r\n backgroundSize: '20px 20px',\r\n backgroundImage: isDarkMode ? 'url(/images/dropdown-arrow-default-darkmode.svg)' :'url(/images/dropdown-arrow-gray.svg)',\r\n backgroundPosition: 'calc(100% - 10px) center',\r\n backgroundRepeat: 'no-repeat',\r\n\t\t\t\"&:hover\": {\r\n color: 'inherit'\r\n },\r\n ...styles(provided, state).control,\r\n }),\r\n indicatorsContainer: (provided) => ({\r\n ...provided,\r\n padding: 0,\r\n }),\r\n indicatorSeparator: (provided) => ({\r\n ...provided,\r\n display: 'none',\r\n }),\r\n dropdownIndicator: (provided, state) => {\r\n return ({\r\n display: 'none',\r\n })\r\n },\r\n menu: (provided, state) => {\r\n return ({\r\n ...provided,\r\n margin: 'auto',\r\n marginTop: 0,\r\n boxShadow: 'none',\r\n border: `1px solid ${isDarkMode ? '#757575' : '#d9d9d9'}`,\r\n borderRadius: 4,\r\n borderBottomLeftRadius: shouldUseWindowedSelect ? 2 : '',\r\n borderBottomRightRadius: shouldUseWindowedSelect ? 2 : '',\r\n backgroundColor: isDarkMode ? '#212121' : 'white',\r\n ...styles(provided, state).menu,\r\n })\r\n },\r\n menuList: (provided, state) => {\r\n return ({\r\n ...provided,\r\n maxHeight: 225,\r\n \"::-webkit-scrollbar\": {\r\n width: 8,\r\n\t\t\t\t\tbackground: isDarkMode ? '#212121' : '#ffffff'\r\n },\r\n \"::-webkit-scrollbar-track\": {\r\n background: isDarkMode ? '#212121' : '#ffffff'\r\n },\r\n \"::-webkit-scrollbar-thumb\": {\r\n background: isDarkMode? 'rgba(255, 255, 255, 0.54)' : '#e0e0e0',\r\n\t\t\t\t\tborderRadius: 4\r\n },\r\n ...styles(provided, state).menuList,\r\n ...styles(provided, state)?.menuList,\r\n\r\n })\r\n },\r\n group: (provided, state) => ({\r\n ...provided,\r\n ...styles(provided, state)?.group,\r\n }),\r\n groupHeading: (provided, state) => ({\r\n ...provided,\r\n ...styles(provided, state)?.groupHeading,\r\n })\r\n }\r\n\r\n const SingleValue = ({ children, ...props }) => {\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n {isAnnotationsEnabled() && context.pageType === 'annotations' &&\r\n
\r\n \r\n
\r\n
\r\n \r\n {isAnnotationsEnabled() &&\r\n
\r\n \r\n
\r\n }\r\n {isBookmarksEnabled() &&\r\n \r\n
\r\n { navigateTo('annotations') }} className={context.pageType === 'annotations' ? 'align-annot-left-panel-items-selected' : 'align-annot-left-panel-items'}>{getLabel(\"usp_annotations\", \"Annotations\")}
\r\n \r\n
\r\n }\r\n {isRecentlyViewedEnabled() &&\r\n \r\n
\r\n { navigateTo('bookmarks') }} className={context.pageType === 'bookmarks' ? 'align-annot-left-panel-items-selected' : 'align-annot-left-panel-items'}>{getLabel(\"usp_bookmarks\", \"Bookmarks\")}
\r\n \r\n
\r\n }\r\n \r\n
\r\n { navigateTo('history') }} className={context.pageType === 'history' ? 'align-annot-left-panel-items-selected' : 'align-annot-left-panel-items'}>{getLabel(\"usp_history\", \"History\")}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport const ControlForPreventingTransitionOnMenuOpenChange = ({ children, ...props }) => {\r\n const { menuIsOpen } = props;\r\n const [shouldPreventTransition, setShouldPreventTransition] = useState(false)\r\n\r\n // The following two useEffects prevent a border-color transition flicker when the dropdown closes\r\n useEffect(() => {\r\n setShouldPreventTransition(!menuIsOpen)\r\n }, [menuIsOpen])\r\n\r\n useEffect(() => {\r\n if (shouldPreventTransition) {\r\n setTimeout(setShouldPreventTransition, 30, false)\r\n }\r\n }, [shouldPreventTransition])\r\n\r\n return (\r\n \r\n
\r\n \r\n option.value === selectedLanguage}\r\n onAfterChange={(option) => setSelectedLanguage(option?.value)}\r\n selectedDisplayValue={(option) => option.label}\r\n options={[\r\n { label: 'English (US)', value: 'en-US' },\r\n //{ label: 'English (UK)', value: 'en-UK' },\r\n { label: 'English (Global)', value: 'en-US' },\r\n ]}\r\n styles={createDropdownStyles}\r\n />\r\n\r\n \r\n
\r\n {getLabel(\"up_GlobalSettings\", \"Global Settings\")}
\r\n{getLabel(\"up_PreferredCatalogs\", \"Preferred Catalogs\")}
\r\n\r\n {renderCatalogCheckboxes(catalogs)}\r\n
\r\n \r\n \r\n {getLabel(\"up_SaveChanges\", \"Save Changes\")}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {getLabel(\"up_GlobalSettings\", \"Global Settings\")}Page Settings
\r\n\r\n \r\n
\r\n \r\n \r\n {getLabel(\"up_SaveChanges\", \"Save Changes\")}\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Unauthorized;","\r\nimport React, { useState, useEffect } from 'react';\r\nimport { throttle, get } from 'lodash';\r\nimport cx from 'classnames';\r\nimport { logs, page } from '../../helpers/log';\r\n\r\nimport HorizontalScrollbar from '../Article/HorizontalScrollbar';\r\nimport JumpLinksList from '../Article/JumpLinksList';\r\nimport ToggleReadingMode from '../Article/ToggleReadingMode';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport { getIsArticlePdf } from './Article';\r\nimport { getJumpLinks, hasJumpLinks } from '../../helpers/JumpLinkHelpers';\r\nimport { useReadingModeContext } from '../../contexts/ReadingModeContext';\r\nimport { useLocation } from 'react-router';\r\nimport { useParams } from 'react-router-dom';\r\nimport getIconSrc from '../../helpers/getIconSrc';\r\nimport PrevNextArticle from './PrevNextArticle';\r\nimport FootnotePopup from '../Article/FootnotePopup';\r\nimport ShareModal from '../Article/ShareModal';\r\nimport Modal from '../Modal/Modal';\r\nimport Toolbar from '../Toolbar/Toolbar';\r\nimport { usePageContextLabels, usePageContext } from '../../contexts/PageContext';\r\nimport DownloadPanel from '../Article/DownloadPanel';\r\nimport { debounce } from 'lodash'\r\nimport DOWNLOADHELPERS from '../../helpers/DownloadHelpers';\r\nimport { ErrorCodes,ErrorMessages } from '../Constants/Errors';\r\nimport HiddenMetadata from './HiddenMetadata';\r\nimport ArticleTag from '../Article/ArticleTag';\r\n\r\nconst getInArticleTOCReadingModeElem = () => document.querySelector('.in-article-toc-reading-mode');\r\n\r\nconst ReadingModeHeader = ({\r\n articleTitle,\r\n showInArticleTOC,\r\n setShowInArticleTOC,\r\n isArticlePdf,\r\n setIsWideMode,\r\n overrideShowInArticleTOC,\r\n shouldBeFixed,\r\n setShouldBeFixed,\r\n enableArticleTag,\r\n containsJumpLinks\r\n\r\n}) => {\r\n const { setIsReadingMode } = useReadingModeContext();\r\n const { getLabel } = usePageContextLabels();\r\n const adjustSidebarHeight = () => {\r\n if (!showInArticleTOC) return;\r\n\r\n const el = document.querySelector('.article-container-reading-mode')\r\n const inArticleTocElem = getInArticleTOCReadingModeElem();\r\n if (!inArticleTocElem || !el) return;\r\n\r\n var rect = el.getBoundingClientRect();\r\n let fullScrollOffset = window.innerHeight - rect.bottom\r\n const footerHeight = 0;\r\n fullScrollOffset = fullScrollOffset > 0 ? fullScrollOffset - footerHeight > 0 ? fullScrollOffset - footerHeight + 1 : fullScrollOffset + 1 : 0\r\n inArticleTocElem.style.maxHeight = `calc(100vh - 48px - ${Math.round(fullScrollOffset)}px)`\r\n }\r\n\r\n const handleScroll = (ev) => {\r\n adjustSidebarHeight();\r\n }\r\n\r\n const throttledScroll = throttle(handleScroll, 16);\r\n\r\n const { pageControllerType } = useParams();\r\n const [downloadPanelOpen, setDownloadPanelOpen] = useState(false)\r\n\r\n function isScrolledIntoView(el, _isArticlePdf) {\r\n if (!el) return;\r\n var rect = el.getBoundingClientRect();\r\n var elemTop = rect.top;\r\n const progressBarOffset = 8\r\n var isVisible = (elemTop >= progressBarOffset)\r\n return isVisible;\r\n }\r\n useEffect(() => {\r\n const el = document.querySelector('.article-container-reading-mode')\r\n isScrolledIntoView(el)\r\n }, [shouldBeFixed])\r\n\r\n useEffect(() => {\r\n const adjustOnScroll = debounce(() => {\r\n const scrolled = document.documentElement.scrollTop;\r\n\r\n if (scrolled >= 0 && scrolled < 165) {\r\n resetDownloadpanelHeight(scrolled);\r\n }\r\n\r\n }, 500);\r\n\r\n window.addEventListener('scroll', adjustOnScroll);\r\n return () => {\r\n window.removeEventListener('scroll', adjustOnScroll);\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n const articleContainerElem = document.querySelector('.article-container-reading-mode')\r\n const _shouldBeFixed = !isScrolledIntoView(articleContainerElem, isArticlePdf)\r\n setShouldBeFixed(_shouldBeFixed)\r\n const handleScroll = (ev) => {\r\n const _shouldBeFixed = !isScrolledIntoView(articleContainerElem, isArticlePdf)\r\n setShouldBeFixed(_shouldBeFixed)\r\n }\r\n const tempThrottledScroll = throttle(handleScroll, 16)\r\n window.addEventListener('scroll', tempThrottledScroll, { passive: true })\r\n return () => {\r\n window.removeEventListener('scroll', tempThrottledScroll);\r\n setShouldBeFixed(false);\r\n }\r\n }, [isArticlePdf, shouldBeFixed])\r\n\r\n useEffect(() => {\r\n if (downloadPanelOpen === true) {\r\n const scrolled = document.documentElement.scrollTop;\r\n resetDownloadpanelHeight(scrolled);\r\n }\r\n }, [downloadPanelOpen])\r\n\r\n\r\n useEffect(() => {\r\n // We're removing the event listener 1st because handleScroll needs to know the state of showInArticleTOC\r\n // so whenever that state changes we remove the old listener and attatch a new one\r\n window.removeEventListener('scroll', throttledScroll);\r\n window.addEventListener('scroll', throttledScroll, { passive: true })\r\n return () => {\r\n window.scrollTo(0, 0);\r\n window.removeEventListener('scroll', throttledScroll);\r\n const inArticleTocElem = getInArticleTOCReadingModeElem();\r\n if (!inArticleTocElem) return;\r\n inArticleTocElem.style.maxHeight = 'initial';\r\n }\r\n }, [showInArticleTOC])\r\n\r\n function resetDownloadpanelHeight(scrolled) {\r\n const elDownloadPanel = document.querySelector('.download-panel')\r\n const eldarkoverlay = document.querySelector('.screen-darken-overlay')\r\n if (elDownloadPanel !== null) {\r\n if (scrolled > 20 && scrolled < 75) {\r\n elDownloadPanel.style.top = (8 + scrolled) + 'px';\r\n } else {\r\n elDownloadPanel.style.top = '';\r\n }\r\n\r\n if (scrolled > 0 && scrolled < 75) {\r\n if (scrolled < 25) {\r\n elDownloadPanel.style.height = ((scrolled - 43) + window.innerHeight) + 'px';\r\n }\r\n if (scrolled > 25) {\r\n elDownloadPanel.style.height = (-25 + window.innerHeight) + 'px';\r\n }\r\n eldarkoverlay.style.height = ((scrolled - 25) + window.innerHeight) + 'px';\r\n }\r\n\r\n if (scrolled === 0) {\r\n elDownloadPanel.style.height = '';\r\n }\r\n }\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n 401 - {getLabel(\"u_UnAuthorized\", \"UnAuthorized\")}
\r\n{getLabel(\"u_UnAuthorized\", \"UnAuthorized\")}
\r\n\r\n \r\n \r\n setIsWideMode(false)} showInArticleTOC={showInArticleTOC} />\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nReadingModeHeader.deaultProps = {\r\n setShowInArticleTOC: () => { },\r\n setIsWideMode: () => { },\r\n setShouldBeFixed: () => { },\r\n enableArticleTag:false\r\n}\r\n\r\nexport const getDisplayTitle = (pubData, isGuidebook) => {\r\n const displayTitle = get(pubData, 'context.title', '') === '' ? '' : get(pubData, 'context.display_title', '') + ' ';\r\n return displayTitle;\r\n}\r\n\r\nconst ArticleReadingMode = (props) => {\r\n const {\r\n pubData, setIsWideMode, publicationType, articleTitle, articleContent,\r\n articleHasLoaded, showInArticleTOC: overrideShowInArticleTOC, shouldBeFixed, setShouldBeFixed, enableArticleTag\r\n } = props;\r\n const location = useLocation();\r\n const isGuidebook = location.pathname.indexOf('/folio/') !== -1;\r\n const { context, isJournalPage } = usePageContext();\r\n\r\n const isArticlePdf = getIsArticlePdf(pubData);\r\n const [_showInArticleTOC, setShowInArticleTOC] = useState(false);\r\n const [containsJumpLinks] = useState(hasJumpLinks(pubData, isGuidebook));\r\n const jumpLinks = getJumpLinks(pubData, isGuidebook, isJournalPage);\r\n const showInArticleTOC = containsJumpLinks && _showInArticleTOC && overrideShowInArticleTOC;\r\n const [shouldShowShareModal, setShouldShowShareModal] = useState(false);\r\n const [shouldShowOverlay, setShouldShowOverlay] = useState(false);\r\n const [isSectionPath, setIsSectionPath] = useState(false);\r\n const [closedToolbar, setClosedToolbar] = useState(true);\r\n const { getLabel } = usePageContextLabels();\r\n // The article title comes espaped (HTML), thats why we need unescape the string\r\n const articleTitleReplaced = decodeHtml(articleTitle).replace(/(<([^>]+)>)/ig, '');\r\n\r\n // Method for unescape a string\r\n function decodeHtml(html) {\r\n const txt = document.createElement(\"textarea\");\r\n txt.innerHTML = html;\r\n return txt.value;\r\n }\r\n\r\n function shareHandler(e) {\r\n setShouldShowShareModal(true);\r\n setShouldShowOverlay(true);\r\n setIsSectionPath(false);\r\n }\r\n useEffect(() => {\r\n function removeRMAnchorClick(e) {\r\n if (!e.target.matches('.article-container-reading-mode a:not(.normal-link-in-reading-mode)')) return;\r\n e.preventDefault();\r\n }\r\n document.addEventListener('click', removeRMAnchorClick);\r\n window.addEventListener('scroll', toggleVisible);\r\n return () => {\r\n document.removeEventListener('click', removeRMAnchorClick)\r\n window.removeEventListener('scroll', toggleVisible);\r\n };\r\n }, []);\r\n\r\n const guidebookDisplayTitle = getDisplayTitle(pubData, isGuidebook);\r\n\r\n \r\n const checkIfDisplayDownloadEnable = DOWNLOADHELPERS.checkIfDisplayDownloadEnable(pubData);\r\n const { downloadPanelOpen, setDownloadPanelOpen } = usePageContext();\r\n const isDownloadableArticle = (\"disclosures\" !== context.pageSelectedSection);\r\n\r\n function interactiveToolbar(e) {\r\n const toolbarContainer = document.querySelector('.toolbar');\r\n if (!toolbarContainer) return;\r\n const selectedText = document.getSelection();\r\n const textStr = selectedText.toString().trim();\r\n if (textStr.length > 0) {\r\n const articleContainer = document.querySelector('.article-container-reading-mode');\r\n const bounds = articleContainer.getBoundingClientRect();\r\n const x = e.clientX + 6;\r\n const y = e.clientY - bounds.top + 36;\r\n toolbarContainer.style.top = (y) + 'px';\r\n toolbarContainer.style.left = (x) + 'px';\r\n setClosedToolbar(false);\r\n } else {\r\n setClosedToolbar(true);\r\n }\r\n }\r\n\r\n function interactiveToolbarClear(e) {\r\n const toolbarContainer = document.querySelector('.toolbar');\r\n if (!toolbarContainer) return;\r\n setClosedToolbar(true);\r\n document.getSelection().empty();\r\n }\r\n\r\n function wordHandler(e) {\r\n e.preventDefault();\r\n setDownloadPanelOpen(prevVal => !prevVal);\r\n }\r\n //Handles the initial pdf download button click\r\n function pdfHandler(e) {\r\n e.preventDefault();\r\n // Save for future state\r\n // setDownloadPanelOpen(prevVal => !prevVal);\r\n const delegate = document.getElementById('single-pdf-download');\r\n if (delegate !== null) {\r\n delegate.click();\r\n } else {\r\n logs.error(page.Article, \"ArticleReadingMode\", ErrorMessages.pdfHandler, {},{eventId:ErrorCodes.Article});\r\n }\r\n }\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: 'smooth',\r\n });\r\n }\r\n\r\n const [visible, setVisible] = useState(false)\r\n\r\n const toggleVisible = () => {\r\n const scrolled = document.documentElement.scrollTop;\r\n if (scrolled > 300) {\r\n setVisible(true)\r\n }\r\n else if (scrolled <= 300) {\r\n setVisible(false)\r\n }\r\n };\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n setShowInArticleTOC(prevVal => !prevVal)}\r\n className={\r\n cx(\"reading-mode-in-article-toc-toggle\",\r\n showInArticleTOC\r\n ? \"reading-mode-in-article-toc-toggle-on\"\r\n : \"reading-mode-in-article-toc-toggle-off\")\r\n }\r\n title=\"\"\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setIsReadingMode('toggle');\r\n setIsWideMode(false);\r\n }}\r\n data-testid='pub-type-logo-reading-mode'\r\n className=\"pub-type-logo-reading-mode\"\r\n title={getLabel('a_ReadModeToggleOff', 'Toggle Read Mode Off')}\r\n >\r\n \r\n \r\n
\r\n \r\n {articleTitle}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {jumpLinks.length > 0 &&\r\n
\r\n \r\n {articleTitleReplaced}\r\n
\r\n\r\n
\r\n {shouldShowShareModal && \r\n \r\n
\r\n Top of Article
\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nSearchbar.defaultProps = {\r\n placeholder: \"\",\r\n style: {},\r\n className: ''\r\n}\r\n\r\nexport default Searchbar;\r\n","import React, { useEffect} from 'react';\r\nimport MainPannel from \"../Common/MainPannel\"\r\nimport Searchbar from \"../Common/Searchbar\"\r\nimport ShowIf from '../Common/ShowIf'\r\nimport UtilitiesHelper from '../../helpers/UtilitiesHelper'\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport { usePageContextLabels, usePageContext } from '../../contexts/PageContext';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport { useGuidebookTocContext } from '../../contexts/GuidebookTocContext';\r\nimport cx from 'classnames';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\n\r\nconst PublicationLandingMainPannel = ({\r\n publicationType,\r\n pubLandingTitle,\r\n preface,\r\n currentAsOfDate,\r\n isWideMode,\r\n pubData\r\n}) => {\r\n\r\n const { setSelectedItemTOC } = useTocContext();\r\n const { getLabel } = usePageContextLabels();\r\n const { guidebookTocLoaded, setGuidebookSectionsLoaded } = useGuidebookTocContext()\r\n const { pageControllerType, setSearchPhrase } = usePageContext();\r\n const { setSearchResults } = useSearchResultContext();\r\n const dateValue = UtilitiesHelper.generateFriendlyDate(currentAsOfDate);\r\n const pubNoticesText = pubData.publicationTOC?.context?.pub_notices_text;\r\n\r\n \r\n useEffect(() => {\r\n setSelectedItemTOC({});\r\n setGuidebookSectionsLoaded(0);\r\n setSearchPhrase('');\r\n setSearchResults([]);\r\n }, []);//eslint-disable-line\r\n\r\n return (\r\n \r\n \r\n\r\n {showRecentHistory === true && !UTILITIESHELPER.isArrayNullorEmpty(annState.recentSearch) &&\r\n
\r\n \r\n {preface} \r\n \r\n \r\n
\r\n\r\n \r\n {pubLandingTitle || getLabel(\"g_Loading\", \"Loading...\")}\r\n
\r\n\r\n {getLabel(\"b_BinaryCurrentAsOf\", \"Current as of:\") + \" \" + dateValue}\r\n
\r\n \r\n
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t);\r\n});\r\n\r\nexport default SearchResult;","import React, { useState, useEffect} from 'react';\r\nimport { useLocation, useNavigate } from 'react-router-dom';\r\nimport { get } from 'lodash';\r\nimport throttle from 'lodash.throttle';\r\nimport cx from 'classnames';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport NavigableSearchbar from '../Common/NavigableSearchbar';\r\nimport Loading from '../Loading/Loading';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport { appInsightUIMapping, logs,page } from \"../../helpers/log\";\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport { setMaxHeightTocBody } from './Article';\r\nimport HorizontalScrollbar from '../Article/HorizontalScrollbar';\r\nimport FixedNavArticle from './FixedNavArticle';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport { useGuidebookTocContext } from '../../contexts/GuidebookTocContext';\r\nimport SearchResult from '../Common/SearchResult';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport ARTICLEHELPERS from '../../helpers/ArticleHelpers';\r\nimport { SCS_KEYS, getFallback } from '../Constants/SCSConstants';\r\nimport { ErrorCodes, ErrorMessages, ErrorTypes } from '../Constants/Errors';\r\nimport useSearchService from '../../services/useSearchService';\r\nimport LINKHELPERS from '../../helpers/LinkHelpers';\r\nimport ResearchAssistantTile from '../Publication/ResearchAssistantTile';\r\n\r\n\r\nconst PublicationSearch = ({\r\n isWideMode,\r\n setIsWideMode,\r\n pubData,\r\n publicationType,\r\n hasAllTocDataLoaded,\r\n pubLandingUrl,\r\n navTitle,\r\n setShouldBeFixed\r\n}) => {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const { getLabel, getMFLabel } = usePageContextLabels();\r\n const { isJournalPage, isSpinePage, context, searchPhrase, setSearchPhrase, setPageURLWhereSearchInnitiated, setNotification, isResearchAssistantEnabled, countryKDSettings } = usePageContext();\r\n const [currentSearchPhrase, setCurrentSearchPhrase] = useState(searchPhrase ? SearchHelpers.toHumanReadable(searchPhrase) : SearchHelpers.toHumanReadable(SearchHelpers.fromQueryString(LINKHELPERS.sanitizeUrl(location?.search))));\r\n const [searchTerms, setSearchTerms] = useState([]);\r\n const [isFixed, setIsFixed] = useState(false);\r\n const { toc, flattenedToc } = useTocContext();\r\n const { getGuidebookSectionData } = useGuidebookTocContext();\r\n const [updateRecentSearches, setUpdateRecentSearches] = useState(0);\r\n const searchService = useSearchService();\r\n\r\n const {\r\n searchResults,\r\n setSearchResults,\r\n activeFilters,\r\n setActiveFilters,\r\n areSearchResultsLoading,\r\n setAreSearchResultsLoading,\r\n searchTimeStamp,\r\n setSearchTimeStamp,\r\n latestRetrieveSearchResultsTimeStampRef\r\n } = useSearchResultContext();\r\n const [isValidSearchPhrase, setIsValidSearchPhrase] = useState(false);\r\n const wildcardsPrefixSearchLimitationNotification = getLabel(SCS_KEYS.wildcardsPrefixSearchLimitation, getFallback(SCS_KEYS.wildcardsPrefixSearchLimitation));\r\n const isResearchAssistantEnabledForKD = UTILITIESHELPER.isResearchAssistantEnabledForKD(countryKDSettings, context.memberFirm, context.knowledgeDomain);\r\n const isResearchAssistantActiveForUser = isResearchAssistantEnabled && isResearchAssistantEnabledForKD ? true : false;\r\n\r\n\r\n function isScrolledIntoView(el) {\r\n if (!el) return;\r\n var rect = el.getBoundingClientRect();\r\n var elemTop = rect.top;\r\n if (!isWideMode) {\r\n setMaxHeightTocBody(rect)\r\n }\r\n // Only completely visible elements return true:\r\n const progressBarOffset = 8\r\n var isVisible = (elemTop >= progressBarOffset)\r\n\r\n return isVisible;\r\n }\r\n\r\n useEffect(() => {\r\n setPageURLWhereSearchInnitiated(location?.pathname + location?.search)\r\n let queryparamsearchphrase = SearchHelpers.toHumanReadable(SearchHelpers.fromQueryString(LINKHELPERS.sanitizeUrl(location?.search)));\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(queryparamsearchphrase)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'PublicationSearch' });\r\n setIsValidSearchPhrase(false);\r\n setAreSearchResultsLoading(false);\r\n setSearchResults([]);\r\n return;\r\n }\r\n else {\r\n setNotification({ message: '', type: ErrorTypes.Error, display: false, appInsightUIMapping: null, componentName: null });\r\n setIsValidSearchPhrase(true);\r\n }\r\n setSearchPhrase(queryparamsearchphrase);\r\n setCurrentSearchPhrase(queryparamsearchphrase);\r\n }, [])//eslint-disable-line\r\n\r\n\r\n useEffect(() => {\r\n const articleContainerElem = document.querySelector('.article-container');\r\n if (articleContainerElem) {\r\n setMaxHeightTocBody(articleContainerElem.getBoundingClientRect());\r\n const handleScroll = (ev) => {\r\n if (!isWideMode) {\r\n setMaxHeightTocBody(articleContainerElem.getBoundingClientRect())\r\n }\r\n setIsFixed(() => {\r\n let isTitleFixed = !isScrolledIntoView(articleContainerElem);\r\n setShouldBeFixed(isTitleFixed);\r\n return isTitleFixed;\r\n });\r\n }\r\n const throttledScroll = throttle(handleScroll, 16)\r\n window.addEventListener('scroll', throttledScroll, { passive: true })\r\n\r\n return () => {\r\n window.removeEventListener('scroll', throttledScroll);\r\n const sidePannelBody = document.querySelector('.side-pannel-body');\r\n if (sidePannelBody) {\r\n sidePannelBody.style.maxHeight = 'none';\r\n }\r\n }\r\n }\r\n }, [isWideMode, areSearchResultsLoading])//eslint-disable-line\r\n\r\n useEffect(() => {\r\n let isCancelled = false;\r\n\r\n const retrieveSearchResults = async (currentsearchPhrase) => {\r\n const currentReqTime = Date.now();\r\n // latestRetrieveSearchResultsTimeStampRef.current = currentReqTime;\r\n if (latestRetrieveSearchResultsTimeStampRef) {\r\n latestRetrieveSearchResultsTimeStampRef.current = currentReqTime;\r\n }\r\n\r\n if(UTILITIESHELPER.isStringNullorEmpty(currentsearchPhrase) || UTILITIESHELPER.isArrayNullorEmpty(flattenedToc)\r\n || !hasAllTocDataLoaded || !Array.isArray(flattenedToc) || flattenedToc?.length === 0\r\n || isCancelled || currentReqTime !== latestRetrieveSearchResultsTimeStampRef.current)\r\n return ;\r\n\r\n try {\r\n\r\n if(isCancelled){\r\n // asynchornous call is still in progress\r\n return ;\r\n }\r\n\r\n setAreSearchResultsLoading(true);\r\n setSearchResults([]);\r\n setActiveFilters([]);\r\n\r\n let pubIds = ARTICLEHELPERS.getpubIdsToQuery(pubData, flattenedToc, isSpinePage, context);\r\n //let results = await RETRIEVALSERVICES.retrieveSearchResults(currentsearchPhrase, pubIds);\r\n //let results = await searchService.getCatalogSearchResponses(pubIds, currentsearchPhrase, 3);\r\n\r\n var results = await searchService.getPublicationSearchResponses(context.pageType, currentsearchPhrase, get(window,'DART.ENV.REACT_APP_COLLECTION_SEARCH_LIMIT',0), pubIds);\r\n if (!UTILITIESHELPER.isArrayNullorEmpty(results)) {\r\n let searchresults = results.filter(x => x.highlightsCount > 0);\r\n const extendedResults = ARTICLEHELPERS.mapSearchResultsToSelectedToc(searchresults, context, isJournalPage, flattenedToc, isSpinePage, getMFLabel, toc, getGuidebookSectionData);\r\n\r\n if(!UTILITIESHELPER.isArrayNullorEmpty(extendedResults)){\r\n setSearchResults(extendedResults);\r\n }\r\n else{\r\n setSearchResults([]);\r\n }\r\n }\r\n else{\r\n setSearchResults([]);\r\n }\r\n setAreSearchResultsLoading(false);\r\n }\r\n catch (err) {\r\n logs.error(page.Publication, 'PublicationSearch', ErrorMessages.publicationSearch, err, { memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'), knowledgeDomain: context.knowledgeDomain,eventId:ErrorCodes.Publication });\r\n navigate(CONTEXTHELPERS.getFallbackUrl(window.location.href));\r\n }\r\n }\r\n\r\n if ((!UTILITIESHELPER.isStringNullorEmpty(currentSearchPhrase) || !isCancelled) && isValidSearchPhrase)\r\n retrieveSearchResults(currentSearchPhrase)\r\n\r\n return () => {\r\n isCancelled = true;\r\n\r\n }\r\n //TODO: Need another listener for the search toggle?\r\n }, [hasAllTocDataLoaded, searchTimeStamp, toc, flattenedToc, currentSearchPhrase, isValidSearchPhrase]);//eslint-disable-line\r\n\r\n\r\n useEffect(() => {\r\n const resultsContainer = document.querySelector('.search-results');\r\n const searchTerms = resultsContainer?.querySelectorAll('em');\r\n\r\n setSearchTerms(searchTerms);\r\n\r\n return () => {\r\n setSearchTerms([]);\r\n }\r\n\r\n }, [searchResults]);\r\n\r\n\r\n const getSearchTitle = () => {\r\n return currentSearchPhrase ? ReactHtmlParser(`${getLabel(\"s_SearchResults\", \"Search Results\")} ${getLabel(\"s_SearchResultsFor\", \"for\")} ${SearchHelpers.toHumanReadable(currentSearchPhrase)}`) : '';\r\n }\r\n\r\n const handleSubmit = (event, searchPhraseFromNavigationBarRecentSearches) => {\r\n if (event) {\r\n event.preventDefault()\r\n return false\r\n }\r\n\r\n const _searchPhrase = (searchPhraseFromNavigationBarRecentSearches ? searchPhraseFromNavigationBarRecentSearches : searchPhrase)?.trim();\r\n setSearchTimeStamp(Date.now())\r\n if (_searchPhrase.length < 3) {\r\n alert(getLabel(\"s_SearchPhraseTooShort\", \"Phrase too short (for now)\"));\r\n return;\r\n }\r\n\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(_searchPhrase)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'PublicationSearch' });\r\n setIsValidSearchPhrase(false);\r\n return;\r\n }\r\n else {\r\n setNotification({ message: '', type: ErrorTypes.Error, display: false, appInsightUIMapping: null, componentName: null });\r\n setIsValidSearchPhrase(true);\r\n }\r\n\r\n setUpdateRecentSearches(updateRecentSearches + 1)\r\n\r\n const parsedSearchPhrase = SearchHelpers.parse(_searchPhrase);\r\n const readableSearchPhrase = SearchHelpers.toHumanReadable(parsedSearchPhrase);\r\n\r\n setSearchPhrase(readableSearchPhrase);\r\n setCurrentSearchPhrase(readableSearchPhrase);\r\n\r\n const qs = SearchHelpers.toQueryString(parsedSearchPhrase);\r\n const currentLocation = window.location.pathname;\r\n\r\n navigate(`${currentLocation}?${qs}`);\r\n logs.trackEvent({\r\n name: 'Search',\r\n properties: {\r\n searchText: _searchPhrase,\r\n memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'),\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level')\r\n }\r\n })\r\n return;\r\n };\r\n\r\n function setValue(value) {\r\n\r\n if (!UTILITIESHELPER.isStringNullorEmpty(value)) {\r\n if (SearchHelpers.IsSearchPrefixWithWildcards(value)) {\r\n setNotification({ message: wildcardsPrefixSearchLimitationNotification, type: ErrorTypes.Error, display: true, appInsightUIMapping: appInsightUIMapping.Warning, componentName: 'PublicationSearch' });\r\n setIsValidSearchPhrase(false);\r\n setAreSearchResultsLoading(false);\r\n return;\r\n }\r\n else {\r\n setNotification({ message: '', type: ErrorTypes.Error, display: false, appInsightUIMapping: null, componentName: null });\r\n setIsValidSearchPhrase(true);\r\n }\r\n setCurrentSearchPhrase(value)\r\n setSearchPhrase(value)\r\n const qs = SearchHelpers.toQueryString(value);\r\n const currentLocation = window.location.pathname;\r\n navigate(`${currentLocation}?${qs}`);\r\n }\r\n }\r\n\r\n function handleClose() {\r\n setSearchResults([]);\r\n setSearchPhrase('');\r\n navigate(pubLandingUrl);\r\n }\r\n function isAllOnOffButtonExist(){\r\n return document.querySelectorAll('.toc-side-pannel-all-on-off-toggle').length > 0\r\n }\r\n // Loading trapdoor\r\n if (areSearchResultsLoading) return \r\n\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tdocumentFormatArray.map((element, index) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t})
\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t{document.fullTitle}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{processedCrumb}
\r\n\t\t\t{processedHighlights}
\r\n\t\t\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PublicationSearch;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { usePageContextLabels,usePageContext } from '../../contexts/PageContext';\r\nimport { useSearchResultContext } from '../../contexts/SearchResultContext';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport Searchbar from \"../Common/Searchbar\"\r\n\r\n\r\nconst PublicationListingSearch = ({ isFixed, isExpanded, style, className }) => {\r\n const inputRef = useRef();\r\n const [isActive, setIsActive] = useState(isExpanded); //start off with search closed\r\n const { searchText, setSearchText } = useArticleContext(); //For setting the search text\r\n const { getLabel,getMFLabel } = usePageContextLabels();\r\n const { setSearchResults } = useSearchResultContext();\r\n const { selectedItemTOC } = useTocContext();\r\n const searchLabel = getLabel(\"s_Search\", \"Search\");\r\n const { setSearchPhrase, } = usePageContext();\r\n\r\n useEffect(() => {\r\n setSearchPhrase(searchText);\r\n }, [searchText]);\r\n\r\n \r\n useEffect(() => {\r\n setIsActive(isExpanded);\r\n }, [isExpanded]);\r\n\r\n useEffect(() => {\r\n if (isActive && inputRef.current) inputRef.current.focus();\r\n if (!isActive) {\r\n setSearchText(\"\");\r\n }\r\n }, [isActive])//eslint-disable-line\r\n\r\n\r\n function setValue(value) {\r\n if (value !== searchText) {\r\n setSearchResults([]);\r\n setSearchText(value);\r\n }\r\n }\r\n\r\n function handleClose() {\r\n setSearchResults([]);\r\n setIsActive(false);\r\n sessionStorage.removeItem('searchPhraseParam');\r\n }\r\n\r\n function getPlaceholder() {\r\n if (selectedItemTOC && selectedItemTOC.hasOwnProperty('sectionFriendlyPath')) {\r\n return `${searchLabel} ${selectedItemTOC.title}`;\r\n } else {\r\n if(selectedItemTOC && selectedItemTOC.item && selectedItemTOC.item.hasOwnProperty('sectionFriendlyPath')){\r\n return `${searchLabel} ${getMFLabel(selectedItemTOC.item.title?.Content?.title, \"selectedItemTOC.item.title?.Content?.title\")}`;\r\n }\r\n return `${searchLabel} ${selectedItemTOC?.item?.nav_title}`;\r\n }\r\n }\r\n\r\n return (\r\n {getSearchTitle()}
\r\n{getLabel(\"s_SearchReturnedNoResults\", \"Your search returned no results\")}
\r\n {getLabel(\"s_SearchReturnedNoResultsDueToAllOnOff\", \"Please turn on a toggle in the Table of Contents to view results.\")}
\r\n \r\n {resolvedSearchResultSet()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PublicationListingResults;\r\n","import React, { useEffect } from 'react';\r\nimport { useLocation } from 'react-router';\r\nimport { get, replace } from 'lodash';\r\nimport { logs, page } from '../../helpers/log';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { useGuidebookTocContext } from '../../contexts/GuidebookTocContext';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\n\r\nimport ArticleTitle from '../Article/ArticleTitle';\r\nimport HTMLContent from '../Common/HTMLContent';\r\nimport MainPannel from '../Common/MainPannel';\r\nimport PublicationListingSearch from './PublicationListingSearch';\r\nimport PublicationListingResults from './PublicationListingResults';\r\nimport SearchHelpers from '../../helpers/SearchHelpers';\r\nimport TocBody from './TocBody';\r\nimport { ErrorCodes, ErrorMessages } from '../Constants/Errors';\r\nimport ShowIf from '../Common/ShowIf';\r\n\r\nconst PublicationListing = ({\r\n isWideMode,\r\n tocItems,\r\n ...props\r\n}) => {\r\n const location = useLocation();\r\n const { getGuidebookSectionData } = useGuidebookTocContext();\r\n const { selectedItemTOC } = useTocContext();\r\n const { context, isRelatedLinksPage } = usePageContext();\r\n const { searchText, setSearchText } = useArticleContext();\r\n const { getLabel, getMFLabel } = usePageContextLabels();\r\n \r\n const queryParams = new URLSearchParams(location?.search);\r\n const searchPhraseParam = queryParams.get('searchPhrase');\r\n\r\n const mainPannelStyling = {\r\n width: isWideMode ? '69%' : 'calc(69% - 100px)',\r\n marginRight: isWideMode ? 'auto' : 100,\r\n marginLeft: 'auto',\r\n paddingTop: 24,\r\n }\r\n\r\n //todo\r\n const articleTitleStyling={ textAlign: 'center' }\r\n const tocBodyStyling={ paddingLeft: 20 }\r\n\r\n if (searchPhraseParam !== null) {\r\n sessionStorage.setItem('searchPhraseParam', searchPhraseParam);\r\n }\r\n\r\n function getTocSectionTitle(_selectedItemTOC) {\r\n const sectionFriendlyPath = get(_selectedItemTOC, \"item.sectionFriendlyPath\", \"\");\r\n try {\r\n if (sectionFriendlyPath == \"related\" && context.pageSelectedPublicationGUID !== \"\") {\r\n const relatedContext = _selectedItemTOC.item.context.filter((item) => {\r\n return item.publicationType.Key === context.pageSelectedPublicationGUID;\r\n })[0];\r\n\r\n return getMFLabel(`lbl_Folio_TitleSectionRelated${replace(relatedContext.publicationType.Description, ' ', '')}`, `publicationType.Description:[lbl_Folio_TitleSectionRelated${replace(relatedContext.publicationType.Description, ' ', '')}]`)\r\n }\r\n else {\r\n const section = getGuidebookSectionData(sectionFriendlyPath);\r\n if (section) {\r\n return getMFLabel(section.title.Content.title, \"section.title.Content.title\");\r\n }\r\n }\r\n return sectionFriendlyPath;\r\n }\r\n catch (ex) {\r\n logs.error(page.Publication, \"PublicationListing\", ErrorMessages.guidebookSection, ex,{eventId:ErrorCodes.Publication});\r\n return sectionFriendlyPath;\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n let paramSessStore = sessionStorage.getItem('searchPhraseParam');\r\n if (paramSessStore !== null) {\r\n const searchVal = paramSessStore;\r\n if (document.getElementsByClassName('search-badge-article').length !== 0) {\r\n setSearchText(SearchHelpers.toHumanReadable(searchVal));\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n if (searchPhraseParam) {\r\n return (\r\n {getSearchTitle()}
\r\n{getLabel(\"s_SearchReturnedNoResults\", \"Your search returned no results\")}
\r\n {getLabel(\"s_SearchReturnedNoResultsDueToAllOnOff\", \"Please turn on a toggle in the Table of Contents to view results.\")}
\r\n \r\n {filteredResults.map((result, idx) => (
\r\n \r\n \r\n \r\n \r\n {tocItems}\r\n \r\n
\r\n \r\n
{count}
\r\n\t\t\t\t\t: (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t- \r\n {subItems?.map((subItem, index) => {\r\n return (\r\n
\r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst ArticleCompareVersionDropdown = ({ options, compareVersionParam }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n const title = options.filter((item) => {\r\n return item.value === compareVersionParam;\r\n })[0].label;\r\n\r\n function VersionsItem({ data, active = false }) {\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ArticleCompareVersionDropdown;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport cx from 'classnames';\r\nimport { throttle } from 'lodash';\r\nimport RETRIEVALSERVICES from '../../services/rp-service';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport RenderAllContainer from '../Article/RenderAllContainer';\r\nimport FootnotePopup from '../Article/FootnotePopup';\r\nimport { usePageContext, usePageContextLabels, usePageContextSettings } from '../../contexts/PageContext';\r\nimport { getArticleTitle } from '../Publication/Article';\r\nimport ArticleCompareVersionDropdown from './ArticleCompareVersionDropdown';\r\n\r\nfunction calcIfNavShouldBeFixed(el) {\r\n if (!el) return;\r\n var rect = el.getBoundingClientRect();\r\n var elemTop = rect.top;\r\n return !elemTop\r\n}\r\n\r\nconst ArticleCompareVersions = () => {\r\n const location = useLocation();\r\n const navElemRef = useRef();\r\n const { context, compareVersionParam, language } = usePageContext();\r\n const { isCompareEnabled } = usePageContextSettings();\r\n const { getLabel } = usePageContextLabels();\r\n const [shouldCompareVersions, setShouldCompareVersions] = useState(true);\r\n const [pastVersions, setPastVersions] = useState([]);\r\n const [isNavFixed, setIsNavFixed] = useState(false);\r\n const [pubData, setPubData] = useState({})\r\n const mostRecentVersion = pubData?.version || '...';\r\n const mostRecentDate = UTILITIESHELPER.formatDate(pubData?.current_date || '', language, \"shortDate\");\r\n const compareVersionDate = UTILITIESHELPER.formatDate(pubData?.publicationVersion?.current_date || '', language, \"shortDate\");\r\n const rawCompareTitle = getArticleTitle(pubData, false, false, null, false, context);\r\n const compareTitle = rawCompareTitle.replace( /(<([^>]+)>)/ig, '');\r\n var articlebody = document.querySelectorAll(\".compare-versions-article-body a\");\r\n\r\n const handleDocumentClick = async (ev) => {\r\n ev.preventDefault();\r\n }\r\n\r\n useEffect(() => {\r\n const handleScroll = (ev) => {\r\n const isNavFixedUpdated = calcIfNavShouldBeFixed(navElemRef.current)\r\n setIsNavFixed(isNavFixedUpdated)\r\n }\r\n\r\n const retrievePubVersions = async () => {\r\n try {\r\n const res = await RETRIEVALSERVICES.retrieveManualPublicationVersions();\r\n setPastVersions(res.data)\r\n } catch {\r\n\r\n }\r\n };\r\n\r\n if (isCompareEnabled()) {\r\n retrievePubVersions();\r\n }\r\n\r\n const throttledScroll = throttle(handleScroll, 16);\r\n window.addEventListener('scroll', throttledScroll, { passive: true })\r\n window.addEventListener('resize', throttledScroll);\r\n\r\n return () => {\r\n window.removeEventListener('scroll', throttledScroll);\r\n window.removeEventListener('resize', throttledScroll);\r\n };\r\n }, []);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n const retrieveArticleVersions = async () => {\r\n setPubData({})\r\n try {\r\n const res = await RETRIEVALSERVICES.retrieveManualPublication();\r\n setPubData(res);\r\n } catch {\r\n\r\n }\r\n };\r\n\r\n if (isCompareEnabled()) {\r\n retrieveArticleVersions();\r\n }\r\n }, [compareVersionParam]);//eslint-disable-line\r\n\r\n useEffect(() => {\r\n articlebody = document.querySelectorAll(\".compare-versions-article-body a\");//eslint-disable-line\r\n if (articlebody !== null) {\r\n articlebody.forEach(element => {\r\n element.addEventListener(\"click\", handleDocumentClick);\r\n });\r\n }\r\n return () => { \r\n if (articlebody !== null) {\r\n articlebody.forEach(element => {\r\n element.removeEventListener(\"click\", handleDocumentClick);\r\n });\r\n }\r\n }\r\n }, [articlebody]);\r\n\r\n const getVersion = (version) => {\r\n const versionNum = version?.version;\r\n const versionDate = UTILITIESHELPER.formatDate(version?.current_date, language, \"shortDate\");\r\n return ({\r\n value: versionNum,\r\n label: `V${versionNum} ${versionDate}`,\r\n href: `${location?.pathname}?compareVersion=${versionNum}`,\r\n })\r\n\r\n }\r\n const renderPastVersionsDropdown = () => {\r\n if (!pastVersions?.length) return \"...\";\r\n\r\n const versionOptions = pastVersions.slice(1).map((version) => {\r\n return getVersion(version);\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {getLabel('compare_ViewAndCompareVersions', 'View and Compare Versions')}\r\n
\r\n\r\n
\r\n \r\n {getLabel('compare_PublishedVersion', 'Published Version:')}\r\n
\r\n V{mostRecentVersion} {mostRecentDate}
\r\n \r\n setShouldCompareVersions((prevVal) => !prevVal)}\r\n className={\r\n cx(\"toggle-compare-versions\",\r\n { 'toggle-compare-versions-on': shouldCompareVersions }\r\n )}\r\n title=\"Toggle Compare Versions\"\r\n >\r\n
\r\n {getLabel('compare_CompareChanges', 'CompareChanges')}
\r\n \r\n
\r\n {getLabel('compare_PastVersions', 'Past Versions')}
\r\n {renderPastVersionsDropdown()}\r\n \r\n
\r\n \r\n \r\n )\r\n};\r\n\r\nexport default ArticleCompareVersions;\r\n","import React, { useEffect, useMemo, useState, Fragment } from 'react';\r\nimport { useNavigate, useLocation, useMatch } from 'react-router-dom';\r\nimport { get } from 'lodash';\r\nimport { getArticleTitle } from './Article';\r\nimport { useTocContext } from '../../contexts/TocContext';\r\nimport { useArticleContext } from '../../contexts/ArticleContext';\r\nimport { useReadingModeContext } from '../../contexts/ReadingModeContext';\r\nimport Loading from '../Loading/Loading';\r\nimport PublicationLayout from './PublicationLayout';\r\nimport PublicationLandingMainPannel from './PublicationLandingMainPannel';\r\nimport PublicationSearch from './PublicationSearch';\r\nimport PublicationListing from './PublicationListing';\r\nimport RenderAllContainer from '../Article/RenderAllContainer';\r\nimport TableOfContentsItem from './TableOfContentsItem';\r\nimport FolioTableOfContentsItem from '../Folio/FolioTableOfContentsItem';\r\nimport TocItemRelatedContent from '../RelatedContent/TocItemRelatedContent';\r\nimport ArticleCompareVersions from '../ArticleCompareVersions';\r\nimport UTILITIESHELPER from \"../../helpers/UtilitiesHelper\";\r\nimport { usePageContext } from '../../contexts/PageContext';\r\nimport TocHelpers from '../../helpers/TocHelpers';\r\nimport { CONTENT_TYPE_IDS, PAGE_CONTROLLER_TYPE } from '../Constants/Constants';\r\n\r\nconst getTocItems = (_context, _selectedItemTOC, basePath, isRelatedLinksPage) => {\r\n if (_selectedItemTOC.item !== undefined && _selectedItemTOC.item?.tableOfContents !== undefined) {\r\n // Filter out invalid tableOfContents content by checking if tableOfContents object has values or not\r\n _selectedItemTOC.item.tableOfContents = _selectedItemTOC.item.tableOfContents?.filter(tocContent => tocContent !== null);\r\n }\r\n\r\n switch (_context.pageControllerType) {\r\n case 'journal':\r\n case \"deloitte-communications\":\r\n case \"professional-news\":\r\n if (_selectedItemTOC.item !== undefined && _selectedItemTOC.item?.subItems !== undefined) {\r\n //TODO: See if we combine the two TOC methods of presentation?\r\n return get(_selectedItemTOC.item, 'subItems', []).map((subItem, index) => {\r\n return (\r\n \r\n \r\n {getLabel('compare_PastVersion', 'Past Version:')}\r\n V{compareVersionParam} {compareVersionDate}\r\n
\r\n {compareTitle}
\r\n\r\n
\r\n \r\n
\r\n )\r\n }\r\n }\r\n catch\r\n {\r\n navigate(context.pageBaseURL + \"?wormhole=true\");\r\n }\r\n\r\n if (_isListingPage) {\r\n const tocItems = getTocItems(context, selectedItemTOC, pubLandingUrl, isRelatedLinksPage)\r\n if (tocItems !== null && tocItems.length > 0) {\r\n return \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n else {\r\n \r\n if (currentSectionData && Array.isArray(currentSectionData.tableOfContents) && currentSectionData.tableOfContents.length > 0) {\r\n //TODO:BDP: When the pageContext has the functions to check what sections/url-parts have what features\r\n // this should be moved to one of them (in the existing enabler ticket!)\r\n // Sections, are either badgable/searchable etc so this is part of that!\r\n const isBadged = !\"related\".includes(sectionFriendlyPath);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n {sectionTitle}
\r\n \r\n \r\n \r\n { setIsExpanded(prevVal => !prevVal); setSelectedItemTOC({ item: currentSectionData }) ; }}\r\n className={cx(\"toc-item-text-container\", { \"toc-item-text-container-selected\": isSelected })}>\r\n {sectionTitle}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n - \r\n {renderTocBody(currentSectionData)}\r\n
\r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n else {\r\n if (currentSectionData && Array.isArray(currentSectionData.tableOfContents) && currentSectionData.tableOfContents.length > 0) {\r\n //TODO:BDP: When the pageContext has the functions to check what sections/url-parts have what features\r\n // this should be moved to one of them (in the existing enabler ticket!)\r\n // Sections, are either badgable/searchable etc so this is part of that!\r\n const isBadged = !\"related\".includes(sectionFriendlyPath);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n {sectionItem.sectionTitle}
\r\n \r\n \r\n \r\n { setIsExpanded(prevVal => !prevVal); setSelectedItemTOC({ item: currentSectionData }); }}\r\n className={cx(\"toc-item-text-container\", { \"toc-item-text-container-selected\": isSelected })}>\r\n {sectionItem.sectionTitle}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n - \r\n {renderTocBody(sectionItem)}\r\n
\r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n};\r\nexport default ChatBot;","import React, { memo, useEffect, useRef } from \"react\";\r\nimport ChatbotResearchAssistant from \"../../ChatBot/ChatbotResearchAssistant\";\r\n\r\nconst ResearchAssistantResponse = ({ message, messgaeResponse, countId, currentIndex }) => {\r\n\r\n const conversationBox = useRef(null);\r\n useEffect(() => {\r\n setTimeout(() => {\r\n conversationBox.current.scrollIntoView({ behavior: \"smooth\", block: \"end\" })\r\n })\r\n }, [message])\r\n return (\r\n \r\n {handleEnterEvent(e)}} />\r\n \r\n
\r\n \r\n
\r\n \r\n {searchResultdata.response}
\r\n \r\n- \r\n {searchResultdata.suggestedQuestions!==undefined?\r\n searchResultdata.suggestedQuestions.map((iteam,index)=>(\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default memo(ResearchAssistantResponse) ","import React, { memo } from \"react\";\r\nimport DOMPurify from \"dompurify\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\n\r\nconst ResearchAssistantQuery = ({ query }) => {\r\n const sanitizedData = DOMPurify.sanitize(query);\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default memo(ResearchAssistantQuery)","import React, { useState, useEffect, useRef } from \"react\";\r\nimport ShowIf from \"../Common/ShowIf\";\r\nimport { usePageContextLabels } from \"../../contexts/PageContext\";\r\nimport useOutsideClick from '../../hooks/useOutsideClick';\r\n\r\nconst FollowUpQuestions = ({ isResearchAssistantLoading, researchAssistantResponse, handleFollowUpClick }) => {\r\n const [isOpen, setisOpen] = useState(false)\r\n const { getLabel } = usePageContextLabels();\r\n const ref = useRef();\r\n\r\n useEffect(() => {\r\n setisOpen(false);\r\n }, [isResearchAssistantLoading])\r\n\r\n // close on outside click\r\n useOutsideClick(ref, handleOutsideClick);\r\n\r\n const followUpClick = event => {\r\n handleFollowUpClick(event.target.innerText);\r\n setisOpen(false);\r\n };\r\n\r\n function handleOutsideClick() {\r\n setisOpen(false);\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {isOpen &&\r\n <> \r\n
\r\n )\r\n}\r\n\r\nexport default FollowUpQuestions;","import React from 'react';\r\nimport { usePageContextLabels } from '../../contexts/PageContext'; \r\nimport { useResearchAssistantContext} from '../../contexts/ResearchAssistantContext';\r\n \r\n\r\nconst TriggerValueResearchAssistant = () => {\r\n const {state: raState} = useResearchAssistantContext();\r\n const Title = () => {\r\n const { getLabel } = usePageContextLabels();\r\n const defaultTitle = getLabel(\"ra_FIltersResearchAssistant\", \"Filters\");\r\n const buildTitle = (parts) => {\r\n let title = parts.map(x => x.label).join('; ');\r\n if (title.length > 7) {\r\n title = title.slice(0, 7).concat('...');\r\n }\r\n title += ` (${parts.length})`;\r\n return title;\r\n }\r\n\r\n const getTitle = () => {\r\n \r\n if (raState.tier) {\r\n if (raState.tier[raState.memberFirm] && raState.tier[raState.memberFirm][raState.knowledgeDomain] && raState.tier[raState.memberFirm][raState.knowledgeDomain].length) {\r\n return buildTitle(raState.tier[raState.memberFirm][raState.knowledgeDomain]);\r\n }\r\n }\r\n return defaultTitle;\r\n }\r\n return {getTitle()}\r\n }\r\n return (\r\n \r\n )\r\n};\r\nexport default TriggerValueResearchAssistant\r\n","\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\nimport { usePageContext, usePageContextLabels } from '../../contexts/PageContext';\r\nimport RETRIEVALSERVICES from '../../services/rp-service';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport TierHelpers from '../../helpers/TierHelpers';\r\nimport Dropdown from '../Common/Dropdown';\r\nimport TriggerValueResearchAssistant from './TriggerValueResearchAssistant';\r\nimport { useResearchAssistantContext, ACTIONS } from '../../contexts/ResearchAssistantContext';\r\nimport cx from \"classnames\";\r\nimport useDCSService from '../../services/useDCSService';\r\nimport { MemberFirmID } from '../Constants/Constants';\r\n\r\nconst sortDisplayOrderAsc = ((a, b) => a.id - b.id);\r\n\r\nconst MenuListItem = ({ children, setIsShown }) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\nfunction onMouseHover(setIsShown) {\r\n setIsShown(true);\r\n}\r\n\r\nconst SubMenu = ({ className, title, options, selected, onChange }) => {\r\n return (\r\n setisOpen(!isOpen)}>×
\r\n \r\n {researchAssistantResponse?.suggestedQuestions?.map((item, index) => (\r\n
}\r\n \r\n \r\n
\r\n ))}\r\n setisOpen(!isOpen)}>\r\n 
\r\n 
\r\n
\r\n \r\n \r\n \r\n {getLabel('ra_FollowUpQuestionsTitle', 'Suggested Follow-Up Questions')}\r\n
\r\n\r\n
\r\n )\r\n}\r\n\r\nconst SubMenuItem = ({ option, checked, onChange }) => {\r\n const id = `check_${option.id}`;\r\n function onClick(e) {\r\n e.preventDefault();\r\n onChange(option);\r\n }\r\n return (\r\n {title}
\r\n\r\n- \r\n {options.map((option) => {\r\n const isChecked = selected?.filter(x => x.id === option.id)?.length > 0;\r\n return (\r\n
\r\n\r\n \r\n {children}\r\n \r\n
\r\n \r\n {isShown && data && (\r\n
\r\n\r\n 0) || (data.frameworks.accounting.length > 0) || (data.frameworks.assurance.length > 0)) ? 'show' : 'hide'}`} >\r\n {data.frameworks.auditing.length > 0 &&
\r\n )}\r\n \r\n
\r\n )\r\n}\r\nexport default ChatbotIntroduction","import React, { useState, useRef, useContext, useEffect, useMemo } from 'react';\r\nimport { usePageContextLabels, usePageContext } from '../../contexts/PageContext';\r\nimport useDCSService from '../../services/useDCSService';\r\nimport { KNOWLEDGE_DOMAIN, RESEARCH_ASSISTANT_FILTERS, MEMBERFIRM_CONSTANTS } from '../Constants/Constants';\r\nimport ShowIf from '../Common/ShowIf';\r\nimport cx from 'classnames';\r\nimport Dropdown from '../Common/Dropdown';\r\nimport ResearchAssistantResponse from '../Common/ResearchAssistantConversation/ResearchAssistantResponse';\r\nimport ResearchAssistantQuery from '../Common/ResearchAssistantConversation/ResearchAssistantQuery';\r\nimport ProfileHelpers from '../../helpers/ProfileHelpers';\r\nimport FollowUpQuestions from './FollowUpQuestions';\r\nimport DropdownPreferencesRA from './DropdownPreferncesRA';\r\nimport { useResearchAssistantContext, ACTIONS } from '../../contexts/ResearchAssistantContext';\r\nimport UTILITIESHELPER from '../../helpers/UtilitiesHelper';\r\nimport CONTEXTHELPERS from '../../helpers/ContextHelpers';\r\nimport ChatbotIntroduction from './ChatbotIntroduction';\r\nimport { useThemeContext } from \"../../contexts/ThemeContext\";\r\nimport { useMsal } from '@azure/msal-react';\r\nimport LogoutContext from '../../contexts/LogoutContext';\r\nimport { Link } from 'react-router-dom';\r\nimport useOutsideClick from '../../hooks/useOutsideClick';\r\nimport { usePageContextSettings } from '../../contexts/PageContext';\r\nimport OptionList from \"../Common/Layout/DropdownMemberFirm/OptionList\";\r\nimport Option from \"../Common/Layout/DropdownMemberFirm/Option\";\r\nimport ResearchAssistantErrorMessage from '../Common/ResearchAssistantErrorMessage';\r\nimport TosDeclaration from './TosDeclaration';\r\n\r\n\r\nconst ConversationMode = () => {\r\n const userSettingsRef = useRef();\r\n const userInputRef = useRef();\r\n const { isDashboardEnabled } = usePageContextSettings();\r\n const { getLabel } = usePageContextLabels();\r\n const { countryKDSettings, isResearchAssistantEnabled, isUserProfileLoaded, isCountryKDSettingsLoaded, researchAssistantMemeberfirms, userCountry } = usePageContext();\r\n const { dispatch, state: raState, tosAgreed, setTosAgreed } = useResearchAssistantContext();\r\n const [isResearchAssistantLoading, setIsResearchAssistantLoading] = useState(false);\r\n const [researchAssistantResponse, setResearchAssistantResponse] = useState();\r\n const [isResearchAssistantChat, setIsResearchAssistantChat] = useState(false);\r\n const { retrieveChatBotSearchResult } = useDCSService();\r\n const [searchPhrase, setSearchPhrase] = useState('');\r\n const [memberFirmSelected, setMemberFirmSelected] = useState();\r\n const [raApiFailure, setRaApiFailure] = useState(null);\r\n const messageTypeAnswer = \"Answer\";\r\n const messageTypeQuery = \"Query\";\r\n const [messages, setMessages] = useState([]);\r\n const { hasDarkModePreference, setHasDarkModePreference, isDarkMode } = useThemeContext();\r\n const firstName = localStorage.getItem('firstName');\r\n const lastName = localStorage.getItem('lastName');\r\n const [showRPInfoMessage, setShowRPInfoMessage] = useState(true)\r\n const [showTextAreaWithScroll, setShowTextAreaWithScroll] = useState(false)\r\n const [chatTextCount, setChatTextCount] = useState(0)\r\n const isResearchAssistantEnabledForKD = UTILITIESHELPER.isResearchAssistantEnabledForKD(countryKDSettings, raState.memberFirm, raState.knowledgeDomain);\r\n const isResearchAssistantActiveForUser = isResearchAssistantEnabled && isResearchAssistantEnabledForKD ? true : false;\r\n let userProfileInside;\r\n if (firstName && lastName && firstName.length > 0 && lastName.length > 0) {\r\n userProfileInside = firstName.charAt(0) + lastName.charAt(0);\r\n } else {\r\n userProfileInside = \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {getLabel('ra_Introduction', RESEARCH_ASSISTANT.raIntroduction)}
\r\n;\r\n }\r\n const [count, setCount] = useState(0)\r\n const tiers = [];\r\n const { instance } = useMsal();\r\n const { setLogoutState } = useContext(LogoutContext);\r\n const [isPageSettingsOpen, setIsPageSettingsOpen] = useState(false);\r\n const [conversationStarted, setConversationStarted] = useState(false);\r\n const [filterApplied, setfilterApplied] = useState(null);\r\n const [previousMessage, setPreviousMessage] = useState([]);\r\n const isRAFooter = !UTILITIESHELPER.isStringNullorEmpty(getLabel('ra_disclaimer', ''));\r\n //ResearchAssistant Response from Catalog Page\r\n useEffect(() => {\r\n if (isUserProfileLoaded && isCountryKDSettingsLoaded) {\r\n if (!isResearchAssistantActiveForUser) {\r\n window.open(\"/\", \"_self\");\r\n }\r\n }\r\n }, [isUserProfileLoaded, isCountryKDSettingsLoaded]);\r\n\r\n\r\n useEffect(() => {\r\n const researchAssistantResponseLocal = UTILITIESHELPER.getLocalStorage('research-assistant-catalog-conversation');\r\n if (!UTILITIESHELPER.isStringNullorEmpty(researchAssistantResponseLocal) && researchAssistantResponseLocal !== undefined) {\r\n const response = JSON.parse(researchAssistantResponseLocal);\r\n if (response) {\r\n setShowRPInfoMessage(false)\r\n setMessages([...messages, { type: messageTypeQuery, response: response?.message, id: 1 }, { type: messageTypeAnswer, response: null, loader: true, id: 1, errorMessage: null }]);\r\n setIsResearchAssistantChat(true);\r\n setResearchAssistantResponse(response);\r\n setCount(1);\r\n const CurrentfilterData = {\r\n memberFirm: response.memberFirm,\r\n knowledgeDomain: response.knowledgeDomain,\r\n tierSelected: response.tier\r\n }\r\n setfilterApplied(CurrentfilterData);\r\n\r\n }\r\n }\r\n UTILITIESHELPER.removeLocalStorage('research-assistant-catalog-conversation');\r\n }, []);\r\n\r\n useEffect(() => {\r\n document.title = \"Research Portal – Research Assistant\";\r\n var raTakeOverData = {\r\n memberFirm: !UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-memberfirm')\r\n )\r\n ? UTILITIESHELPER.getLocalStorage('research-assistant-memberfirm')\r\n : UTILITIESHELPER.getLocalStorage('MemberFirm'),\r\n\r\n memberFirmId: !UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-member-firm-Id')\r\n ) ?\r\n UTILITIESHELPER.getLocalStorage('research-assistant-member-firm-Id')\r\n : UTILITIESHELPER.getLocalStorage('member-firm-Id'),\r\n\r\n language: !UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-language')\r\n )\r\n ? UTILITIESHELPER.getLocalStorage('research-assistant-language')\r\n : 'en-US',\r\n\r\n knowledgeDomain: (!UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-knowledgedomain')\r\n )\r\n ? UTILITIESHELPER.getLocalStorage(\r\n 'research-assistant-knowledgedomain'\r\n )\r\n : KNOWLEDGE_DOMAIN.auditing),\r\n\r\n tier: !UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-tier-selected')\r\n )\r\n ? JSON.parse(localStorage.getItem('research-assistant-tier-selected'))\r\n : [],\r\n tierSelected : !UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-tier')\r\n )\r\n ? JSON.parse(localStorage.getItem('research-assistant-tier'))\r\n : []\r\n\r\n }\r\n\r\n\r\n dispatch({\r\n type: ACTIONS.RA_LOAD,\r\n payload: raTakeOverData,\r\n })\r\n\r\n setMemberFirmSelected(raTakeOverData.memberFirm);\r\n\r\n }, [researchAssistantMemeberfirms])\r\n\r\n useEffect(() => {\r\n setMemberFirmSelected(raState.memberFirm);\r\n }, [raState.memberFirm])\r\n\r\n\r\n useEffect(() => {\r\n if (conversationStarted) {\r\n setPreviousMessage([]);\r\n }\r\n\r\n }, [conversationStarted])\r\n\r\n useEffect(() => {\r\n if (researchAssistantResponse?.response) {\r\n const addmessage = (newmsg) => {\r\n const updatedMessages = [...previousMessage];\r\n updatedMessages.push(newmsg);\r\n if (updatedMessages.length > 3) {\r\n updatedMessages.shift();\r\n }\r\n setPreviousMessage(updatedMessages);\r\n };\r\n const prevMsg = {\r\n message: researchAssistantResponse.message,\r\n response: researchAssistantResponse.response,\r\n timestamp: researchAssistantResponse.timestamp\r\n };\r\n addmessage(prevMsg);\r\n\r\n const msg = [...messages]\r\n const res = { type: messageTypeAnswer, response: researchAssistantResponse, loader: false, id: count, errorMessage: raApiFailure }\r\n if(raApiFailure) setRaApiFailure(null)\r\n msg.splice(msg.length - 1, 1, res)\r\n setMessages([...msg]);\r\n\r\n } else {\r\n if (messages.length) {\r\n const msg = [...messages]\r\n const res = { type: messageTypeAnswer, response: null, loader: false, id: 1, errorMessage: raApiFailure }\r\n if(raApiFailure) setRaApiFailure(null)\r\n msg.splice(msg.length - 1, 1, res)\r\n setMessages([...msg]);\r\n }\r\n }\r\n }, [researchAssistantResponse])\r\n\r\n useEffect(() => {\r\n if (userInputRef?.current?.scrollHeight > 39 && !chatTextCount) {\r\n if (!showTextAreaWithScroll) {\r\n searchPhrase.split('\\n').length < 2 ? setChatTextCount(searchPhrase.length - 1) : setChatTextCount(null)\r\n }\r\n setShowTextAreaWithScroll(true)\r\n }\r\n if (userInputRef?.current && showTextAreaWithScroll) {\r\n const scrlHeight = userInputRef.current.scrollHeight\r\n userInputRef.current.style.height = 'auto'; // Reset the height\r\n if (userInputRef?.current?.scrollHeight > 91) {\r\n userInputRef.current.style.overflowY = 'scroll'; // Show scrollbar\r\n } else {\r\n userInputRef.current.style.overflowY = 'hidden'; // Hide scrollbar\r\n }\r\n userInputRef.current.style.height = scrlHeight <= 39 ? 30 + 'px' : userInputRef?.current?.scrollHeight + 'px'; // Limit height to maxHeight\r\n userInputRef.current.style.maxHeight = 82 + 'px'; // Limit height to maxHeight\r\n }\r\n }, [userInputRef?.current?.scrollHeight])\r\n\r\n useEffect(() => {\r\n if (userInputRef?.current && !showTextAreaWithScroll) {\r\n userInputRef.current.style.height = 'auto'; // Reset the height\r\n userInputRef.current.style.height = 40 + 'px'; // Limit height to maxHeight\r\n userInputRef.current.style.overflowY = 'hidden'; // Hide scrollbar\r\n } else if (userInputRef?.current && showTextAreaWithScroll) {\r\n userInputRef.current.style.height = 'auto'; // Reset the height\r\n userInputRef.current.style.height = 30 + 'px'; // Limit height to maxHeight\r\n userInputRef.current.style.overflowY = 'hidden'; // Hide scrollbar\r\n }\r\n }, [showTextAreaWithScroll])\r\n\r\n const handleIAgreeClick = async () => {\r\n UTILITIESHELPER.setLocalStorage(\"ra_tou_agreed_status\", true);\r\n UTILITIESHELPER.setLocalStorage(\"ra_tou_agreed_version\", String(window.DART.ENV.RA_TOSDESC_VERSION));\r\n setTosAgreed(true);\r\n };\r\n\r\n const handleSubmit = event => {\r\n event.preventDefault();\r\n if (isResearchAssistantLoading) {\r\n return;\r\n }\r\n parentOnTrigger(searchPhrase);\r\n searchPhrase.trim();\r\n setSearchPhrase('');\r\n setCount(count + 1)\r\n };\r\n const onKeyDown = event => {\r\n if(event.key === 'Enter' && !event.shiftKey) {\r\n setShowTextAreaWithScroll(false)\r\n setChatTextCount(0)\r\n userInputRef.current.style.height = 40 + 'px';\r\n handleSubmit(event)\r\n }\r\n }\r\n\r\n const handleChange = event => {\r\n parentOnTrigger(\"\");\r\n setSearchPhrase(event.target.value);\r\n if (\r\n ((event.target.value.length <= chatTextCount && userInputRef?.current?.scrollHeight < 53) ||\r\n event.target.value.length === 0 || chatTextCount === null) && event.target.value.split('\\n').length < 2\r\n ) {\r\n setShowTextAreaWithScroll(false)\r\n setChatTextCount(0)\r\n userInputRef.current.style.height = 40 + 'px';\r\n }\r\n };\r\n\r\n const handleFollowUpClick = (value) => {\r\n parentOnTrigger(\"\");\r\n setSearchPhrase(value);\r\n };\r\n\r\n const closeErrorNotification=()=>{\r\n let errorPayload = {\r\n hasError:false\r\n }\r\n\r\n dispatch({\r\n type: ACTIONS.RA_HIDE_ERROR,\r\n payload: errorPayload,\r\n })\r\n }\r\n\r\n //Main API calls here\r\n const parentOnTrigger = async (typedSearchPhrase) => {\r\n let conversation;\r\n const fetchChatBotResponse = async () => {\r\n try {\r\n setIsResearchAssistantChat(true);\r\n setIsResearchAssistantLoading(true);\r\n var payload = {\r\n consentToRetainData: true,\r\n userLibrariesSelected: [raState.memberFirmId],\r\n\r\n userFilterSelected: [\r\n {\r\n filterField: RESEARCH_ASSISTANT_FILTERS.Frameworks,\r\n filterID: raState.tier[raState.memberFirm] && raState.tier[raState.memberFirm][raState.knowledgeDomain] && raState.tier[raState.memberFirm][raState.knowledgeDomain].length ? raState.tier[raState.memberFirm][raState.knowledgeDomain].map(x => x.id) : []\r\n },\r\n {\r\n filterField: RESEARCH_ASSISTANT_FILTERS.KnowledgeDomain,\r\n filterID: [`${CONTEXTHELPERS.getknowledgeDomainId(raState.knowledgeDomain)}`]\r\n }\r\n\r\n ],\r\n currentMessage: typedSearchPhrase,\r\n previousMessages: conversation ? [] : previousMessage\r\n }\r\n\r\n\r\n setMessages([...messages, { type: messageTypeQuery, response: typedSearchPhrase, id: count + 1, newconversation: conversation }, { type: messageTypeAnswer, response: null, loader: true, id: count, errorMessage: null }]);\r\n let chatbotres = await retrieveChatBotSearchResult(payload);\r\n if (chatbotres) {\r\n if(chatbotres instanceof Error){\r\n setRaApiFailure(chatbotres.message);\r\n setResearchAssistantResponse({}); \r\n }\r\n else{\r\n chatbotres.memberFirm = raState.memberFirm\r\n chatbotres.tier = raState.tier[raState.memberFirm] && raState.tier[raState.memberFirm][raState.knowledgeDomain] && raState.tier[raState.memberFirm][raState.knowledgeDomain].length ? raState.tier[raState.memberFirm][raState.knowledgeDomain].sort((a, b) => a.id - b.id).map(x => x.value) : [];\r\n chatbotres.knowledgeDomain=raState.knowledgeDomain\r\n setResearchAssistantResponse(chatbotres);\r\n setRaApiFailure(null);\r\n }\r\n setIsResearchAssistantLoading(false);\r\n }\r\n else {\r\n setResearchAssistantResponse({});\r\n setIsResearchAssistantLoading(false);\r\n setRaApiFailure(null);\r\n }\r\n }\r\n catch (err) {\r\n setResearchAssistantResponse({});\r\n setIsResearchAssistantLoading(false);\r\n setRaApiFailure(null);\r\n }\r\n }\r\n if (String(typedSearchPhrase)?.length > 1 && typedSearchPhrase && isResearchAssistantActiveForUser) {\r\n setIsResearchAssistantLoading(true);\r\n document.body.style.overflow = 'hidden';\r\n const CurrentfilterData = {\r\n memberFirm: raState.memberFirm,\r\n knowledgeDomain: raState.knowledgeDomain,\r\n tierSelected: raState.tierSelected\r\n }\r\n if (filterApplied !== null && JSON.stringify(filterApplied) !== JSON.stringify(CurrentfilterData)) {\r\n conversation = true;\r\n setConversationStarted(true);\r\n setPreviousMessage([]);\r\n }\r\n else {\r\n conversation = false;\r\n setConversationStarted(false);\r\n }\r\n const filterData = {\r\n memberFirm: raState.memberFirm,\r\n knowledgeDomain: raState.knowledgeDomain,\r\n tierSelected: raState.tierSelected\r\n }\r\n setfilterApplied(filterData);\r\n\r\n\r\n fetchChatBotResponse();\r\n }\r\n }\r\n\r\n function onClickProfile() {\r\n document.dispatchEvent(new CustomEvent('dd:requestClose'));\r\n setIsPageSettingsOpen(prevVal => !prevVal)\r\n }\r\n\r\n useOutsideClick(userSettingsRef, () => {\r\n setIsPageSettingsOpen(false);\r\n });\r\n\r\n const logout = () => {\r\n var currentAccount = instance.getActiveAccount();\r\n setLogoutState(currentAccount?.idTokenClaims?.login_hint);\r\n localStorage.setItem('logout-event', 'started');\r\n localStorage.removeItem('logout-event');\r\n sessionStorage.setItem('timeoutvalue', '');\r\n instance.logoutRedirect({ logoutHint: currentAccount.idTokenClaims.login_hint });\r\n }\r\n\r\n function setDarkMode() {\r\n setHasDarkModePreference(prevVal => !prevVal);\r\n setIsPageSettingsOpen(false);\r\n }\r\n\r\n //MemberfirmItem \r\n function MemberFirmItem({ memberFirm, onClick }) {\r\n const { getLabel } = usePageContextLabels();\r\n const [showKnowledgeDomains, setShowKnowledgeDomains] = useState(false);\r\n const { dispatch, state: raState } = useResearchAssistantContext();\r\n\r\n function handleClick() {\r\n onClick(memberFirm.country);\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n onClick(memberFirm.country);\r\n }\r\n }\r\n const options = () => {\r\n const handleOptionsClick = (kd) => {\r\n ProfileHelpers.setLastMemberFirmResearchAssistant(memberFirm.country);\r\n var contexts = {\r\n memberFirm: memberFirm.country,\r\n memberFirmId: memberFirm.defaultMemberFirm,\r\n knowledgeDomain: kd.name,\r\n language: !UTILITIESHELPER.isStringNullorEmpty(\r\n UTILITIESHELPER.getLocalStorage('research-assistant-language')\r\n )\r\n ? UTILITIESHELPER.getLocalStorage('research-assistant-language')\r\n : 'en-US',\r\n\r\n tier: { [memberFirm.country]: { [kd.name]: [] } },\r\n\r\n tierSelected: []\r\n\r\n }\r\n dispatch({\r\n type: ACTIONS.RA_LOAD,\r\n payload: contexts,\r\n })\r\n\r\n }\r\n\r\n if (memberFirm.knowledgeDomain && memberFirm.knowledgeDomain.length > 0) {\r\n return memberFirm.knowledgeDomain.map(kd => {\r\n const fallback = kd.name[0].toUpperCase() + kd.name.slice(1);\r\n\r\n return (\r\n \r\n \r\n \r\n {options()}\r\n \r\n \r\n
\r\n\r\n )\r\n }\r\n //MemberfirmSelector\r\n function MemberFirmSelector({ memberFirms, onChange, collapsible = false }) {\r\n const { getLabel } = usePageContextLabels();\r\n memberFirms = memberFirms.filter(x => x.defaultMemberFirm === \"17573177\" || x.defaultMemberFirm === \"17573163\")\r\n\r\n function getTrigger(mfKey) {\r\n const currentMemberFirm = memberFirms.find((x) => x.country === mfKey);\r\n let country\r\n if (!currentMemberFirm && mfKey) {\r\n country = MEMBERFIRM_CONSTANTS.dtt;\r\n mfKey = MEMBERFIRM_CONSTANTS.dtt;\r\n } else if (!currentMemberFirm) {\r\n return \"null\";\r\n } else {\r\n country = currentMemberFirm.country;\r\n }\r\n const value = getLabel(`mf_Library_${mfKey}`, country, true);\r\n return (\r\n
\r\n \r\n \r\n {\r\n !showKnowledgeDomains ? :\r\n \r\n }\r\n \r\n\r\n \r\n {getLabel(`mf_Library_${memberFirm.country}`, memberFirm.country, true)}\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n ![\"Deloitte\"](\"/images/cache/1/49/2567.svg\")
\r\n \r\n \r\n ![\"Deloitte\"](\"/images/cache/1/49/2551.svg\")
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n {getLabel(\"research-assist-heading\", \"Research Portal - Research Assistant\")}\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {userProfileInside}\r\n \r\n
\r\n \r\n {getLabel(\"ps_PageSettings\", \"Page Settings\")}\r\n\r\n \r\n\r\n
\r\n \r\n\r\n\r\n
\r\n
\r\n \r\n \r\n window.open(`/${raState.memberFirm}/${raState.language}/${raState.knowledgeDomain}/dashboard/annotations`, '_blank')}\r\n className=\"dashboard-link text-toggle\"\r\n >\r\n {getLabel(\"ps_UserDashboard\", \"User Dashboard\")}\r\n \r\n \r\n
\r\n \r\n
\r\n setDarkMode()}\r\n >\r\n
\r\n \r\n {getLabel(\"ps_ReadingMode\", \"Dark Mode\")}\r\n
\r\n \r\n \r\n \r\n
\r\n logout()}\r\n >\r\n {getLabel(\"ps_Logout\", \"Logout\")}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {messages?.map((message, index) => (\r\n\r\n <>\r\n {message.newconversation === true &&\r\n \r\n }\r\n \r\n\r\n ))}\r\n\r\n
\r\n\r\n \r\n
\r\n }\r\n {\r\n message.type === messageTypeQuery ?\r\n New conversation started
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n )\r\n}\r\n\r\nexport default ConversationMode\r\n","import React, { useEffect } from 'react'\r\nimport { Route, Routes, useLocation, useNavigate } from 'react-router-dom'\r\nimport UTILITIESHELPER from './helpers/UtilitiesHelper'\r\nimport Layout from './components/Common/Layout/Layout'\r\nimport { logs } from './helpers/log'\r\nimport PrivateRoute from './components/Common/PrivateRoute'\r\nimport ArticleContextProvider from './contexts/ArticleContext'\r\nimport Catalog from './components/Catalog'\r\nimport Collection from './components/Catalog/Collection'\r\nimport ContentArticle from './components/ContentArticle'\r\nimport EmbeddedModeContextProvider from './contexts/EmbeddedModeContext'\r\nimport Header from './components/Common/Layout/Header'\r\nimport HomeScreen from './components/Home/HomeScreen'\r\nimport { LinkHandler } from './components/Common/LinkResolver'\r\nimport ResearchDashboard from './components/ResearchDashboard'\r\nimport Settings from './components/Settings'\r\nimport ThemeContextProvider from './contexts/ThemeContext'\r\nimport Unauthorized from './components/Common/Unauthorized'\r\nimport Manual from './components/Manual'\r\nimport Journal from './components/Journal'\r\nimport Guidebook from './components/Guidebook'\r\nimport Folio from './components/Folio'\r\nimport {\r\n MEMBERFIRM_CONSTANTS,\r\n REGEX_PATTERN,\r\n} from './components/Constants/Constants'\r\nimport ChatBot from './components/ChatBot/ChatBot'\r\nimport { QueryClientProvider } from 'react-query'\r\nimport { queryClient } from './config/queryClientConfig'\r\nimport ConversationMode from './components/ChatBot/ConversationMode';\r\nimport RAContextProvider from './contexts/ResearchAssistantContext'\r\n\r\nconst AppRoutes = () => {\r\n const navigate = useNavigate()\r\n const location = useLocation()\r\n let query = new URLSearchParams(location.search)\r\n //const isSearchPage = !!query?.get('searchPhrase');\r\n let campaign = query.get('campaign')\r\n\r\n if (campaign !== null && campaign !== undefined && campaign !== '') {\r\n logs.trackEvent({\r\n name: 'Campaign',\r\n properties: {\r\n campaignId: campaign,\r\n memberFirm: UTILITIESHELPER.getSessionStorage('MemberFirm'),\r\n serviceArea: UTILITIESHELPER.getSessionStorage('ServiceArea'),\r\n level: UTILITIESHELPER.getSessionStorage('Level'),\r\n },\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if (location.pathname.includes(`/${MEMBERFIRM_CONSTANTS.global}/`)) {\r\n navigate(\r\n encodeURI(\r\n UTILITIESHELPER.replaceGlobalWithDTTFromPath(location.pathname)\r\n )\r\n )\r\n }\r\n if (location.pathname.match(REGEX_PATTERN.DoubleForwardSlash)) {\r\n let pathArray = location.pathname.split('/')\r\n navigate(\r\n pathArray\r\n .filter((e) => !!e)\r\n .join('/')\r\n .concat(location.search)\r\n .concat(location.hash)\r\n )\r\n }\r\n }, [location.pathname]) //eslint-disable-line\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n};\r\n\r\nexport default PreviewWarning;\r\n","import React, {useContext} from 'react';\r\n import { usePageContextLabels } from '../../contexts/PageContext';\r\n import { useMsal } from '@azure/msal-react';\r\n import LogoutContext from '../../contexts/LogoutContext';\r\n\r\nconst SessionExpiredModal = ({\r\n isModalOpen,\r\n SetIsModalOpen,\r\n shouldShowOverlay,\r\n setShouldShowOverlay,\r\n\r\n}) => {\r\n const { getLabel } = usePageContextLabels();\r\n const { instance } = useMsal();\r\n const { setLogoutState } = useContext(LogoutContext);\r\n\r\n if (isModalOpen === true) {\r\n document.body.style.overflow = 'hidden';\r\n }\r\n function closeModal() {\r\n if (isModalOpen) {\r\n setShouldShowOverlay(false);\r\n SetIsModalOpen(false);\r\n document.body.style.overflow = 'unset';\r\n //adding logout msal\r\n var currentAccount = instance.getActiveAccount();\r\n setLogoutState(currentAccount.idTokenClaims.login_hint);\r\n localStorage.setItem('logout-event', 'started');\r\n localStorage.removeItem('logout-event');\r\n sessionStorage.setItem('timeoutvalue', '');\r\n instance.logoutRedirect({ logoutHint: currentAccount.idTokenClaims.login_hint });\r\n }\r\n }\r\n\r\n return (\r\n You are accessing a non-production system
\r\n\r\n {shouldShowOverlay &&\r\n \r\n }\r\n
\r\n );\r\n}\r\n\r\nexport default SessionExpiredModal;","import React, { useState, useEffect } from 'react'\r\nimport './styles/main.scss'\r\nimport { QueryClientProvider } from 'react-query'\r\nimport { queryClient } from './config/queryClientConfig'\r\nimport AppInsightsContextProvider from './contexts/AppInsightsContext'\r\nimport LoadingContextProvider from './contexts/LoadingContext'\r\nimport PageContextProvider from './contexts/PageContext'\r\nimport TocContextProvider from './contexts/TocContext'\r\nimport GuidebookTocContextProvider from './contexts/GuidebookTocContext'\r\nimport SearchResultContextProvider from './contexts/SearchResultContext'\r\nimport RAContextProvider from './contexts/ResearchAssistantContext'\r\nimport ErrorHandler from './middleware/ErrorHandler'\r\nimport Routes from './Routes'\r\nimport ReadingModeContextProvider from './contexts/ReadingModeContext'\r\nimport PreviewWarning from './components/PreviewWarning/PreviewWarning'\r\nimport AnnotationsContextProvider from './contexts/AnnotationsContext'\r\nimport LogoutContext from './contexts/LogoutContext'\r\nimport { PublicClientApplication } from '@azure/msal-browser'\r\nimport { msalConfig } from './config/msalConfig'\r\nimport { useLocation } from 'react-router-dom'\r\nimport { REGEX_PATTERN } from './components/Constants/Constants'\r\nimport UTILITIESHELPER from './helpers/UtilitiesHelper'\r\nimport SessionExpiredModal from './components/Loading/SessionExpiredModal'\r\nimport './styles/chatbot.scss'\r\nimport { useMsal } from '@azure/msal-react'\r\nimport RecentViewContextProvider from './contexts/RecentViewContext'\r\nimport FolioPickerContext from './contexts/FolioPickerContext'\r\n\r\n\r\n\r\nfunction App() {\r\n const [logoutState, setLogoutState] = useState('')\r\n const value = { logoutState, setLogoutState }\r\n const location = useLocation()\r\n const [showModal, setShowModal] = useState(false)\r\n const [shouldShowOverlayModal, setShouldShowOverlayModal] = useState(false)\r\n const { instance } = useMsal();\r\n\r\n useEffect(() => {\r\n if (\r\n location?.pathname === '/' ||\r\n REGEX_PATTERN.homePageUrl.test(location?.pathname)\r\n ) {\r\n document.body.classList.remove(\r\n 'prod-body-container',\r\n 'nonprod-body-container',\r\n 'research-assistant'\r\n )\r\n } else {\r\n if (UTILITIESHELPER.checkIsProdSite()) {\r\n document.body.classList.add('prod-body-container')\r\n } else {\r\n document.body.classList.add('nonprod-body-container')\r\n }\r\n }\r\n if (location?.pathname === '/researchassistant') {\r\n document.body.classList.add('research-assistant');\r\n }\r\n }, [location])\r\n\r\n useEffect(() => {\r\n localStorage.setItem('logout-event', value.logoutState)\r\n }, [value.logoutState])\r\n\r\n useEffect(() => {\r\n const handler = (evt) => {\r\n if (evt.key === 'logout-event' && evt.newValue !== ' ') {\r\n const msalInstance = new PublicClientApplication(msalConfig)\r\n var currentAccount = msalInstance.getActiveAccount()\r\n window.localStorage.clear()\r\n window.sessionStorage.clear()\r\n sessionStorage.setItem('timeoutvalue', '');\r\n msalInstance.logoutRedirect({\r\n logoutHint: currentAccount.idTokenClaims.login_hint,\r\n })\r\n }\r\n }\r\n window.addEventListener('storage', handler)\r\n\r\n return () => {\r\n window.removeEventListener('storage', handler)\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n let idleWait\r\n const value = sessionStorage.getItem('timeoutvalue');\r\n if(value){\r\n var currentAccount = instance.getActiveAccount();\r\n setLogoutState(currentAccount?.idTokenClaims?.login_hint);\r\n localStorage.setItem('logout-event', 'started');\r\n localStorage.removeItem('logout-event');\r\n sessionStorage.setItem('timeoutvalue', '');\r\n instance.logoutRedirect({ logoutHint: currentAccount?.idTokenClaims?.login_hint });\r\n }\r\n const handleActivity = (e) => {\r\n resetTimeout();\r\n };\r\n\r\n const resetTimeout = () => {\r\n clearTimeout(idleWait)\r\n idleWait = setTimeout(() => {\r\n sessionStorage.setItem('timeoutvalue', idleWait);\r\n setShowModal(true)\r\n setShouldShowOverlayModal(true)\r\n }, window.DART.ENV.RP_REACT_SESSION_EXPIRTAION) // 60 minutes in milliseconds\r\n }\r\n if(idleWait ===undefined){\r\n sessionStorage.setItem('timeoutvalue', '');\r\n }\r\n document.addEventListener('mousemove', handleActivity)\r\n document.addEventListener('click', handleActivity)\r\n document.addEventListener('keydown', handleActivity)\r\n\r\n resetTimeout()\r\n\r\n return () => {\r\n document.removeEventListener('mousemove', handleActivity)\r\n document.removeEventListener('click', handleActivity)\r\n document.removeEventListener('keydown', handleActivity)\r\n clearTimeout(idleWait)\r\n }\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n \r\n {getLabel(\"Session-Timeout\", \"Session timeout warning\")}\r\n
\r\n \r\n
\r\n {getLabel(\"Session-Timeout-msg\", \"Your session has expired. Click 'Refresh page' to continue\")}
\r\n\r\n \r\n {getLabel(\"Refresh\", \"Refresh Page\")}\r\n \r\n\r\n
\r\n \r\n ![\"Background](\"/images/2510.jpg\")
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NoAccess;\r\n","import React, { useEffect, useState } from 'react';\r\nimport './styles/indexApp.scss';\r\nimport App from './App';\r\nimport SH from './helpers/StorageHelpers'\r\nimport useOPMService from './services/useOPMService';\r\nimport { initializeProfile } from './helpers/ProfileHelpers';\r\nimport { logs, page } from './helpers/log';\r\nimport { useMsal } from \"@azure/msal-react\";\r\nimport {\r\n InteractionRequiredAuthError,InteractionStatus\r\n} from \"@azure/msal-browser\";\r\nimport NoAccess from './noAccess';\r\nimport { ErrorCodes, ErrorMessages } from './components/Constants/Errors';\r\nimport { MEMBERFIRM_CONSTANTS } from './components/Constants/Constants';\r\nrequire('dotenv').config();\r\n\r\n\r\n\r\nconst IndexApp = ({ DoNotLogin }) => {\r\n const { instance, accounts, inProgress } = useMsal();\r\n let accountData = accounts?.length > 0 ? accounts[0] : null;\r\n const [isValidLogin, setIsValidLogin] = useState(false);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [accessToken, setAccessToken] = useState(null);\r\n const {getOpmInfo} = useOPMService();\r\n\r\n useEffect(() => {\r\n\r\n if (!accessToken && inProgress === InteractionStatus.None && !DoNotLogin) {\r\n const accessTokenRequest = {\r\n account: accounts[0],\r\n scopes: [`${window.DART.ENV.REACT_APP_CLIENTID}/.default`]\r\n };\r\n instance\r\n .acquireTokenSilent(accessTokenRequest)\r\n .then((accessTokenResponse) => {\r\n // Acquire token silent success\r\n let accessToken = accessTokenResponse.accessToken;\r\n // Call your API with token\r\n logs.debug(page.Login, 'TokenAquisition','Aquired Access Token');\r\n logs.event('Token', 'Aquired Access Token');\r\n sessionStorage.setItem(\"IsValidToken\", (accessToken && accessToken.length > 0) ? true : false)\r\n setAccessToken(accessToken);\r\n\r\n })\r\n .catch((error) => {\r\n if (error instanceof InteractionRequiredAuthError) {\r\n instance\r\n .acquireTokenPopup(accessTokenRequest)\r\n .then(function (accessTokenResponse) {\r\n // Acquire token interactive success\r\n let accessToken = accessTokenResponse.accessToken;\r\n // Call your API with token\r\n\r\n sessionStorage.setItem(\"IsValidToken\", (accessToken && accessToken.length > 0) ? true : false)\r\n\r\n logs.debug(page.Login, 'TokenAquisition','Aquired Access Token After Redirection');\r\n setAccessToken(accessToken);\r\n })\r\n .catch(function (error) {\r\n logs.error(page.Login, 'TokenAquisition', ErrorMessages.tokenAquisitionError, error, { eventId: ErrorCodes.LoginPage });\r\n // Acquire token interactive failure\r\n console.log(error);\r\n });\r\n }\r\n logs.critical('indexApp','TokenAquisition',\"Couldn't Aquire Token for logged in user\");\r\n });\r\n }\r\n }, [DoNotLogin, instance, accounts, inProgress, accessToken]);\r\n\r\n\r\n useEffect(() => {\r\n const restrictAccess = async () => {\r\n if (DoNotLogin) {\r\n initializeProfile(MEMBERFIRM_CONSTANTS.dtt);\r\n setIsValidLogin(true);\r\n setIsLoading(false);\r\n return;\r\n }\r\n\r\n const isValidLoggedInUser = accountData?.username !== null;\r\n\r\n if (!isValidLoggedInUser || userRoles().length === 0) {\r\n setIsValidLogin(false);\r\n setIsLoading(false);\r\n return;\r\n }\r\n if (String(window.DART.ENV.RP_ISRESTRICTENV).toUpperCase() === \"TRUE\") {\r\n if (userRoleExists(window.DART.ENV.RP_ISEXCEPTIONLIST)) {\r\n const isValidLogin = await isUserProfileEnabled();\r\n setIsValidLogin(isValidLogin);\r\n } else {\r\n setIsValidLogin(false);\r\n }\r\n } else if (userRoleExists(window.DART.ENV.RP_ISCIAMACCESS)) {\r\n initializeProfile(MEMBERFIRM_CONSTANTS.dtt, MEMBERFIRM_CONSTANTS.dtt);\r\n setIsValidLogin(true);\r\n } else {\r\n const isValidLogin = await isUserProfileEnabled();\r\n setIsValidLogin(isValidLogin);\r\n }\r\n\r\n setIsLoading(false);\r\n };\r\n\r\n if (accessToken || DoNotLogin)\r\n restrictAccess();\r\n }, [DoNotLogin, accountData, accessToken]);//eslint-disable-line\r\n\r\n const userRoles = ()=>{\r\n try {\r\n const currentAccount = instance.getActiveAccount();\r\n\r\n if (currentAccount) {\r\n const roles = currentAccount.idTokenClaims?.roles;\r\n if (roles && roles.length > 0) {\r\n return roles;\r\n }\r\n }\r\n return [];\r\n } catch (error) {\r\n console.error(\"Error fetching user roles:\", error);\r\n logs.error(page.Index, \"FetchingUserRoles\", ErrorMessages.userRoles, error, { eventId: ErrorCodes.LoginPage })\r\n return [];\r\n }\r\n }\r\n\r\n const userRoleExists = (roleIdentiFier) => {\r\n var currentAccount = instance.getActiveAccount();\r\n if (currentAccount) {\r\n var roles = currentAccount.idTokenClaims?.roles;\r\n if (roles && roles.length > 0) {\r\n return roles.includes(roleIdentiFier);\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n const isUserProfileEnabled = async () => {\r\n try {\r\n\r\n const userInfoPromise = await getOpmInfo();\r\n\r\n if (userInfoPromise) {\r\n\r\n const { globalPersonUid, memberFirmCode, country, levelGlobalDesc, countryCode, countryDesc, jobTitle, isExternalUser, language, canSeeRA } = userInfoPromise;\r\n // const isAllowedAccess = await shouldAllowUserAccess(useremailid, memberFirmCode);\r\n // const opmProps = { email: email, firstName: firstName, lastName: lastName, levelGlobalDesc: levelGlobalDesc, countryCode: countryCode, countryDesc: countryDesc, jobTitle: jobTitle, memberFirm: memberFirmCode, pageUrl: window.location.href }\r\n initializeProfile(memberFirmCode, countryCode);\r\n SetUserInfoInLocalStorage(userInfoPromise);\r\n logs.event('opm', {opmId: globalPersonUid, levelGlobalDesc: levelGlobalDesc, countryCode: countryCode, countryDesc: countryDesc, jobTitle: jobTitle, memberFirm: memberFirmCode, pageUrl: window.location.href });\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n catch (err) {\r\n logs.error(page.Login, 'isUserProfileEnabled', ErrorMessages.opmInfo, err, { eventId: ErrorCodes.LoginPage });\r\n }\r\n\r\n function SetUserInfoInLocalStorage(userInfoPromise) {\r\n if (userInfoPromise?.firstName?.length > 0) {\r\n localStorage.setItem('firstName', instance.getActiveAccount()?.name);\r\n }\r\n if (userInfoPromise?.lastName?.length > 0) {\r\n localStorage.setItem('lastName', instance.getActiveAccount()?.name);\r\n }\r\n\r\n if (userInfoPromise?.globalPersonUid) {\r\n SH.setLocalStorage(\"globalPersonUid\", userInfoPromise.globalPersonUid);\r\n }\r\n\r\n if (userInfoPromise?.countryCode) {\r\n SH.setSessionStorage('MemberFirm', userInfoPromise.countryCode);\r\n }\r\n }\r\n };\r\n\r\n if (isLoading) {\r\n\r\n return (\r\n \r\n \r\n
\r\n Welcome to the Research Portal
\r\n\r\n To continue your research experience, please perform a one-time\r\n action of pressing CTRL+Shift+R or CTRL+F5 to clear your browser\r\n cache.\r\n
\r\n\r\n\r\n
\r\n \r\n Continuing to have trouble? Click {\" \"}\r\n here for more Information\r\n
\r\n\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n {isValidLogin ? (\r\n