{"version":3,"file":"static/js/9197.d2a2a9b8.chunk.js","mappings":"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","sources":["components/advertisement/home-google-ads.tsx","hooks/useDfpSlot.ts","components/advertisement/load-news-and-articles-listing-ads.tsx","pages/news-and-articles/article/components/news-and-articles-list.component.tsx","pages/news-and-articles/article/news-and-articles-list.tsx"],"sourcesContent":["const GoogleAdsLayout = () => {\r\n  return (\r\n    <div className=\"rosads\">\r\n      <div className=\"col-md-12\">\r\n        <div className=\"googls-adds\">\r\n          <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625252827-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n          <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625323242-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n          <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625359907-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n          <div className=\"CMSBanner Banner gadsbanner\" id=\"div-gpt-ad-1628625430383-0\" style={{ minWidth: 300, minHeight: 250, margin: \"9px auto\", padding: \"0 .2px\", display: 'none' }}></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default GoogleAdsLayout;","import { useEffect } from \"react\";\r\ninterface Props {\r\n  path: string;\r\n  size: [number, number];\r\n  id: string;\r\n}\r\n\r\n// This hook must only be called once per page\r\nconst GoogleAdsScript = (props: Props[]) => {\r\n  useEffect(() => {\r\n    const googletag = window.googletag || {};\r\n    googletag.cmd = googletag.cmd || [];\r\n    googletag.cmd.push(() => {\r\n      window.googletag.destroySlots();\r\n    });\r\n\r\n    props.map((item) => {\r\n      googletag.cmd.push(function () {\r\n        googletag.defineSlot(item.path, item.size, item.id).addService(googletag.pubads());\r\n        //googletag.pubads().enableLazyLoad();\r\n\r\n        googletag.pubads().enableSingleRequest();\r\n        googletag.enableServices();\r\n      });\r\n      googletag.cmd.push(function () {\r\n        googletag.display(item.id);\r\n      });\r\n    });\r\n  }, [props]);\r\n};\r\n\r\nexport default GoogleAdsScript;","import useDfpSlot from \"../../hooks/useDfpSlot\";\r\n\r\nconst LoadNewsAndArticlesListingAds = () => {\r\n    useDfpSlot([{\r\n        path: \"/22240682100/ROS_Footer1_300x250\",\r\n        size: [300, 250],\r\n        id: \"div-gpt-ad-1628625252827-0\",\r\n      },{\r\n        path: \"/22240682100/ROS_Footer2_300x250\",\r\n        size: [300, 250],\r\n        id: \"div-gpt-ad-1628625323242-0\",\r\n      },{\r\n        path: \"/22240682100/ROS_Footer3_300x250\",\r\n        size: [300, 250],\r\n        id: \"div-gpt-ad-1628625359907-0\",\r\n      },{\r\n        path: \"/22240682100/ROS_Footer4_300x250\",\r\n        size: [300, 250],\r\n        id: \"div-gpt-ad-1628625430383-0\",\r\n      },{\r\n        path: \"/22240682100/Top_Banner_970x90\",\r\n        size: [970, 90],\r\n        id: \"div-gpt-ad-1611326459208-0\",\r\n      },{\r\n        path: \"/22240682100/Top_300x50_mobile\",\r\n        size: [300, 50],\r\n        id: \"div-gpt-ad-1611693088874-0\",\r\n      },{\r\n        path: \"/22240682100/Content_Banner_1_970x90\",\r\n        size: [970, 90],\r\n        id: \"div-gpt-ad-1649701637206-0\",\r\n      },{\r\n        path: \"/22240682100/Content_Banner_1_300x50_Mobile\",\r\n        size: [300, 50],\r\n        id: \"div-gpt-ad-1649701809430-0\",\r\n      },{\r\n        path: \"/22240682100/Content_Banner_2_970x90\",\r\n        size: [970, 90],\r\n        id: \"div-gpt-ad-1649701921828-0\",\r\n      },{\r\n        path: \"/22240682100/Content_Banner_2_300x50_Mobile\",\r\n        size: [300, 50],\r\n        id: \"div-gpt-ad-1649701861184-0\",\r\n      },{\r\n        path: \"/22240682100/Content_Banner_3_970x90\",\r\n        size: [970, 90],\r\n        id: \"div-gpt-ad-1649702008484-0\",\r\n      },{\r\n        path: \"/22240682100/Content_Banner_3_300x50_Mobile\",\r\n        size: [300, 50],\r\n        id: \"div-gpt-ad-1649702035816-0\",\r\n      }]);\r\n\r\n    return(<></>)\r\n}\r\n\r\nexport default LoadNewsAndArticlesListingAds;","import React, { useMemo, useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nimport { addDays } from \"date-fns\";\r\nimport { pageSizeType, retrieveNewsArticlesSearch, sortByType, }\r\n  from \"../../../../redux/slice/news-articles/news-articles-search-slice\";\r\nimport { RootState, useAppDispatch } from \"../../../../redux/store\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Pagination, {\r\n  bootstrap5PaginationPreset,\r\n} from \"react-responsive-pagination\";\r\nimport LoadingComp from \"../../../../components/re-usable/loading/loading\";\r\nimport { retrieveNewsArticlesSearchCategory } from \"../../../../redux/slice/news-articles/news-articles-search-category-slice\";\r\nimport { retrieveNewsArticlesSearchAuthor } from \"../../../../redux/slice/news-articles/news-articles-search-author-slice\";\r\nimport { useLocation, useNavigate, useParams, Location } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Collapse } from \"react-bootstrap\";\r\nimport { Helmet } from \"react-helmet-async\";\r\nimport LoadNewsAndArticlesListingAds from \"../../../../components/advertisement/load-news-and-articles-listing-ads\";\r\n\r\ntype FilterValues = {\r\n  urlPageSize: number;\r\n  urlSortBy: string;\r\n  urlPageNumber: number;\r\n  urlKeyword: string;\r\n  urlCategoryID: number;\r\n  urlAuthorCode: string;\r\n  urlFromDate: string;\r\n  urlToDate: string;\r\n  urlDocumentTags: string;\r\n};\r\n\r\nconst formatDate = (date: Date): string => {\r\n  const day = date.getDate().toString().padStart(2, \"0\");\r\n  const month = (date.getMonth() + 1).toString().padStart(2, \"0\");\r\n  const year = date.getFullYear().toString();\r\n  return year + month + day;\r\n};\r\n\r\nconst formatUrlDate = (date: string) => {\r\n  if (date) {\r\n    const year = date.substring(0, 4);\r\n    const month = date.substring(4, 6);\r\n    const day = date.substring(6, 8);\r\n    return year && month && day && `${month}/${day}/${year}`;\r\n  }\r\n};\r\n\r\nconst NewsAndArticleListComponent = (): JSX.Element => {\r\n  const [startDate, setStartDate] = useState<Date | null>(null);\r\n  const [endDate, setEndDate] = useState<Date | null>(null);\r\n  const navigate = useNavigate();\r\n  const location: Location = useLocation();\r\n  const queryParams = new URLSearchParams(location.search);\r\n  const dispatch = useAppDispatch();\r\n  const getUrlFromDate =\r\n    queryParams && formatUrlDate(queryParams.get(\"fromdate\")!);\r\n  const getUrlToDate = queryParams && formatUrlDate(queryParams.get(\"todate\")!);\r\n  const defaultFilterValues = {\r\n    urlPageSize: Number(queryParams.get(\"pagesize\")) || 12,\r\n    urlSortBy: queryParams.get(\"sortby\") || \"Date\",\r\n    urlPageNumber: Number(queryParams.get(\"page\")) || 1,\r\n    urlKeyword: queryParams.get(\"searchtext\") || \"\",\r\n    urlCategoryID: Number(queryParams.get(\"category\")) || 0,\r\n    urlAuthorCode: queryParams.get(\"author\") || \"\",\r\n    urlFromDate: queryParams.get(\"fromdate\") || \"\",\r\n    urlToDate: queryParams.get(\"todate\") || \"\",\r\n    urlDocumentTags: queryParams.get(\"DocumentTags\") || \"\",\r\n  };\r\n\r\n  const [filterValues, setFilterValues] =\r\n    useState<FilterValues>(defaultFilterValues);\r\n\r\n  const [pageSize, setPageSize] = useState<pageSizeType>(\r\n    (Number(queryParams.get(\"pagesize\")) as pageSizeType) || 12\r\n  );\r\n  const [sortBy, setsortBy] = useState<sortByType>(\r\n    (queryParams.get(\"sortby\") as sortByType) || \"Date\"\r\n  );\r\n  const [pageNumber, setPageNumber] = useState<number>(\r\n    Number(queryParams.get(\"page\")) || 1\r\n  );\r\n  const [keyword, setKeyword] = useState<string>(\r\n    queryParams.get(\"searchtext\") || \"\"\r\n  );\r\n  const [isKeyword, setIsKeyword] = useState<boolean>(false);\r\n  const [categoryID, setCategoryID] = useState<number>(\r\n    Number(queryParams.get(\"category\")) || 0\r\n  );\r\n  const [authorCode, setAuthorCode] = useState<string>(\r\n    queryParams.get(\"author\") || \"\"\r\n  );\r\n  const [fromDate, setFromDate] = useState<string>(getUrlFromDate || \"\");\r\n  const [toDate, setToDate] = useState<string>(getUrlToDate || \"\");\r\n  const [documentTags, setDocumentTags] = useState<string>(\r\n    queryParams.get(\"DocumentTags\") || \"\"\r\n  );\r\n  const [isShowFilterDate, setIsShowFilterDate] = useState<boolean>(false);\r\n  const [isShowFilter, setIsShowFilter] = useState<boolean>(true);\r\n\r\n  const [isInitialPageLoad, setIsInitialPageLoad] = useState(true);\r\n\r\n  const { NewsArticlesSearcData, NewsArticlesSearcLoading } = useSelector(\r\n    (state: RootState) => state.newsArticlesSearch\r\n  );\r\n  const { NewsArticlesSearchCategoryData } = useSelector(\r\n    (state: RootState) => state.newsArticlesSearchCategory\r\n  );\r\n  const { NewsArticlesSearchAuthorData } = useSelector(\r\n    (state: RootState) => state.newsArticlesSearchAuthor\r\n  );\r\n\r\n  let NewsArticlesSearcType = {\r\n    pageSize: pageSize,\r\n    sortBy: sortBy,\r\n    pageNumber: pageNumber,\r\n    keyword: keyword,\r\n    categoryID: categoryID,\r\n    authorCode: authorCode,\r\n    fromDate: fromDate,\r\n    toDate: toDate,\r\n    documentTags: documentTags,\r\n  };\r\n\r\n  useEffect(() => {\r\n    dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n    dispatch(retrieveNewsArticlesSearchCategory());\r\n    dispatch(retrieveNewsArticlesSearchAuthor());\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    // Any clicks that happens in this page calls the api, so each change can be safely reset when user presses the back button.\r\n    if (defaultFilterValues.urlAuthorCode !== authorCode) {\r\n      setAuthorCode(defaultFilterValues.urlAuthorCode);\r\n    }\r\n    if (defaultFilterValues.urlCategoryID !== categoryID) {\r\n      setCategoryID(defaultFilterValues.urlCategoryID);\r\n    }\r\n    if (defaultFilterValues.urlDocumentTags !== documentTags) {\r\n      setCategoryID(defaultFilterValues.urlCategoryID);\r\n    }\r\n    if (defaultFilterValues.urlFromDate !== fromDate) {\r\n      setFromDate(formatUrlDate(defaultFilterValues.urlFromDate)!);\r\n    }\r\n    if (defaultFilterValues.urlKeyword !== keyword) {\r\n      setKeyword(defaultFilterValues.urlKeyword);\r\n    }\r\n    if (defaultFilterValues.urlPageNumber !== pageNumber) {\r\n      setPageNumber(defaultFilterValues.urlPageNumber);\r\n    }\r\n    if (defaultFilterValues.urlPageSize !== pageSize) {\r\n      setPageSize(defaultFilterValues.urlPageSize as pageSizeType);\r\n    }\r\n    if (defaultFilterValues.urlSortBy !== sortBy) {\r\n      setsortBy(defaultFilterValues.urlSortBy as sortByType);\r\n    }\r\n    if (defaultFilterValues.urlToDate !== toDate) {\r\n      setToDate(formatUrlDate(defaultFilterValues.urlToDate)!);\r\n    }\r\n  }, [location]);\r\n\r\n  const updateUrl = (\r\n    sortBy?: string,\r\n    pageSize?: number,\r\n    urlPageNumber?: number,\r\n    urlKeyword?: string,\r\n    urlCategoryID?: number,\r\n    urlAuthorCode?: string,\r\n    urlFromDate?: string,\r\n    urlToDate?: string,\r\n    urlDocumentTags?: string\r\n  ) => {\r\n    const urlSearchParams = new URLSearchParams();\r\n    sortBy && urlSearchParams.append(\"sortby\", sortBy);\r\n    pageSize && urlSearchParams.append(\"pagesize\", pageSize.toString());\r\n    urlPageNumber && urlSearchParams.append(\"page\", urlPageNumber.toString());\r\n    urlKeyword && urlSearchParams.append(\"searchtext\", urlKeyword.toString());\r\n    urlCategoryID &&\r\n      urlSearchParams.append(\"category\", urlCategoryID.toString());\r\n    urlAuthorCode && urlSearchParams.append(\"author\", urlAuthorCode.toString());\r\n    urlFromDate && urlSearchParams.append(\"fromdate\", urlFromDate);\r\n    urlToDate && urlSearchParams.append(\"todate\", urlToDate);\r\n    urlDocumentTags && urlSearchParams.append(\"DocumentTags\", urlDocumentTags);\r\n    navigate(`/news-and-articles/news-articles?${urlSearchParams.toString()}`);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (getUrlFromDate) {\r\n      setFromDate(getUrlFromDate);\r\n      const newFromDate = new Date(getUrlFromDate);\r\n      setStartDate(newFromDate);\r\n    }\r\n\r\n    if (getUrlToDate) {\r\n      setToDate(getUrlToDate);\r\n      const newToDate = new Date(getUrlToDate);\r\n      setEndDate(newToDate);\r\n    }\r\n  }, [getUrlFromDate, getUrlToDate]);\r\n\r\n  const clearSort = () => {\r\n    setKeyword(\"\");\r\n    setCategoryID(0);\r\n    setFromDate(\"\");\r\n    setToDate(\"\");\r\n    setAuthorCode(\"\");\r\n    setIsShowFilterDate(false);\r\n    setEndDate(null);\r\n    setStartDate(null);\r\n    setPageNumber(1);\r\n    setPageSize(12);\r\n    setsortBy(\"Date\");\r\n    setDocumentTags(\"\");\r\n    setIsKeyword(false);\r\n\r\n    const urlSortBy = \"\";\r\n    const urlPageSize = 12;\r\n    const urlPageNumber = 0;\r\n    const urlKeyword = \"\";\r\n    const urlCategoryID = 0;\r\n    const urlAuthorCode = \"\";\r\n    const urlFromDate = \"\";\r\n    const urlToDate = \"\";\r\n    const urlDocumentTags = \"\";\r\n\r\n    setFilterValues(() => ({\r\n      urlSortBy,\r\n      urlPageSize,\r\n      urlPageNumber,\r\n      urlKeyword,\r\n      urlCategoryID,\r\n      urlAuthorCode,\r\n      urlFromDate,\r\n      urlToDate,\r\n      urlDocumentTags,\r\n    }));\r\n    updateUrl(\r\n      urlSortBy,\r\n      urlPageSize,\r\n      urlPageNumber,\r\n      urlKeyword,\r\n      urlCategoryID,\r\n      urlAuthorCode,\r\n      urlFromDate,\r\n      urlToDate\r\n    );\r\n    navigate(`/news-and-articles/news-articles`);\r\n    NewsArticlesSearcType = {\r\n      pageSize: urlPageSize,\r\n      sortBy: \"Date\",\r\n      pageNumber: 1,\r\n      keyword: \"\",\r\n      categoryID: urlCategoryID,\r\n      authorCode: urlAuthorCode,\r\n      fromDate: urlFromDate,\r\n      toDate: urlToDate,\r\n      documentTags: urlDocumentTags,\r\n    };\r\n    dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!isInitialPageLoad) {\r\n      updateUrl(\r\n        filterValues.urlSortBy,\r\n        filterValues.urlPageSize,\r\n        filterValues.urlPageNumber,\r\n        filterValues.urlKeyword,\r\n        filterValues.urlCategoryID,\r\n        filterValues.urlAuthorCode,\r\n        filterValues.urlFromDate,\r\n        filterValues.urlToDate,\r\n        filterValues.urlDocumentTags\r\n      );\r\n    } else {\r\n      setIsInitialPageLoad(false);\r\n    }\r\n  }, [filterValues]);\r\n\r\n  const handlePageChange = (page: number) => {\r\n    const urlPageNumber = page;\r\n    setPageNumber(urlPageNumber);\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlPageNumber,\r\n    }));\r\n  };\r\n\r\n  const handlePageSize = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    const urlPageSize = parseInt(event.target.value);\r\n    setPageSize(urlPageSize as pageSizeType);\r\n    setPageNumber(1);\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlPageSize,\r\n    }));\r\n  };\r\n\r\n  const handleSortBy = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    const urlSortBy = event.target.value;\r\n    setsortBy(urlSortBy as sortByType);\r\n    setFilterValues((prevFilterValues) => ({ ...prevFilterValues, urlSortBy }));\r\n  };\r\n\r\n  // Keyword\r\n  const handleKeyword = (value: string) => {\r\n    if (value.trim() !== \"\" || value) {\r\n      const urlKeyword = value;\r\n      setKeyword(value);\r\n      setIsKeyword(true);\r\n      setFilterValues((prevFilterValues) => ({\r\n        ...prevFilterValues,\r\n        urlKeyword,\r\n      }));\r\n      dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n    }else{\r\n      NewsArticlesSearcType = {\r\n        pageSize: pageSize,\r\n        sortBy: sortBy,\r\n        pageNumber: pageNumber,\r\n        keyword: '',\r\n        categoryID: categoryID,\r\n        authorCode: authorCode,\r\n        fromDate: fromDate,\r\n        toDate: toDate,\r\n        documentTags: documentTags,\r\n      };\r\n    \r\n      dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n      const urlKeyword = '';\r\n        setFilterValues((prevFilterValues) => ({\r\n          ...prevFilterValues,\r\n          urlKeyword,\r\n        }));\r\n    }\r\n  };\r\n\r\n  // Remove the Keyword filter\r\n  const removeKeywordItem = () => {\r\n    setKeyword(\"\");\r\n    const urlKeyword = \"\";\r\n    setIsKeyword(false);\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlKeyword,\r\n    }));\r\n    NewsArticlesSearcType = {\r\n      pageSize: pageSize,\r\n      sortBy: sortBy,\r\n      pageNumber: pageNumber,\r\n      keyword: \"\",\r\n      categoryID: categoryID,\r\n      authorCode: authorCode,\r\n      fromDate: fromDate,\r\n      toDate: toDate,\r\n      documentTags: documentTags,\r\n    };\r\n    dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n  };\r\n\r\n  // On change Category\r\n  const handleCategory = (value: number) => {\r\n    setCategoryID(value);\r\n    const urlCategoryID = value;\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlCategoryID,\r\n    }));\r\n  };\r\n\r\n  // Remove the Keyword filter\r\n  const removeCategoryItem = () => {\r\n    setCategoryID(0);\r\n    const urlCategoryID = 0;\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlCategoryID,\r\n    }));\r\n  };\r\n\r\n  // On change Author\r\n  const handleAuthor = (value: string) => {\r\n    setAuthorCode(value);\r\n    const urlAuthorCode = value;\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlAuthorCode,\r\n    }));\r\n  };\r\n\r\n  // Remove the Keyword filter\r\n  const removeAuthorItem = () => {\r\n    setAuthorCode(\"\");\r\n    const urlAuthorCode = \"\";\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlAuthorCode,\r\n    }));\r\n  };\r\n\r\n  //const [myRef, setMyRef] = useState(false);\r\n\r\n  // On Change From Date\r\n  const handleFromDate = (date: Date) => {\r\n    if (date) {\r\n      let curFromDate = new Date(date);\r\n      let getFromDate = curFromDate.toLocaleDateString();\r\n      setFromDate(getFromDate);\r\n      const urlFromDate = formatDate(date);\r\n      setFilterValues((prevFilterValues) => ({\r\n        ...prevFilterValues,\r\n        urlFromDate,\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleToDate = (date: Date) => {\r\n    if (date) {\r\n      let curToDate = new Date(date);\r\n      let getToDate = curToDate.toLocaleDateString();\r\n      setToDate(getToDate);\r\n      const urlToDate = formatDate(date);\r\n      setFilterValues((prevFilterValues) => ({\r\n        ...prevFilterValues,\r\n        urlToDate,\r\n      }));\r\n    }\r\n  };\r\n\r\n  // Remove the Keyword filter\r\n  const removeFromDateItem = () => {\r\n    setFromDate(\"\");\r\n    setStartDate(null);\r\n    const urlFromDate = \"\";\r\n    setFilterValues((prevFilterValues) => ({\r\n      ...prevFilterValues,\r\n      urlFromDate,\r\n    }));\r\n  };\r\n\r\n  // Remove the Keyword filter\r\n  const removeToDateItem = () => {\r\n    setToDate(\"\");\r\n    setEndDate(null);\r\n    const urlToDate = \"\";\r\n    setFilterValues((prevFilterValues) => ({ ...prevFilterValues, urlToDate }));\r\n  };\r\n\r\n  const totalRecords = NewsArticlesSearcData[0]?.totalSearchResults;\r\n\r\n  const totalPages = Math.ceil(totalRecords / pageSize);\r\n\r\n  useEffect(() => {\r\n    dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n  }, [pageNumber, sortBy, pageSize, categoryID, authorCode, fromDate, toDate, documentTags]);\r\n\r\n  // On click Search\r\n  const handleSearch = () => {\r\n\r\n      if (keyword.trim() !== \"\") {\r\n          const urlKeyword = keyword;\r\n          setIsKeyword(true);\r\n          setFilterValues((prevFilterValues) => ({\r\n              ...prevFilterValues,\r\n              urlKeyword,\r\n          }));\r\n          dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n      }\r\n    if (\r\n      keyword.trim() !== \"\" ||\r\n      keyword ||\r\n      isKeyword ||\r\n      categoryID !== 0 ||\r\n      authorCode ||\r\n      fromDate.trim() !== \"\" ||\r\n      fromDate ||\r\n      toDate.trim() !== \"\" ||\r\n      toDate\r\n    ) {\r\n      dispatch(retrieveNewsArticlesSearch(NewsArticlesSearcType));\r\n      // setIsShowFilterDate(true);\r\n    }\r\n  };\r\n\r\n  // const handleNarrowResults\r\n  const handleNarrowResults = () => {\r\n    setIsShowFilter(!isShowFilter);\r\n  };\r\n\r\n  // Handle End today date\r\n  const handleEndTodayDate = () => {\r\n    let curToDate = new Date();\r\n    setEndDate(curToDate);\r\n\r\n    const urlToDate = formatDate(curToDate);\r\n    setFilterValues((prevFilterValues) => ({ ...prevFilterValues, urlToDate }));\r\n    updateUrl(\r\n      filterValues.urlSortBy,\r\n      filterValues.urlPageSize,\r\n      filterValues.urlPageNumber,\r\n      filterValues.urlKeyword,\r\n      filterValues.urlCategoryID,\r\n      filterValues.urlAuthorCode,\r\n      filterValues.urlFromDate,\r\n      urlToDate,\r\n      filterValues.urlDocumentTags\r\n    );\r\n  };\r\n\r\n  const cachedLoadGoogleAds = useMemo(\r\n    () => <LoadNewsAndArticlesListingAds />,\r\n    []\r\n  );\r\n\r\n  const [isArticlesListed, setIsArticlesListed] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      NewsArticlesSearcData[0]?.newArticlesSearchItemList.length > 0 &&\r\n      !isArticlesListed\r\n    ) {\r\n      setIsArticlesListed(true);\r\n    }\r\n  }, [NewsArticlesSearcData]);\r\n\r\n  return (\r\n    <>\r\n      <Helmet>\r\n        <title>\r\n          {NewsArticlesSearcData[0]?.breadCrumb[1]?.nodeName ===\r\n            \"/News-and-Articles/News-Articles\" &&\r\n            NewsArticlesSearcData[0]?.breadCrumb[1]?.menuItemName}\r\n        </title>\r\n      </Helmet>\r\n      <div className=\"site-top\">\r\n        <div\r\n          className=\"top-banner\"\r\n          id=\"topbanner\"\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n          }}\r\n        >\r\n          <div\r\n            className=\"CMSBanner Banner topbanner gadsbanner\"\r\n            id=\"div-gpt-ad-1611326459208-0\"\r\n            style={{\r\n              width: \"970px\",\r\n              height: \"90px\",\r\n              display: \"none\",\r\n              margin: \"0 auto\",\r\n            }}\r\n          ></div>\r\n          <div\r\n            className=\"CMSBanner Banner topmobile gadsbanner\"\r\n            id=\"div-gpt-ad-1611693088874-0\"\r\n            style={{\r\n              width: \"300px\",\r\n              height: \"50px\",\r\n              display: \"none\",\r\n              margin: \"0 auto\",\r\n            }}\r\n          ></div>\r\n        </div>\r\n        <style type=\"text/css\">{`\r\n        @media only screen and (max-width: 991px) {\r\n          .topmobile, .contentmobile {\r\n            display: block;\r\n          }\r\n          .topbanner, .contentbanner {\r\n            display: none;\r\n          }\r\n        }\r\n        @media only screen and (min-width: 991px) {\r\n          .topmobile, .contentmobile {\r\n            display: none;\r\n          }\r\n          .topbanner, .contentbanner {\r\n            display: block;\r\n          }\r\n        }\r\n      `}</style>\r\n      </div>\r\n      <div className=\"container\">\r\n        <div className=\"page-tools row\">\r\n          <div className=\"col-sm-8 col-lg-9\">\r\n            <div className=\"breadcrumb\">\r\n              {/* <Breadcrumb></Breadcrumb> */}\r\n              <div className=\"breadcrumb\">\r\n                <a href=\"/news-and-articles\" className=\"CMSBreadCrumbsLink\">\r\n                  Regulatory Focusâ„¢\r\n                </a>{\" \"}\r\n                &gt;{\" \"}\r\n                <span className=\"CMSBreadCrumbsCurrentItem\">News Articles</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-sm-4 col-lg-3\"></div>\r\n        </div>\r\n      </div>\r\n      <div className=\"container two-column-alt\">\r\n        {/* <hr />\r\n                <h1>News Article More</h1>\r\n                <hr /> */}\r\n        <div className=\"row\">\r\n          <div className=\"col-lg-3\">\r\n            <div className=\"filter filter-rail fitler-event-search\">\r\n              <header className=\"filter-header\">\r\n                <h3>Narrow Results</h3>\r\n                <button\r\n                  id=\"data-toggle-4\" type=\"button\" className=\"filter-toggle\" data-toggle=\"\"\r\n                  data-target=\"toggledContent_EventFilterRail\"\r\n                  data-init=\"\" aria-haspopup=\"true\" aria-expanded=\"false\"\r\n                  onClick={() => handleNarrowResults()}>\r\n                  {isShowFilter ? \"-\" : \"+\"}\r\n                </button>\r\n              </header>\r\n              <Collapse in={isShowFilter}>\r\n                <div id=\"toggledContent_EventFilterRail\"\r\n                  className=\"form-container\" aria-labelledby=\"data-toggle-4\">\r\n                  <input\r\n                    type=\"hidden\"\r\n                    name=\"p$lt$ctl04$SiteMainPlaceholder$p$lt$ctl03$NewsSmartSearchFilter$hdnDocumentTag\"\r\n                    id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_hdnDocumentTag\"\r\n                  />\r\n                  {isShowFilterDate ||\r\n                  (isKeyword && keyword.trim() !== '') ||\r\n                  categoryID ||\r\n                  authorCode ||\r\n                  fromDate ||\r\n                  toDate ? (\r\n                    <div id=\"sort-details\" className=\"current-facets\">\r\n                      <p className=\"facet-heading\">You've Selected</p>\r\n\r\n                      <ul className=\"list-unstyled list-facet-active\">\r\n                        {isKeyword ? (\r\n                          <li>\r\n                            <span\r\n                              id=\"close-Keyword\"\r\n                              className=\"facet-clear\"\r\n                              onClick={() => removeKeywordItem()}\r\n                            >\r\n                                <i className=\"fa-solid fa-xmark\"></i>\r\n                            </span>\r\n                            Keyword\r\n                            <ul className=\"list-inline list-facet-items\">\r\n                              <li>\r\n                                <button\r\n                                  disabled={true}\r\n                                  className=\"btn btn-default btn-sm\"\r\n                                >\r\n                                  {keyword}\r\n                                </button>\r\n                              </li>\r\n                            </ul>\r\n                          </li>\r\n                        ) : null}\r\n\r\n                        {categoryID ? (\r\n                          <li className=\"\">\r\n                            <span\r\n                              id=\"close-category\"\r\n                              className=\"facet-clear\"\r\n                              onClick={() => removeCategoryItem()}\r\n                              >\r\n                                <i className=\"fa-solid fa-xmark\"></i>\r\n                              </span>\r\n                            Category\r\n                            <ul className=\"list-inline list-facet-items\">\r\n                              <li>\r\n                                {NewsArticlesSearchCategoryData[0]?.categoryInfos?.map(\r\n                                  (\r\n                                    item: {\r\n                                      categoryId: number;\r\n                                      categoryName:\r\n                                        | string\r\n                                        | number\r\n                                        | boolean\r\n                                        | React.ReactElement<\r\n                                            any,\r\n                                            | string\r\n                                            | React.JSXElementConstructor<any>\r\n                                          >\r\n                                        | React.ReactFragment\r\n                                        | React.ReactPortal\r\n                                        | null\r\n                                        | undefined;\r\n                                    },\r\n                                    index: React.Key | null | undefined\r\n                                  ) => {\r\n                                    return item.categoryId === categoryID ? (\r\n                                      <button\r\n                                        key={index}\r\n                                        disabled={true}\r\n                                        type=\"button\"\r\n                                        className=\"btn btn-default btn-sm\"\r\n                                      >\r\n                                        {item.categoryName}{\" \"}\r\n                                      </button>\r\n                                    ) : null;\r\n                                  }\r\n                                )}\r\n                              </li>\r\n                            </ul>\r\n                          </li>\r\n                        ) : null}\r\n\r\n                        {fromDate ? (\r\n                          <li className=\"\">\r\n                            <span\r\n                              id=\"close-from-date\"\r\n                              className=\"facet-clear\"\r\n                              onClick={() => removeFromDateItem()}\r\n                            >\r\n                              <i className=\"fa-solid fa-xmark\"></i>\r\n                            </span>\r\n                            From Date\r\n                            <ul className=\"list-inline list-facet-items\">\r\n                              <li>\r\n                                <button\r\n                                  disabled={true}\r\n                                  className=\"btn btn-default btn-sm\"\r\n                                >\r\n                                  {fromDate}\r\n                                </button>\r\n                              </li>\r\n                            </ul>\r\n                          </li>\r\n                        ) : null}\r\n\r\n                        {toDate ? (\r\n                          <li className=\"\">\r\n                            <span\r\n                              id=\"close-from-date\"\r\n                              className=\"facet-clear\"\r\n                              onClick={() => removeToDateItem()}\r\n                            >\r\n                              <i className=\"fa-solid fa-xmark\"></i>\r\n                            </span>\r\n                            To Date\r\n                            <ul className=\"list-inline list-facet-items\">\r\n                              <li>\r\n                                <button\r\n                                  disabled={true}\r\n                                  className=\"btn btn-default btn-sm\"\r\n                                >\r\n                                  {toDate}\r\n                                </button>\r\n                              </li>\r\n                            </ul>\r\n                          </li>\r\n                        ) : null}\r\n\r\n                        {authorCode ? (\r\n                          <li className=\"\">\r\n                            <span\r\n                              id=\"close-author\"\r\n                              className=\"facet-clear\"\r\n                              onClick={() => removeAuthorItem()}\r\n                            >\r\n                              <i className=\"fa-solid fa-xmark\"></i>\r\n                            </span>\r\n                            Author\r\n                            <ul className=\"list-inline list-facet-items\">\r\n                              <li>\r\n                                {NewsArticlesSearchAuthorData[0]?.authors?.map(\r\n                                  (item, index) => {\r\n                                    return item.authorsCode === authorCode ? (\r\n                                      <button\r\n                                        key={index}\r\n                                        disabled={true}\r\n                                        type=\"button\"\r\n                                        className=\"btn btn-default btn-sm\"\r\n                                      >\r\n                                        {item.authorName}{\" \"}\r\n                                      </button>\r\n                                    ) : null;\r\n                                  }\r\n                                )}\r\n                              </li>\r\n                            </ul>\r\n                          </li>\r\n                        ) : null}\r\n                      </ul>\r\n\r\n                      <div className=\"text-right\">\r\n                        <span\r\n                          id=\"clear-sort\"\r\n                          className=\"facet-clear-all\"\r\n                          onClick={() => clearSort()}\r\n                        >\r\n                          Clear All\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                  ) : null}\r\n\r\n                  <form\r\n                    onSubmit={(event) => {\r\n                      event.preventDefault();\r\n                      handleSearch();\r\n                    }}\r\n                  >\r\n                    <fieldset>\r\n                      <div className=\"form-group\">\r\n                        <div className=\"input-group-sm\">\r\n                          <label\r\n                            htmlFor=\"keyword\"\r\n                            id=\"keyword-label\"\r\n                            className=\"EditingFormLabel\"\r\n                          >\r\n                            Keyword\r\n                          </label>\r\n                          <input\r\n                            name=\"keyword\"\r\n                            type=\"text\"\r\n                            id=\"keyword\"\r\n                            value={keyword}\r\n                            className=\"form-control\"\r\n                            onChange={(e) => {\r\n                              setKeyword(e.target.value);\r\n                              if((e.target.value).trim() === ''){\r\n                              setIsKeyword(false)\r\n                              const urlKeyword = '';\r\n                              setFilterValues((prevFilterValues) => ({\r\n                                ...prevFilterValues,\r\n                                urlKeyword,\r\n                              }));\r\n                            }}\r\n                          }\r\n                          />\r\n                        </div>\r\n                      </div>\r\n\r\n                      {/* <div className=\"form-group\">\r\n                      <div className=\"input-group-sm\">\r\n                        <label\r\n                          htmlFor=\"date-range\"\r\n                          id=\"date-range\"\r\n                          className=\"EditingFormLabel\"\r\n                        >\r\n                          Select Date Range\r\n                        </label>\r\n                        \r\n                        <DateRangePicker\r\n                          editable={true}\r\n                          format=\"MM-dd-yyyy\"\r\n                        //   value={[new Date(fromDate), new Date(toDate)]}\r\n                          placeholder=\"Select Date Range\"\r\n                          defaultCalendarValue={[addMonths(today, -1), today]}\r\n                          disabledDate={(date) => isAfter(date, new Date())}\r\n                          onChange={(e) => {\r\n                            handleRangeDate(e);\r\n                          }}\r\n                        />\r\n                      </div>\r\n                    </div> */}\r\n\r\n                      <div className=\"form-group\">\r\n                        <div className=\"input-group-sm\">\r\n                          <label\r\n                            htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_dtFromDate\"\r\n                            id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_lblFromDate\"\r\n                            className=\"EditingFormLabel\"\r\n                          >\r\n                            From Date\r\n                          </label>\r\n\r\n                          <DatePicker\r\n                            selected={startDate}\r\n                            onChange={(\r\n                              date: React.SetStateAction<Date | null>\r\n                            ) => {\r\n                              date && setStartDate(date);\r\n                              handleFromDate(date as Date);\r\n                            }}\r\n                            peekNextMonth\r\n                            showMonthDropdown\r\n                            showYearDropdown\r\n                            maxDate={addDays(new Date(), 0)}\r\n                            placeholderText=\"Select Date\"\r\n                            dropdownMode=\"select\"\r\n                            selectsStart\r\n                            startDate={startDate}\r\n                            endDate={endDate}\r\n                            todayButton=\"Today\"\r\n                          >\r\n                            {/* <div className=\"calander-btns\">\r\n                            <input type=\"submit\" className=\"btn btn-default btn-block\" value=\"TODAY\" onClick={handleStartTodayDate} />\r\n                            <input type=\"submit\" className=\"btn btn-secondary btn-block btn-primary\" value=\"SELECT\" />\r\n                          </div> */}\r\n                          </DatePicker>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"form-group\">\r\n                        <div className=\"input-group-sm\">\r\n                          <label\r\n                            htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_dtToDate\"\r\n                            id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_lblToDate\"\r\n                            className=\"EditingFormLabel\"\r\n                          >\r\n                            To Date\r\n                          </label>\r\n\r\n                          <DatePicker\r\n                            selected={endDate}\r\n                            onChange={(\r\n                              date: React.SetStateAction<Date | null>\r\n                            ) => {\r\n                              date && setEndDate(date);\r\n                              handleToDate(date as Date);\r\n                            }}\r\n                            selectsEnd\r\n                            peekNextMonth\r\n                            showMonthDropdown\r\n                            showYearDropdown\r\n                            maxDate={addDays(new Date(), 0)}\r\n                            placeholderText=\"Select Date\"\r\n                            dropdownMode=\"select\"\r\n                            startDate={startDate}\r\n                            endDate={endDate}\r\n                            minDate={startDate}\r\n                            todayButton=\"Today\"\r\n                          >\r\n                            {/* <div className=\"calander-btns\">\r\n                            <input type=\"submit\" className=\"btn btn-default btn-block\" value=\"TODAY\" onClick={handleEndTodayDate} />\r\n                            <input type=\"submit\" className=\"btn btn-secondary btn-block btn-primary\" value=\"SELECT\" />\r\n                          </div> */}\r\n                          </DatePicker>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"form-group\">\r\n                        <div className=\"input-group-sm\">\r\n                          <label\r\n                            htmlFor=\"categories\"\r\n                            className=\"EditingFormLabel\"\r\n                          >\r\n                            Category\r\n                          </label>\r\n                          <select\r\n                            name=\"categories\"\r\n                            id=\"categories\"\r\n                            className=\"form-control\"\r\n                            value={categoryID}\r\n                            onChange={(e) =>\r\n                              handleCategory(Number(e.target.value))\r\n                            }\r\n                          >\r\n                            <option value=\"0\">Select Categories</option>\r\n                            {NewsArticlesSearchCategoryData &&\r\n                              NewsArticlesSearchCategoryData[0]?.categoryInfos?.map(\r\n                                (\r\n                                  item: {\r\n                                    categoryId:\r\n                                      | string\r\n                                      | number\r\n                                      | readonly string[]\r\n                                      | undefined;\r\n                                    categoryName:\r\n                                      | string\r\n                                      | number\r\n                                      | boolean\r\n                                      | React.ReactElement<\r\n                                          any,\r\n                                          | string\r\n                                          | React.JSXElementConstructor<any>\r\n                                        >\r\n                                      | React.ReactFragment\r\n                                      | React.ReactPortal\r\n                                      | null\r\n                                      | undefined;\r\n                                  },\r\n                                  index: React.Key | null | undefined\r\n                                ) => {\r\n                                  return (\r\n                                    <option key={index} value={item.categoryId}>\r\n                                      {item.categoryName}\r\n                                    </option>\r\n                                  );\r\n                                }\r\n                              )}\r\n                          </select>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"form-group\" style={{ display: \"none\" }}>\r\n                        <div className=\"input-group-sm\">\r\n                          <label\r\n                            htmlFor=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_drpTopic\"\r\n                            className=\"EditingFormLabel\"\r\n                          >\r\n                            Topic\r\n                          </label>\r\n                          <select\r\n                            name=\"p$lt$ctl04$SiteMainPlaceholder$p$lt$ctl03$NewsSmartSearchFilter$drpTopic\"\r\n                            id=\"p_lt_ctl04_SiteMainPlaceholder_p_lt_ctl03_NewsSmartSearchFilter_drpTopic\"\r\n                            className=\"form-control\"\r\n                          >\r\n                            <option value=\"Select Topic\">Select Topic</option>\r\n                            <option value=\"Biotech\">Biotech</option>\r\n                            <option value=\"Careers\">Careers</option>\r\n                            <option value=\"Combination Products\">\r\n                              Combination Products\r\n                            </option>\r\n                            <option value=\"EU MDR\">EU MDR</option>\r\n                            <option value=\"IVDs\">IVDs</option>\r\n                            <option value=\"Management\">Management</option>\r\n                            <option value=\"Medical Devices\">\r\n                              Medical Devices\r\n                            </option>\r\n                            <option value=\"Pharmaceuticals\">\r\n                              Pharmaceuticals\r\n                            </option>\r\n                            <option value=\"Regulatory Intelligence\">\r\n                              Regulatory Intelligence\r\n                            </option>\r\n                          </select>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"form-group\">\r\n                        <div className=\"input-group-sm\">\r\n                          <label htmlFor=\"author\" className=\"EditingFormLabel\">\r\n                            Author\r\n                          </label>\r\n                          <select\r\n                            name=\"author\"\r\n                            id=\"author\"\r\n                            className=\"form-control\"\r\n                            value={authorCode}\r\n                            onChange={(e) => handleAuthor(e.target.value)}\r\n                          >\r\n                            <option value=\"0\">Select Author</option>\r\n                            {NewsArticlesSearchAuthorData &&\r\n                              NewsArticlesSearchAuthorData[0]?.authors?.map(\r\n                                (item, index) => {\r\n                                  return (\r\n                                    <option\r\n                                      key={index}\r\n                                      value={item.authorsCode}\r\n                                    >\r\n                                      {item.authorName}\r\n                                    </option>\r\n                                  );\r\n                                }\r\n                              )}\r\n                          </select>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"form-group\">\r\n                        <div id=\"pnlButtons\" className=\"row g-3\">\r\n                          <div className=\"col-md-6\">\r\n                            <input\r\n                              type=\"submit\"\r\n                              name=\"search\"\r\n                              value=\"Search\"\r\n                              id=\"btnSearch\"\r\n                              onClick={() => {\r\n                                handleSearch();\r\n                              }}\r\n                              className=\"btn btn-default btn-block btn-responsive\"\r\n                              />\r\n                          </div>\r\n                          <div className=\"col-md-6\">\r\n                            <input\r\n                              type=\"reset\"\r\n                              name=\"reset\"\r\n                              value=\"Clear\"\r\n                              id=\"btnReset\"\r\n                              className=\"btn btn-secondary btn-block btn-primary btn-responsive\"\r\n                              onClick={() => clearSort()}\r\n                              />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </fieldset>\r\n                  </form>\r\n                </div>\r\n              </Collapse>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-9\">\r\n            <div className=\"news module listing news-articles-list\">\r\n              <ul className=\"item-list\">\r\n                <div>\r\n                  {totalRecords !== 0 ? (\r\n                    <div className=\"sort-status\">\r\n                      <div className=\"sort-results\">\r\n                        <label>\r\n                          Results{\" \"}\r\n                          <strong>\r\n                            {pageNumber * pageSize - pageSize + 1}-\r\n                            {pageSize * pageNumber > totalRecords\r\n                              ? totalRecords\r\n                              : pageSize * pageNumber}\r\n                          </strong>{\" \"}\r\n                          of <strong> {totalRecords}</strong>\r\n                        </label>\r\n                      </div>\r\n                      <div className=\"sort-count\">\r\n                        <div className=\"form-inline\">\r\n                          <div className=\"input-group-sm\">\r\n                            <label\r\n                              className=\"form-label\"\r\n                              htmlFor=\"sortShowCount\"\r\n                            >\r\n                              Show\r\n                            </label>\r\n                            {/* onChange={(e) => handlePageSize(e.target.value)} */}\r\n                            <select\r\n                              id=\"pageSize\"\r\n                              className=\"form-control\"\r\n                              value={pageSize}\r\n                              onChange={handlePageSize}\r\n                            >\r\n                              <option value=\"12\">12 per page</option>\r\n                              <option value=\"24\">24 per page</option>\r\n                              <option value=\"48\">48 per page</option>\r\n                              <option value=\"96\">96 per page</option>\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"sort-by\">\r\n                        <div className=\"form-inline\">\r\n                          <div className=\"input-group-sm\">\r\n                            <label\r\n                              className=\"form-label\"\r\n                              htmlFor=\"sortShowCount\"\r\n                            >\r\n                              Sort By\r\n                            </label>\r\n                            <select\r\n                              id=\"sortShowCount\"\r\n                              className=\"form-control\"\r\n                              value={sortBy}\r\n                              onChange={handleSortBy}\r\n                            >\r\n                              <option value=\"Name\">Name</option>\r\n                              <option value=\"Date\">Date</option>\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"sort-paging\">\r\n                        {totalPages > 1 && (\r\n                          <Pagination\r\n                            className=\"pagination pagination-sm\"\r\n                            {...bootstrap5PaginationPreset} // include Bootstrap 5 preset\r\n                            total={totalPages}\r\n                            current={pageNumber}\r\n                            onPageChange={(page: number) =>\r\n                              handlePageChange(page)\r\n                            }\r\n                          />\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  ) : null}\r\n\r\n                  {NewsArticlesSearcLoading ? (\r\n                    <LoadingComp />\r\n                  ) : totalRecords === 0 ? (\r\n                    <div className=\"no-result\">\r\n                      <span>No results were found.</span>\r\n                    </div>\r\n                  ) : (\r\n                    NewsArticlesSearcData &&\r\n                    NewsArticlesSearcData[0]?.newArticlesSearchItemList?.map(\r\n                      (item, index) => {\r\n                        return (\r\n                          <React.Fragment key={index}>\r\n                            {index === 4 && (\r\n                              <div\r\n                                className=\"col-md-12\"\r\n                                style={{\r\n                                  display: \"flex\",\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                  marginBottom: 40,\r\n                                }}\r\n                                key={\"ads1\" + index}\r\n                              >\r\n                                <div\r\n                                  className=\"CMSBanner Banner topbanner gadsbanner\"\r\n                                  id=\"div-gpt-ad-1649701637206-0\"\r\n                                  style={{\r\n                                    minWidth: \"970px\",\r\n                                    minHeight: \"90px\",\r\n                                    display: \"none\",\r\n                                  }}\r\n                                ></div>\r\n                                <div\r\n                                  className=\"CMSBanner Banner topmobile gadsbanner\"\r\n                                  id=\"div-gpt-ad-1649701809430-0\"\r\n                                  style={{\r\n                                    minWidth: \"300px\",\r\n                                    minHeight: \"50px\",\r\n                                    display: \"none\",\r\n                                  }}\r\n                                ></div>\r\n                              </div>\r\n                            )}\r\n                            {index === 8 && (\r\n                              <div\r\n                                className=\"col-md-12\"\r\n                                style={{\r\n                                  display: \"flex\",\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                  marginBottom: 40,\r\n                                }}\r\n                                key={\"ads2\" + index}\r\n                              >\r\n                                <div\r\n                                  className=\"CMSBanner Banner topbanner gadsbanner\"\r\n                                  id=\"div-gpt-ad-1649701921828-0\"\r\n                                  style={{\r\n                                    minWidth: \"970px\",\r\n                                    minHeight: \"90px\",\r\n                                    display: \"none\",\r\n                                  }}\r\n                                ></div>\r\n                                <div\r\n                                  className=\"CMSBanner Banner topmobile gadsbanner\"\r\n                                  id=\"div-gpt-ad-1649701861184-0\"\r\n                                  style={{\r\n                                    minWidth: \"300px\",\r\n                                    minHeight: \"50px\",\r\n                                    display: \"none\",\r\n                                  }}\r\n                                ></div>\r\n                              </div>\r\n                            )}\r\n                            <li className=\"item\" key={index}>\r\n                              <figure className=\"thumbnail\">\r\n                                <img style={{ width: \"900px\" }} alt={item.title} src={encodeURI(item.imageUrl).replace(/%25/g, \"%\")} /> {/*remove encoding of %*/}\r\n                              </figure>\r\n                              <div className=\"item-content\">\r\n                                <span\r\n                                  dangerouslySetInnerHTML={{\r\n                                    __html: item.badgeUrl,\r\n                                  }}\r\n                                ></span>\r\n                                <h4 className=\"title\">\r\n                                  <Link\r\n                                    className=\"members-only\"\r\n                                    to={item.nodeName.toLowerCase()}\r\n                                  >\r\n                                    {item.title}\r\n                                  </Link>\r\n                                </h4>\r\n                                <ul className=\"meta\">\r\n                                  <li className=\"meta-item date\">\r\n                                    {item.formattedDate}\r\n                                  </li>\r\n                                  <li className=\"meta-item author\">\r\n                                    {\" \"}\r\n                                    {item.author ? (\r\n                                      <>\r\n                                        By{\" \"}\r\n                                        <span\r\n                                          dangerouslySetInnerHTML={{\r\n                                            __html: item.author,\r\n                                          }}\r\n                                        ></span>\r\n                                      </>\r\n                                    ) : (\r\n                                      \"\"\r\n                                    )}\r\n                                  </li>\r\n                                </ul>\r\n                                <div\r\n                                  className=\"summary\"\r\n                                  dangerouslySetInnerHTML={{\r\n                                    __html: item.contents,\r\n                                  }}\r\n                                ></div>\r\n                              </div>\r\n                            </li>\r\n                          </React.Fragment>\r\n                        );\r\n                      }\r\n                    )\r\n                  )}\r\n\r\n                  {totalPages > 1 && (\r\n                    <div className=\"sort-status-bottom\">\r\n                      <div className=\"sort-paging\">\r\n                        <Pagination\r\n                          className=\"pagination pagination-sm\"\r\n                          {...bootstrap5PaginationPreset} // include Bootstrap 5 preset\r\n                          total={totalPages}\r\n                          current={pageNumber}\r\n                          onPageChange={(page: number) =>\r\n                            handlePageChange(page)\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <p>&nbsp;</p>\r\n      <div className=\"container\">\r\n        <div className=\"col-md-12\">\r\n          <div className=\"row img-width\">\r\n            <div\r\n              className=\"col-md-12\"\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <div\r\n                className=\"CMSBanner Banner topbanner gadsbanner\"\r\n                id=\"div-gpt-ad-1649702008484-0\"\r\n                style={{\r\n                  minWidth: \"970px\",\r\n                  minHeight: \"90px\",\r\n                  display: \"none\",\r\n                }}\r\n              ></div>\r\n              <div\r\n                className=\"CMSBanner Banner topmobile gadsbanner\"\r\n                id=\"div-gpt-ad-1649702035816-0\"\r\n                style={{\r\n                  minWidth: \"300px\",\r\n                  minHeight: \"50px\",\r\n                  display: \"none\",\r\n                }}\r\n              ></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {isArticlesListed && cachedLoadGoogleAds}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NewsAndArticleListComponent;\r\n","import HomeGoogleAds from \"../../../components/advertisement/home-google-ads\";\r\nimport NewsAndArticleListComponent from \"./components/news-and-articles-list.component\";\r\n\r\nconst NewsAndArticleList = () => {\r\n  return (\r\n    <>\r\n      <NewsAndArticleListComponent />\r\n      <div className=\"container py-4\">\r\n        <HomeGoogleAds />\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NewsAndArticleList;\r\n"],"names":["className","id","style","minWidth","minHeight","margin","padding","display","props","useEffect","googletag","window","cmd","push","destroySlots","map","item","defineSlot","path","size","addService","pubads","enableSingleRequest","enableServices","useDfpSlot","formatDate","date","day","getDate","toString","padStart","month","getMonth","getFullYear","formatUrlDate","year","substring","startDate","setStartDate","useState","endDate","setEndDate","navigate","useNavigate","location","useLocation","queryParams","URLSearchParams","search","dispatch","useAppDispatch","getUrlFromDate","get","getUrlToDate","defaultFilterValues","urlPageSize","Number","urlSortBy","urlPageNumber","urlKeyword","urlCategoryID","urlAuthorCode","urlFromDate","urlToDate","urlDocumentTags","filterValues","setFilterValues","pageSize","setPageSize","sortBy","setsortBy","pageNumber","setPageNumber","keyword","setKeyword","isKeyword","setIsKeyword","categoryID","setCategoryID","authorCode","setAuthorCode","fromDate","setFromDate","toDate","setToDate","documentTags","setDocumentTags","isShowFilterDate","setIsShowFilterDate","isShowFilter","setIsShowFilter","isInitialPageLoad","setIsInitialPageLoad","NewsArticlesSearcData","NewsArticlesSearcLoading","useSelector","state","newsArticlesSearch","NewsArticlesSearchCategoryData","newsArticlesSearchCategory","NewsArticlesSearchAuthorData","newsArticlesSearchAuthor","NewsArticlesSearcType","retrieveNewsArticlesSearch","retrieveNewsArticlesSearchCategory","retrieveNewsArticlesSearchAuthor","updateUrl","urlSearchParams","append","newFromDate","Date","newToDate","clearSort","handlePageChange","page","prevFilterValues","totalRecords","totalSearchResults","totalPages","Math","ceil","handleSearch","trim","cachedLoadGoogleAds","useMemo","isArticlesListed","setIsArticlesListed","newArticlesSearchItemList","length","breadCrumb","nodeName","menuItemName","alignItems","justifyContent","width","height","type","href","onClick","Collapse","in","name","disabled","categoryInfos","index","categoryId","categoryName","authors","authorsCode","authorName","onSubmit","event","preventDefault","htmlFor","value","onChange","e","target","selected","getFromDate","toLocaleDateString","handleFromDate","peekNextMonth","showMonthDropdown","showYearDropdown","maxDate","addDays","placeholderText","dropdownMode","selectsStart","todayButton","getToDate","handleToDate","selectsEnd","minDate","handleCategory","handleAuthor","parseInt","bootstrap5PaginationPreset","total","current","onPageChange","marginBottom","alt","title","src","encodeURI","imageUrl","replace","dangerouslySetInnerHTML","__html","badgeUrl","to","toLowerCase","formattedDate","author","contents"],"sourceRoot":""}