{"version":3,"file":"chunk.ChSTaJNB.js","sources":["../../src/components/globals/destinationCard/DestinationCard.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport { useAppDispatch } from '@/hooks/useRedux';\nimport { setCurrentPlan } from '@/redux/planSlice';\nimport PlaneIcon from '@/assets/icons/plane.svg?react';\nimport HotelIcon from '@/assets/icons/hotel.svg?react';\nimport usePriceCurrency from '@/hooks/usePriceCurrency';\nimport busIcon from '@/assets/icons/bus-green.png';\nimport getSelectedPlan from '@/utils/getSelectedPlan';\nimport useRoutes from '@/hooks/useRoutes';\nimport usePlan from '@/hooks/usePlan';\nimport styles from './DestinationCard.module.scss';\n\ninterface ICardImage {\n    jpg: string;\n    webp?: string;\n}\n\ninterface ICard {\n    name: string;\n    summary: string;\n    cardImage: ICardImage;\n    item: number;\n    isClickable?: boolean;\n    mode?: 'carousel' | 'gift';\n}\n\nconst DestinationCard = ({ name, summary, cardImage, item: planId, isClickable = true, mode }: ICard) => {\n    const { routes, currentPathname, experiencesInfoRoutes } = useRoutes();\n    const isGiftPlanSelectionPage = currentPathname === routes.giftExperienceType;\n    const { planConfig, getPlanFromPrice } = usePlan(planId);\n    const planFromPrice = getPlanFromPrice({ showMinPrice: true });\n    const isForCarousel = mode === 'carousel';\n    const isForGiftTravel = mode === 'gift';\n    const { isGetawayPlan, isVipPlan } = getSelectedPlan(planId);\n    const { PriceCurrency } = usePriceCurrency();\n    const dispatch = useAppDispatch();\n    const navigate = useNavigate();\n    const { t } = useTranslation();\n\n    const handleClick = () => {\n        dispatch(setCurrentPlan(planId));\n\n        if (isGiftPlanSelectionPage) {\n            switch (planId) {\n                case 1:\n                    navigate(routes.giftExperienceOptionsDestination);\n                    break;\n                case 3:\n                    navigate(routes.giftExperienceOptionsGetaway);\n                    break;\n                case 4:\n                    navigate(routes.giftExperienceOptionsSummer);\n                    break;\n                case 7:\n                    navigate(routes.giftExperienceOptionsNational);\n                    break;\n                default:\n                    break;\n            }\n        } else {\n            const destinationUrl = experiencesInfoRoutes[planId];\n            navigate(destinationUrl, { state: { from: 'destinationCard' } });\n        }\n    };\n\n    const getCardStyle = () => {\n        if (isForCarousel) return `${styles.card} ${styles.cardContainerCarousel}`;\n        if (isForGiftTravel) return `${styles.card} ${styles.cardContainerGift}`;\n        if (!isClickable) return `${styles.card} ${styles.cardNotClickable}`;\n        return styles.card;\n    };\n\n    const detail1Text = isGetawayPlan ? t('national') : t('roundTripFlights');\n    const detail2Text = isVipPlan ? `${t('hotel')} 4/5*` : `${t('hotel')}`;\n    const planGradient = `linear-gradient(220deg, ${planConfig.colors.dark}, ${planConfig.colors.light})`;\n\n    return (\n        <button className={getCardStyle()} onClick={handleClick}>\n            <div className={styles.cardHeader}>\n                <picture className={styles.cardImage}>\n                    <source srcSet={cardImage.webp} type=\"image/webp\" />\n                    <source srcSet={cardImage.jpg} type=\"image/jpeg\" />\n                    <img src={cardImage.jpg} alt={t(`${name}`)} />\n                </picture>\n                <div className={styles.cardTitle} style={{ background: planGradient }}>\n                    <span>{t(`${name}`)}</span>\n                </div>\n            </div>\n            <div className={styles.cardBody}>\n                <p className={styles.cardDescription}>{t(`${summary}`)}</p>\n                <div className={`${styles.cardDetails} ${planConfig.slug}`}>\n                    <div className={styles.cardDetail}>\n                        {isGetawayPlan ? (\n                            <img src={busIcon} className={`${styles.icon1} ${styles.iconGetaway}`} alt=\"\" />\n                        ) : (\n                            <PlaneIcon className={styles.icon1} />\n                        )}\n                        <p>{detail1Text}</p>\n                    </div>\n                    <div className={styles.cardDetail}>\n                        <HotelIcon className={styles.icon2} />\n                        <p>{detail2Text}</p>\n                    </div>\n                </div>\n                <div className={styles.buttonAndPrice}>\n                    <span className={styles.infoButton} style={{ backgroundImage: planGradient }}>\n                        {isForGiftTravel ? t('buy') : t('info')}\n                    </span>\n                    <div className={styles.cardPrice}>\n                        {t('from')}{' '}\n                        <span style={{ backgroundImage: planGradient }}>\n                            <PriceCurrency price={planFromPrice} />\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </button>\n    );\n};\n\nexport default DestinationCard;\n"],"names":["DestinationCard","name","summary","cardImage","planId","isClickable","mode","routes","currentPathname","experiencesInfoRoutes","useRoutes","isGiftPlanSelectionPage","planConfig","getPlanFromPrice","usePlan","planFromPrice","isForCarousel","isForGiftTravel","isGetawayPlan","isVipPlan","getSelectedPlan","PriceCurrency","usePriceCurrency","dispatch","useAppDispatch","navigate","useNavigate","t","useTranslation","handleClick","setCurrentPlan","destinationUrl","getCardStyle","styles","detail1Text","detail2Text","planGradient","jsxs","jsx","busIcon","PlaneIcon","HotelIcon"],"mappings":"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"}