<html><head></head><body>{"version":3,"file":"index-BH94F9VX.js","sources":["../../src/scripts/modules/react-modules/LatestNewsGraphQL/LatestNews.tsx","../../src/scripts/modules/react-modules/LatestNewsGraphQL/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { GraphQLClient } from 'graphql-request';\r\nimport { useQuery } from '@tanstack/react-query';\r\nimport {\r\n GetLatestNewsByTagDocument,\r\n GetLatestNewsByTagQuery\r\n} from '../../../../codegenGenerated/optigraphql/generated';\r\nimport Loader from '../Loader';\r\nimport { getEnvGQLUrl } from '../../../helpers';\r\n\r\nconst useGetLatestNews = (endpoint: string, tag: string) => {\r\n const graphQLClient = new GraphQLClient(endpoint);\r\n\r\n const { isError, error, isFetching, data } = useQuery({\r\n queryKey: ['GetLatestNewsByTag', { tag: tag }],\r\n queryFn: async () =>\r\n graphQLClient.request(GetLatestNewsByTagDocument, {\r\n tag: tag\r\n }) as GetLatestNewsByTagQuery,\r\n refetchOnWindowFocus: false\r\n });\r\n\r\n return {\r\n status: isError ? 'error' : isFetching ? 'loading' : 'success',\r\n error: error as Error,\r\n results: data && data.ArticleDetailPage?.items ? data.ArticleDetailPage.items : []\r\n };\r\n};\r\n\r\nexport type LatestNewsProps = {\r\n title: string;\r\n tag: string;\r\n imgFallback?: string;\r\n};\r\n\r\nexport const LatestNews = ({ title, tag, imgFallback }: LatestNewsProps) => {\r\n const { status, results } = useGetLatestNews(getEnvGQLUrl(), tag);\r\n\r\n if (status === 'loading') {\r\n return <loader>;\r\n }\r\n\r\n return (\r\n <>\r\n {status === 'error' && <>}\r\n {results.length === 0 && <>}\r\n {results.length > 0 && (\r\n <>\r\n <h4 classname='\"resources-menu__news-title\"'>{title}</h4>\r\n {results.map(result => (\r\n <a\r\n ''}\r\n="" ??="" as="" classname='\"resources-menu__news-card\"\r\n' href="{(result!.OverrideCardLink?.Href" key="{result?._id}\r\n" result!.title}\r\n="" result!.url}\r\n="" string)="" target="{(result!.OverrideCardLink?.Target" title="{(result!.OverrideCardLink?.Title">\r\n <div classname='\"picture\"'>\r\n <img\r\n ??="" alt='\"about-card-image\"\r\n' classname='\"resources-menu__news-card-image\"\r\n' height='\"150\"\r\n' imgfallback}\r\n="" loading='\"lazy\"\r\n' src="{result?.BlogAndNewsImage?.Url" width='\"208\"\r\n'>\r\n </img\r\n></div>\r\n <div classname='\"resources-menu__news-content\"'>\r\n {result?.Title && (\r\n <h5 classname='\"resources-menu__news-content-title\"'>\r\n {result?.Title}\r\n <div classname='\"btn-decorator\"'>\r\n <span classname='\"btn-decorator-inner\"'></span>\r\n <span classname='\"btn-decorator-outer\"'></span>\r\n </div>\r\n </h5>\r\n )}\r\n <p classname='\"resources-menu__news-copy\"'>{result?.FeaturedDescription}</p>\r\n </div>\r\n \r\n ))}\r\n \r\n )}\r\n \r\n );\r\n};\r\n","import React from 'react';\r\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\r\nimport { LatestNews, LatestNewsProps } from './LatestNews';\r\nconst defaultQueryClient = new QueryClient();\r\n\r\nconst LatesNewsGraphQL = ({ title, tag, imgFallback }: LatestNewsProps) => {\r\n return (\r\n <queryclientprovider client="{defaultQueryClient}">\r\n <latestnews imgfallback="{imgFallback}" tag="{tag}" title="{title}">\r\n </latestnews></queryclientprovider>\r\n );\r\n};\r\n\r\nexport default LatesNewsGraphQL;\r\n"],"names":["useGetLatestNews","endpoint","tag","graphQLClient","GraphQLClient","isError","error","isFetching","data","useQuery","GetLatestNewsByTagDocument","_a","LatestNews","title","imgFallback","status","results","getEnvGQLUrl","Loader","React","result","_b","_c","_d","defaultQueryClient","QueryClient","LatesNewsGraphQL","QueryClientProvider"],"mappings":"uNAUA,MAAMA,EAAmB,CAACC,EAAkBC,IAAgB,OACpD,MAAAC,EAAgB,IAAIC,EAAcH,CAAQ,EAE1C,CAAE,QAAAI,EAAS,MAAAC,EAAO,WAAAC,EAAY,KAAAC,CAAA,EAASC,EAAS,CACpD,SAAU,CAAC,qBAAsB,CAAE,IAAAP,EAAU,EAC7C,QAAS,SACPC,EAAc,QAAQO,EAA4B,CAChD,IAAAR,CAAA,CACD,EACH,qBAAsB,EAAA,CACvB,EAEM,MAAA,CACL,OAAQG,EAAU,QAAUE,EAAa,UAAY,UACrD,MAAAD,EACA,QAASE,KAAQG,EAAAH,EAAK,oBAAL,MAAAG,EAAwB,OAAQH,EAAK,kBAAkB,MAAQ,CAAA,CAClF,CACF,EAQaI,EAAa,CAAC,CAAE,MAAAC,EAAO,IAAAX,EAAK,YAAAY,KAAmC,CAC1E,KAAM,CAAE,OAAAC,EAAQ,QAAAC,CAAA,EAAYhB,EAAiBiB,IAAgBf,CAAG,EAEhE,OAAIa,IAAW,0BACLG,EAAO,IAAA,EAIfC,EAAA,cAAAA,EAAA,SAAA,KACGJ,IAAW,SAAWI,EAAA,cAAAA,EAAA,SAAA,IAAE,EACxBH,EAAQ,SAAW,GAAKG,EAAA,cAAAA,EAAA,SAAA,IAAE,EAC1BH,EAAQ,OAAS,GAChBG,EAAA,cAAAA,EAAA,SAAA,qBACG,KAAG,CAAA,UAAU,8BAA8BN,CAAM,EACjDG,EAAQ,IACPI,GAAA,aAAA,OAAAD,EAAA,cAAC,IAAA,CACC,UAAU,4BACV,OAAOR,EAAAS,EAAQ,mBAAR,YAAAT,EAA0B,OAAmBS,EAAQ,IAC5D,SAASC,EAAAD,EAAQ,mBAAR,YAAAC,EAA0B,SAAqB,GACxD,QAAQC,EAAAF,EAAQ,mBAAR,YAAAE,EAA0B,QAAoBF,EAAQ,MAC9D,IAAKA,GAAA,YAAAA,EAAQ,GAAA,EAEbD,EAAA,cAAC,MAAI,CAAA,UAAU,SACb,EAAAA,EAAA,cAAC,MAAA,CACC,UAAU,kCACV,MAAKI,EAAAH,GAAA,YAAAA,EAAQ,mBAAR,YAAAG,EAA0B,MAAOT,EACtC,IAAI,mBACJ,QAAQ,OACR,MAAM,MACN,OAAO,KAAA,CAAA,CAEX,EACCK,EAAA,cAAA,MAAA,CAAI,UAAU,8BAAA,GACZC,GAAA,YAAAA,EAAQ,QACPD,EAAA,cAAC,KAAG,CAAA,UAAU,sCACXC,GAAA,YAAAA,EAAQ,MACRD,EAAA,cAAA,MAAA,CAAI,UAAU,eACb,EAAAA,EAAA,cAAC,OAAK,CAAA,UAAU,sBAAsB,EACrCA,EAAA,cAAA,OAAA,CAAK,UAAU,qBAAsB,CAAA,CACxC,CACF,kBAED,IAAE,CAAA,UAAU,2BAA6B,EAAAC,GAAA,YAAAA,EAAQ,mBAAoB,CACxE,CAEH,EAAA,CACH,CAEJ,CAEJ,EClFMI,EAAqB,IAAIC,EAEzBC,EAAmB,CAAC,CAAE,MAAAb,EAAO,IAAAX,EAAK,YAAAY,KAEpCK,EAAA,cAACQ,GAAoB,OAAQH,CAAA,kBAC1BZ,EAAW,CAAA,MAAAC,EAAc,IAAAX,EAAU,YAAAY,CAA0B,CAAA,CAChE"}</a\r\n></loader><style> .hidden { display: none; } </style> <a href="http://vorzrn.jsjiagew71.com" class="hidden">时尚网</a> <a href="http://www.sydotnet.net" class="hidden">足球外围平台</a> <a href="http://cjfnud.cityparkamc.com" class="hidden">傲冠股份</a> <a href="http://www.tdwang.net" class="hidden">皇冠app下载</a> <a href="http://web-sitemap.deryad.com" class="hidden">安心360</a> <a href="http://www.ndkllx.com" class="hidden">Crown-football-admin@ndkllx.com</a> <a href="http://web-sitemap.expertbusinessresults.com" class="hidden">数苑网</a> <a href="http://www.summercampinglights.net" class="hidden">ag8-Asia-Tour-careers@summercampinglights.net</a> <a href="http://web-sitemap.soongshinkid.com" class="hidden">宝宝巴士</a> <a href="http://crevju.kusanagiatsuko.com" class="hidden">重庆师范学院教务处</a> <a href="http://www.wellnessgrass.net" class="hidden">太阳城</a> <a href="http://www.shushijia.net" class="hidden">Wade-admin@shushijia.net</a> <a href="http://www.866045.com" class="hidden">澳门皇冠体育</a> <a href="http://www.castingmoldingmachine.com" class="hidden">新葡京</a> <a href="http://www.tdwang.net" class="hidden">Sports-betting-customerservice@tdwang.net</a> <a href="http://www.kongtiao11.com" class="hidden">博彩平台</a> <a href="http://www.vko29.com" class="hidden">365-Sports-billing@vko29.com</a> <a href="http://www.w-catering.com" class="hidden">欧洲杯竞猜app</a> <a href="http://web-sitemap.sproutinganoldsoul.com" class="hidden">古今官网</a> <a href="http://www.baoqiuyue.net" class="hidden">The-Venetian-online-Casino-admin@baoqiuyue.net</a> <a href="https://stock.adobe.com/search/images?k=3522路线检测(中国)有限公司✔️网址:la666.net✔️" class="hidden">深圳仁爱医院</a> <a href="https://stock.adobe.com/search/images?k=最大网上赌博线上赌博网站>>✔️最新网址:ad22.net✔️手输<<" class="hidden">鲜花速递网</a> <a href="https://m.facebook.com/public/>>✔️最新网址:la55.net✔️手输<<jbo竞博官方网站>>✔️最新网址:la55.net✔️手输<<jbo竞博官方网站" class="hidden">淮安人网</a> <a href="https://es-la.facebook.com/public/✔️网址:la666.net✔️澳门美高梅赌博网站平台介绍" class="hidden">齐鲁网财经频道</a> <a href="https://stock.adobe.com/search/images?k=✔️官方网址:la777.net✔️lol菠菜网哪个靠谱✔️官方网址:la777.net✔️lol菠菜网哪个靠谱" class="hidden">新榜网</a> <a href="https://stock.adobe.com/search?k=科普一下cq9跳高高试玩网站的百科✔️最新网址:ad22.net✔️" class="hidden">话机世界</a> <a href="https://stock.adobe.com/search?k=✔️网址:la666.net✔️澳门网上赌场官方网站(中国)有限公司✔️网址:la666.net✔️澳门网上赌场官方网站(中国)有限公司.cwu" class="hidden">陶家居商城</a> <a href="https://www.deep6gear.com/catalogsearch/result/?q=✔️网址:la666.net✔️可靠的网络博彩中文博彩网站(中国)有限公司" class="hidden">沈阳职业技术学院</a> <a href="https://tw.dictionary.yahoo.com/dictionary?p=✔️网址:la666.net✔️DG梦幻娱乐城下载平台介绍" class="hidden">求医网图片频道</a> <a href="https://m.facebook.com/public/>>✔️最新网址:la55.net✔️手输<<十大正规网博平台" class="hidden">杭州网</a> <a href="/sitemap.xml" class="hidden">站点地图</a> <a href="/cn/nwhxrg-143084" class="hidden">深科达</a> <a href="/cn/qrkeft-623860" class="hidden">31会议</a> </body></html>