{"version":3,"file":"static/chunks/pages/faq-3d41e6759463d7ab.js","mappings":"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","sources":["webpack://_N_E/?d9f8","webpack://_N_E/./utils/queries/hooks/useFaqData.ts","webpack://_N_E/./utils/mockData/faqMocks.ts","webpack://_N_E/./components/faq/FaqIcon.tsx","webpack://_N_E/./components/faq/FaqList.tsx","webpack://_N_E/./components/faq/FaqBody.tsx","webpack://_N_E/./pages/faq.tsx","webpack://_N_E/./styles/faq/FaqList.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/faq\",\n      function () {\n        return require(\"private-next-pages/faq.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/faq\"])\n      });\n    }\n  ","import { useQuery } from \"@tanstack/react-query\";\nimport { getFaqData } from \"..\";\n\nconst useFaqData = () => {\n    return useQuery({\n        queryKey: [\"faq-data\"],\n        queryFn: () => getFaqData(),\n        refetchOnWindowFocus: false,\n    });\n};\n\nexport default useFaqData;\n","import {\n    HeadSectionContent,\n    SectionsTitleText,\n} from \"../../models/common/common\";\nimport colors from \"../../styles/colors.module.scss\";\n\nconst headTitle: SectionsTitleText[] = [\n    {\n        text: \"Find every answer here\",\n        color: colors.textWhiteLight,\n        fontWeight: \"fw-bold\",\n        newLine: true,\n    },\n];\n\nconst headSubTitle: SectionsTitleText[] = [\n    {\n        text: \"\",\n        color: colors.textWhiteLight,\n        fontWeight: \"fw-bold\",\n        newLine: false,\n    },\n];\n\nexport const headData: HeadSectionContent = {\n    backgroundImageUrl:\n        \"https://images.unsplash.com/photo-1633613286848-e6f43bbafb8d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80\",\n    title: headTitle,\n    subTitle: headSubTitle,\n};\n\nexport const faqListTitle: SectionsTitleText[] = [\n    {\n        text: \"Frequently\",\n        color: colors.textPrimary,\n        fontWeight: \"fw-bold\",\n        newLine: false,\n    },\n    {\n        text: \"Asked Questions\",\n        color: colors.textBlack,\n        fontWeight: \"fw-bold\",\n        newLine: false,\n    },\n];\n\nexport const faqListSubTitle: SectionsTitleText[] = [\n    {\n        text: \"We created a set of Frequently Asked Questions to satisfy any of your curiosities or doubts.\",\n        color: colors.textBlackThree,\n        fontWeight: \"\",\n        newLine: true,\n    },\n    {\n        text: \"We hope we’ve been helpful!\",\n        color: colors.textBlackThree,\n        fontWeight: \"\",\n        newLine: false,\n    },\n];\n","import { MDBCol } from \"mdb-react-ui-kit\";\nimport { FC, useState } from \"react\";\nimport Image from \"next/image\";\n\nconst FaqIcon: FC<{ src: string; alt: string; className?: string }> = ({\n    src,\n    alt,\n    className = \"\",\n}) => {\n    const [imageError, setImageError] = useState(false);\n\n    return (\n        <MDBCol\n            size={3}\n            center\n            className=\"px-1 position-relative\"\n            style={{\n                height: \"1.2rem\",\n            }}\n        >\n            <Image\n                src={imageError ? \"/images/binoculars.png\" : src}\n                fill\n                style={{\n                    objectFit: \"contain\",\n                }}\n                className={className}\n                alt={alt}\n                onError={() => {\n                    setImageError(true);\n                }}\n            />\n        </MDBCol>\n    );\n};\n\nexport default FaqIcon;\n","import {\n    MDBAccordion,\n    MDBAccordionItem,\n    MDBCol,\n    MDBContainer,\n    MDBListGroup,\n    MDBListGroupItem,\n    MDBRow,\n    MDBTabs,\n    MDBTabsContent,\n    MDBTabsLink,\n    MDBTabsPane,\n} from \"mdb-react-ui-kit\";\nimport { useState } from \"react\";\nimport styles from \"@/styles/faq/FaqList.module.scss\";\nimport { QuillDeltaToHtmlConverter } from \"quill-delta-to-html\";\nimport { IFaqData } from \"@/models/faq\";\nimport { ISectionTitle } from \"../../models/common/common\";\nimport { useIsMD } from \"../../utils/hooks/useWindowSizes\";\nimport { faqListSubTitle, faqListTitle } from \"../../utils/mockData/faqMocks\";\nimport userInterfaceSvg from \"../../utils/svg-icon/userInterface\";\nimport SectionTitle from \"../common/SectionTitle\";\nimport FaqIcon from \"./FaqIcon\";\n\nconst FaqList = ({ faqData }: { faqData?: IFaqData }) => {\n    // const { data: faqData } = useFaqData();\n    const [basicActive, setBasicActive] = useState(\n        faqData?.faqs?.at(0)?.faqCategoryName || \"\"\n    );\n\n    const [showSelection, setShowSelection] = useState(false);\n\n    const zeroPad = (num: number, places: number) =>\n        String(num).padStart(places, \"0\");\n\n    const handleBasicClick = (value: string) => {\n        if (showSelection) {\n            setShowSelection(false);\n        }\n\n        if (value === basicActive) return;\n\n        setBasicActive(value);\n    };\n\n    const hasSelectedActiveTab = (tab: string) => {\n        return basicActive === tab;\n    };\n\n    const title: ISectionTitle = {\n        title: faqListTitle,\n        subTitle: faqListSubTitle,\n        titleColumnSize: 12,\n        spaceBetween: 2,\n        alignment: \"justify-content-start text-start\",\n        classNameContainer: \"py-3\",\n    };\n\n    return (\n        <MDBContainer fluid className=\"py-5 px-0\">\n            <MDBRow className=\"justify-content-center\">\n                <MDBCol size={12} md={11} lg={10} className=\"d-flex px-5\">\n                    <SectionTitle sectionTitle={title} />\n                </MDBCol>\n            </MDBRow>\n            <MDBRow className=\"justify-content-center my-5\">\n                <MDBCol size={10}>\n                    <MDBRow className=\"justify-content-between\">\n                        {useIsMD() && (\n                            <MDBCol\n                                size={12}\n                                className=\"d-flex py-3 px-4 justify-content-center align-content-center position-relative my-3\"\n                            >\n                                <div className={styles.sortingSelect}>\n                                    <p>{basicActive}</p>\n                                    <span\n                                        onClick={() =>\n                                            setShowSelection(!showSelection)\n                                        }\n                                    >\n                                        {showSelection ? (\n                                            <userInterfaceSvg.ArrowUpSimpleLine />\n                                        ) : (\n                                            <userInterfaceSvg.ArrowDownSimpleLine />\n                                        )}\n                                    </span>\n                                </div>\n                                {showSelection ? (\n                                    <div\n                                        className={\n                                            styles.sortingOptionContainer\n                                        }\n                                    >\n                                        <div\n                                            className={\n                                                styles.sortingOptionInnerContainer\n                                            }\n                                        >\n                                            {faqData?.faqs?.map(el => (\n                                                <div\n                                                    key={`faq-${el.faqCategoryName}-${el.faqCategoryIcon}`}\n                                                    className={\n                                                        basicActive ===\n                                                        el.faqCategoryName\n                                                            ? styles.sortingOptionSelected\n                                                            : styles.sortingOption\n                                                    }\n                                                    onClick={() =>\n                                                        handleBasicClick(\n                                                            el.faqCategoryName\n                                                        )\n                                                    }\n                                                >\n                                                    <p className=\"my-3\">\n                                                        {el.faqCategoryName}\n                                                    </p>\n                                                </div>\n                                            ))}\n                                        </div>\n                                    </div>\n                                ) : null}\n                            </MDBCol>\n                        )}\n                        {!useIsMD() && (\n                            <MDBCol size={2} lg={4} xl={3}>\n                                <MDBListGroup light small>\n                                    <MDBTabs className={styles.tab}>\n                                        {faqData?.faqs?.map(el => (\n                                            <MDBListGroupItem\n                                                key={`faq-${el.faqCategoryName}-${el.faqCategoryIcon}`}\n                                                id=\"groupItem\"\n                                                action\n                                                active={hasSelectedActiveTab(\n                                                    el.faqCategoryName\n                                                )}\n                                                noBorders\n                                                className={`${\n                                                    hasSelectedActiveTab(\n                                                        el.faqCategoryName\n                                                    )\n                                                        ? styles.listGroupActive\n                                                        : styles.listGroup\n                                                } px-2 text-start py-0`}\n                                            >\n                                                <MDBTabsLink\n                                                    onClick={() =>\n                                                        handleBasicClick(\n                                                            el.faqCategoryName\n                                                        )\n                                                    }\n                                                    style={{\n                                                        padding: \"16px 24px\",\n                                                    }}\n                                                >\n                                                    <MDBRow>\n                                                        <FaqIcon\n                                                            src={\n                                                                el.faqCategoryIcon\n                                                            }\n                                                            alt={\n                                                                el.faqCategoryName\n                                                            }\n                                                        />\n                                                        <MDBCol\n                                                            style={{\n                                                                textTransform:\n                                                                    \"none\",\n                                                            }}\n                                                            center\n                                                            className=\"d-inline-flex px-1\"\n                                                        >\n                                                            {el.faqCategoryName}\n                                                        </MDBCol>\n                                                    </MDBRow>\n                                                </MDBTabsLink>\n                                            </MDBListGroupItem>\n                                        ))}\n                                    </MDBTabs>\n                                </MDBListGroup>\n                            </MDBCol>\n                        )}\n\n                        <MDBCol size={12} lg={7} xl={8}>\n                            <MDBTabsContent>\n                                {faqData?.faqs?.map(el => (\n                                    <MDBTabsPane\n                                        key={`faq-${el.faqCategoryName}-${el.faqCategoryIcon}`}\n                                        show={hasSelectedActiveTab(\n                                            el.faqCategoryName\n                                        )}\n                                    >\n                                        <MDBAccordion alwaysOpen>\n                                            {el.faqs.map((item, id) => {\n                                                const convertedAnswer =\n                                                    new QuillDeltaToHtmlConverter(\n                                                        item.answerDelta?.ops ??\n                                                            []\n                                                    );\n                                                const convertedQuestion =\n                                                    new QuillDeltaToHtmlConverter(\n                                                        item.questionDelta\n                                                            ?.ops ?? []\n                                                    );\n\n                                                const htmlAnswer =\n                                                    convertedAnswer.convert();\n\n                                                const htmlQuestion =\n                                                    convertedQuestion.convert();\n\n                                                return (\n                                                    <MDBAccordionItem\n                                                        // eslint-disable-next-line react/no-array-index-key\n                                                        key={`faq-${el.faqCategoryName}-${item.question}-${id}`}\n                                                        collapseId={id + 1}\n                                                        headerTitle={\n                                                            <MDBRow className=\"flex-fill pe-3\">\n                                                                <MDBCol\n                                                                    className={`d-lg-none ${styles.accordionNumber}`}\n                                                                >\n                                                                    {zeroPad(\n                                                                        id + 1,\n                                                                        2\n                                                                    )}\n                                                                </MDBCol>\n                                                                <MDBCol\n                                                                    size={10}\n                                                                    md={11}\n                                                                    className=\"p-0\"\n                                                                >\n                                                                    {!!convertedQuestion &&\n                                                                    item\n                                                                        .questionDelta\n                                                                        ?.ops ? (\n                                                                        <div\n                                                                            dangerouslySetInnerHTML={{\n                                                                                __html: htmlQuestion,\n                                                                            }}\n                                                                        />\n                                                                    ) : (\n                                                                        <p>\n                                                                            {\n                                                                                item.question\n                                                                            }\n                                                                        </p>\n                                                                    )}\n                                                                </MDBCol>\n                                                            </MDBRow>\n                                                        }\n                                                        className={\n                                                            styles.accordionItem\n                                                        }\n                                                    >\n                                                        {!!convertedAnswer &&\n                                                        item.answerDelta\n                                                            ?.ops ? (\n                                                            <div\n                                                                dangerouslySetInnerHTML={{\n                                                                    __html: htmlAnswer,\n                                                                }}\n                                                            />\n                                                        ) : (\n                                                            <p>{item.answer}</p>\n                                                        )}\n                                                    </MDBAccordionItem>\n                                                );\n                                            })}\n                                        </MDBAccordion>\n                                    </MDBTabsPane>\n                                ))}\n                            </MDBTabsContent>\n                        </MDBCol>\n                    </MDBRow>\n                </MDBCol>\n            </MDBRow>\n        </MDBContainer>\n    );\n};\n\nexport default FaqList;\n","import { IFaqData } from \"@/models/faq\";\n// import useFaqData from \"../../utils/queries/hooks/useFaqData\";\nimport { HeadSectionContent } from \"@/models/common/common\";\nimport HeadSection from \"../common/HeadSection\";\nimport Brochures from \"../home/brochures/Brochures\";\nimport Help from \"../playWithUs/Help\";\nimport FaqList from \"./FaqList\";\n\nconst FaqBody = ({\n    faqData,\n    headData,\n}: {\n    faqData?: IFaqData;\n    headData: HeadSectionContent;\n}) => {\n    // const { data: faqData } = useFaqData();\n    // const { backgroundImageUrl } = headData;\n\n    return (\n        <div className=\"minWidth100vwFromXL\">\n            <HeadSection className=\"mb-5\" content={headData} />\n            <FaqList faqData={faqData} />\n            <Help />\n            <Brochures />\n        </div>\n    );\n};\n\nexport default FaqBody;\n","import { dehydrate, DehydratedState, QueryClient } from \"@tanstack/react-query\";\nimport type { GetServerSideProps, NextPage } from \"next\";\nimport { ESeoPage } from \"@/utils/mockData/metaMocks\";\nimport {\n    getBrochureData,\n    getFaqData,\n    getNavBarData,\n    getSeoInfo,\n} from \"@/utils/queries\";\nimport useFaqData from \"@/utils/queries/hooks/useFaqData\";\nimport { OpenGraph } from \"next-seo/lib/types\";\nimport { IFaqData } from \"@/models/faq\";\nimport FaqBody from \"../components/faq/FaqBody\";\nimport Layout from \"../components/common/Layout\";\nimport { headData } from \"../utils/mockData/faqMocks\";\n\nconst getOpenGraphData = (\n    backgroundImageUrl: string,\n    faqData?: IFaqData\n): OpenGraph => {\n    if (faqData) {\n        return {\n            title: faqData.faq?.metadata?.title,\n            description: faqData.faq?.metadata?.metaDescription,\n            url: faqData.faq?.metadata?.urlCanonical,\n            images: [\n                {\n                    url: backgroundImageUrl,\n                    alt: faqData.faq?.metadata?.altHeadImage,\n                },\n            ],\n        };\n    }\n    return {};\n};\n\nconst Faq: NextPage = () => {\n    // const { data: metaTags } = useQuery({\n    //     queryKey: [\"metaTags\", ESeoPage.FAQ],\n    //     queryFn: () => getSeoInfo(ESeoPage.FAQ),\n    // });\n    const { backgroundImageUrl } = headData;\n    const { data: faqData } = useFaqData();\n    const metadata = getOpenGraphData(backgroundImageUrl, faqData);\n\n    return (\n        <Layout metaTags={metadata}>\n            <FaqBody faqData={faqData} headData={headData} />\n        </Layout>\n    );\n};\n\nexport const getServerSideProps: GetServerSideProps = async (): Promise<{\n    props: {\n        dehydratedState: DehydratedState;\n    };\n}> => {\n    const queryClient = new QueryClient();\n\n    await Promise.all([\n        await queryClient.prefetchQuery([\"navBar\"], getNavBarData),\n        await queryClient.prefetchQuery([\"brochures\"], getBrochureData),\n        await queryClient.prefetchQuery([\"metaTags\", ESeoPage.FAQ], () =>\n            getSeoInfo(ESeoPage.FAQ)\n        ),\n        await queryClient.prefetchQuery([\"faq-data\"], () => getFaqData()),\n    ]);\n\n    return {\n        props: {\n            dehydratedState: dehydrate(queryClient),\n        },\n    };\n};\n\nexport default Faq;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"accordionItem\":\"FaqList_accordionItem__1GF4M\",\"collapsed\":\"FaqList_collapsed__7FgRp\",\"accordionNumber\":\"FaqList_accordionNumber__xyQqP\",\"listGroupActive\":\"FaqList_listGroupActive__qEnTm\",\"listGroup\":\"FaqList_listGroup__BLYyz\",\"sortingOptionContainer\":\"FaqList_sortingOptionContainer___heFG\",\"sortingOptionInnerContainer\":\"FaqList_sortingOptionInnerContainer__E5_WG\",\"sortingOption\":\"FaqList_sortingOption__87wJ9\",\"sortingOptionSelected\":\"FaqList_sortingOptionSelected__muxgY\",\"sortingSelect\":\"FaqList_sortingSelect__kWktg\"};"],"names":["window","__NEXT_P","push","__webpack_require__","hooks_useFaqData","useQuery","queryKey","queryFn","getFaqData","refetchOnWindowFocus","headTitle","text","color","colors","fontWeight","newLine","headSubTitle","headData","backgroundImageUrl","title","subTitle","faqListTitle","faqListSubTitle","faq_FaqIcon","src","alt","className","param","imageError","setImageError","useState","jsx_runtime","jsx","MDBCol","size","center","style","height","Image","fill","objectFit","onError","faq_FaqList","faqData","basicActive","setBasicActive","faqs","at","faqCategoryName","showSelection","setShowSelection","zeroPad","num","places","String","padStart","handleBasicClick","value","hasSelectedActiveTab","tab","jsxs","MDBContainer","fluid","MDBRow","md","lg","SectionTitle","sectionTitle","titleColumnSize","spaceBetween","alignment","classNameContainer","useIsMD","div","styles","p","span","onClick","userInterfaceSvg","ArrowUpSimpleLine","ArrowDownSimpleLine","map","el","concat","faqCategoryIcon","xl","MDBListGroup","light","small","MDBTabs","MDBListGroupItem","id","action","active","noBorders","MDBTabsLink","padding","FaqIcon","textTransform","MDBTabsContent","MDBTabsPane","show","MDBAccordion","alwaysOpen","item","convertedAnswer","QuillDeltaToHtmlConverter","answerDelta","ops","convertedQuestion","questionDelta","htmlAnswer","convert","htmlQuestion","MDBAccordionItem","collapseId","headerTitle","dangerouslySetInnerHTML","__html","question","answer","faq_FaqBody","HeadSection","content","FaqList","Help","Brochures","getOpenGraphData","faq","metadata","description","metaDescription","url","urlCanonical","images","altHeadImage","data","useFaqData","Layout","metaTags","FaqBody","module","exports"],"sourceRoot":""}