{"version":3,"file":"static/js/232.17ac11e8.chunk.js","mappings":"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","sources":["components/common/BannerCommonComponents/InnerBanner.jsx","pages/ContactUS/components/ContactForm.jsx","pages/ContactUS/Contact.jsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport i18n from '../../../i18n';\n\nconst InnerBanner = ({ data, btn = true, apiData=null }) => {\n    const { t } = useTranslation()\n    const language = i18n.language\n    return (\n        <section className='banner inner_banner' style={{ backgroundImage: data? `url(${data?.[language]?.bannerImg})` : apiData?.full_image_url? `url(${apiData?.full_image_url})` : `url(${apiData?.blog_category_image_url})` }}>\n            <div className='container'>\n                <div className='banner_inner'>\n                    {data && <h1><span>{data?.[language].bannerSmallText}</span>{data?.[language].bannerMainText}</h1>}\n                    {apiData && <h1>{apiData?.title[language]}</h1>}\n                    {/* {apiData && <h1  dangerouslySetInnerHTML={{ __html: apiData?.description[language] }}></h1>} */}\n                    {\n                        btn ?\n                            <>\n                                <div className='btn_holder'>\n                                    <button className='solid_btn' onClick={() => window.location.assign(`${process.env.REACT_APP_REDIRECTION_HOME_URL}/auth/register`)}>{t(\"freeSignUpbtn\")}</button>\n                                    <button className='border_btn' onClick={() => window.location.assign(`${process.env.REACT_APP_REDIRECTION_HOME_URL}/music`)}>{t(\"browseMusicBtn\")}</button>\n                                </div>\n                            </>\n                            :\n                            <></>\n                    }\n                </div>\n            </div>\n        </section>\n    );\n};\n\nexport default InnerBanner;","import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation } from 'react-router-dom';\nimport Loader from '../../../components/common/Loader';\n\nconst ContactForm = () => {\n    const { t, i18n } = useTranslation()\n    const language = i18n.language\n    const location = useLocation();\n    const [formData, setFormData] = useState({\n        name: \"\",\n        email: \"\",\n        message: \"\",\n    });\n    const pageData = {\n        en: {\n            Name: \"Name\",\n            Email: \"Email\",\n            Message: \"Message\",\n            Submit: \"Submit\",\n            nameValid:\"Name is required.\",\n            nameError:\"Name must be between 5 and 50 characters.\",\n            emailValid:\"Email is required.\",\n            emailError:\"Message must be between 20 and 1500 characters.\",\n            messageValid:\"Message is required.\",\n            messageError:\"Message must be between 20 and 1500 characters.\"\n        },\n        es: {\n            Name: \"Nombre\",\n            Email: \"Correo Electrónico\",\n            Message: \"Mensaje\",\n            Submit: \"Enviar\",\n            nameValid:\"Name is required.\",\n            nameError:\"Name must be between 5 and 50 characters.\",\n            emailValid:\"Email is required.\",\n            emailError:\"Message must be between 20 and 1500 characters.\",\n            messageValid:\"Message is required.\",\n            messageError:\"Message must be between 20 and 1500 characters.\"\n    \n        },\n        fr: {\n            Name: \"Nom\",\n            Email: \"E-mail\",\n            Message: \"Message\",\n            Submit: \"Soumettre\",\n            nameValid: \"Le nom est requis.\",\n            nameError: \"Le nom doit comporter entre 5 et 50 caractères.\",\n            emailValid: \"L'e-mail est requis.\",\n            emailError: \"L'e-mail n'est pas valide.\",\n            messageValid: \"Le message est requis.\",\n            messageError: \"Le message doit comporter entre 20 et 1500 caractères.\"\n        }\n    };\n    const [errors, setErrors] = useState({});\n    const [status, setStatus] = useState(\"\");\n    const [statusPort, setStatusPort] = useState()\n    console.log('statusstatusstatusstatus', statusPort)\n    const [loading, setLoading] = useState(false);\n    const handleChange = (e) => {\n        const { name, value } = e.target;\n        setFormData({ ...formData, [name]: value });\n        setErrors({ ...errors, [name]: \"\" });\n    };\n\n    const validateForm = () => {\n        const newErrors = {};\n\n        if (!formData.name) {\n            newErrors.name = `${pageData?.[language].nameValid}`;\n        } else if (formData.name.length < 5 || formData.name.length > 50) {\n            newErrors.name = `${pageData?.[language].nameError}`;\n        }\n\n        if (!formData.email) {\n            newErrors.email = `${pageData?.[language].emailValid}`;\n        } else if (!/\\S+@\\S+\\.\\S+/.test(formData.email)) {\n            newErrors.email = `${pageData?.[language].emailError}`;\n        }\n\n        if (!formData.message) {\n            newErrors.message = `${pageData?.[language].messageValid}`;\n        } else if (formData.message.length < 20 || formData.message.length > 1500) {\n            newErrors.message = `${pageData?.[language].messageError}`;\n        }\n\n        setErrors(newErrors);\n        return Object.keys(newErrors).length === 0;\n    };\n    const handleSubmit = async () => {\n        if (!validateForm()) return;\n\n        setLoading(true);\n        setStatus(\"\");\n\n        try {\n            const response = await fetch(\n                `${process.env.REACT_APP_API_KEY}/api/contact`,\n                {\n                    method: \"POST\",\n                    headers: { \"Content-Type\": \"application/json\" },\n                    body: JSON.stringify(formData),\n                }\n            );\n\n            const result = await response.json();\n            if (response.ok) {\n                setStatusPort(200)\n                setStatus(\"Message sent successfully!\");\n                setFormData({ name: \"\", email: \"\", message: \"\" });\n            } else {\n                setStatusPort(500)\n                setStatus(`Error: ${result.message || \"Something went wrong.\"}`);\n            }\n        } catch (error) {\n            setStatusPort(404)\n            setStatus(\"Network error. Please try again later.\");\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    return (\n        <div className='contact_form'>\n            <div className='contact_row'>\n                <label>{pageData?.[language].Name}</label>\n                <input\n                    type='text'\n                    name=\"name\"\n                    placeholder={pageData?.[language].Name}\n                    value={formData.name}\n                    onChange={handleChange}\n                ></input>\n                {errors.name && <p className=\"error-message\">{errors.name}</p>}\n            </div>\n            <div className='contact_row'>\n                <label>{pageData?.[language].Email}</label>\n                <input\n                    type='email'\n                    placeholder={pageData?.[language].Email}\n                    name=\"email\"\n                    value={formData.email}\n                    onChange={handleChange}></input>\n                {errors.email && (\n                    <p className=\"error-message\">{errors.email}</p>\n                )}\n            </div>\n            <div className='contact_row'>\n                <label>{pageData?.[language].Message}</label>\n                <textarea\n                    type='text'\n                    placeholder={pageData?.[language].Message}\n                    name=\"message\"\n                    value={formData.message}\n                    onChange={handleChange}\n                ></textarea>\n                {errors.message && (\n                    <p className=\"error-message\">{errors.message}</p>\n                )}\n            </div>\n            <div className='contact_row'>\n                <button\n                    onClick={handleSubmit}\n                    disabled={loading}\n                    className='solid_btn'>{pageData?.[language].Submit}\n\n                    {loading ? \"Sending...\" : `${t(\"contact_Send_message\")}`}\n                    {loading && <Loader />}\n                    </button>\n                    {status && <p className={statusPort == 200 ? \"success text-center\" : \"error-message text-center\" }>{status}</p>}\n            </div>\n        </div>\n    );\n};\n\n\nexport default ContactForm;","import React, { useEffect } from 'react';\nimport InnerBanner from '../../components/common/BannerCommonComponents/InnerBanner';\nimport contactbg from \"../../utils/images/contact_bg.jpg\";\nimport music from \"../../utils/images/music.png\";\nimport headph from \"../../utils/images/headphone.png\";\nimport joy from \"../../utils/images/joy.png\";\nimport ContactForm from '../ContactUS/components/ContactForm'\nimport { Link, useLocation} from \"react-router-dom\";\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Helmet } from 'react-helmet';\nimport { fetchCmsData } from '../../Redux/actions/cmsDataAction';\n\nconst Contact = () => {\n      const { t, i18n } = useTranslation()\n      const language = i18n.language\n      const location = useLocation();\n      const dispatch = useDispatch();\n      const cmsData = useSelector((state) => state.cmsData);\n      const contactUsData = cmsData?.data?.cms?.[0];\n      console.log('contactUsDatacontactUsData 123',contactUsData)\n      // const pageData = {\n      //   en: {\n      //       You_can_email_us_at: \"You can email us at\",\n      //       or_fill_: \"or fill in and send this contact form that you can find here.\",\n      //       customer_support: \"Someone from our customer support team will search for the best solution or answer to your question and get back to you within a matter of hours.\",\n      //       Meanwhile:\"Meanwhile, remember that we have a\",\n      //       learning_center:\"learning center\",\n      //       information_related:\"with all the information related about royalty-free and background music.\",\n      //       Technical_Issues:\"Technical Issues\",\n      //       experiencing_any_technical:\"If you’re experiencing any technical issues, rest assured that our knowledgeable team is ready to help. Whether it’s sound distortion or any other problem, we’ll address it promptly and effectively. Feel free to reach out to us with your technical inquiries, and we’ll provide the support you need. \",\n      //       Song_Issues:\"Song Issues\",\n      //       questions_or_concerns:\"If you have any questions or concerns about our songs, we’re here to assist you. Our team is skilled at deciphering lyrics and resolving any musical uncertainties. Share your song-related queries, and we’ll provide you with the information you’re seeking. \",\n      //       Requests:\"Requests\",\n      //       We_value_your:\"We value your input and encourage you to share your requests with us. Whether you have specific song requests or creative ideas, we’re open to hearing them. We’ll consider your suggestions and provide you with our best possible solution.\"\n      //   },\n      //   es: { }, fr: { }\n      //   };\n\n       useEffect(() => {\n          dispatch(fetchCmsData(\"contact-us\", \"en\"));\n        }, [dispatch]);\n      const pageData = {\n        en: {\n            You_can_email_us_at: \"You can email us at\",\n            or_fill_: \"or fill in and send this contact form that you can find here.\",\n            customer_support: \"Someone from our customer support team will search for the best solution or answer to your question and get back to you within a matter of hours.\",\n            Meanwhile: \"Meanwhile, remember that we have a\",\n            learning_center: \"learning center\",\n            information_related: \"with all the information related about royalty-free and background music.\",\n            Technical_Issues: \"Technical Issues\",\n            experiencing_any_technical: \"If you’re experiencing any technical issues, rest assured that our knowledgeable team is ready to help. Whether it’s sound distortion or any other problem, we’ll address it promptly and effectively. Feel free to reach out to us with your technical inquiries, and we’ll provide the support you need.\",\n            Song_Issues: \"Song Issues\",\n            questions_or_concerns: \"If you have any questions or concerns about our songs, we’re here to assist you. Our team is skilled at deciphering lyrics and resolving any musical uncertainties. Share your song-related queries, and we’ll provide you with the information you’re seeking.\",\n            Requests: \"Requests\",\n            We_value_your: \"We value your input and encourage you to share your requests with us. Whether you have specific song requests or creative ideas, we’re open to hearing them. We’ll consider your suggestions and provide you with our best possible solution.\"\n        },\n        es: {\n            You_can_email_us_at: \"Puedes enviarnos un correo electrónico a\",\n            or_fill_: \"o completa y envía este formulario de contacto que puedes encontrar aquí.\",\n            customer_support: \"Alguien de nuestro equipo de atención al cliente buscará la mejor solución o respuesta a tu pregunta y se pondrá en contacto contigo en cuestión de horas.\",\n            Meanwhile: \"Mientras tanto, recuerda que tenemos un\",\n            learning_center: \"centro de aprendizaje\",\n            information_related: \"con toda la información relacionada con la música libre de derechos y la música de fondo.\",\n            Technical_Issues: \"Problemas Técnicos\",\n            experiencing_any_technical: \"Si estás experimentando algún problema técnico, ten la seguridad de que nuestro equipo está listo para ayudarte. Ya sea distorsión del sonido u otro problema, lo solucionaremos de manera rápida y efectiva. No dudes en comunicarte con nosotros con tus preguntas técnicas y te brindaremos el soporte que necesites.\",\n            Song_Issues: \"Problemas con Canciones\",\n            questions_or_concerns: \"Si tienes preguntas o inquietudes sobre nuestras canciones, estamos aquí para ayudarte. Nuestro equipo es experto en interpretar letras y resolver cualquier duda musical. Comparte tus consultas sobre canciones y te proporcionaremos la información que necesitas.\",\n            Requests: \"Solicitudes\",\n            We_value_your: \"Valoramos tus comentarios y te animamos a compartir tus solicitudes con nosotros. Ya sea que tengas solicitudes de canciones específicas o ideas creativas, estamos abiertos a escucharlas. Consideraremos tus sugerencias y te proporcionaremos nuestra mejor solución posible.\"\n        },\n        fr: {\n            You_can_email_us_at: \"Vous pouvez nous envoyer un e-mail à\",\n            or_fill_: \"ou remplissez et envoyez ce formulaire de contact que vous pouvez trouver ici.\",\n            customer_support: \"Quelqu'un de notre équipe de support client recherchera la meilleure solution ou réponse à votre question et vous répondra dans les plus brefs délais.\",\n            Meanwhile: \"En attendant, n'oubliez pas que nous avons un\",\n            learning_center: \"centre d'apprentissage\",\n            information_related: \"avec toutes les informations relatives à la musique libre de droits et à la musique d’ambiance.\",\n            Technical_Issues: \"Problèmes Techniques\",\n            experiencing_any_technical: \"Si vous rencontrez des problèmes techniques, soyez assuré que notre équipe expérimentée est prête à vous aider. Qu'il s'agisse de distorsion du son ou de tout autre problème, nous y remédierons rapidement et efficacement. N'hésitez pas à nous contacter pour toute question technique et nous vous fournirons l'assistance dont vous avez besoin.\",\n            Song_Issues: \"Problèmes de Chansons\",\n            questions_or_concerns: \"Si vous avez des questions ou des préoccupations concernant nos chansons, nous sommes là pour vous aider. Notre équipe est compétente pour décrypter les paroles et résoudre toute incertitude musicale. Partagez vos questions sur les chansons et nous vous fournirons les informations recherchées.\",\n            Requests: \"Demandes\",\n            We_value_your: \"Nous apprécions vos retours et vous encourageons à partager vos demandes avec nous. Que vous ayez des demandes de chansons spécifiques ou des idées créatives, nous sommes ouverts à les écouter. Nous examinerons vos suggestions et vous proposerons notre meilleure solution possible.\"\n        }\n    };\n    \n    \n    const propsData = {\n      \"en\": {\n        \"bannerImg\": contactbg,\n        \"bannerSmallText\": \"We are here to help\",\n        \"bannerMainText\": \"Contact Us\"\n      },\n      \"es\": {\n        \"bannerImg\": contactbg,\n        \"bannerSmallText\": \"Estamos aquí para ayudar\",\n        \"bannerMainText\": \"Contáctanos\"\n      },\n      \"fr\": {\n        \"bannerImg\": contactbg,\n        \"bannerSmallText\": \"Nous sommes là pour vous aider\",\n        \"bannerMainText\": \"Contactez-nous\"\n      }\n    }\n\n    return (\n        <>\n        <Helmet>\n        <title>{contactUsData?.meta_title?.[language] || 'Uses '}</title>\n        <link rel=\"canonical\" href={`${process.env.REACT_APP_API_KEY_NEWLEGIS}${location.pathname}`} />\n        <meta property=\"og:title\" content={`${contactUsData?.meta_title?.[language]}`} />\n        <meta name=\"description\" content={contactUsData?.meta_description?.[language] || 'Description'} />\n        <meta property=\"og:url\" content={`${process.env.REACT_APP_API_KEY_NEWLEGIS}${location?.pathname}`} />\n        <meta property=\"og:type\" content=\"website\" />\n        <meta property=\"og:image\" content=\"https://apilegismusic.nodejsdapldevelopments.com/storage/distribution/images/meta_property_image/67658c2374de11734708259.png\" />\n      \n      </Helmet>\n           <InnerBanner data={propsData} btn={false} />\n           <section className='contact_us'>\n              <div className='container'>\n                  <ContactForm/>\n                  <div className='contact_details'>\n                    <div className=\"contact_top\">\n                      <p>{pageData?.[language].You_can_email_us_at}<Link to='/'>hello@legismusic.com </Link>or {pageData?.[language].or_fill_}</p>\n                      <p>{pageData?.[language].customer_support}</p>\n                      <p>{pageData?.[language].Meanwhile}<Link to='/'>{pageData?.[language].learning_center}</Link>{pageData?.[language].information_related}</p>\n                    </div>\n                    <div className='contact_dtls_all'>\n                       <div className='global_paragraph_box'>\n                            <h4><span><img src={headph} alt=''/></span>{pageData?.[language].Technical_Issues}</h4>\n                            <p>{pageData?.[language].experiencing_any_technical}</p>\n                       </div>\n                       <div className='global_paragraph_box'>\n                            <h4><span><img src={music} alt=''/></span>{pageData?.[language].Song_Issues}</h4>\n                            <p>{pageData?.[language].questions_or_concerns}</p>\n                       </div>\n                       <div className='global_paragraph_box'>\n                            <h4><span><img src={joy} alt=''/></span>{pageData?.[language].Requests}</h4>\n                            <p>{pageData?.[language].We_value_your}</p>\n                       </div>\n                    </div>\n                  </div>\n              </div>\n            </section> \n        </>\n    );\n};\n\nexport default Contact;"],"names":["_ref","_data$language","data","btn","apiData","t","useTranslation","language","i18n","_jsx","className","style","backgroundImage","concat","bannerImg","full_image_url","blog_category_image_url","children","_jsxs","bannerSmallText","bannerMainText","title","_Fragment","onClick","window","location","assign","process","ContactForm","formData","setFormData","useLocation","useState","name","email","message","pageData","en","Name","Email","Message","Submit","nameValid","nameError","emailValid","emailError","messageValid","messageError","es","fr","errors","setErrors","status","setStatus","statusPort","setStatusPort","console","log","loading","setLoading","handleChange","e","value","target","_objectSpread","type","placeholder","onChange","async","validateForm","newErrors","length","test","Object","keys","response","fetch","method","headers","body","JSON","stringify","result","json","ok","error","disabled","Loader","Contact","_cmsData$data","_cmsData$data$cms","_contactUsData$meta_t","_contactUsData$meta_t2","_contactUsData$meta_d","dispatch","useDispatch","cmsData","useSelector","state","contactUsData","cms","useEffect","fetchCmsData","You_can_email_us_at","or_fill_","customer_support","Meanwhile","learning_center","information_related","Technical_Issues","experiencing_any_technical","Song_Issues","questions_or_concerns","Requests","We_value_your","propsData","contactbg","Helmet","meta_title","rel","href","pathname","property","content","meta_description","InnerBanner","Link","to","src","headph","alt","music","joy"],"sourceRoot":""}