{"version":3,"file":"721.bundle.js","mappings":"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","sources":["webpack://vaneckreact/./ReactAU/Components/HybridInsightsBlock/HybridInsightsGridItem.tsx","webpack://vaneckreact/./ReactAU/Components/HybridInsightsBlock/HybridInsightsBlockInner.tsx","webpack://vaneckreact/./ReactAU/Components/HybridInsightsBlock/HybridInsightsBlock.tsx","webpack://vaneckreact/./ReactAU/Components/HybridInsightsBlock/useHybridInsightsBlock.tsx","webpack://vaneckreact/./ReactAU/core/customHooks/useAutoScollUp.tsx","webpack://vaneckreact/./ReactAU/services/fetchDataService.tsx"],"sourcesContent":["import { MediaPreview } from \"../../../ReactUS/interfaces/MediaPreview\";\r\nimport parse from \"html-react-parser\";\r\nexport function GridItem({ recommendation, index }: { recommendation: MediaPreview; index: number}) {\r\n\r\n  return (\r\n    <div className=\"col-md-6 col-lg-4 image-text-card insights-grid__item\">\r\n      <div className=\"grid-card\">\r\n        <RelatedMediaBody recommendation={recommendation} index={index}/>\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n}\r\n\r\nexport function RelatedMediaBody({ recommendation, index }: { recommendation: MediaPreview; index: number}) {\r\n  return (\r\n    <>\r\n      <RelatedMediaImage recommendation={recommendation} tabIndex={index} />\r\n      <Eyebrow recommendation={recommendation} />\r\n      <Header recommendation={recommendation} />\r\n      <Description recommendation={recommendation} />\r\n    </>\r\n  );\r\n}\r\n\r\nexport function Eyebrow({ recommendation }: { recommendation: MediaPreview }) {\r\n  return (\r\n    <div className=\"grid-card__eyebrow\">\r\n      <span data-ve-gtm=\"item-category\" className=\"text-util-md\">{recommendation.Category}</span>\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\nexport function Header({ recommendation }: { recommendation: MediaPreview }) {\r\n  return (\r\n    <div className=\"grid-card__header\">\r\n      <a data-ve-gtm=\"item-title\" className=\"grid-card__title-link\" href={recommendation.MediaLink}>\r\n        <h3 className=\"mb-0\">{recommendation.Title}</h3>\r\n      </a>\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\nexport function Description({ recommendation }: { recommendation: MediaPreview }) {\r\n  if(!recommendation.Description) return (<></>);\r\n  return (\r\n    <div data-ve-gtm=\"item-abstract\" className=\"grid-card__body mt-0\">\r\n      <p>{parse(recommendation.Description)}</p>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function RelatedMediaImage({ recommendation, tabIndex }: { recommendation: MediaPreview; tabIndex: number}) {\r\n  if(!recommendation.PostSmallImage) return (<></>);\r\n  return (\r\n    <div className=\"position-relative no-print\">\r\n      <a data-ve-gtm=\"item-image\" className=\"grid-card__image-link\" href={recommendation.MediaLink} tabIndex={tabIndex}>\r\n        <div className=\"grid-card__image-container mb-3 no-print\">\r\n          <div className=\"image grid-card__image\" style={{ backgroundImage: `url(${recommendation.PostSmallImage})`, paddingBottom: \"56.25%\" }}>\r\n            <img alt={`${recommendation.Title}`} className=\"image__img\" src={recommendation.PostSmallImage} />\r\n          </div>\r\n        </div>\r\n        {/* <div className=\"grid-card__image-icon\">\r\n          <ImageIcon mediaType={recommendation.TypeName} />\r\n        </div> */}\r\n      </a>\r\n    </div>\r\n  )\r\n}\r\n\r\n// export function ImageIcon({ mediaType }: { mediaType: string }) {\r\n//   switch (mediaType) {\r\n//     case \"Video\":\r\n//       return (<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"play-circle\" className=\"svg-inline--fa fa-play-circle fa-w-16 fa-3x icon\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n//         <path fill=\"currentColor\" d=\"M 10.1525,7.6262504 C 9.4088471,7.6408774 8.7143741,8.2420884 8.715,9.0612499 V 14.9375 c -8.432e-4,1.092215 1.2338231,1.796302 2.17375,1.24 l 4.96875,-2.93875 c 0.923476,-0.546327 0.923476,-1.932423 0,-2.47875 L 10.88875,7.8212497 C 10.653768,7.6821749 10.400384,7.6213758 10.1525,7.6262504 Z M 9.9100002,8.6299998 C 10.048592,8.5509094 10.229738,8.5467295 10.4,8.6475003 l 4.96875,2.9387497 c 0.333052,0.197033 0.333052,0.629217 0,0.82625 L 10.4,15.351252 C 10.059477,15.552794 9.6746977,15.3332 9.675,14.937503 V 9.0612525 C 9.6748489,8.863405 9.7714074,8.7090934 9.9100002,8.6300024 Z M 12,0 C 5.37776,0 0,5.37776 0,12 0,18.62224 5.37776,24 12,24 18.62224,24 24,18.62224 24,12 24,5.37776 18.62224,0 12,0 Z m 0,0.96 C 18.10352,0.96 23.04,5.89648 23.04,12 23.04,18.10352 18.10352,23.04 12,23.04 5.89648,23.04 0.96,18.10352 0.96,12 0.96,5.89648 5.89648,0.96 12,0.96 Z\">\r\n//         </path>\r\n//       </svg>);\r\n//     case \"Webinar\":\r\n//       return (<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"webinar-circle\" className=\"svg-inline--fa fa-webinar-circle fa-w-16 fa-3x icon\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23.5 23.5\">\r\n//         <path fill=\"currentColor\" d=\"M 11.880859 8.2578125 C 11.256132 8.2578125 10.63151 8.4858186 10.146484 8.9414062 C 9.1367798 9.8898282 9.2013852 11.471527 10.113281 12.439453 A 0.750075 0.750075 0 0 0 10.113281 12.441406 C 11.063911 13.447441 12.645862 13.383194 13.615234 12.472656 C 14.46304 11.675082 14.430594 10.452026 13.851562 9.4902344 A 0.75 0.75 0 0 0 13.632812 8.9609375 C 13.631707 8.9598316 13.631967 8.9581355 13.630859 8.9570312 A 0.75 0.75 0 0 0 13.623047 8.9511719 A 0.75 0.75 0 0 0 13.619141 8.9472656 A 0.75 0.75 0 0 0 13.615234 8.9414062 C 13.614103 8.9403431 13.612461 8.9405138 13.611328 8.9394531 A 0.75 0.75 0 0 0 13.099609 8.7382812 C 12.709078 8.5133028 12.31987 8.2578125 11.880859 8.2578125 z M 11.880859 9.7421875 C 12.127102 9.7421875 12.371169 9.8430472 12.576172 10.03125 C 12.976671 10.440145 12.970506 11.01896 12.587891 11.378906 C 12.173263 11.768369 11.558449 11.784122 11.205078 11.410156 C 10.816293 10.996107 10.798014 10.386326 11.171875 10.035156 C 11.378849 9.8407439 11.630587 9.7421875 11.880859 9.7421875 z M 10.900391 13.972656 C 9.3932093 13.972656 8.2597656 15.372808 8.2597656 17 L 9.7402344 17 C 9.7402344 16.029192 10.333572 15.455078 10.900391 15.455078 L 13.099609 15.455078 C 13.703906 15.455078 14.259766 16.079104 14.259766 17 L 15.740234 17 C 15.740234 15.428896 14.655313 13.972656 13.099609 13.972656 L 10.900391 13.972656 z M 6.1992188 6.5 C 5.4755755 6.5 4.9277344 7.1349285 4.9277344 7.8496094 L 4.9277344 16.150391 C 4.9277344 16.865071 5.4755755 17.5 6.1992188 17.5 L 17.654297 17.5 C 17.654945 17.5 17.655602 17.500001 17.65625 17.5 C 18.378933 17.498864 18.927734 16.86514 18.927734 16.150391 L 18.927734 7.8496094 C 18.927734 7.1342193 18.37794 6.5 17.654297 6.5 L 6.1992188 6.5 z M 6.1992188 7.5 L 17.654297 7.5 C 17.784654 7.5 17.927734 7.6249994 17.927734 7.8496094 L 17.927734 16.150391 C 17.927734 16.375001 17.784654 16.5 17.654297 16.5 L 6.1992188 16.5 C 6.068862 16.5 5.9277344 16.37571 5.9277344 16.150391 L 5.9277344 7.8496094 C 5.9277344 7.6242902 6.068862 7.5 6.1992188 7.5 z M 8 18.5 L 8 19.5 L 16 19.5 L 16 18.5 L 8 18.5 z M 12,0.25 C 5.5195377,0.25 0.25,5.5195377 0.25,12 0.25,18.480462 5.5195377,23.75 12,23.75 18.480462,23.75 23.75,18.480462 23.75,12 23.75,5.5195377 18.480462,0.25 12,0.25 Z m 0,1.5 C 17.669802,1.75 22.25,6.3301978 22.25,12 22.25,17.669802 17.669802,22.25 12,22.25 6.3301978,22.25 1.75,17.669802 1.75,12 1.75,6.3301978 6.3301978,1.75 12,1.75 Z\">\r\n//         </path>\r\n//       </svg>);\r\n//     case \"Blog\":\r\n//       return (<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"blog\" className=\"svg-inline--fa fa-blog fa-w-16 fa-3x icon\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\">\r\n//         <path fill=\"currentColor\" d=\"m 17.112303,7.9225352 -3.721739,4.1483138 -0.118625,1.133376 1.045882,-0.170256 3.70764,-4.1325758 z M 18.863762,7.4547443 18.376858,6.9901735 c -0.0817,-0.078021 -0.185238,-0.1261868 -0.271378,-0.1238269 -0.03333,-0.00163 -0.06589,0.010082 -0.09014,0.032414 l -0.599307,0.6181672 0.941184,0.9337764 0.612789,-0.6322986 c 0.06242,-0.064287 0.03017,-0.2334938 -0.106246,-0.3636613 z M 6.8352423,7.2114327 a 0.52816901,0.52816901 0 0 0 -0.5281691,0.528169 0.52816901,0.52816901 0 0 0 0.5281691,0.528169 h 7.7781137 a 0.52816901,0.52816901 0 0 0 0.528169,-0.528169 0.52816901,0.52816901 0 0 0 -0.528169,-0.528169 z m 0,3.5211263 a 0.52816901,0.52816901 0 0 0 -0.5281691,0.528169 0.52816901,0.52816901 0 0 0 0.5281691,0.528169 h 4.9612127 a 0.52816901,0.52816901 0 0 0 0.528169,-0.528169 0.52816901,0.52816901 0 0 0 -0.528169,-0.528169 z m 0,3.521127 a 0.52816901,0.52816901 0 0 0 -0.5281691,0.528169 0.52816901,0.52816901 0 0 0 0.5281691,0.528169 H 18.471466 a 0.52816901,0.52816901 0 0 0 0.528169,-0.528169 0.52816901,0.52816901 0 0 0 -0.528169,-0.528169 z m 0,3.521127 a 0.52816901,0.52816901 0 0 0 -0.5281691,0.528169 0.52816901,0.52816901 0 0 0 0.5281691,0.528169 H 18.471466 a 0.52816901,0.52816901 0 0 0 0.528169,-0.528169 0.52816901,0.52816901 0 0 0 -0.528169,-0.528169 z M 12.5,0 C 5.602697,0 0,5.602697 0,12.5 0,19.397303 5.602697,25 12.5,25 19.397303,25 25,19.397303 25,12.5 25,5.602697 19.397303,0 12.5,0 Z m 0,1.056338 c 6.326416,0 11.443662,5.117246 11.443662,11.443662 0,6.326416 -5.117246,11.443662 -11.443662,11.443662 C 6.173584,23.943662 1.056338,18.826416 1.056338,12.5 1.056338,6.173584 6.173584,1.056338 12.5,1.056338 Z\">\r\n//         </path>\r\n//       </svg>);\r\n//     case \"Podcast\":\r\n//       return (<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"microphone-circle\" className=\"svg-inline--fa fa-microphone-circle fa-w-16 fa-3x icon\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n//         <path fill=\"currentColor\" d=\"m 6.595052,9.807292 a 0.5,0.5 0 0 0 -0.5,0.5 v 1.800781 c 0,3.078211 2.394846,5.53622 5.404948,5.803386 v 1.804687 H 8.2343747 a 0.5,0.5 0 0 0 -0.5,0.5 0.5,0.5 0 0 0 0.5,0.5 H 11.990885 12 15.765625 a 0.5,0.5 0 0 0 0.5,-0.5 0.5,0.5 0 0 0 -0.5,-0.5 H 12.5 v -1.804687 c 3.010102,-0.267166 5.404948,-2.725175 5.404948,-5.803386 v -1.800781 a 0.5,0.5 0 0 0 -0.5,-0.5 0.5,0.5 0 0 0 -0.5,0.5 v 1.800781 c 0,2.715063 -2.189885,4.904948 -4.904948,4.904948 -2.7150633,0 -4.904948,-2.189885 -4.904948,-4.904948 v -1.800781 a 0.5,0.5 0 0 0 -0.5,-0.5 z M 12,0 C 5.3785053,0 0,5.3785053 0,12 0,18.621495 5.3785053,24 12,24 18.621495,24 24,18.621495 24,12 24,5.3785053 18.621495,0 12,0 Z m 0,1 C 18.081055,1 23,5.9189453 23,12 23,18.081055 18.081055,23 12,23 5.9189453,23 1,18.081055 1,12 1,5.9189453 5.9189453,1 12,1 Z m 0.0063,13.331333 v 0 c -1.270255,0 -2.300001,-1.104364 -2.300001,-2.466666 V 6.9313327 c 0,-1.3623014 1.029746,-2.466666 2.300001,-2.466666 v 0 c 1.270253,0 2.299999,1.1043646 2.299999,2.466666 v 4.9333343 c 0,1.362302 -1.029746,2.466666 -2.299999,2.466666 z\">\r\n//         </path>\r\n//       </svg>);\r\n//     default:\r\n//       return (<></>)\r\n//   }\r\n// }","import { MediaPreview, RecommendationsBlockViewModel } from \"../../../ReactUS/interfaces/MediaPreview\";\r\nimport { GridItem } from \"./HybridInsightsGridItem\";\r\n\r\nexport function HybridInsightsBlockInner(props: RecommendationsBlockViewModel) {\r\n    const { Recommendations, Template, Title, CssClass, ContainerCssClass } = props;\r\n\r\n    return (\r\n        <section className={`insights-grid ${ContainerCssClass}`}>\r\n            {Title && <h2 className=\"mb-3\">{Title}</h2>}\r\n            <div className=\"row draw-area\">\r\n                 {Recommendations.map((recommendation, index) => (\r\n                     <GridItem recommendation={recommendation} index={index} key={index} />\r\n                 ))}\r\n            </div>\r\n        </section>\r\n    );\r\n}","import \"./HybridInsightsBlock.scss\";\r\nimport useAutoScrollUp from \"../../core/customHooks/useAutoScollUp\";\r\nimport { useState } from \"react\";\r\nimport { useHybridInsightsBlock } from \"./useHybridInsightsBlock\";\r\nimport { HybridInsightsBlockInner } from \"./HybridInsightsBlockInner\";\r\n\r\nexport interface HybridInsightsBlockInterface extends ComponentInterface { }\r\n\r\nconst HybridInsightsBlock = (props: HybridInsightsBlockInterface) => {\r\n  const element = props.rootElement;\r\n  const blockID = element.dataset.blockid as unknown as number;\r\n  const pageID = element.dataset.pageid as unknown as number;\r\n\r\n  const [markup, setMarkup] = useState(\r\n    <div className=\"component-loading\">Loading Data...</div>\r\n  );\r\n\r\n  useAutoScrollUp(element);\r\n  if (isNaN(blockID)) return <p>Error: BlockID not found.</p>;\r\n\r\n  const [blockData] = useHybridInsightsBlock({\r\n    blockID: blockID,\r\n    pageID: pageID,\r\n    setMarkup: setMarkup,\r\n  });\r\n\r\n  return (\r\n    <div>\r\n      {markup}\r\n          {blockData && blockData.Items && blockData.Items.length > 0 && <>\r\n            <HybridInsightsBlockInner\r\n                  Recommendations={blockData.Items}\r\n                  Title={blockData.Heading}\r\n                  CssClass={blockData.CssClass}\r\n                  ContainerCssClass={blockData.ContainerCssClass}\r\n                  Template={\"\"} \r\n              />\r\n          </>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default HybridInsightsBlock;","import { fetchBlockData } from \"../../services/fetchDataService\";\r\nimport { HybridInsightsGridBlockViewModel } from \"../../../ReactUS/interfaces/MediaPreview\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\ninterface UseHybridInsightsBlockProps {\r\n  blockID: Number;\r\n  pageID: Number;\r\n  setMarkup: Function;\r\n}\r\n\r\nexport function useHybridInsightsBlock(props: UseHybridInsightsBlockProps) {\r\n    const { blockID, pageID, setMarkup } = props;\r\n    const [blockData, setBlockData] = useState<HybridInsightsGridBlockViewModel|null>(null);\r\n    const url = document.location.href;\r\n\r\n    const visits = getVisitsCount();\r\n    const isFirstVisit = visits ? parseInt(visits) < 2 : true;\r\n    const categoryId = (document.querySelector(\"[data-categoryid]\") as HTMLElement)?.dataset.categoryid;\r\n    const ivcookie = getCookie(\"iv\") ?? \"\";\r\n\r\n    useEffect(() => {\r\n        (async () => {\r\n            let additionalParams = getAdditionalParams(categoryId, isFirstVisit);\r\n            const response: HybridInsightsGridBlockViewModel = await fetchBlockData({\r\n                url: `/main/hybridinsightsgridblock/getcontent/?blockid=${blockID}&pageid=${pageID}&iv=${ivcookie}&currentPageUrl=${url}${additionalParams}`,\r\n                isJson: true,\r\n                setMarkup: setMarkup,\r\n            });\r\n            // console.log(\"%c *** HYBRID INSIGHTS BLOCK ***\", \"background: #f28bff; color: #fff\");\r\n            // console.log(\"HybridInsights loaded, response:\", response);\r\n            setBlockData(response);\r\n            setMarkup(false);\r\n        })();\r\n    }, [])\r\n\r\n  return [blockData]\r\n}\r\n\r\nfunction getAdditionalParams(categoryId: string | undefined, isFirstVisit: boolean) {\r\n    let additionalParams = \"\";\r\n    if (categoryId) {\r\n        additionalParams += \"&categoryId=\" + categoryId;\r\n    }\r\n    if (isFirstVisit) {\r\n        additionalParams += \"&isFirstVisit=\" + isFirstVisit;\r\n    }\r\n    return additionalParams;\r\n}\r\n\r\nfunction getCookie(name: string) {\r\n    const value = `; ${document.cookie}`;\r\n    const parts = value.split(`; ${name}=`);\r\n    if (parts.length === 2) return parts.pop()?.split(';').shift();\r\n}\r\n\r\nfunction getVisitsCount() {\r\n    const key = getLocalStorageKeyByMicrosite();\r\n    const visits = localStorage.getItem(key);\r\n    return visits;\r\n}\r\n \r\nfunction getLocalStorageKeyByMicrosite() {\r\n    let microsite = (document.querySelector(\"#hdnCurrentMicrositeId\") as HTMLInputElement)?.value;\r\n    // AU workaround\r\n    if (!microsite) {\r\n        microsite = (document.querySelector(\"#hdnSelectedCountry\") as HTMLInputElement)?.value.toLowerCase();\r\n    }\r\n    let key = \"\";\r\n    switch (microsite) {\r\n        case \"global\":\r\n            key = \"ve-PageVisitCount-corp\";\r\n            break;\r\n        case \"ucits\":\r\n            key = \"ve-PageVisitCount-eu\";\r\n            break;\r\n        case \"au\":\r\n            key = \"ve-PageVisitCount-au\";\r\n            break;\r\n        default:\r\n            key = \"ve-PageVisitCount\";\r\n            break;\r\n    }\r\n\r\n    return key;\r\n}","import { useState, useEffect, useLayoutEffect } from \"react\";\r\n\r\n/**\r\n * When a component is rendered above the viewport, it results in the current scroll position being offset by the height difference.\r\n * This custom hook will adjust for the height of the component before every paint.\r\n * @param {HTMLElement} element\r\n */\r\nfunction useAutoScrollUp(element: HTMLElement) {\r\n  const [height, setHeight] = useState(0);\r\n\r\n  useEffect(() => {\r\n    element && setHeight(element.getBoundingClientRect()?.height);\r\n  }, [element]);\r\n\r\n  useLayoutEffect(() => {\r\n    if (!element || !height) return;\r\n    const elemBoundingRect = element.getBoundingClientRect();\r\n    const newHeight = elemBoundingRect.height;\r\n    const heightIncrease = newHeight - height;\r\n\r\n    //compensate scrolling only if elem above viewport (scrolling up)\r\n    if (elemBoundingRect.top < 50) {\r\n      window.scrollBy(0, heightIncrease);\r\n    }\r\n\r\n    setHeight((height) => height + heightIncrease);\r\n  });\r\n}\r\n\r\nexport default useAutoScrollUp;","import React from \"react\";\r\n\r\nexport interface FetchBlockDataInterface {\r\n  url: string,\r\n  isJson?: Boolean,\r\n  setMarkup?: Function | null\r\n}\r\n\r\ndeclare global {\r\n  interface Window {\r\n      reactlang: string | null | undefined;\r\n      reactctr: string | null | undefined;\r\n      isapiepieditmode: string | null | undefined;\r\n      isapilatestversionpreview: string | null | undefined;\r\n      epiprojectid: string | null | undefined;\r\n  }\r\n}\r\n\r\nwindow.reactlang = document.getElementsByTagName(\"ve-language\")[0]?.innerHTML;\r\nwindow.reactctr = document.getElementsByTagName(\"ve-country\")[0]?.innerHTML;\r\nwindow.isapiepieditmode = document.getElementsByTagName(\"ve-is-epi-edit-mode\")[0]?.innerHTML;\r\nwindow.isapilatestversionpreview = document.getElementsByTagName(\"ve-is-latest-version-preview\")[0]?.innerHTML;\r\nwindow.epiprojectid = document.getElementsByTagName(\"ve-epi-project-id\")[0]?.innerHTML;\r\n\r\n/**\r\n * Fetches data for a given API endpoint. Expects any get parameters to be encoded in the url.\r\n * If JSON is expected, returns the JSON object. If not returns the result object.\r\n * @param {FetchBlockDataInterface} options\r\n * @returns {any|Response}\r\n */\r\nexport async function fetchBlockData({ url, isJson = true, setMarkup = null }: FetchBlockDataInterface): Promise<any | Response> {\r\n\r\n  try {\r\n    let additionalParams = window.isapiepieditmode || window.isapilatestversionpreview\r\n      ? `&epieditmode=${window.isapiepieditmode}&latest=${window.isapilatestversionpreview}`\r\n      : '';\r\n    if(window.epiprojectid){\r\n        additionalParams += `&epiprojects=${window.epiprojectid}`;\r\n    }\r\n    const request = await fetch(`${url}${url.indexOf('?') !== -1 ? '&' : '?'}reactlang=${window.reactlang}&reactctr=${window.reactctr}${additionalParams}&_=${new Date().getTime()}`);\r\n    const response: Response|any = isJson ? await request.json() : request;\r\n    \r\n    return response;\r\n  } catch (err) {\r\n      console.log(`Error while fetching block data! URL: ${url}`);\r\n\r\n      typeof (setMarkup) === \"function\" && setMarkup(\r\n        <div className=\"component-load-failed\">An error occured when loading data.</div>\r\n      );\r\n\r\n    throw new Error(err as string);\r\n  }\r\n}"],"names":["GridItem","recommendation","index","className","RelatedMediaBody","RelatedMediaImage","tabIndex","Eyebrow","Header","Description","Category","href","MediaLink","Title","PostSmallImage","style","backgroundImage","paddingBottom","alt","src","HybridInsightsBlockInner","props","Recommendations","Template","CssClass","ContainerCssClass","map","element","rootElement","blockID","dataset","blockid","pageID","pageid","markup","setMarkup","useState","isNaN","blockData","setBlockData","url","document","location","visits","key","microsite","querySelector","value","toLowerCase","getLocalStorageKeyByMicrosite","localStorage","getItem","getVisitsCount","isFirstVisit","parseInt","categoryId","categoryid","ivcookie","name","parts","cookie","split","length","pop","shift","getCookie","useEffect","additionalParams","getAdditionalParams","response","isJson","useHybridInsightsBlock","Items","Heading","height","setHeight","getBoundingClientRect","useLayoutEffect","elemBoundingRect","heightIncrease","top","window","scrollBy","async","fetchBlockData","isapiepieditmode","isapilatestversionpreview","epiprojectid","request","fetch","indexOf","reactlang","reactctr","Date","getTime","json","err","console","log","Error","getElementsByTagName","innerHTML"],"sourceRoot":""}