{"version":3,"file":"static/chunks/2445.795b607e74fa6ce1.js","mappings":"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","sources":["webpack://_N_E/./src/common/assets/image/logo/social/facebook.js","webpack://_N_E/./src/common/assets/image/logo/social/linkedin.js","webpack://_N_E/./src/common/assets/image/logo/social/twitter.js","webpack://_N_E/./src/common/assets/image/logo/social/youtube.js","webpack://_N_E/./src/config/config.js","webpack://_N_E/./src/slices/Contact/style.js","webpack://_N_E/./src/hooks/useContact.js","webpack://_N_E/./src/slices/Contact/index.js"],"sourcesContent":["import React from 'react';\n\nconst Facebook = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"facebook-ic\">\n        <g id=\"Group\">\n          <path\n            id=\"Vector\"\n            d=\"M2 12.06C2.00056 14.456 2.85047 16.7732 4.39696 18.5952C5.94345 20.4172 8.08511 21.6244 10.437 21.9999V14.9678H7.9V12.06H10.44V9.84642C10.3839 9.32833 10.4419 8.80418 10.6098 8.31117C10.7777 7.81817 11.0515 7.36842 11.4116 6.99387C11.7718 6.61931 12.2095 6.32913 12.6936 6.14395C13.1778 5.95876 13.6965 5.88311 14.213 5.92237C14.963 5.93444 15.713 6.00186 16.453 6.1236V8.59776H15.189C14.9742 8.56945 14.7558 8.59008 14.5499 8.65812C14.3441 8.72615 14.1561 8.83986 13.9998 8.99084C13.8435 9.14182 13.7229 9.32621 13.647 9.53038C13.571 9.73455 13.5416 9.95328 13.561 10.1704V12.06H16.332L15.889 14.9688H13.561V21.9999C15.4486 21.6998 17.2112 20.8617 18.6402 19.5849C20.0691 18.3081 21.1045 16.6461 21.6238 14.7956C22.143 12.9451 22.1244 10.9836 21.5702 9.14345C21.0159 7.30326 19.9492 5.6614 18.4964 4.41226C17.0435 3.16311 15.2653 2.359 13.3724 2.09511C11.4794 1.83123 9.55092 2.11863 7.81525 2.92329C6.07958 3.72795 4.60942 5.01616 3.5788 6.63542C2.54819 8.25467 2.0003 10.1372 2 12.06Z\"\n            fill=\"#B6B6B6\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default Facebook;\n","import React from 'react';\n\nconst Linkedin = () => {\n  return (\n    <svg\n      fill='#B6B6B6'\n      version='1.1'\n      xmlns='http://www.w3.org/2000/svg'\n      width='22px'\n      height='22px'\n      viewBox='0 0 512 512'\n    >\n      <g id='SVGRepo_bgCarrier' strokeWidth='0' />\n\n      <g\n        id='SVGRepo_tracerCarrier'\n        stroke-linecap='round'\n        stroke-linejoin='round'\n      />\n\n      <g id='SVGRepo_iconCarrier'>\n        <g id='7935ec95c421cee6d86eb22ecd125aef'>\n          <path\n            d='M116.504,500.219V170.654H6.975v329.564H116.504 L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941 C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219 c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533 c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531 c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z'\n          >\n          </path>\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default Linkedin;\n","import React from 'react';\n\nconst Twitter = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"twitter-ic\">\n        <g id=\"Group\">\n          <path\n            id=\"Vector\"\n            d=\"M23.6435 4.93699C22.8085 5.30699 21.9115 5.55699 20.9685 5.66999C21.9415 5.08778 22.6694 4.17145 23.0165 3.09199C22.1023 3.63497 21.1018 4.01718 20.0585 4.22199C19.3569 3.47285 18.4276 2.97631 17.4148 2.80946C16.4021 2.64261 15.3626 2.81478 14.4577 3.29924C13.5529 3.7837 12.8333 4.55335 12.4107 5.48869C11.988 6.42403 11.886 7.47274 12.1205 8.47199C10.2682 8.37898 8.45613 7.89753 6.80192 7.05889C5.14772 6.22025 3.68834 5.04315 2.5185 3.60399C2.1185 4.29399 1.8885 5.09399 1.8885 5.94599C1.88805 6.71298 2.07693 7.46823 2.43838 8.14472C2.79982 8.82121 3.32266 9.39802 3.9605 9.82399C3.22078 9.80045 2.49737 9.60057 1.8505 9.24099V9.30098C1.85043 10.3767 2.22253 11.4194 2.90368 12.252C3.58483 13.0846 4.53307 13.6559 5.5875 13.869C4.90128 14.0547 4.18184 14.0821 3.4835 13.949C3.781 14.8746 4.3605 15.684 5.14087 16.2639C5.92124 16.8438 6.86342 17.1652 7.8355 17.183C6.18533 18.4784 4.14739 19.1811 2.0495 19.178C1.67788 19.1781 1.30658 19.1564 0.9375 19.113C3.06698 20.4822 5.54584 21.2088 8.0775 21.206C16.6475 21.206 21.3325 14.108 21.3325 7.95199C21.3325 7.75199 21.3275 7.54998 21.3185 7.34999C22.2298 6.69096 23.0164 5.87488 23.6415 4.93999L23.6435 4.93699Z\"\n            fill=\"#B6B6B6\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport default Twitter;\n","import React from 'react';\n\nconst Youtube = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"youtube-ic\">\n        <path\n          id=\"Vector\"\n          d=\"M21.5933 7.20301C21.4794 6.78041 21.2568 6.39501 20.9477 6.08518C20.6386 5.77534 20.2537 5.55187 19.8313 5.43701C18.2653 5.00701 12.0003 5.00001 12.0003 5.00001C12.0003 5.00001 5.73633 4.99301 4.16933 5.40401C3.74725 5.52415 3.36315 5.75078 3.0539 6.06214C2.74464 6.3735 2.52062 6.75913 2.40333 7.18201C1.99033 8.74801 1.98633 11.996 1.98633 11.996C1.98633 11.996 1.98233 15.26 2.39233 16.81C2.62233 17.667 3.29733 18.344 4.15533 18.575C5.73733 19.005 11.9853 19.012 11.9853 19.012C11.9853 19.012 18.2503 19.019 19.8163 18.609C20.2388 18.4943 20.6241 18.2714 20.934 17.9622C21.2439 17.653 21.4677 17.2682 21.5833 16.846C21.9973 15.281 22.0003 12.034 22.0003 12.034C22.0003 12.034 22.0203 8.76901 21.5933 7.20301ZM9.99633 15.005L10.0013 9.00501L15.2083 12.01L9.99633 15.005Z\"\n          fill=\"#B6B6B6\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport default Youtube;\n","const config = {\n  endPointContact: process.env.URL_CONTACT || 'https://graphql.swiftask.ai/api/contact',\n  endPointVerifyRecaptcha:  process.env.URL_VERIFY_RECAPTCHA ||'https://graphql.swiftask.ai/api/verifyRecaptcha' ,\n  recaptchaSiteKey: process.env.RECAPCHATSITEKEY ||'',\n  endPointGetPricing: process.env.URL_GET_PRICING ||'https://graphql.swiftask.ai/public/subplans',\n};\n\nexport default config;\n\n","import styled from 'styled-components';\nimport colors from \"common/theme/saasModern/colors\"\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n  box-sizing: content-box;\n  margin-bottom: 10px;\n  padding-top: 6rem;\n`;\n\nexport const Wrapper = styled.div`\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n  position: relative;\n  @media (min-width: 1150px) {\n    grid-template-columns: 1fr 1fr;\n  }\n`;\n\nexport const LeftSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.1), transparent  , transparent, transparent, transparent);\n  padding: 56px;\n  border-radius: 64px;\n  @media (max-width: 950px) {\n  padding: 56px 0;\nbackground: none;\n  }\n`;\n\nexport const Heading = styled.h2`\n  font-size: 3rem;\n  font-weight: 900;\n  margin: 0;\n  transition: 500ms;\n  @media (max-width: 1440px) {\n    font-size: 3rem;\n  }\n  @media (max-width: 950px) {\n    font-size: 2rem;\n  }\n`\n\nexport const GradientText = styled.span`\n  background: linear-gradient(to right, #3b82f6, #ec4899, #f97316);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n`\n\nexport const Description = styled.div`\n  color: ${colors.white};\n  font-size: 1.5rem;\n  font-weight: 300;\n`;\n\nexport const SocialSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n`;\n\nexport const SocialTitle = styled.h3`\n  color: white;\n  font-size: 1.25rem;\n`;\n\nexport const SocialIcons = styled.div`\n  display: flex;\n  gap: 1.5rem;\n`;\n\nexport const SocialIcon = styled.a`\n  color: rgba(255, 255, 255, 0.8);\n  transition: color 0.3s ease;\n\n  &:hover {\n    color: white;\n  }\n`;\n\nexport const RightSection = styled.div`\n  position: relative;\n`;\n\nexport const FormBackground = styled.div`\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 16rem;\n  height: 16rem;\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: -1;\n`;\n\nexport const FormBackground2 = styled(FormBackground)`\n  bottom: 0;\n  left: 50%;\n  background-color: rgba(249, 115, 22, 0.2);\n`;\n\nexport const Form = styled.form`\n  backdrop-filter: blur(10px);\n  border-radius: 1.5rem;\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  background-color: transparent;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n`;\n\nexport const InputGroup = styled.div`\n  display: grid;\n  gap: 1.5rem;\n\n  @media (min-width: 768px) {\n    grid-template-columns: 1fr 1fr;\n  }\n`;\n\nexport const InputWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n`;\n\nexport const Label = styled.label`\n  color: white;\n  font-size: 0.875rem;\n  font-weight: 600;\n`;\n\nexport const Required = styled.span`\n  color: #F87171;\n`;\n\nexport const Input = styled.input`\n  background-color: transparent;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 0.9rem;\n  padding: 0.5rem 1rem;\n  color: white;\n  font-size: 1rem;\n  height: 2.3rem;\n  &::placeholder {\n    color: rgba(255, 255, 255, 0.5);\n  }\n`;\n\nexport const Textarea = styled(Input).attrs({ as: 'textarea' })`\n  min-height: 120px;\n  resize: vertical;\n`;\n\nexport const SubmitButton = styled.button`\n  background: ${colors.redSecondary};\n  color: white;\n  border: none;\n  border-radius: 1.6rem;\n  padding: 1rem;\n  font-size: 1.125rem;\n  cursor: pointer;\n  transition: opacity 0.3s ease;\n  font-weight: 900;\n  &:hover {\n    opacity: 0.9;\n  }\n\n  &:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n  }\n`;\n\nexport const FormFooter = styled.p`\n  color: rgba(255, 255, 255, 0.6);\n  text-align: center;\n  font-size: 0.875rem;\n  font-weight: 900;\n`;\n\n \nexport const BorderBottom = styled.div`\n  width: 30%;\n  height: 2px;\n  background: #3b82f6;\n  margin-top: 24px;\n  background: linear-gradient(90deg,  rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.05));\n\n`\n","// create a hook to handle the form and send message to the backend\nimport { useState } from 'react';\nimport config from 'config/config';\n\nconst useContact = () => {\n  const [valueForm, setValueForm] = useState({});\n    const [error, setError] = useState(false);\n    const [success, setSuccess] = useState(false);\n    const [loading, setLoading] = useState(false);\n    const [isVerifiedRecaptcha, setIsVerifiedRecaptcha] = useState(false);\n\n  const handleChange = (e) => {\n    setValueForm({\n      ...valueForm,\n      [e.target.name]: e.target.value,\n    });\n  };\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    setLoading(true);\n    setError(false)\n    setSuccess(false)\n    // add code to send post using fetch with code \n    try{\n        const send = await fetch(config.endPointContact, {\n          method: 'POST',\n          headers: {    \n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify(valueForm),\n        });\n        if(send.status === 200){\n          setSuccess(true)\n          setValueForm({\n         \n          })\n        }else{\n          setError(true)\n        }\n    }\n    catch(err){\n        setError(err)\n    }finally{\n        setLoading(false);\n    }\n  };\n\n  const handleCaptchaSubmission = async (tokenRecaptcha) => {\n      try {\n          const response = await fetch(config.endPointVerifyRecaptcha, {\n              method: 'POST',\n              headers: {\n                  'Content-Type': 'application/json',\n                  'Accept': 'application/json',\n              },\n              body: JSON.stringify({\n                  token:tokenRecaptcha,\n              }),\n          });\n      \n          if (!response.ok) {\n            throw new Error(`Request failed with status: ${response.status}`);\n          }\n      \n          const data = await response.json();\n\n          console.log(\"data\", data);\n\n          if (data.success) {\n            setIsVerifiedRecaptcha(true);\n          } else {\n            setIsVerifiedRecaptcha(false);\n          }\n      } catch (err) {\n          console.error(\"Error during reCAPTCHA verification:\", err);\n          setIsVerifiedRecaptcha(false);\n      }\n  }\n  \n  const handleExpiredRecaptcha = () => {\n    setIsVerifiedRecaptcha(false);\n  };\n\n  return {\n    error,\n    loading,\n    success,\n    valueForm,\n    isVerifiedRecaptcha,\n    handleChange,\n    handleSubmit,\n    handleExpiredRecaptcha,\n    handleCaptchaSubmission\n  };\n};\n\nexport default useContact;","import {\n  Container,\n  Wrapper,\n  LeftSection,\n  Title,\n  Description,\n  SocialIcon,\n  SocialSection,\n  SocialIcons,\n  SocialTitle,\n  RightSection,\n  FormBackground,\n  FormBackground2,\n  Form,\n  InputGroup,\n  InputWrapper,\n  Label,\n  Input,\n  Textarea,\n  Required,\n  SubmitButton,\n  FormFooter,\n  Heading,\n  GradientText,\n  BorderBottom\n} from './style'\nimport { PrismicRichText } from '@prismicio/react';\nimport Facebook from 'common/assets/image/logo/social/facebook';\nimport Linkedin from 'common/assets/image/logo/social/linkedin';\nimport Twitter from 'common/assets/image/logo/social/twitter';\nimport Youtube from 'common/assets/image/logo/social/youtube';\nimport Link from 'next/link';\nimport useContact from 'hooks/useContact';\nimport { Alert } from '@mui/material';\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport config from 'config/config';\n/**\n * @typedef {import(\"@prismicio/client\").Content.ContactSlice} ContactSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<ContactSlice>} ContactProps\n * @param {ContactProps}\n */\nconst Contact = ({ slice }) => {\n\n const { \n    valueForm,\n    handleChange,\n    handleSubmit,\n    loading,\n    success,\n    error,\n    handleCaptchaSubmission,\n    handleExpiredRecaptcha,\n    isVerifiedRecaptcha\n  } = useContact();\n\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n      id=\"contact\"\n    >\n      <Container >\n        <Wrapper>\n          <LeftSection >\n            <Heading data-aos=\"fade-in\"><GradientText >{slice.primary.title}</GradientText></Heading>\n            <Description data-aos=\"fade-in\">\n                  <PrismicRichText\n                      field={slice.primary.description}\n                  />\n            </Description>\n            <BorderBottom />\n            <SocialSection data-aos=\"fade-in\">\n              <SocialTitle>{slice.primary.following_us}</SocialTitle>\n              <SocialIcons>\n                <Link href='https://www.facebook.com/swiftask' target='_blank'>\n                   <Facebook />\n                </Link>\n                <Link href='https://x.com/swiftask_ai' target='_blank'>\n                  <Twitter />\n                </Link>\n                <Link href='https://www.youtube.com/@Swiftask' target='_blank'>\n                  <Youtube />\n                </Link>\n                <Link href='https://linkedin.com/company/swiftask' target='_blank'>\n                  <Linkedin />\n                </Link>\n              </SocialIcons>\n            </SocialSection>\n          </LeftSection>\n          <RightSection data-aos=\"fade-in\">\n            <FormBackground />\n            <FormBackground2 />\n            <Form onSubmit={handleSubmit}>\n            {success ? <Alert severity=\"success\">{slice.primary.success_message}</Alert> : null}\n            {error ? <Alert severity=\"error\">{slice.primary.error_message}</Alert> : null}\n            <InputGroup>\n                <InputWrapper>\n                  <Label htmlFor=\"name\">\n                  {slice.primary.name} <Required>*</Required>\n                  </Label>\n                  <Input id=\"name\" placeholder={slice.primary.name_placeholder} required value={valueForm?.name || ''} onChange={handleChange} name='name' />\n                </InputWrapper>\n                <InputWrapper>\n                  <Label htmlFor=\"email\">\n                   {slice.primary.e_mail} <Required>*</Required>\n                  </Label>\n                  <Input id=\"email\" placeholder={slice.primary.email_placeholder} required  value={valueForm?.email || ''} onChange={handleChange} name='email' />\n                </InputWrapper>\n              </InputGroup>\n              <InputGroup>\n                <InputWrapper>\n                  <Label htmlFor=\"company\">\n                  {slice.primary.company_name} <Required>*</Required>\n                  </Label>\n                  <Input id=\"company\" placeholder={slice.primary.company_name_placeholder} required value={valueForm?.company || ''} onChange={handleChange} name='company' />\n                </InputWrapper>\n                <InputWrapper>\n                  <Label htmlFor=\"size\">\n                   {slice.primary.size_of_company}<Required>*</Required>\n                  </Label>\n                  <Input id=\"size\" placeholder={slice.primary.size_of_company_placeholder} required  value={valueForm?.size || ''} onChange={handleChange} name='size' />\n                </InputWrapper>\n              </InputGroup>\n              <InputWrapper>\n                <Label htmlFor=\"sector\">\n                  {slice.primary.sector_of_activity}<Required>*</Required>\n                </Label>\n                <Input id=\"sector\" placeholder={slice.primary.sector_of_activity_placeholder} required  value={valueForm?.sector || ''} onChange={handleChange} name='sector' />\n              </InputWrapper>\n              <InputWrapper>\n                <Label htmlFor=\"message\">\n                  {slice.primary.specific_request}<Required>*</Required>\n                </Label>\n                <Textarea id=\"message\" placeholder={slice.primary.specific_request_placeholder} required  value={valueForm?.message || ''} onChange={handleChange} name='message' />\n              </InputWrapper>\n              <ReCAPTCHA\n                sitekey={config.recaptchaSiteKey}\n                onChange={handleCaptchaSubmission}\n                onExpired={handleExpiredRecaptcha}\n              />\n              <SubmitButton type=\"submit\" disabled={!isVerifiedRecaptcha}>\n               {loading ? slice.primary.button_loading : slice.primary.button_send}\n              </SubmitButton>\n              \n              <FormFooter>\n               {slice.primary.noticed}\n              </FormFooter>\n            </Form>\n          </RightSection>\n        </Wrapper>\n      </Container>\n    </section>\n  );\n};\n\nexport default Contact;\n"],"names":["svg","width","height","viewBox","fill","xmlns","g","id","path","d","version","strokeWidth","stroke-linecap","stroke-linejoin","config","endPointContact","process","env","URL_CONTACT","endPointVerifyRecaptcha","URL_VERIFY_RECAPTCHA","recaptchaSiteKey","endPointGetPricing","URL_GET_PRICING","Container","styled","div","Wrapper","LeftSection","Heading","h2","GradientText","span","Description","colors","white","SocialSection","SocialTitle","h3","SocialIcons","RightSection","a","FormBackground","FormBackground2","Form","form","InputGroup","InputWrapper","Label","label","Required","Input","input","Textarea","attrs","as","SubmitButton","button","redSecondary","FormFooter","p","BorderBottom","valueForm","setValueForm","useState","error","setError","success","setSuccess","loading","setLoading","isVerifiedRecaptcha","setIsVerifiedRecaptcha","handleChange","e","target","name","value","handleSubmit","async","preventDefault","fetch","method","headers","body","JSON","stringify","status","err","handleExpiredRecaptcha","handleCaptchaSubmission","tokenRecaptcha","response","token","ok","Error","json","slice","useContact","section","data-slice-type","slice_type","data-slice-variation","variation","data-aos","primary","title","PrismicRichText","field","description","following_us","Link","href","Facebook","Twitter","Youtube","Linkedin","onSubmit","Alert","severity","success_message","error_message","htmlFor","placeholder","name_placeholder","required","onChange","e_mail","email_placeholder","email","company_name","company_name_placeholder","company","size_of_company","size_of_company_placeholder","size","sector_of_activity","sector_of_activity_placeholder","sector","specific_request","specific_request_placeholder","message","ReCAPTCHA","sitekey","onExpired","type","disabled","button_loading","button_send","noticed"],"sourceRoot":""}