{"version":3,"file":"static/js/570.d6a9465a.chunk.js","mappings":"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","sources":["components/trip-summary/fast-facts/index.js"],"sourcesContent":["import { Trans } from '@lingui/macro';\nimport { useContext, useMemo, useState, useCallback } from 'react';\nimport { getTextColorClass, getColor } from '@utils/Utils';\nimport { BasicData } from '@App';\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport './style.scss';\n\nconst FastFactsComponent = () => {\n    const { travellers, travellers_adult, travellers_children, days, reference_number, special_interests, theme, group_size } = useContext(BasicData);\n\n    const [activeSlide, setActiveSlide] = useState('info');\n\n    const colors = getColor(theme);\n\n    const guests = travellers_adult + travellers_children;\n\n    const slides = useMemo(() => {\n        let arr = ['info'];\n        if (travellers) {\n            arr.push('travellers');\n        }\n        if (special_interests) {\n            arr.push('special_interests');\n        }\n        return arr;\n    }, [travellers, special_interests])\n\n    const onSlideChange = useCallback(s => {\n        setActiveSlide(slides[s.realIndex]);\n    }, [slides])\n\n    return (\n        <div className={`trip-summary-fast-facts bg-white ${getTextColorClass(colors?.secondary)}`}>\n            <div className=\"desktop\">\n                <div className=\"trip-summary-fast-facts-block info\">\n                    <i className=\"icon icon-info\"></i>\n                    <h4><Trans>Information</Trans></h4>\n                    {guests > 0 && <p>{guests} {guests > 1 ? <Trans>Guests</Trans> : <Trans>Guest</Trans>}</p>}\n                    <p className=\"break-words\">{days} {days === 1 ? <Trans>Day</Trans> : <Trans>Days</Trans>} / {days - 1} {(days - 1) === 1 ? <Trans>Night</Trans> : <Trans>Nights</Trans>}</p>\n                    {reference_number && <p><Trans>Reference No</Trans>: {reference_number}</p>}\n                    {group_size && <p><Trans>Group Size</Trans>{group_size}</p>}\n                </div>\n                {special_interests && (\n                    <div className=\"trip-summary-fast-facts-block\">\n                        <i className=\"icon icon-zap\"></i>\n                        <h4><Trans>Special Interests</Trans></h4>\n                        <p className=\"break-words\">\n                            {special_interests?.map((interest, i) => (\n                                <span key={i}> {i > 0 ? <i>•</i> : ''}{interest} </span>\n                            ))}\n                        </p>\n                    </div>\n                )}\n                {travellers && (\n                    <div className=\"trip-summary-fast-facts-block\">\n                        <i className=\"icon icon-users\"></i>\n                        <h4><Trans>Travellers</Trans></h4>\n                        <p className=\"break-words\">\n                            {travellers?.map((traveller, i) => (\n                                <span key={i}> {i > 0 ? <i>•</i> : ''}{traveller} </span>\n                            ))}\n                        </p>\n                    </div>\n                )}\n            </div>\n            <div className=\"mobile\">\n                <Swiper\n                    spaceBetween={20}\n                    slidesPerView={1.1}\n                    centeredSlides\n                    onSlideChange={onSlideChange}\n                >\n                    <SwiperSlide>\n                        <div className=\"trip-summary-fast-facts-block\">\n                            <i className=\"icon icon-info\"></i>\n                            <h4><Trans>Information</Trans></h4>\n                            {guests > 0 && <p>{guests} {guests > 1 ? <Trans>Guests</Trans> : <Trans>Guest</Trans>}</p>}\n                            <p className=\"break-words\">{days} {days === 1 ? <Trans>Day</Trans> : <Trans>Days</Trans>} / {days - 1} {(days - 1) === 1 ? <Trans>Night</Trans> : <Trans>Nights</Trans>}</p>\n                            {reference_number && <p><Trans>Reference No</Trans>: {reference_number}</p>}\n                            {group_size && (<p><Trans>Group Size</Trans>: {group_size}</p>)}\n                        </div>\n                    </SwiperSlide>\n                    {special_interests && (\n                        <SwiperSlide>\n                            <div className=\"trip-summary-fast-facts-block\">\n                                <i className=\"icon icon-zap\"></i>\n                                <h4><Trans>Special Interests</Trans></h4>\n                                <p className=\"break-words\">\n                                    {special_interests?.map((interest, i) => (\n                                        <span key={i}> {i > 0 ? <i>•</i> : ''}{interest} </span>\n                                    ))}\n                                </p>\n                            </div>\n                        </SwiperSlide>\n                    )}\n                    {travellers && (\n                        <SwiperSlide>\n                            <div className=\"trip-summary-fast-facts-block\">\n                                <i className=\"icon icon-users\"></i>\n                                <h4><Trans>Travellers</Trans></h4>\n                                <p className=\"break-words\">\n                                    {travellers?.map((traveller, i) => (\n                                        <span key={i}> {i > 0 ? <i>•</i> : ''}{traveller} </span>\n                                    ))}\n                                </p>\n                            </div>\n                        </SwiperSlide>\n                    )}\n                </Swiper>\n                {slides.length > 1 && (\n                    <div className=\"slide-thumbs\">\n                        {slides.map(x => (\n                            <div className={`slide-thumb${activeSlide === x ? ' active' : ''}`} key={x}></div>\n                        ))}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n\nexport default FastFactsComponent;"],"names":["useContext","BasicData","travellers","travellers_adult","travellers_children","days","reference_number","special_interests","theme","group_size","useState","activeSlide","setActiveSlide","colors","getColor","guests","slides","useMemo","arr","push","onSlideChange","useCallback","s","realIndex","className","getTextColorClass","secondary","map","interest","i","traveller","spaceBetween","slidesPerView","centeredSlides","length","x"],"sourceRoot":""}