{"version":3,"file":"static/js/954.df6c065c.chunk.js","mappings":"4SA4GA,EA9FmB,WAEf,IAAMA,GAAWC,EAAAA,EAAAA,MACXC,GAAWC,EAAAA,EAAAA,eAEXC,GAAaC,EAAAA,EAAAA,aAAYC,EAAAA,IACzBC,GAAYF,EAAAA,EAAAA,aAAYG,EAAAA,IACxBC,GAAgBJ,EAAAA,EAAAA,aAAYK,EAAAA,IAE5BC,EAAwB,OAAVP,QAAU,IAAVA,OAAU,EAAVA,EAAYQ,YAC1BC,EAAkB,OAAVT,QAAU,IAAVA,OAAU,EAAVA,EAAYU,MAE1B,GAAsCC,EAAAA,EAAAA,MAAiB,eAAlDC,EAAY,KACbC,GAD8B,KACtBD,EAAaE,IAAI,OAG7BC,EAAAA,EAAAA,YAAU,WAGNjB,GAASkB,EAAAA,EAAAA,IAAuB,CAC5BC,OAAQ,CACJC,KAAML,EACNM,SAAU,KACVC,cAAe,KACfC,oBAAqB,KACrBC,cAAe,KACfC,KAAM,KAIlB,GAAG,CAACV,IAkBJ,GAAIV,EACA,OAAO,SAAC,EAAAqB,YAAW,CAACC,OAAO,SAG/B,IAAMC,GAAWrB,GAA2C,KAAxBI,GAAS,IAAIkB,OAEjD,OACI,iBAAKC,UAAU,cAAa,WACxB,UAACC,EAAA,GAAM,YACH,6BAAO,qCAAgChB,MACvC,iBAAMiB,KAAK,cAAcC,QAAQ,8CACjC,iBAAMD,KAAK,WAAWC,QAAQ,mGAC9B,iBAAMC,IAAI,YAAYC,KAAMC,OAAOC,SAASC,OAAS,gBAEzD,UAACC,EAAA,EAAS,YACN,gBAAIT,UAAU,QAAO,WACjB,SAACU,EAAAA,SAAQ,IAAG,uCACoB,iBAAMV,UAAU,QAAO,SAAEf,IAAa,QAE1E,gBAAKe,UAAU,QAAO,UAChBnB,GAAS,IAAI8B,KAAI,SAACC,EAAMC,GAAK,OAAK7C,GAAW,SAAC8C,EAAA,EAAgB,CAA8BF,KAAMA,GAA9B,QAAUA,EAAKG,UAA0B,SAACC,EAAA,EAAU,CAA8BJ,KAAMA,GAA9B,QAAUA,EAAKG,QAAuB,MAGtKpC,IACA,SAAC,EAAAsC,YAAW,WACR,UAAC,EAAAC,IAAG,CAACC,QAASC,EAAAA,YAAAA,iBAA8BC,WAAY5C,EAAe6C,SAAS,QAAQC,QAzCrF,WAGnBrD,GAASkB,EAAAA,EAAAA,IAAuB,CAC5BC,OAAQ,CACJC,KAAML,EACNM,SAAU,KACVC,cAAe,KACfC,oBAAqB,KACrBC,cAAe,KACfC,KAAMd,EAAMkB,UAGxB,EA4BoI,WAC5G,SAACyB,EAAA,EAAiB,CAACC,KAAK,OAAO,gBAE/B,4BAAQ,mBAKhB3B,IAAW,iBAAK4B,MAAO,CAAEC,UAAW,SAAUC,QAAS,QAAS,WAC5D,wBAAI,mCACJ,wBAAI,kCAGZ,mBACA,uBAKhB,C","sources":["pages/search/PageSearch/PageSearch.jsx"],"sourcesContent":["import { Btn, LoaderPanel, BtnVariants, PanelCenter } from 'mga-commons'\r\nimport React, { useEffect } from 'react'\r\nimport { Helmet } from 'react-helmet'\r\nimport { FaAngleDoubleDown } from '@react-icons/all-files/fa/FaAngleDoubleDown'\r\nimport { FaSearch } from '@react-icons/all-files/fa/FaSearch'\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { useSearchParams } from 'react-router-dom'\r\nimport PanelRead from '../../../components/commons/PanelRead'\r\nimport CardSearch from '../../../components/anonymous/search/CardSearch'\r\nimport CardSearchMobile from '../../../components/anonymous/search/CardSearchMobile'\r\nimport { anonymousFicheGetItems, selectIsLoading, selectIsLoadingMore, selectSearchData } from '../../../slices/anonymous/anonymousFicheSlice'\r\nimport { useMobileQuery } from '../../../utils/MediaQueries'\r\nimport './PageSearch.css'\r\n\r\nconst PageSearch = () => {\r\n\r\n    const isMobile = useMobileQuery()\r\n    const dispatch = useDispatch()\r\n\r\n    const searchData = useSelector(selectSearchData)\r\n    const isLoading = useSelector(selectIsLoading)\r\n    const isLoadingMore = useSelector(selectIsLoadingMore)\r\n\r\n    const canLoadMore = searchData?.CanLoadMore\r\n    const items = searchData?.Items\r\n\r\n    let [searchParams, setSearchParams] = useSearchParams();\r\n    let query = searchParams.get(\"q\");\r\n\r\n\r\n    useEffect(() => {\r\n\r\n        // Load data\r\n        dispatch(anonymousFicheGetItems({\r\n            params: {\r\n                text: query,\r\n                idWilaya: null,\r\n                idTypeMedecin: null,\r\n                idTypeEtablissement: null,\r\n                idTypeService: null,\r\n                from: 0\r\n            }\r\n        }))\r\n\r\n    }, [query])\r\n\r\n    const handleLoadMore = () => {\r\n\r\n        // Load more\r\n        dispatch(anonymousFicheGetItems({\r\n            params: {\r\n                text: query,\r\n                idWilaya: null,\r\n                idTypeMedecin: null,\r\n                idTypeEtablissement: null,\r\n                idTypeService: null,\r\n                from: items.length\r\n            }\r\n        }))\r\n    }\r\n\r\n\r\n    if (isLoading) {\r\n        return <LoaderPanel margin=\"60px\" />\r\n    }\r\n\r\n    const isEmpty = !isLoadingMore && ((items || []).length === 0)\r\n\r\n    return (\r\n        <div className=\"page-search\">\r\n            <Helmet>\r\n                <title>Résultats de la recherche pour {query}</title>\r\n                <meta name=\"description\" content=\"Rechercher des médecins en Algérie\" />\r\n                <meta name=\"keywords\" content=\"recherche, medecin, sante, specialiste, generaliste, urologue, neurologue, pediatre, ophtalmo\" />\r\n                <link rel=\"canonical\" href={window.location.origin + '/search'} />\r\n            </Helmet>\r\n            <PanelRead>\r\n                <h1 className=\"title\">\r\n                    <FaSearch />\r\n                    Résultats de la recherche pour \"<span className=\"query\">{query}</span>\"\r\n                </h1>\r\n                <div className=\"items\">\r\n                    {(items || []).map((item, index) => isMobile ? <CardSearchMobile key={'fiche' + item.IdFiche} item={item} /> : <CardSearch key={'fiche' + item.IdFiche} item={item} />)}\r\n                </div>\r\n                {\r\n                    canLoadMore &&\r\n                    <PanelCenter>\r\n                        <Btn variant={BtnVariants.SecondaryOutline} isEnabled={!isLoadingMore} minWidth=\"300px\" onClick={handleLoadMore}>\r\n                            <FaAngleDoubleDown size=\"22\" />\r\n                            &nbsp;&nbsp;&nbsp;\r\n                            <strong>Voir plus</strong>\r\n                        </Btn>\r\n                    </PanelCenter>\r\n                }\r\n                {\r\n                    isEmpty && <div style={{ textAlign: 'center', padding: '40px' }}>\r\n                        <h2>Aucun résultat trouvé !</h2>\r\n                        <h4>Veuillez réessayer ...</h4>\r\n                    </div>\r\n                }\r\n                <br />\r\n                <br />\r\n            </PanelRead>\r\n        </div>\r\n\r\n    )\r\n}\r\n\r\nexport default PageSearch"],"names":["isMobile","useMobileQuery","dispatch","useDispatch","searchData","useSelector","selectSearchData","isLoading","selectIsLoading","isLoadingMore","selectIsLoadingMore","canLoadMore","CanLoadMore","items","Items","useSearchParams","searchParams","query","get","useEffect","anonymousFicheGetItems","params","text","idWilaya","idTypeMedecin","idTypeEtablissement","idTypeService","from","LoaderPanel","margin","isEmpty","length","className","Helmet","name","content","rel","href","window","location","origin","PanelRead","FaSearch","map","item","index","CardSearchMobile","IdFiche","CardSearch","PanelCenter","Btn","variant","BtnVariants","isEnabled","minWidth","onClick","FaAngleDoubleDown","size","style","textAlign","padding"],"sourceRoot":""}