{"version":3,"file":"chunk.DHpd7Raw.js","sources":["../../src/components/pages/gifts/giftTypeSelector/GiftTypeSelector.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport giftCards from '@/assets/images/gift-cards.png';\nimport giftTravelImg from '@/assets/images/gift-travel-pack.png';\nimport useRoutes from '@/hooks/useRoutes';\nimport styles from './GiftTypeSelector.module.scss';\nimport { useAppSelector } from '@/hooks/useRedux';\nimport getSelectedPlan from '@/utils/getSelectedPlan';\n\ninterface IProps {\n    itemBackground?: string;\n    isFromGift?: boolean;\n}\n\nconst GiftTypeSelector = ({ itemBackground = '#ffffff', isFromGift = false }: IProps) => {\n    const planId = useAppSelector((state) => state.plan.currentPlan);\n    const { isAloyPlan } = getSelectedPlan(planId);\n    const { routes } = useRoutes();\n    const { t } = useTranslation();\n\n    return (\n        <div className={`${styles.typesContainer} ${isFromGift && styles.typesContainerFromGift}`}>\n            <Link\n                to={routes.giftExperienceType}\n                className={styles.itemContainer}\n                style={{ background: itemBackground }}\n            >\n                <div className={styles.imageContainer}>\n                    <img src={giftTravelImg} alt=\"\" className={styles.giftTravelImg} />\n                </div>\n                <p className={styles.itemTitle}>{t('giftTravelTitle')}</p>\n                <div className={styles.itemBody}>\n                    <p className={styles.itemDescription}>{t('giftTravelDescription')}</p>\n                    <span className={styles.button}>{isFromGift ? t('buy') : t('giftTravelButton')}</span>\n                </div>\n            </Link>\n\n            <Link to={routes.giftCard} className={styles.itemContainer} style={{ background: itemBackground }}>\n                <div className={styles.imageContainer}>\n                    <img src={giftCards} className={styles.giftCardImg} alt=\"\" loading=\"lazy\" />\n                </div>\n                <p className={styles.itemTitle}>{t('giftCardTitle')}</p>\n                <div className={styles.itemBody}>\n                    <p className={styles.itemDescription}>{isAloyPlan ? t('aloyGiveCardDesc') : t('giveCardDesc')}</p>\n                    <span className={styles.button}>{isFromGift ? t('buy') : t('giftCardButton')}</span>\n                </div>\n            </Link>\n        </div>\n    );\n};\n\nexport default GiftTypeSelector;\n"],"names":["GiftTypeSelector","itemBackground","isFromGift","planId","useAppSelector","state","isAloyPlan","getSelectedPlan","routes","useRoutes","t","useTranslation","jsxs","styles","Link","jsx","giftTravelImg","giftCards"],"mappings":"mjBAcMA,EAAmB,CAAC,CAAE,eAAAC,EAAiB,UAAW,WAAAC,EAAa,MAAoB,CACrF,MAAMC,EAASC,EAAgBC,GAAUA,EAAM,KAAK,WAAW,EACzD,CAAE,WAAAC,CAAA,EAAeC,EAAgBJ,CAAM,EACvC,CAAE,OAAAK,CAAO,EAAIC,EAAU,EACvB,CAAE,EAAAC,CAAE,EAAIC,EAAe,EAGzB,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAW,GAAG,OAAAC,EAAO,eAAc,KAAI,OAAAX,GAAcW,EAAO,wBAC7D,SAAA,CAAAD,EAAA,KAACE,EAAA,CACG,GAAIN,EAAO,mBACX,UAAWK,EAAO,cAClB,MAAO,CAAE,WAAYZ,CAAe,EAEpC,SAAA,CAAAc,EAAA,IAAC,MAAI,CAAA,UAAWF,EAAO,eACnB,SAACE,EAAAA,IAAA,MAAA,CAAI,IAAKC,EAAe,IAAI,GAAG,UAAWH,EAAO,aAAe,CAAA,EACrE,QACC,IAAE,CAAA,UAAWA,EAAO,UAAY,SAAAH,EAAE,iBAAiB,EAAE,EACrDE,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,SACnB,SAAA,CAAAE,MAAC,KAAE,UAAWF,EAAO,gBAAkB,SAAAH,EAAE,uBAAuB,EAAE,EAClEK,EAAAA,IAAC,OAAK,CAAA,UAAWF,EAAO,OAAS,SAAaH,EAAAR,EAAE,MAAW,kBAAN,CAA0B,CAAA,CAAA,CACnF,CAAA,CAAA,CAAA,CACJ,EAECU,EAAAA,KAAAE,EAAA,CAAK,GAAIN,EAAO,SAAU,UAAWK,EAAO,cAAe,MAAO,CAAE,WAAYZ,CAAA,EAC7E,SAAA,CAAAc,MAAC,MAAI,CAAA,UAAWF,EAAO,eACnB,eAAC,MAAI,CAAA,IAAKI,EAAW,UAAWJ,EAAO,YAAa,IAAI,GAAG,QAAQ,MAAO,CAAA,EAC9E,QACC,IAAE,CAAA,UAAWA,EAAO,UAAY,SAAAH,EAAE,eAAe,EAAE,EACnDE,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAO,SACnB,SAAA,CAACE,EAAAA,IAAA,IAAA,CAAE,UAAWF,EAAO,gBAAkB,SAAaH,EAAbJ,EAAe,mBAAwB,cAAN,CAAsB,CAAA,EAC9FS,EAAAA,IAAC,OAAK,CAAA,UAAWF,EAAO,OAAS,SAAaH,EAAAR,EAAE,MAAW,gBAAN,CAAwB,CAAA,CAAA,CACjF,CAAA,CAAA,CACJ,CAAA,CAAA,EACJ,CAER"}