{"version":3,"sources":["Routes/ContactUs/Components/ContactForm/index.js","Routes/ContactUs/index.js"],"names":["ContactForm","_window$reloy_env$cli","_window$reloy_env$cli2","_window$reloy_env$cli3","_window$reloy_env$cli4","_window$reloy_env$cli5","_window$reloy_env$cli6","_window$reloy_env$cli7","_window$reloy_env$cli8","_window$reloy_env$cli9","_window$reloy_env$cli10","_window$reloy_env$cli11","_window$reloy_env$cli12","_window$reloy_env$cli13","_window$reloy_env$cli14","_window$reloy_env$cli15","_window$reloy_env$cli16","_window$reloy_env$cli17","_config$contactUs","_config$contactUs2","_config$contactUs3","_config$contactUs4","_config$contactUs5","_config$contactUs6","config","getConfig","location","useLocation","queryParams","URLSearchParams","search","loginIssue","get","referralIssue","others","successMessage","setSuccessMessage","useState","issueType","setIssueType","loading","setLoading","isAuthenticated","userName","useSelector","state","auth","email","userEmail","userDetails","internalWebview","clientWebview","webView","ENV","window","reloy_env","process","REACT_APP_ENV","re","value","name","isValid","nameIsValid","hasError","nameHasError","valueChangeHandler","nameChangedHandler","inputBlurHandler","nameBlurHandler","reset","nameReset","useInput","RE_NAME","test","emailIsValid","emailHasError","emailChangedHandler","emailBlurHandler","emailReset","message","messageIsValid","messageHasError","messageChangedHandler","messageBlurHandler","messageReset","formIsValid","getENV","useEffect","toast","error","position","_jsxs","_Fragment","children","_jsx","className","concat","bannerNegativeTopMarginClass","header","headerClass","contactUs","overlayClass","headingFont","bodyFont","client_config","CONTACT_DETAILS","PHONE","xmlns","viewBox","id","d","fill","darkMode","href","PHONE2","EMAIL","WHATSAPP_CHATBOT","ADDRESS","x","y","width","height","rx","points","opacity","LoadingSpinner","color","Button","type","content","rounded","onClick","onClickFunc","class","contactUsContent","font","for","onChange","onBlur","autoComplete","e","target","preventDefault","ReactGA","event","category","action","label","cmsClient","defaults","baseURL","fbq","axios","post","custom_fields","cf_builder","cf_environment","description","status","priority","subject","source","headers","Authorization","btoa","then","res","_window","_window$webengage","console","log","webengage","track","catch","err","response","data","disabled","ContactUs","ga"],"mappings":"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","file":"static/js/21.150352e6.chunk.js","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Button } from '../../../../Components/Atoms';\nimport { getConfig } from '../../../../utils/config';\nimport { cmsClient } from '../../../../utils/axios';\nimport ReactGA from 'react-ga4';\nimport { useInput } from '../../../../Hooks';\nimport { LoadingSpinner } from '../../../../Components/Molecules/LoadingUI';\nimport { toast } from 'react-toastify';\nimport axios from 'axios';\nimport { useSelector } from 'react-redux';\nimport { useLocation } from 'react-router-dom';\nimport { RE_NAME } from '../../../../constants';\nfunction ContactForm() {\n    const config = getConfig();\n    const location = useLocation();\n    const queryParams = new URLSearchParams(location.search);\n    const loginIssue = queryParams.get('loginissue');\n    const referralIssue = queryParams.get('referralissue');\n    const others = queryParams.get('others');\n    const [successMessage, setSuccessMessage] = useState(null);\n    const [issueType, setIssueType] = useState(\n        loginIssue\n            ? 'LoginIssues'\n            : referralIssue\n            ? 'Referrals'\n            : others\n            ? 'Others'\n            : ''\n    );\n    const [loading, setLoading] = useState(false);\n    const { isAuthenticated, userName } = useSelector((state) => state.auth);\n    const { email: userEmail } = useSelector((state) => state.auth.userDetails);\n    const { internalWebview, clientWebview } = useSelector(\n        (state) => state.webView\n    );\n\n    const ENV = window.reloy_env.ENV || process.env.REACT_APP_ENV;\n\n    let re =\n        /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n    const {\n        value: name,\n        isValid: nameIsValid,\n        hasError: nameHasError,\n        valueChangeHandler: nameChangedHandler,\n        inputBlurHandler: nameBlurHandler,\n        reset: nameReset\n    } = useInput((value) => !RE_NAME.test(value) && value !== '');\n\n    const {\n        value: email,\n        isValid: emailIsValid,\n        hasError: emailHasError,\n        valueChangeHandler: emailChangedHandler,\n        inputBlurHandler: emailBlurHandler,\n        reset: emailReset\n    } = useInput((value) => re.test(value));\n\n    const {\n        value: message,\n        isValid: messageIsValid,\n        hasError: messageHasError,\n        valueChangeHandler: messageChangedHandler,\n        inputBlurHandler: messageBlurHandler,\n        reset: messageReset\n    } = useInput(\n        (value) => value !== '',\n        loginIssue\n            ? `I am unable to login with my mobile number. Please validate and add me as a registered user. \n            \nDetails:\n\nPhone-\nProject-\nUnit- `\n            : null\n    );\n\n    let formIsValid = false;\n    if (isAuthenticated) {\n        if (messageIsValid) {\n            formIsValid = true;\n        }\n    } else {\n        if (nameIsValid && emailIsValid && messageIsValid) {\n            formIsValid = true;\n        }\n    }\n\n    const getENV = () => {\n        switch (ENV) {\n            case 'PRODUCTION':\n                return 'PROD';\n            case 'UAT':\n                return 'UAT';\n            default:\n                return 'DEV';\n        }\n    };\n    const submitHandler = (e) => {\n        // console.log(formIsValid, 'ff');\n        e.preventDefault();\n\n        if (nameHasError && !userName) {\n            toast.error(\" Please make sure you've entered a valid name\", {\n                position: 'bottom-right'\n            });\n            return;\n        }\n        if (emailHasError && !userEmail) {\n            toast.error(\"Please make sure you've entered a valid email\", {\n                position: 'bottom-right'\n            });\n            return;\n        }\n        if (issueType == '') {\n            toast.error('Please choose the type of issue', {\n                position: 'bottom-right'\n            });\n            return;\n        }\n        if (messageHasError) {\n            toast.error('Message cannot be empty', {\n                position: 'bottom-right'\n            });\n            return;\n        }\n\n        if (!formIsValid) {\n            nameBlurHandler();\n            emailBlurHandler();\n            messageBlurHandler();\n            return;\n        }\n        ReactGA.event({\n            category: 'CONTACT US',\n            action: 'CONTACT US CLICKED',\n            label: 'CONTACT US BUTTON'\n        });\n        setLoading(true);\n\n        if (\n            cmsClient.defaults.baseURL === 'https://prod.loyalie.in' ||\n            cmsClient.defaults.baseURL === 'https://uat.loyalie.in'\n        ) {\n            window.fbq('track', 'Contact');\n        }\n\n        axios\n            .post(\n                'https://reloy.freshdesk.com/api/v2/tickets',\n                {\n                    custom_fields: {\n                        cf_builder: `${config.name}`,\n                        cf_environment: `${getENV()}`\n                    },\n                    type: issueType,\n                    description: message,\n                    name: isAuthenticated ? userName : name,\n                    email: isAuthenticated\n                        ? userEmail\n                            ? userEmail\n                            : email\n                        : email,\n                    status: 2,\n                    priority: 1,\n                    subject: 'Ticket created from contact us form on website',\n                    source: internalWebview || clientWebview ? 101 : 100\n                },\n                {\n                    headers: {\n                        'Content-Type': 'application/json',\n                        Authorization: ` Basic ${btoa(\n                            '7hHj8wSDuIwqz6jHTTpr:X'\n                        )}`\n                    }\n                }\n            )\n            .then((res) => {\n                console.log('freshdesk', res);\n                setLoading(false);\n                if (res.status == 200 || res.status == 201) {\n                    window?.webengage?.track('ContactUsTicketCreated');\n                    nameReset();\n                    emailReset();\n                    messageReset();\n                    setSuccessMessage(\n                        'Thanks! Your query has been successfully received. Someone from our team will be in touch with you shortly.'\n                    );\n                } else if (res.status == 400) {\n                    setSuccessMessage(\n                        'Could not submit your message. Please try again later!'\n                    );\n                }\n            })\n            .catch((err) => {\n                // console.log(err.response);\n                setSuccessMessage(err.response.data.description);\n                setLoading(false);\n            });\n    };\n\n    useEffect(() => {\n        if (nameHasError && !userName) {\n            toast.error(\" Please make sure you've entered a valid name\", {\n                position: 'bottom-right'\n            });\n        }\n    }, [nameHasError]);\n\n    useEffect(() => {\n        if (emailHasError && !userEmail) {\n            toast.error(\"Please make sure you've entered a valid email\", {\n                position: 'bottom-right'\n            });\n        }\n    }, [emailHasError]);\n\n    useEffect(() => {\n        if (messageHasError) {\n            toast.error('Message cannot be empty', {\n                position: 'bottom-right'\n            });\n        }\n    }, [messageHasError]);\n\n    // useEffect(() => {\n    //     if (issueType == '') {\n    //         toast.error('Please choose the type of issue', {\n    //             position: 'bottom-right'\n    //         });\n    //     }\n    // }, [issueType]);\n\n    return (\n        <>\n            <div\n                className={`\n                    ${config?.bannerNegativeTopMarginClass} w-full h-auto  `}\n            >\n                {config?.header && (\n                    <div className={config?.header.headerClass}></div>\n                )}\n            </div>\n            <section\n                className={\n                    `${config?.contactUs.overlayClass ? 'relative' : ''}` +\n                    ' flex flex-col h-full w-full py-4 lg:pt-16 px-4 md:px-20 lg:px-0 xl:px-16 2xl:px-24 3xl:px-56'\n                }\n            >\n                <div className={'w-[90%] lg:w-[80%] xl:w-[75%] mx-auto z-10'}>\n                    <div className=\"w-full \">\n                        <h1\n                            className={` text-xl md:text-4xl font-semibold ${config?.headingFont} `}\n                        >\n                            Contact us\n                        </h1>\n                        <p\n                            className={`w-[85%] md:w-[90%] lg:w-[60%] xl:w-[62%] 2xl:w-[55%] leading-[1.5] md:text-lg ${config?.bodyFont} `}\n                        >\n                            Your satisfaction is our top priority, so don't\n                            hesitate to let us know how we can improve or assist\n                            you. Reach out to us today.\n                        </p>\n\n                        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-6 lg:gap-y-5 lg:gap-x-6 pt-10 pb-16 \">\n                            {window.reloy_env.client_config.CONTACT_DETAILS\n                                ?.PHONE && (\n                                <div\n                                    className={` z-10 flex items-start space-x-3`}\n                                >\n                                    <svg\n                                        className=\"w-[33px] \"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        viewBox=\"0 0 36 35.89\"\n                                    >\n                                        <g id=\"Layer_2\" data-name=\"Layer 2\">\n                                            <g\n                                                id=\"Layer_1-2\"\n                                                data-name=\"Layer 1\"\n                                            >\n                                                <path\n                                                    d=\"M33.89,0H30C16.05.21.11,18.05,0,30v3.91a2,2,0,0,0,2,2l7.91-.1a2.08,2.08,0,0,0,2-2l.21-8.65-5-4.23C7.18,18.16,18.26,7.07,21.11,7l4.54,5L34,11.72a2.08,2.08,0,0,0,2-2L35.89,2A1.94,1.94,0,0,0,33.89,0Z\"\n                                                    fill=\"#009688\"\n                                                />\n                                            </g>\n                                        </g>\n                                    </svg>\n\n                                    <div className=\"space-y-2 w-[80%] \">\n                                        <h1\n                                            className={`${\n                                                config?.darkMode\n                                                    ? 'text-primary'\n                                                    : 'text-[#71787e]'\n                                            }  text-md font-medium leading-[1]`}\n                                        >\n                                            Hotline\n                                        </h1>\n\n                                        <p className=\"w-full block break-all text-[15px] font-bold leading-[1]\">\n                                            <a\n                                                href={`tel:${window.reloy_env.client_config.CONTACT_DETAILS?.PHONE}`}\n                                            >\n                                                {' '}\n                                                {\n                                                    window.reloy_env\n                                                        .client_config\n                                                        .CONTACT_DETAILS?.PHONE\n                                                }\n                                            </a>\n                                        </p>\n\n                                        <p className=\"w-full block break-all text-[15px] font-bold leading-[1]\">\n                                            <a\n                                                href={`tel:${window.reloy_env.client_config.CONTACT_DETAILS?.PHONE2}`}\n                                            >\n                                                {\n                                                    window.reloy_env\n                                                        .client_config\n                                                        .CONTACT_DETAILS?.PHONE2\n                                                }\n                                            </a>\n                                        </p>\n                                    </div>\n                                </div>\n                            )}\n\n                            {window.reloy_env.client_config.CONTACT_DETAILS\n                                ?.EMAIL && (\n                                <div\n                                    className={`  z-10 flex lg:px-3 2xl:px-5 border-[#e5e5e5]  items-start space-x-2 ${\n                                        window.reloy_env.client_config\n                                            .CONTACT_DETAILS\n                                            ?.WHATSAPP_CHATBOT ||\n                                        window.reloy_env.client_config\n                                            .CONTACT_DETAILS?.ADDRESS\n                                            ? 'lg:border-l-2 lg:border-r-2'\n                                            : 'lg:border-l-2 lg:border-r-0 '\n                                    }`}\n                                >\n                                    <svg\n                                        className=\"w-[30px] \"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        viewBox=\"0 0 33.39 39\"\n                                    >\n                                        <g id=\"Layer_2\" data-name=\"Layer 2\">\n                                            <g\n                                                id=\"Layer_1-2\"\n                                                data-name=\"Layer 1\"\n                                            >\n                                                <g>\n                                                    <path\n                                                        d=\"M33,10.9a.4.4,0,0,1,.44.42V12.8L21.44,22.14,12,23.47,0,17.49V16a.56.56,0,0,1,.45-.54Z\"\n                                                        fill=\"#d5e1ff\"\n                                                    />\n                                                    <path\n                                                        d=\"M.49,15.47a.38.38,0,0,1-.44-.41V12.87L16.22.22A1.3,1.3,0,0,1,16.74,0a.93.93,0,0,1,.52.07l16.13,8.1v2.19a.55.55,0,0,1-.45.54Z\"\n                                                        fill=\"#bbd2ff\"\n                                                    />\n                                                    <path\n                                                        d=\"M29.18,1.87a.31.31,0,0,1,.34.32l0,23.49a.44.44,0,0,1-.35.42L3.4,29.72a.3.3,0,0,1-.34-.32l0-23.49a.43.43,0,0,1,.34-.42Z\"\n                                                        fill=\"#82a6ff\"\n                                                    />\n                                                    <path\n                                                        d=\"M30.06,2.27a.3.3,0,0,1,.34.31l0,23.5a.42.42,0,0,1-.34.41L4.28,30.11a.3.3,0,0,1-.34-.32L4,6.3a.43.43,0,0,1,.34-.42Z\"\n                                                        fill=\"#344d66\"\n                                                    />\n                                                    <path\n                                                        d=\"M7.57,6.52a.3.3,0,0,1,.34.32.42.42,0,0,1-.34.42.3.3,0,0,1-.34-.33A.42.42,0,0,1,7.57,6.52ZM5.92,6.8a.3.3,0,0,1,.35.32.42.42,0,0,1-.35.42.31.31,0,0,1-.34-.33A.42.42,0,0,1,5.92,6.8Z\"\n                                                        fill=\"#f77\"\n                                                    />\n                                                    <path\n                                                        d=\"M9.21,6.29a.3.3,0,0,1,.35.32A.43.43,0,0,1,9.21,7a.3.3,0,0,1-.34-.33A.41.41,0,0,1,9.21,6.29Z\"\n                                                        fill=\"#88ff8b\"\n                                                    />\n                                                    <path\n                                                        d=\"M20.26,20.07l-1-.53a1.55,1.55,0,0,1-.66-.74l1,.53a1.55,1.55,0,0,0,.66.74\"\n                                                        fill=\"#ffafaf\"\n                                                    />\n                                                    <path\n                                                        d=\"M19.55,22.05l.1,0c.18-.06.36-.12.55-.2l.07,0,.59-.26.07,0,.07,0c.19-.09.38-.18.57-.29l-1-.53-.58.29-.13.07-.6.26-.07,0-.54.2-.11,0a5.62,5.62,0,0,1-.55.15l-.11,0-.55.11-.27,0H15.72l-.43,0h-.1l-.49-.1-.13,0-.29-.09-.15-.06-.25-.1-.22-.11,1,.54.15.07.08,0,.25.11.15.05a2.46,2.46,0,0,0,.29.09l.1,0h0l.48.1h.11a3,3,0,0,0,.42.05h.18l.41,0h.17l.61,0,.27,0,.55-.1.11,0Zm-.19-8-1-.53c.5.28.71.94.62,2,0,.14-.07.26-.11.39l0,.11c0,.09-.06.17-.08.25l0,.08c-.06.15-.12.3-.18.43a.14.14,0,0,0,0,.06c-.07.14-.13.27-.2.4l-.05.1-.08.13a.41.41,0,0,1-.07.11l-.07.12a.24.24,0,0,0-.06.09,3.17,3.17,0,0,1-.21.27l0,0-.16.17-.06.05-.16.13,0,0-.23.14-.07,0-.15.05-.07,0-.21,0a1.23,1.23,0,0,1-.27,0,1.11,1.11,0,0,1-.28,0,.79.79,0,0,1-.23-.09l1,.54,0,0a1.27,1.27,0,0,0,.18.06h0a1.35,1.35,0,0,0,.29,0,1.1,1.1,0,0,0,.26,0l.22,0,.07,0,.15-.05,0,0h0l.24-.13h0l0,0,.16-.13,0,0,0,0c.05,0,.1-.1.16-.16s0,0,0,0h0a1.94,1.94,0,0,0,.21-.27l0,0,0-.06.08-.12.07-.12.07-.13,0-.05s0,0,0-.05a3.73,3.73,0,0,0,.2-.4l0-.05.18-.44s0,0,0-.05a0,0,0,0,0,0,0l.09-.24,0-.12q.06-.18.12-.39a2.11,2.11,0,0,0-.45-1.85A1.18,1.18,0,0,0,19.36,14.07Zm1.46-1.63-1-.53L19.59,13l1,.54Zm1.41-1.62-1-.53a3.94,3.94,0,0,1,1.89,3.48c0,.23,0,.44-.08.64l0,.16-.09.52s0,.05,0,.07c0,.18-.09.36-.13.52l0,.13c0,.13-.09.26-.13.38l0,.1a1.34,1.34,0,0,0-.07.18c0,.05,0,.1-.07.15s-.05.11-.07.16l-.07.13a2.32,2.32,0,0,1-.19.31l-.06.09c0,.06-.08.1-.12.15a.39.39,0,0,1-.08.1l-.1.1-.1.08-.11.09-.09.06-.17.1-.08,0-.17.06-.08,0-.26.05-.2,0,1,.54.2,0a1.22,1.22,0,0,0,.26-.06l.08,0,.17-.06s0,0,0,0l.05,0a1,1,0,0,0,.17-.1l.05,0,0,0,.12-.09.05,0s0,0,0,0a.94.94,0,0,1,.1-.1s0,0,.05-.06l0,0,.12-.14.05-.07v0a3.37,3.37,0,0,0,.19-.32h0l.06-.12a1.19,1.19,0,0,1,.08-.16l.06-.15.07-.18a0,0,0,0,0,0,0l0-.06.12-.39,0-.13.12-.52s0,0,0-.08l.09-.51s0-.1,0-.16.06-.42.09-.64A4,4,0,0,0,22.23,10.82ZM20.15,18.1l1,.54h0l.13.05h0a.73.73,0,0,0,.22,0l-1-.54a.73.73,0,0,1-.22,0A.44.44,0,0,1,20.15,18.1Z\"\n                                                        fill=\"#f77\"\n                                                    />\n                                                    <path\n                                                        d=\"M19.4,12.62l.13,0a.92.92,0,0,1,.23.09.59.59,0,0,1,.14.06l-1-.54-.06,0-.07,0a1.34,1.34,0,0,0-.24-.09l-.05,0-.07,0-.28,0L18,12h0a2,2,0,0,0-.8.13h0l-.11.05-.15.07-.09,0-.17.09-.19.11-.17.1a.47.47,0,0,1-.09.06s0,0,0,.05a4.46,4.46,0,0,0-.43.33h0a3.15,3.15,0,0,0-.36.37l0,0a.2.2,0,0,0-.06.07c-.09.1-.17.21-.26.32s0,.05,0,.08l0,.06a1,1,0,0,0-.08.11,2,2,0,0,0-.14.25.35.35,0,0,0-.07.12.25.25,0,0,0,0,.07l-.07.13-.12.24-.09.2c0,.09-.07.18-.1.27a.36.36,0,0,0,0,.09l0,.12c0,.1-.07.21-.11.31l-.06.22-.09.35-.06.22c0,.13-.05.26-.07.4a1.29,1.29,0,0,0,0,.19.77.77,0,0,0,0,.15,3.7,3.7,0,0,0,0,1.05A2.55,2.55,0,0,0,14,19.59a1.49,1.49,0,0,0,.6.57l1,.53a2.3,2.3,0,0,1-1-2.22c0-.22.06-.43.09-.63l0-.2c0-.13,0-.27.08-.4a1.74,1.74,0,0,1,0-.22l.09-.34a1.42,1.42,0,0,1,.07-.22c0-.11.07-.21.1-.32l.08-.21.1-.26.09-.21c0-.08.08-.16.13-.24a1.86,1.86,0,0,1,.1-.2l.07-.12.15-.25.07-.11.1-.14.25-.33.1-.11c.12-.12.23-.25.36-.36h0l.42-.34.15-.1a1,1,0,0,1,.17-.1,1.18,1.18,0,0,1,.19-.11l.17-.09.23-.11.12-.05h0a1.69,1.69,0,0,1,.8-.13h.15Zm1.9-.92-1.46.21,1,.53,1.47-.21Z\"\n                                                        fill=\"#ffafaf\"\n                                                    />\n                                                    <path\n                                                        d=\"M20,16.05c.13-1.52-.38-2.23-1.52-2.11-1.06.37-1.76,1.57-2.1,3.58-.18,1.17.14,1.77.95,1.79a1.23,1.23,0,0,0,.27,0c1-.13,1.81-1.22,2.4-3.24m2.3-3.82-1.41,5.49c-.13.66.08,1,.63,1l.2,0c1.24-.18,2-1.47,2.36-3.88a4.34,4.34,0,0,0,0-1.08C23.69,11.21,22,10.07,19,10.32a2.94,2.94,0,0,0-.67.13q-5.35,1.56-5.6,7.6.18,4.64,5.4,4.32l.26,0a10,10,0,0,0,3.23-1.15L22,22.63a10.29,10.29,0,0,1-4,1.53q-6.87.4-7.24-6,.77-7.78,8.3-9.63a3.66,3.66,0,0,1,1-.1c3.14.12,5,1.65,5.55,4.61a6.76,6.76,0,0,1-.12,2.9c-.65,2.49-2,3.92-4,4.27a1.62,1.62,0,0,1-1.91-.9,4.41,4.41,0,0,1-2.24,1.57h-.18c-1.74.2-2.6-.62-2.6-2.44.36-3,1.53-4.91,3.51-5.74a2,2,0,0,1,1-.15,1.69,1.69,0,0,1,1.45.93l.26-1.06Z\"\n                                                        fill=\"#ffdcdc\"\n                                                    />\n                                                    <path\n                                                        d=\"M20.62,8.49l.2,0,.32.05.19,0,.32.07.16,0,.51.16.07,0,.4.17.26.12-1-.53-.18-.1a.09.09,0,0,1-.07,0l-.4-.17a.15.15,0,0,1-.07,0c-.16-.06-.33-.1-.51-.15l0,0-.12,0-.31-.07-.2,0-.32,0-.2,0-.37,0h-.19a4.13,4.13,0,0,0-1.16.13l-.3.09-.27.08c-.2.06-.4.12-.58.19l-.3.11c-.18.06-.35.13-.51.2l-.29.12-.15.07-.26.14-.4.2-.36.22a3.37,3.37,0,0,0-.37.24L14,9.78l-.35.26-.1.08-.5.41L13,10.6l-.11.11c-.16.15-.32.31-.46.47l-.07.07,0,0c-.15.17-.28.34-.42.52a.64.64,0,0,1-.1.13l-.1.14c-.11.15-.21.31-.31.47l0,0-.26.46a1,1,0,0,0-.07.15l-.12.24-.22.49-.12.29-.06.16c0,.1-.07.21-.1.31s-.07.22-.11.34-.09.33-.14.5-.06.22-.08.34l-.12.59c0,.1,0,.2-.05.3h0a6.27,6.27,0,0,0,0,2.16,5.31,5.31,0,0,0,2.63,4l1,.53a5.27,5.27,0,0,1-2.63-4,6.52,6.52,0,0,1,0-2.16h0L11,17q0-.3.12-.6c0-.11,0-.22.08-.33s.09-.35.14-.51.08-.23.11-.34.11-.32.17-.47l.11-.29.21-.46c0-.09.08-.18.13-.27s.22-.41.34-.6v0c.13-.21.27-.41.41-.61l.09-.13c.15-.19.3-.38.45-.55l.07-.07c.15-.16.3-.32.46-.47l.11-.11.56-.48.11-.08.48-.34.36-.23.37-.22.4-.21.41-.2.28-.12.52-.2.3-.11.57-.19.28-.08.3-.08a4.14,4.14,0,0,1,1.16-.14h.18Z\"\n                                                        fill=\"#ffafaf\"\n                                                    />\n                                                    <path\n                                                        d=\"M21.44,21.33,12,22.66,0,16.68,0,37.76a.17.17,0,0,0,0,.07.38.38,0,0,0,.43.34L32.9,33.61a.53.53,0,0,0,.44-.46s0,0,0-.07l0-21.09Z\"\n                                                        fill=\"#d5e1ff\"\n                                                    />\n                                                    <path\n                                                        d=\"M33.38,12.81l0,21.09a.17.17,0,0,1,0,.07L21.43,22.15ZM0,17.5l11.92,6L0,38.66a.22.22,0,0,1,0-.08Z\"\n                                                        fill=\"#bbd2ff\"\n                                                    />\n                                                    <path\n                                                        d=\"M21.44,22.15,33.34,34a.54.54,0,0,1-.44.47L.44,39A.39.39,0,0,1,0,38.65L12,23.49Z\"\n                                                        fill=\"#d5e1ff\"\n                                                    />\n                                                </g>\n                                            </g>\n                                        </g>\n                                    </svg>\n\n                                    <div className=\"space-y-2 w-[80%]\">\n                                        <h1\n                                            className={`${\n                                                config?.darkMode\n                                                    ? 'text-primary'\n                                                    : 'text-[#71787e]'\n                                            }  text-md font-medium leading-[1]`}\n                                        >\n                                            E-mail\n                                        </h1>\n\n                                        <p className=\"w-full block break-words lg:text-[13px] 2xl:text-[14px] font-bold leading-[1]\">\n                                            <a\n                                                href={`mailto:${window.reloy_env.client_config.CONTACT_DETAILS?.EMAIL}`}\n                                            >\n                                                {\n                                                    window.reloy_env\n                                                        .client_config\n                                                        .CONTACT_DETAILS?.EMAIL\n                                                }\n                                            </a>\n                                        </p>\n                                    </div>\n                                </div>\n                            )}\n\n                            {window.reloy_env.client_config.CONTACT_DETAILS\n                                ?.WHATSAPP_CHATBOT && (\n                                <div\n                                    className={\n                                        `  ${\n                                            !window.reloy_env.client_config\n                                                .CONTACT_DETAILS?.EMAIL &&\n                                            'lg:px-6 lg:border-l-2 lg:border-r-2'\n                                        }` + ' z-10 flex items-start space-x-3 '\n                                    }\n                                >\n                                    <svg\n                                        className=\"w-[40px] \"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        viewBox=\"0 0 39.82 40\"\n                                    >\n                                        <g id=\"Layer_2\" data-name=\"Layer 2\">\n                                            <g\n                                                id=\"Layer_1-2\"\n                                                data-name=\"Layer 1\"\n                                            >\n                                                <g>\n                                                    <path\n                                                        d=\"M0,40,2.81,29.73A19.83,19.83,0,1,1,20,39.66h0a19.83,19.83,0,0,1-9.48-2.42Z\"\n                                                        fill=\"#3ac34c\"\n                                                    />\n                                                    <path\n                                                        d=\"M15,11.53c-.4-1-.81-.83-1.12-.85H13a1.81,1.81,0,0,0-1.32.62,5.55,5.55,0,0,0-1.73,4.13,9.67,9.67,0,0,0,2,5.12c.25.33,3.5,5.33,8.47,7.48a28.6,28.6,0,0,0,2.82,1,6.73,6.73,0,0,0,3.12.2c.95-.14,2.93-1.2,3.34-2.36A4,4,0,0,0,30,24.55c-.12-.21-.45-.33-.95-.58s-2.93-1.45-3.38-1.61-.79-.25-1.12.25S23.25,24.22,23,24.55s-.58.37-1.08.12a13.58,13.58,0,0,1-4-2.46,14.93,14.93,0,0,1-2.76-3.43c-.29-.49,0-.76.22-1s.49-.58.74-.86a3.53,3.53,0,0,0,.5-.83.94.94,0,0,0,0-.87c-.13-.25-1.12-2.68-1.53-3.68Z\"\n                                                        fill=\"#fff\"\n                                                    />\n                                                </g>\n                                            </g>\n                                        </g>\n                                    </svg>\n\n                                    <div className=\"space-y-2 w-[80%]\">\n                                        <h1\n                                            className={`${\n                                                config?.darkMode\n                                                    ? 'text-primary'\n                                                    : 'text-[#71787e]'\n                                            }  text-md font-medium leading-[1]`}\n                                        >\n                                            WhatsApp\n                                        </h1>\n\n                                        {window.reloy_env.client_config\n                                            .CONTACT_DETAILS\n                                            ?.WHATSAPP_CHATBOT && (\n                                            <p className=\"w-full block text-[15px] break-all font-bold leading-[1]\">\n                                                <a\n                                                    href={`https://wa.me/+91${window.reloy_env.client_config.CONTACT_DETAILS?.WHATSAPP_CHATBOT}`}\n                                                >\n                                                    {' '}\n                                                    {/* +91{' '} */}\n                                                    {\n                                                        window.reloy_env\n                                                            .client_config\n                                                            .CONTACT_DETAILS\n                                                            ?.WHATSAPP_CHATBOT\n                                                    }\n                                                </a>\n                                            </p>\n                                        )}\n                                    </div>\n                                </div>\n                            )}\n\n                            {window.reloy_env.client_config.CONTACT_DETAILS\n                                ?.ADDRESS && (\n                                <div\n                                    className={` z-10 flex  items-start space-x-3 `}\n                                >\n                                    <svg\n                                        className=\"w-[35px]\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        viewBox=\"0 0 35.75 37.6\"\n                                    >\n                                        <g id=\"Layer_2\" data-name=\"Layer 2\">\n                                            <g\n                                                id=\"Layer_1-2\"\n                                                data-name=\"Layer 1\"\n                                            >\n                                                <g>\n                                                    <path\n                                                        d=\"M35.11,33.6l-34.47,0a.64.64,0,0,0-.64.64V37a.64.64,0,0,0,.64.63l34.48,0a.64.64,0,0,0,.63-.64v-2.7a.62.62,0,0,0-.64-.64Z\"\n                                                        fill=\"#5fb37e\"\n                                                    />\n                                                    <path\n                                                        d=\"M4,26.76a.64.64,0,0,0-.57.35L.07,34a.63.63,0,0,0,0,.62.64.64,0,0,0,.54.3H35.11a.66.66,0,0,0,.53-.28.67.67,0,0,0,.07-.6L33,27.16a.66.66,0,0,0-.6-.4Z\"\n                                                        fill=\"#74db9b\"\n                                                    />\n                                                    <rect\n                                                        x=\"1.61\"\n                                                        y=\"8.21\"\n                                                        width=\"32.4\"\n                                                        height=\"24.95\"\n                                                        rx=\"0.64\"\n                                                        fill=\"#70a0cc\"\n                                                    />\n                                                    <path\n                                                        d=\"M23.83,33.83l2.34-1.31V8.83l-2.34,1.32Zm-11,0-2.34-1.32V8.83l2.34,1.32Z\"\n                                                        fill=\"#4b7dab\"\n                                                    />\n                                                    <rect\n                                                        x=\"12.83\"\n                                                        y=\"10.15\"\n                                                        width=\"11\"\n                                                        height=\"23.66\"\n                                                        fill=\"#70a0cc\"\n                                                    />\n                                                    <polygon\n                                                        points=\"23.83 30.36 23.83 30.34 12.83 30.34 12.83 30.32 10.58 29.2 2.25 29.2 2.25 32.5 10.58 32.5 12.83 33.77 12.83 33.79 23.83 33.79 23.83 33.81 26.16 32.5 33.37 32.5 33.37 29.35 26.16 29.35 23.83 30.36\"\n                                                        fill=\"#294661\"\n                                                        opacity=\"0.21\"\n                                                    />\n                                                    <path\n                                                        d=\"M29.22,8.91h1V32.55h-1ZM6,8.91h1V32.55H6Zm12,1.24h1V33.79H18Z\"\n                                                        fill=\"#4b7dab\"\n                                                        opacity=\"0.31\"\n                                                    />\n                                                    <path\n                                                        d=\"M26.17,9h3V29.31h-3ZM2.28,9H6V29.2H2.28ZM12.83,10.3H18v20H12.83Z\"\n                                                        fill=\"#96bee3\"\n                                                        opacity=\"0.32\"\n                                                    />\n                                                    <path\n                                                        d=\"M6.61,0A.64.64,0,0,0,6,.34L1.71,8.53a.64.64,0,0,0,0,.63.63.63,0,0,0,.55.31h8l2.2,1.24a.65.65,0,0,0,.31.08h11a.72.72,0,0,0,.32-.08l2.19-1.24h7a.62.62,0,0,0,.54-.3.65.65,0,0,0,0-.62L30,.36A.66.66,0,0,0,29.43,0Z\"\n                                                        fill=\"#96bee3\"\n                                                    />\n                                                </g>\n                                            </g>\n                                        </g>\n                                    </svg>\n\n                                    <div className=\"space-y-2 w-[80%]\">\n                                        <h1\n                                            className={`${\n                                                config?.darkMode\n                                                    ? 'text-primary'\n                                                    : 'text-[#71787e]'\n                                            }  text-md font-medium leading-[1]`}\n                                        >\n                                            Address\n                                        </h1>\n\n                                        <p className=\"w-full block break-words text-[15px] font-bold leading-[1.4]\">\n                                            {\n                                                window.reloy_env.client_config\n                                                    .CONTACT_DETAILS?.ADDRESS\n                                            }\n                                        </p>\n                                    </div>\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                </div>\n\n                {config?.contactUs.overlayClass ? (\n                    <div\n                        className={\n                            `${config?.contactUs.overlayClass}` +\n                            ' absolute top-0 bottom-0 left-0 right-0 z-0'\n                        }\n                    ></div>\n                ) : null}\n\n                <div className=\"w-full z-10 lg:w-[90%] mx-auto bg-primary text-white rounded-[20px]\">\n                    {loading && (\n                        <div className=\"h-[70vh]\">\n                            <LoadingSpinner color=\"text-white\" />\n                        </div>\n                    )}\n\n                    {successMessage\n                        ? !loading && (\n                              <div className=\"z-10 flex flex-col justify-center h-[70vh]\">\n                                  <p className=\"z-10 text-white self-center p-5 lg:w-[50%] md:text-lg text-center font-semibold \">\n                                      {successMessage}\n                                  </p>\n                                  <Button\n                                      type=\"BUTTON\"\n                                      content=\"Submit another query\"\n                                      rounded=\"TRUE\"\n                                      className=\"z-10 py-2 2xl:py-3 px-8  self-center rounded-md bg-white text-primary hover:py-[9px] hover:px-10 ease-in-out duration-500 \"\n                                      onClick=\"FUNC\"\n                                      onClickFunc={() =>\n                                          setSuccessMessage(null)\n                                      }\n                                  />\n                              </div>\n                          )\n                        : !loading && (\n                              <form class=\"z-10  w-full lg:w-[80%] xl:w-[75%] mx-auto  py-4 mt-2 px-5 md:px-6 2xl:p-20 py-10 md:py-16 xl:py-20\">\n                                  <div\n                                      className={`text-center pb-8 space-y-2 `}\n                                  >\n                                      <h1\n                                          className={`text-3xl leading-[1.1] font-bold ${config?.headingFont} `}\n                                      >\n                                          We're Here to Help\n                                      </h1>\n                                      <p\n                                          className={`w-[85%] md:w-[70%] lg:w-[88%] mx-auto leading-[1.5] md:text-lg  ${config?.bodyFont}`}\n                                      >\n                                         {config?.contactUs?.contactUsContent ? config?.contactUs?.contactUsContent  : `We're committed to making things\n                                          easier for you. Reach out to us with\n                                          any questions or issues you may have.\n                                          Enter your details and share your\n                                          query below.`} \n                                         \n                                      </p>\n                                  </div>\n                                  <div class=\"flex flex-col lg:flex-row -mx-3 mb-2\">\n                                      {!userName && (\n                                          <div class=\"z-10 w-full px-3\">\n                                              <label\n                                                  className={` ${config.contactUs?.font} block uppercase tracking-wide text-xs font-bold mb-2 text-white `}\n                                                  for=\"grid-password\"\n                                              >\n                                                  Name*\n                                              </label>\n                                              <input\n                                                  className={` block w-full  text-gray-700 border rounded py-3 px-4 mb-3 leading-tight focus:outline-none  focus:border-info`}\n                                                  id=\"name\"\n                                                  type=\"text\"\n                                                  onChange={nameChangedHandler}\n                                                  onBlur={nameBlurHandler}\n                                                  value={name}\n                                                  autoComplete=\"off\"\n                                              />\n                                          </div>\n                                      )}\n                                      {!userEmail && (\n                                          <div class=\"z-10 w-full px-3\">\n                                              <label\n                                                  className={`${config.contactUs?.font} block uppercase tracking-wide  text-xs font-bold mb-2 text-white`}\n                                                  for=\"grid-password\"\n                                              >\n                                                  E-mail*\n                                              </label>\n                                              <input\n                                                  className={`block w-full  text-gray-700 border rounded py-3 px-4 mb-3 leading-tight focus:outline-none`}\n                                                  id=\"email\"\n                                                  type=\"email\"\n                                                  onChange={emailChangedHandler}\n                                                  onBlur={emailBlurHandler}\n                                                  value={email}\n                                                  autoComplete=\"off\"\n                                              />\n                                          </div>\n                                      )}\n                                  </div>\n\n                                  <div class=\"flex flex-wrap -mx-3 mb-2\">\n                                      <div class=\"z-10 w-full px-3\">\n                                          <label\n                                              className={`${config.contactUs?.font} block uppercase tracking-wide  text-xs font-bold mb-2 text-white `}\n                                              for=\"grid-password\"\n                                          >\n                                              Choose type of issue*\n                                          </label>\n                                          <select\n                                              className={`text-gray-700 no-resize block w-full  border  rounded py-3 px-4 mb-3 leading-tight focus:outline-none resize-none`}\n                                              onChange={(e) =>\n                                                  setIssueType(e.target.value)\n                                              }\n                                              value={issueType}\n                                              id=\"option\"\n                                          >\n                                              {/* <option\n                                                  selected\n                                                  disabled\n                                              ></option> */}\n                                              <option value=\"Offers\">\n                                                  Offers\n                                              </option>\n                                              <option value=\"Referrals\">\n                                                  Referrals\n                                              </option>\n                                              <option value=\"TechSupport\">\n                                                  Tech Support\n                                              </option>\n                                              <option value=\"Payments\">\n                                                  Payments\n                                              </option>\n                                              <option value=\"Project\">\n                                                  Project\n                                              </option>\n                                              <option value=\"LoginIssues\">\n                                                  Login issues\n                                              </option>\n                                              <option value=\"Others\">\n                                                  Others\n                                              </option>\n                                          </select>\n                                      </div>\n                                  </div>\n\n                                  <div class=\"flex flex-wrap -mx-3 mb-6\">\n                                      <div class=\"z-10 w-full px-3\">\n                                          <label\n                                              className={` ${config.contactUs?.font} block uppercase tracking-wide text-xs font-bold mb-2 text-white`}\n                                              for=\"grid-password\"\n                                          >\n                                              Message*\n                                          </label>\n                                          <textarea\n                                              className={`text-gray-700 no-resize block w-full  border  rounded py-3 px-4 mb-3 leading-tight focus:outline-none  h-48 resize-none`}\n                                              id=\"message\"\n                                              onChange={messageChangedHandler}\n                                              onBlur={messageBlurHandler}\n                                              value={message}\n                                          ></textarea>\n                                      </div>\n                                  </div>\n\n                                  <div class=\"z-10 w-full \">\n                                      <Button\n                                          type=\"BUTTON\"\n                                          content=\"Get in touch\"\n                                          rounded=\"TRUE\"\n                                          className={`z-10 py-2 2xl:py-3 px-8 self-center rounded-md bg-white text-primary hover:py-[9px] hover:px-10 ease-in-out duration-500 ${\n                                              !formIsValid\n                                                  ? 'opacity-80 cursor-not-allowed'\n                                                  : 'cursor-pointer'\n                                          } `}\n                                          onClick=\"FUNC\"\n                                          onClickFunc={submitHandler}\n                                          disabled={!formIsValid}\n                                      />\n                                  </div>\n                              </form>\n                          )}\n                </div>\n            </section>\n        </>\n    );\n}\n\nexport default ContactForm;\n","import React, { useEffect } from 'react';\nimport ComponentsRenderer from '../../Components/ComponentsRenderer';\nimport { getConfig } from '../../utils/config';\nimport ReactGA from 'react-ga4';\nimport { cmsClient } from '../../utils/axios';\nimport ContactForm from './Components/ContactForm';\n\nfunction ContactUs() {\n    const config = getConfig();\n\n    useEffect(() => {\n        if (\n            cmsClient.defaults.baseURL === 'https://prod.loyalie.in' ||\n            cmsClient.defaults.baseURL === 'https://uat.loyalie.in'\n        ) {\n            window.fbq('trackCustom', 'ContactPage');\n        }\n        ReactGA.ga('send', 'pageview', '/contact-us');\n    }, []);\n\n    return (\n        <div>\n            {/* <ComponentsRenderer\n                components={[\n                    ...config?.contactUs.components?.map((c) => {\n                        if (c.type === 'BANNER') {\n                            return {\n                                ...c,\n                                backgroundImage:\n                                    window.reloy_env.client_config\n                                        .CONTACT_US_BANNER,\n                                backgroundImageMobile:\n                                    window.reloy_env.client_config\n                                        .CONTACT_US_BANNER_MOBILE\n                            };\n                        }\n                        return c;\n                    })\n                ]}\n            /> */}\n           \n                <ContactForm />\n            \n        </div>\n    );\n}\n\nexport default ContactUs;\n"],"sourceRoot":""}