{"version":3,"file":"static/chunks/270-fdabcb07260fb917.js","mappings":"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","sources":["webpack://_N_E/./components/common/KeepInTouch.tsx","webpack://_N_E/./components/common/SectionCarouselLayout.tsx","webpack://_N_E/./components/home/cards/CardTikTok.tsx","webpack://_N_E/./components/home/TikTokSection.tsx","webpack://_N_E/./components/home/cards/CardReview.tsx","webpack://_N_E/./components/home/TourReviews.tsx","webpack://_N_E/./utils/hooks/useOnScreen.ts","webpack://_N_E/./utils/hooks/useShouldRenderArrayFC.ts","webpack://_N_E/./utils/queries/hooks/useHomeData.ts","webpack://_N_E/./utils/queries/hooks/useVideoReviewData.ts","webpack://_N_E/./styles/common/carousel/Carousel.module.scss","webpack://_N_E/./styles/home/Home.CardReview.module.scss","webpack://_N_E/./styles/home/Home.CardTikTok.module.scss","webpack://_N_E/./styles/home/Home.TikTok.module.scss","webpack://_N_E/./styles/home/Home.TourReview.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["import { MDBCol, MDBContainer, MDBRow } from \"mdb-react-ui-kit\";\nimport { FC } from \"react\";\nimport styles from \"@/styles/Footer.module.scss\";\nimport { useIsSM } from \"@/utils/hooks/useWindowSizes\";\nimport NewsletterForm from \"./NewsLetterForm\";\n\nconst KeepInTouch: FC = () => {\n    const isSM = useIsSM();\n    return (\n        <div\n            className={`${\n                isSM ? styles.footBgColorBgMobile : styles.footBgColorBgDesktop\n            } bg-image d-flex align-items-center justify-content-center px-0 vh-100`}\n        >\n            <div className=\"mask d-flex justify-content-center align-items-center\">\n                <MDBContainer className=\"text-center py-5\" fluid>\n                    <MDBRow className=\"d-flex justify-content-center mb-5 py-5 my-5\">\n                        <MDBCol sm=\"8\" md=\"8\" lg=\"6\" xl=\"8\" className=\"pt-5\">\n                            <h2\n                                className={`${styles.kit_title} text-uppercase fw-bold mt-5`}\n                            >\n                                Keep in touch\n                            </h2>\n                            <p\n                                className={`${styles.text_content} fw-normal py-2`}\n                            >\n                                Stay updated on our trips, promotions and\n                                stories.\n                            </p>\n                            <MDBRow\n                                className={` ${styles.max_padding} d-flex justify-content-center pb-5`}\n                            >\n                                <NewsletterForm isSmall />\n                            </MDBRow>\n                        </MDBCol>\n                    </MDBRow>\n                </MDBContainer>\n            </div>\n        </div>\n    );\n};\n\nexport default KeepInTouch;\n","import { MDBCol, MDBRow } from \"mdb-react-ui-kit\";\nimport { FC, ReactNode, useState } from \"react\";\nimport SwiperClass from \"swiper\";\nimport { Section } from \"@/models/home\";\nimport styles from \"../../styles/common/carousel/Carousel.module.scss\";\n\nimport {\n    ISectionTitle,\n    SectionsTitleText,\n    TBreackpointsCarousel,\n} from \"../../models/common/common\";\n\nimport ButtonBack from \"./carousel/ButtonBack\";\nimport ButtonNext from \"./carousel/ButtonNext\";\nimport SectionTitle from \"./SectionTitle\";\nimport Carousel from \"./carousel/Carousel\";\nimport { useIsMD } from \"../../utils/hooks/useWindowSizes\";\n\nconst SectionCarouselLayout: FC<{\n    children: ReactNode[];\n    visibleSlides?: number;\n    sectionTitle: SectionsTitleText[];\n    sectionSubTitle: SectionsTitleText[];\n    isCarouselContained: boolean;\n    tiktok?: boolean;\n    classNameCarousel?: string;\n    breakpointsCarousel?: TBreackpointsCarousel;\n    wordingsDelta?: Section;\n    classNameSlide?: string;\n    centerInsufficientSlides?: boolean;\n}> = ({\n    children,\n    sectionTitle,\n    sectionSubTitle,\n    isCarouselContained,\n    classNameCarousel = \"\",\n    visibleSlides = 3,\n    breakpointsCarousel,\n    tiktok = false,\n    wordingsDelta,\n    classNameSlide,\n    centerInsufficientSlides = false,\n}) => {\n    const [swiperClass, setSwiperClass] = useState<SwiperClass | null>(null);\n\n    const title: ISectionTitle = {\n        title: sectionTitle,\n        subTitle: sectionSubTitle,\n        alignment: \"justify-content-start text-start\",\n        classNameContainer: \"ms-auto ms-md-0 mx-0 px-0 py-3\",\n        titleColumnSize: 12,\n        spaceBetween: 2,\n    };\n\n    const isMD = useIsMD();\n\n    return (\n        <>\n            <MDBRow className=\"d-flex justify-content-center\">\n                <MDBCol\n                    xs={12}\n                    md={10}\n                    className={`d-flex ${\n                        isCarouselContained ? \"pe-5 ps-3\" : \"px-3\"\n                    }`}\n                >\n                    <MDBCol xs={12} md={10}>\n                        <SectionTitle\n                            sectionTitle={title}\n                            wordingsDelta={wordingsDelta}\n                        />\n                    </MDBCol>\n                    <MDBCol className=\"d-none d-md-flex justify-content-end\">\n                        <MDBRow className=\"justify-content-end py-3\">\n                            <ButtonBack swiperClass={swiperClass} />\n                            <ButtonNext\n                                className=\"ms-2\"\n                                swiperClass={swiperClass}\n                            />\n                        </MDBRow>\n                    </MDBCol>\n                </MDBCol>\n            </MDBRow>\n            <MDBRow\n                className={`d-flex ${\n                    isCarouselContained && !isMD\n                        ? \"justify-content-center\"\n                        : \"justify-content-end\"\n                }`}\n            >\n                <MDBCol\n                    size={`${isCarouselContained && !isMD ? 10 : 11}`}\n                    className={`${!tiktok && styles.mobileHeight}  ${\n                        !tiktok && styles.desktopHeight\n                    } py-2 mx-2`}\n                >\n                    <Carousel\n                        classNameCarousel={classNameCarousel}\n                        visibleSlides={visibleSlides}\n                        classNameSlide={classNameSlide}\n                        setSwiperClass={setSwiperClass}\n                        breakpoints={breakpointsCarousel}\n                        centerInsufficientSlides={centerInsufficientSlides}\n                    >\n                        {children}\n                    </Carousel>\n                </MDBCol>\n            </MDBRow>\n            <MDBRow className=\"d-flex d-md-none justify-content-start px-5 py-4\">\n                <ButtonBack swiperClass={swiperClass} />\n                <ButtonNext className=\"ms-2\" swiperClass={swiperClass} />\n            </MDBRow>\n        </>\n    );\n};\n\nexport default SectionCarouselLayout;\n","import { MDBBtn } from \"mdb-react-ui-kit\";\nimport { FC, RefObject, useEffect, useRef, useState } from \"react\";\nimport Image from \"next/image\";\nimport { VideoreviewsEntity } from \"@/models/home\";\nimport useOnScreen from \"@/utils/hooks/useOnScreen\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport TagManager from \"react-gtm-module\";\nimport {\n    videoComplete,\n    videoProgressReview,\n    videoStartReview,\n} from \"@/utils/analytics/tagmanager\";\nimport styles from \"../../../styles/home/Home.CardTikTok.module.scss\";\nimport mediaControlSvg from \"../../../utils/svg-icon/mediaControl\";\n\ntype sendEventProp = {\n    percent10: boolean;\n    percent25: boolean;\n    percent50: boolean;\n    percent75: boolean;\n};\n\nconst CardTikTok: FC<{\n    content: VideoreviewsEntity;\n}> = ({ content }) => {\n    const { Play } = mediaControlSvg;\n    const [showVideoFrame, setShowVideoFrame] = useState(false);\n    const [previewImageError, setPreviewImageError] = useState(false);\n    const videoEl = useRef<HTMLVideoElement>(null);\n    const divEl = useRef<HTMLDivElement>(null);\n    const [sendEvent, setSendEvent] = useState<sendEventProp>({\n        percent10: false,\n        percent25: false,\n        percent50: false,\n        percent75: false,\n    });\n\n    useEffect(() => {\n        const onStartVideo = () => {\n            TagManager.dataLayer(videoStartReview(content.video, content.name));\n        };\n        if (showVideoFrame) onStartVideo();\n    }, [content.name, content.video, showVideoFrame]);\n\n    const onEndAction = () => {\n        TagManager.dataLayer(videoComplete(content.video, content.name));\n    };\n\n    const onPauseAction = () => {\n        const durata = videoEl.current?.duration;\n        const currentTime = videoEl.current?.currentTime;\n        const percentuale = (100 / durata!) * currentTime!;\n\n        const percentageBody = (percent: number) => {\n            return TagManager.dataLayer(\n                videoProgressReview(content.video, content.name, percent)\n            );\n        };\n\n        // if (percentuale >= 10 && sendEvent.percent10 === false) {\n        //     percentageBody(percentuale);\n        //     setSendEvent({ ...sendEvent, percent10: true });\n        // }\n        // if (percentuale >= 25 && sendEvent.percent25 === false) {\n        //     percentageBody(percentuale);\n        //     setSendEvent({ ...sendEvent, percent25: true });\n        // }\n        if (percentuale >= 50 && sendEvent.percent50 === false) {\n            percentageBody(percentuale);\n            setSendEvent({ ...sendEvent, percent50: true });\n        }\n\n        // if (percentuale >= 75 && sendEvent.percent75 === false) {\n        //     percentageBody(percentuale);\n        //     setSendEvent({ ...sendEvent, percent75: true });\n        // }\n    };\n\n    const isOnScreen = useOnScreen(divEl as RefObject<HTMLElement>);\n    useEffect(() => {\n        if (!isOnScreen) {\n            videoEl.current?.pause();\n        }\n    }, [isOnScreen]);\n\n    return (\n        <div\n            className={`${styles.container} bg-image d-flex align-items-center justify-content-center px-0 w-100`}\n            ref={divEl}\n        >\n            {showVideoFrame && (\n                // eslint-disable-next-line jsx-a11y/media-has-caption\n                <video\n                    className=\"w-100 h-100\"\n                    controls\n                    autoPlay\n                    title=\"review video\"\n                    ref={videoEl}\n                    onEnded={onEndAction}\n                    onPause={onPauseAction}\n                >\n                    <source src={content.video} />\n                </video>\n            )}\n            {!showVideoFrame && (\n                <>\n                    <div className={`${styles.imageCover} position-relative`}>\n                        <Image\n                            className=\"object-cover h-100\"\n                            src={\n                                previewImageError\n                                    ? \"/images/tours/across-italy-reduced.jpg\"\n                                    : content.previewImage\n                            }\n                            alt=\"detail-image\"\n                            fill\n                            onError={() => {\n                                setPreviewImageError(true);\n                            }}\n                        />\n                    </div>\n                    <div className={`${styles.mask_overlay} mask`}>\n                        <MDBBtn\n                            className={`${styles.play_button} p-4 shadow-0`}\n                            onClick={() => setShowVideoFrame(!showVideoFrame)}\n                        >\n                            <Play />\n                        </MDBBtn>\n                    </div>\n                </>\n            )}\n        </div>\n    );\n};\n\nexport default CardTikTok;\n","import { MDBContainer } from \"mdb-react-ui-kit\";\nimport { FC } from \"react\";\nimport styles from \"../../styles/home/Home.TikTok.module.scss\";\nimport { tikTokSubTitle, tikTokTitle } from \"../../utils/mockData/homeMocks\";\nimport SectionCarouselLayout from \"../common/SectionCarouselLayout\";\nimport CardTikTok from \"./cards/CardTikTok\";\nimport { Section, VideoreviewsEntity } from \"../../models/home\";\nimport { TBreackpointsCarousel } from \"../../models/common/common\";\n\nconst TikTokSection: FC<{\n    videoReviews: VideoreviewsEntity[];\n    wordingsDelta: Section | undefined;\n}> = ({ videoReviews, wordingsDelta }) => {\n    const breackPointCarousel: TBreackpointsCarousel = {\n        0: {\n            slidesPerView: 1.1,\n            height: 533,\n            spaceBetween: 10,\n        },\n        576: {\n            slidesPerView: 2,\n            height: 533,\n            spaceBetween: 10,\n        },\n        768: {\n            slidesPerView: 3,\n            height: 533,\n            spaceBetween: 12,\n        },\n        992: {\n            slidesPerView: 3,\n            height: 533,\n            spaceBetween: 12,\n        },\n        1200: {\n            slidesPerView: 3,\n            height: 533,\n            spaceBetween: 32,\n        },\n        1400: {\n            slidesPerView: 4,\n            spaceBetween: 32,\n            height: 400,\n        },\n        1600: {\n            slidesPerView: 4,\n            spaceBetween: 32,\n            height: 400,\n        },\n        1920: {\n            slidesPerView: 5,\n            spaceBetween: 32,\n            height: 568,\n        },\n    };\n\n    return (\n        <MDBContainer fluid className={`${styles.container} py-5 px-0`}>\n            <SectionCarouselLayout\n                visibleSlides={4}\n                sectionTitle={tikTokTitle}\n                sectionSubTitle={tikTokSubTitle}\n                wordingsDelta={wordingsDelta}\n                breakpointsCarousel={breackPointCarousel}\n                isCarouselContained\n                tiktok\n            >\n                {videoReviews?.map(el => (\n                    // eslint-disable-next-line no-underscore-dangle\n                    <CardTikTok key={el._id} content={el} />\n                ))}\n            </SectionCarouselLayout>\n        </MDBContainer>\n    );\n};\n\nexport default TikTokSection;\n","import {\n    MDBCard,\n    MDBCardFooter,\n    MDBCardHeader,\n    MDBCol,\n    MDBRow,\n} from \"mdb-react-ui-kit\";\nimport { FC, useState } from \"react\";\nimport Image from \"next/image\";\nimport { ReviewReadableTO } from \"@/models/common/common\";\nimport styles from \"../../../styles/home/Home.CardReview.module.scss\";\nimport contactsSvg from \"../../../utils/svg-icon/contacts\";\n\nconst CardReview: FC<{\n    content: ReviewReadableTO;\n}> = ({ content }) => {\n    const { Quote } = contactsSvg;\n    const [avatarError, setAvatarError] = useState(false);\n\n    return (\n        <MDBCard\n            alignment=\"center\"\n            className={`${styles.container} mx-2 mx-lg-4`}\n        >\n            <MDBCardHeader className=\"text-start fw-bold\">\n                <MDBRow className=\"d-flex justify-content-end px-2\">\n                    <MDBCol size={2} className={styles.quotes}>\n                        <Quote />\n                    </MDBCol>\n                </MDBRow>\n                <MDBRow className={`${styles.textComment} p-3 pt-1 pb-0`}>\n                    <MDBCol size={12}>{content.body}</MDBCol>\n                </MDBRow>\n            </MDBCardHeader>\n            <MDBCardFooter className=\"d-flex flex-grow-1\">\n                <MDBRow className=\"p-3 ps-0 d-flex align-items-center\">\n                    <div className={styles.footerContent}>\n                        <div className={styles.image_outer_container}>\n                            <div className={styles.image_inner_container}>\n                                <div className=\"position-relative h-100\">\n                                    <Image\n                                        className=\"object-cover h-100\"\n                                        src={\n                                            avatarError\n                                                ? \"/images/tours/across-italy-reduced.jpg\"\n                                                : content.image\n                                        }\n                                        alt=\"avatar-image\"\n                                        fill\n                                        onError={() => {\n                                            setAvatarError(true);\n                                        }}\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                        <div className={styles.textWrapper}>\n                            <MDBRow className={`${styles.textName} text-start`}>\n                                {content.user}\n                            </MDBRow>\n                            <MDBRow className={`${styles.textWork} text-start`}>\n                                {content.title}\n                            </MDBRow>\n                        </div>\n                    </div>\n                </MDBRow>\n            </MDBCardFooter>\n        </MDBCard>\n    );\n};\n\nexport default CardReview;\n","import { MDBContainer } from \"mdb-react-ui-kit\";\nimport React, { useMemo } from \"react\";\nimport {\n    ReviewReadableTO,\n    TBreackpointsCarousel,\n} from \"../../models/common/common\";\nimport styles from \"../../styles/home/Home.TourReview.module.scss\";\nimport {\n    tourReviewSubtitle,\n    tourReviewTitle,\n} from \"../../utils/mockData/homeMocks\";\nimport { randomUid } from \"../../utils/randomIds\";\nimport CardReview from \"./cards/CardReview\";\n\nimport SectionCarouselLayout from \"../common/SectionCarouselLayout\";\n\nconst TourReview: React.FC<{ reviewContents: ReviewReadableTO[] }> = ({\n    reviewContents,\n}) => {\n    const itemList = useMemo(\n        () =>\n            reviewContents.map((item: ReviewReadableTO) => ({\n                value: item,\n                id: randomUid(),\n            })),\n        [reviewContents]\n    );\n\n    // const title: ISectionTitle = {\n    //     title: tourReviewTitle,\n    //     titleColumnSize: 10,\n    //     alignment: \"justify-content-md-center text-md-left\",\n    //     mobileTitleColumnSize: 10,\n    //     classNameContainer: \"py-3\",\n    // };\n\n    const breackPointCarousel: TBreackpointsCarousel = {\n        0: {\n            slidesPerView: 1.1,\n            height: 533,\n            spaceBetween: 10,\n        },\n        576: {\n            slidesPerView: 2,\n            height: 533,\n            spaceBetween: 10,\n        },\n        768: {\n            slidesPerView: 2,\n            height: 533,\n            spaceBetween: 12,\n        },\n        992: {\n            slidesPerView: 2,\n            height: 533,\n            spaceBetween: 12,\n        },\n        1200: {\n            slidesPerView: 2,\n            height: 533,\n            spaceBetween: 32,\n        },\n        1400: {\n            slidesPerView: 3,\n            spaceBetween: 32,\n            height: 400,\n        },\n        1600: {\n            slidesPerView: 3,\n            spaceBetween: 32,\n            height: 400,\n        },\n        1920: {\n            slidesPerView: 3,\n            spaceBetween: 32,\n            height: 568,\n        },\n    };\n\n    return (\n        <MDBContainer\n            id=\"tour-reviews\"\n            fluid\n            className={`${styles.container} align-items-center py-5 px-0`}\n        >\n            {/* <MDBRow \n                className=\"pb-2 pb-md-3 px-0\"\n                style={{ textAlign: \"start\" }}\n            >\n                <SectionTitle sectionTitle={title} />\n            </MDBRow> */}\n            <SectionCarouselLayout\n                visibleSlides={3}\n                sectionTitle={tourReviewTitle}\n                sectionSubTitle={tourReviewSubtitle}\n                classNameSlide={styles.tourReviewsSlide}\n                breakpointsCarousel={breackPointCarousel}\n                centerInsufficientSlides\n                isCarouselContained\n            >\n                {itemList.map(el => (\n                    <React.Fragment key={el.id}>\n                        <CardReview content={el.value} />\n                    </React.Fragment>\n                ))}\n            </SectionCarouselLayout>\n        </MDBContainer>\n    );\n};\nexport default TourReview;\n","import { RefObject, useEffect, useMemo, useState } from \"react\";\n\nconst useOnScreen = (ref: RefObject<HTMLElement> | null) => {\n    const [isIntersecting, setIntersecting] = useState(false);\n\n    const observer = useMemo(\n        () =>\n            typeof window !== \"undefined\"\n                ? new IntersectionObserver(([entry]) =>\n                      setIntersecting(entry.isIntersecting)\n                  )\n                : null,\n        [ref]\n    );\n\n    useEffect(() => {\n        if (ref) {\n            observer?.observe(ref.current!);\n        }\n        return () => observer?.disconnect();\n    }, []);\n\n    return isIntersecting;\n};\n\nexport default useOnScreen;\n","type FunctionType = <T>(data: T[] | undefined | null) => boolean;\n\nexport const useShouldRenderArrayFC: FunctionType = data => {\n    return (data?.length ?? 0) > 0;\n};\n","import { useQuery } from \"@tanstack/react-query\";\nimport { getHomeData } from \"../index\";\n\nconst useHomeData = () => {\n    return useQuery({\n        queryKey: [\"home\"],\n        queryFn: () => getHomeData(),\n        refetchOnWindowFocus: false,\n    });\n};\n\nexport default useHomeData;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { getVideoReviewsData } from \"../index\";\n\nconst useVideoReviewData = () => {\n    return useQuery({\n        queryKey: [\"videoReview\"],\n        queryFn: () => getVideoReviewsData(),\n        refetchOnWindowFocus: false,\n    });\n};\n\nexport default useVideoReviewData;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"slideContainer\":\"Carousel_slideContainer__EmRTh\",\"mobileHeight\":\"Carousel_mobileHeight__J5sr8\",\"desktopHeight\":\"Carousel_desktopHeight__Yp69y\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Home_CardReview_container__vo_Y_\",\"textName\":\"Home_CardReview_textName__TQiXN\",\"textComment\":\"Home_CardReview_textComment__CuCNi\",\"textWork\":\"Home_CardReview_textWork__ZKCCk\",\"image_outer_container\":\"Home_CardReview_image_outer_container__rsJOt\",\"image_inner_container\":\"Home_CardReview_image_inner_container__mRqfi\",\"imageCover\":\"Home_CardReview_imageCover__ixIaj\",\"footerContent\":\"Home_CardReview_footerContent__NKnhK\",\"textWrapper\":\"Home_CardReview_textWrapper__x5JlN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Home_CardTikTok_container__TmgaH\",\"mask_overlay\":\"Home_CardTikTok_mask_overlay__nM2mf\",\"textName\":\"Home_CardTikTok_textName__fmVbO\",\"textPlace\":\"Home_CardTikTok_textPlace__wLMkJ\",\"play_button\":\"Home_CardTikTok_play_button___n_Pu\",\"image_outer_container\":\"Home_CardTikTok_image_outer_container__iqtLQ\",\"image_inner_container\":\"Home_CardTikTok_image_inner_container__RcE0i\",\"imageCover\":\"Home_CardTikTok_imageCover__fZGfT\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Home_TikTok_container__2e_Zp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Home_TourReview_container__4nZK1\",\"tourReviewsSlide\":\"Home_TourReview_tourReviewsSlide__6DMfL\",\"carousel\":\"Home_TourReview_carousel__SzkFN\"};"],"names":["__webpack_exports__","isSM","useIsSM","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","div","className","concat","styles","MDBContainer","fluid","MDBRow","jsxs","MDBCol","sm","md","lg","xl","h2","p","NewsletterForm","isSmall","children","sectionTitle","sectionSubTitle","isCarouselContained","classNameCarousel","visibleSlides","breakpointsCarousel","tiktok","wordingsDelta","classNameSlide","centerInsufficientSlides","param","swiperClass","setSwiperClass","useState","isMD","useIsMD","Fragment","xs","SectionTitle","title","subTitle","alignment","classNameContainer","titleColumnSize","spaceBetween","ButtonBack","ButtonNext","size","Carousel","breakpoints","cards_CardTikTok","content","Play","mediaControlSvg","showVideoFrame","setShowVideoFrame","previewImageError","setPreviewImageError","videoEl","useRef","divEl","sendEvent","setSendEvent","percent10","percent25","percent50","percent75","useEffect","TagManager","videoStartReview","video","name","isOnScreen","useOnScreen","current","pause","jsx_runtime","ref","controls","autoPlay","onEnded","videoComplete","onPause","durata","duration","currentTime","percentuale","videoProgressReview","source","src","Image","previewImage","alt","fill","onError","MDBBtn","onClick","home_TikTokSection","videoReviews","SectionCarouselLayout","tikTokTitle","tikTokSubTitle","slidesPerView","height","map","el","CardTikTok","_id","cards_CardReview","Quote","contactsSvg","avatarError","setAvatarError","MDBCard","MDBCardHeader","body","MDBCardFooter","image","user","TourReviews","reviewContents","itemList","useMemo","value","item","id","randomUid","tourReviewTitle","tourReviewSubtitle","React","CardReview","isIntersecting","setIntersecting","observer","IntersectionObserver","entry","observe","disconnect","useShouldRenderArrayFC","data","length","useQuery","queryKey","queryFn","getHomeData","refetchOnWindowFocus","getVideoReviewsData","module","exports"],"sourceRoot":""}