{"version":3,"file":"static/js/739.7a2a8a59.chunk.js","mappings":"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","sources":["pages/tests-n-packages/HealthCondition.js","../node_modules/use-smooth-horizontal-scroll/src/hooks/useSmoothHorizontalScroll/index.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport { Link, NavLink, useParams, useLocation } from \"react-router-dom\";\r\nimport { Container } from \"react-bootstrap\";\r\nimport useSmoothHorizontalScroll from \"use-smooth-horizontal-scroll\";\r\nimport { GetData, PostData } from \"../../services/SendData\";\r\nimport { getConfigData, removeBaseUrl } from \"../../services/Helper\";\r\nimport BookNowButton from \"./../../sections/BookNowButton\";\r\nimport BreadCrumb from \"../BreadCrumb\";\r\n\r\nexport default function HealthCondition() {\r\n    const SCROLL_AMOUNT = 100;\r\n    const { scrollContainerRef, handleScroll, scrollTo, isAtStart, isAtEnd } =\r\n        useSmoothHorizontalScroll();\r\n    const configData = getConfigData();\r\n    const { ServiceName } = useParams();\r\n    const { pathname } = useLocation();\r\n\r\n    const [healthConditionList, setHealthConditionList] = useState([]);\r\n    const [healthServiceList, setHealthServiceList] = useState([]);\r\n\r\n    const [HelathConditionListApi, HealthServiceListApi] = [\r\n        \"/loadData/healthConditionList\",\r\n        \"/loadData/submitPage/getHealthServiceList\",\r\n    ];\r\n\r\n    const fetchHelathConditionList = async () => {\r\n        try {\r\n            const response = await GetData(HelathConditionListApi, configData);\r\n            await setHealthConditionList(response?.Items);\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n        return false;\r\n    };\r\n\r\n    const fetchHealthServiceList = async () => {\r\n        const refactorServiceName =\r\n            ServiceName && ServiceName.toLowerCase().replaceAll(\"-\", \" \");\r\n        try {\r\n            const response = await PostData(\r\n                HealthServiceListApi,\r\n                {\r\n                    senddata: {\r\n                        searchKeyword: refactorServiceName || \"\",\r\n                    },\r\n                },\r\n                configData\r\n            );\r\n            await setHealthServiceList(response?.data);\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n        return false;\r\n    };\r\n\r\n    useEffect(() => {\r\n        fetchHelathConditionList();\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        fetchHealthServiceList();\r\n    }, [ServiceName]);\r\n\r\n    // const linkRefactor = (link) => {\r\n    //     return link.toLowerCase().replaceAll(\" \", \"-\");\r\n    // };\r\n\r\n\r\n    return (\r\n        <div className=\"MyProfile\">\r\n            <section className=\"breadcrumb-section\">\r\n                <Container>\r\n                    <BreadCrumb />\r\n                </Container>\r\n            </section>\r\n\r\n            <section className=\"health-condition-page minheight400\">\r\n                <div className=\"container\">\r\n                    <h1 className=\"page-title\">Test by Health Condition</h1>\r\n                    <p>\r\n                        Find tests suited to address your specific health\r\n                        condition\r\n                    </p>\r\n\r\n                    {!!healthConditionList?.length  && \r\n                    <div className=\"health-condition-filter-container\">\r\n                        <button\r\n                            disabled={isAtStart}\r\n                            onClick={() => scrollTo(-SCROLL_AMOUNT)}\r\n                            className=\"left-btn\"\r\n                        >\r\n                            <i className=\"icon-thin-left\"></i>\r\n                        </button>\r\n\r\n                        <div className=\"health-condition-filter\">\r\n                            <ul\r\n                                ref={scrollContainerRef}\r\n                                onScroll={handleScroll}\r\n                            >\r\n                                <li>\r\n                                    <Link\r\n                                        to={\"/health-condition\"}\r\n                                        className={\r\n                                            pathname === \"/health-condition\"\r\n                                                ? \"active\"\r\n                                                : \"\"\r\n                                        }\r\n                                    >\r\n                                        All\r\n                                    </Link>\r\n                                </li>\r\n                                {healthConditionList?.map((item) => {\r\n                                    return (\r\n                                        <li key={item?.HCId}>\r\n                                            <NavLink\r\n                                                to={\r\n                                                    \"/health-condition/\" + item?.PermaWord\r\n                                                    // linkRefactor(\r\n                                                    //     item?.HealthCondition\r\n                                                    // )\r\n                                                }\r\n                                            >\r\n                                                {item?.HealthCondition}\r\n                                            </NavLink>\r\n                                        </li>\r\n                                    );\r\n                                })}\r\n                            </ul>\r\n                        </div>\r\n\r\n                        <button\r\n                            disabled={isAtEnd}\r\n                            onClick={() => scrollTo(SCROLL_AMOUNT)}\r\n                            className=\"right-btn\"\r\n                        >\r\n                            <i className=\"icon-thin-right\"></i>\r\n                        </button>\r\n                    </div>\r\n                    }\r\n\r\n                    <div className=\"health-service-container\">\r\n                        {healthServiceList.map((service, i) => {\r\n                            return (\r\n                                <div className=\"health-service-card\" key={i}>\r\n                                    <div>\r\n                                    <h2 className=\"title\">\r\n                                    <Link to={removeBaseUrl(service?.PermalinkNew || '')}>\r\n                                            {service?.ServiceName}\r\n                                    </Link> \r\n                                    {/* <a target=\"_self\" href={removeBaseUrl(service?.PermalinkNew || '')}>\r\n                                            {service?.ServiceName}\r\n                                    </a>  */}\r\n                                    </h2>\r\n                                    <p className=\"other-text\">\r\n                                        <span>Preparation:</span>{\" \"}\r\n                                         {service?.ServicePreparation}\r\n                                    </p>\r\n\r\n                                    {service?.ServiceText ?\r\n                                            <p className=\"other-text test-organ\">\r\n                                               * {service?.ServiceText} \r\n                                            </p> : null}\r\n                                    </div>\r\n                                    \r\n                                    <div className=\"price-area\">\r\n                                        <p className=\"price\">\r\n                                            ₹ {service?.OfferFees}/-\r\n                                        </p>\r\n\r\n                                        <BookNowButton\r\n                                            product={service}\r\n                                            className=\"health-service-book\"\r\n                                        />\r\n\r\n                                    </div>\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </div>\r\n                </div>\r\n            </section>\r\n        </div>\r\n    );\r\n}\r\n","import { useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\n\ninterface UseSmoothHorizontalScroll {\n  scrollContainerRef: RefObject<HTMLElement>;\n  handleScroll: () => void;\n  scrollTo: (shift: number) => void;\n  isAtStart: boolean;\n  isAtEnd: boolean;\n}\n\n/**\n * It returns an object with a ref to the scroll container, a function to handle scroll events, a\n * function to scroll to a certain position, and booleans to indicate whether the scroll container is\n * at the start or end\n * @returns An object with the following properties:\n * - scrollContainerRef: A ref to the scroll container\n * - handleScroll: A function that updates the isAtStart and isAtEnd state\n * - scrollTo: A function that scrolls the container by a given amount\n * - isAtStart: A boolean indicating whether the container is scrolled to the start\n * - isAtEnd: A boolean indicating whether\n */\nconst useSmoothHorizontalScroll = (): UseSmoothHorizontalScroll => {\n  const scrollContainerRef = useRef<HTMLElement>(null);\n  const [isAtStart, setIsAtStart] = useState<boolean>(true);\n  const [isAtEnd, setIsAtEnd] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!scrollContainerRef.current) return;\n    setIsAtEnd(\n      scrollContainerRef.current.scrollWidth === scrollContainerRef.current.offsetWidth\n    );\n  }, [scrollContainerRef]);\n\n  const handleScroll = () => {\n    if (!scrollContainerRef.current) return;\n\n    setIsAtStart(scrollContainerRef.current?.scrollLeft === 0);\n    setIsAtEnd(\n      Math.floor(\n        scrollContainerRef.current?.scrollWidth -\n        scrollContainerRef.current?.scrollLeft\n      ) <= scrollContainerRef.current?.offsetWidth\n    );\n  };\n\n\n  const scrollTo = (shift: number) => {\n    scrollContainerRef.current?.scrollTo({\n      left: scrollContainerRef.current?.scrollLeft + shift,\n      behavior: \"smooth\",\n    });\n  };\n\n  return {\n    scrollContainerRef,\n    handleScroll,\n    scrollTo,\n    isAtStart,\n    isAtEnd\n  };\n};\n\nexport default useSmoothHorizontalScroll;\n"],"names":["HealthCondition","scrollContainerRef","handleScroll","scrollTo","isAtStart","isAtEnd","useSmoothHorizontalScroll","configData","getConfigData","ServiceName","useParams","pathname","useLocation","healthConditionList","setHealthConditionList","useState","healthServiceList","setHealthServiceList","HelathConditionListApi","HealthServiceListApi","useEffect","async","response","GetData","Items","err","console","log","fetchHelathConditionList","refactorServiceName","toLowerCase","replaceAll","PostData","senddata","searchKeyword","data","fetchHealthServiceList","_jsxs","className","children","_jsx","Container","BreadCrumb","length","disabled","onClick","ref","onScroll","Link","to","map","item","NavLink","PermaWord","HCId","service","i","removeBaseUrl","PermalinkNew","ServicePreparation","ServiceText","OfferFees","BookNowButton","product","exports","l","react","useRef","e","t","n","r","o","c","current","scrollWidth","offsetWidth","scrollLeft","Math","floor","left","behavior"],"sourceRoot":""}