{"version":3,"file":"chunk.S2vuto9p.js","sources":["../../src/components/pages/home/newsletter/inputText/InputText.tsx","../../src/components/pages/home/newsletter/Newsletter.tsx"],"sourcesContent":["import { Dispatch, SetStateAction } from 'react';\nimport EmailIcon from '@/assets/icons/envelop.svg?react';\nimport styles from './InputText.module.scss';\n\ninterface IProps {\n    type: string;\n    placeholderText: string;\n    value: string;\n    setValue?: Dispatch<SetStateAction<string>>;\n}\n\nconst InputText = ({ type, placeholderText, value, setValue }: IProps) => {\n    const getInputMode = () => {\n        if (type === 'email') return 'email';\n        if (type === 'number') return 'numeric';\n        return 'text';\n    };\n\n    const handleChange = (e: any) => {\n        if (setValue) setValue(e.target.value);\n    };\n\n    return (\n        <div className={styles.inputContainer}>\n            <input\n                type={type}\n                inputMode={getInputMode()}\n                placeholder={placeholderText}\n                className={styles.input}\n                value={value}\n                onChange={handleChange}\n                required\n            />\n            <EmailIcon className={styles.icon} />\n        </div>\n    );\n};\n\nexport default InputText;\n","import { useState } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { useAppSelector } from '@/hooks/useRedux';\nimport newsletterBackground from '@/assets/images/newsletter.jpg';\nimport newsletterBackgroundWebp from '@/assets/images/newsletter_webp.webp';\nimport newsletterMobileBackground from '@/assets/images/newsletter-mobile.jpg';\nimport newsletterMobileBackgroundWebp from '@/assets/images/newsletter-mobile_webp.webp';\nimport getSelectedPlan from '@/utils/getSelectedPlan';\nimport Picture from '@/components/globals/picture/Picture';\nimport InputText from './inputText/InputText';\nimport validateEmail from '@/utils/validateEmail';\nimport handleError from '@/utils/handleError';\nimport APIKit from '@/utils/APIKit';\nimport styles from './Newsletter.module.scss';\n\nconst Newsletter = () => {\n    const plan = useAppSelector((state) => state.plan.currentPlan);\n    const { isAloyPlan } = getSelectedPlan(plan);\n    const { t, i18n } = useTranslation();\n    const [email, setEmail] = useState<string>('');\n    const [emailError, setEmailErrors] = useState<string>('');\n    const [successfulMessage, setSuccessfulMessage] = useState<string>('');\n    const lang = i18n.language;\n\n    const subscribe = () => {\n        APIKit.post('/web/newsletter_subscription/', {\n            email,\n            newsletter_translation: `flykube-${lang}`,\n        })\n            .then((_res: any) => {\n                registerCampaignEmail(email);\n                sendWelcomeEmail(email);\n                setEmail('');\n                setEmailErrors('');\n                setSuccessfulMessage(t('successfullySubscribed'));\n            })\n            .catch((error: any) => {\n                console.log('error', { error });\n                const errorMessage = handleError(error);\n                setSuccessfulMessage('');\n                setEmailErrors(errorMessage);\n            });\n    };\n\n    const registerCampaignEmail = (email: string) => {\n        APIKit.post(`/web/campaigns/emails/`, {\n            email,\n            campaign: import.meta.env.VITE_APP_ENV === 'prod' ? 1 : 2,\n            language: lang,\n        }).catch((error: any) => {\n            console.log('error', { error });\n        });\n    };\n\n    const sendWelcomeEmail = (email: string) => {\n        APIKit.post(`/web/campaigns/emails/welcome-discount/${email}/${lang}/`).catch((error: any) => {\n            console.log('error', { error });\n        });\n    };\n\n    const handleSubscription = () => {\n        setEmailErrors('');\n        const emailErrorChecking = validateEmail(email);\n\n        if (!emailErrorChecking.isValid) setEmailErrors(emailErrorChecking.errors.email);\n        else setEmailErrors('');\n        if (emailErrorChecking.isValid) subscribe();\n    };\n\n    return (\n        <section className={styles.newsletterContainer}>\n            <Picture\n                desktopImg={newsletterBackground}\n                desktopWebp={newsletterBackgroundWebp}\n                mobileImg={newsletterMobileBackground}\n                mobileWebp={newsletterMobileBackgroundWebp}\n                className={styles.backgroundImage}\n                lazyLoad\n            />\n            <div className={styles.innerNewsletterContainer}>\n                <div className={styles.formBox}>\n                    <h2 className={styles.boxTitle}>\n                        <Trans i18nKey=\"newsletterTitle\">\n                            Join our\n                            <span className={styles.coloured}>Newsletter</span>\n                        </Trans>\n                    </h2>\n                    <h3 className={styles.boxSubtitle}>{t('newsletterBoxTitle')}</h3>\n                    <p className={styles.boxDescription}>{t('newsletterBoxText')}</p>\n                    <div className={styles.inputWrapper}>\n                        <InputText type=\"email\" placeholderText={t('email')} value={email} setValue={setEmail} />\n                        {emailError !== '' && <span className={styles.error}>{t(`${emailError}`)}</span>}\n                        {successfulMessage !== '' && <span className={styles.correctMessage}>{successfulMessage}</span>}\n                    </div>\n                    <button onClick={handleSubscription} className={`${styles.btn} ${isAloyPlan && styles.aloy}`}>\n                        {t('letsGo')}\n                    </button>\n                </div>\n            </div>\n        </section>\n    );\n};\n\nexport default Newsletter;\n"],"names":["InputText","type","placeholderText","value","setValue","getInputMode","handleChange","e","jsxs","styles","jsx","EmailIcon","Newsletter","plan","useAppSelector","state","isAloyPlan","getSelectedPlan","t","i18n","useTranslation","email","setEmail","useState","emailError","setEmailErrors","successfulMessage","setSuccessfulMessage","lang","subscribe","APIKit","_res","registerCampaignEmail","sendWelcomeEmail","error","errorMessage","handleError","handleSubscription","emailErrorChecking","validateEmail","Picture","newsletterBackground","newsletterBackgroundWebp","newsletterMobileBackground","newsletterMobileBackgroundWebp","Trans"],"mappings":"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"}