{"version":3,"file":"email-page.D-QxGKgX.js","sources":["../../../src/hooks/use-recaptcha.ts","../../../src/modules/contact-us/email-model.ts","../../../src/modules/contact-us/email-form.tsx","../../../src/modules/contact-us/email-page.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nconst { PUBLIC_RECAPTCHA_SITE_KEY } = import.meta.env\n\nexport const useRecaptcha = (recaptchaElementId: string) => {\n  const [successToken, setSuccessToken] = useState('')\n\n  const onloadCallback = () => {\n    const root = window as any\n    root.grecaptcha.render(recaptchaElementId, {\n      sitekey: PUBLIC_RECAPTCHA_SITE_KEY,\n      callback: setSuccessToken\n    })\n  }\n  \n  useEffect(() => {\n    const root = window as any\n    root.onloadCallback = onloadCallback\n    const script = document.createElement('script')\n    script.src = \"https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit\"\n    script.async = true\n    script.defer = true\n\n    script.onerror = () => {\n      console.error('Error loading reCAPTCHA script')\n      document.body.removeChild(script)\n    }\n    document.head.appendChild(script)\n\n    return () => {\n      root.onloadCallback = undefined\n      if (script.parentNode) {\n        script.parentNode.removeChild(script)\n      }\n    }\n  }, [])\n\n  return successToken\n}\n","import { z } from \"zod\"\nimport { zodResolver } from \"@hookform/resolvers/zod\"\n\nexport const FormSchema = z.object({\n  subject: z.string(),\n  name: z.string().min(2, {\n    message: \"Name must be at least 2 characters.\",\n  }),\n  message: z.string().min(10, {\n    message: \"Message must be at least 10 characters.\",\n  }),\n  email: z.string().email({\n    message: \"Invalid email address.\",\n  })\n})\n\nexport const formDefaultValues = {\n  subject: \"\",\n  name: \"\",\n  email: \"\",\n  message: \"\"\n}\n\nexport type FormSchemaType = z.infer<typeof FormSchema>\n\nexport const formResolver = zodResolver(FormSchema)\n","import { useEffect } from \"react\"\nimport { type UseFormReturn } from \"react-hook-form\"\nimport { type FormSchemaType } from \"./email-model\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from \"@/components/ui/form\"\nimport { Input } from \"@components/ui/input\"\nimport { Textarea } from \"@components/ui/textarea\"\nimport { ResponsiveSelect } from \"@components/ui/responsive-select\"\nimport { Separator } from \"@components/ui/separator\"\nimport { ErrorCard } from \"@components/error-card\"\nimport { getUserInfo } from '@lib/session'\nimport { Loader2 } from \"lucide-react\"\n\nexport const selectContactUsOptions = [\n  { label: 'Advertising Inquiries', value: 'advertising-inquiries' },\n  { label: 'Licensing Inquiries', value: 'licensing-inquiries' },\n  { label: 'Media Inquiries', value: 'media-inquiries' },\n  { label: 'Subscriber Inquiries', value: 'subscriber-inquiries' },\n  { label: 'General Support', value: 'general-support' },\n]\n\ntype Props = {\n  selectedOption: string\n  setSelectedOption: (value: string) => void\n  form: UseFormReturn<FormSchemaType>\n  onSubmit: (data: FormSchemaType) => void\n  loading: boolean\n}\n\nexport function EmailForm({ selectedOption, setSelectedOption, form, onSubmit, loading }: Props) {\n  useEffect(() => {\n    async function fetchUserInfo() {\n      const info = await getUserInfo()\n      const email = info?.email\n      if (email) {\n        form.setValue('email', email)\n      }\n    }\n\n    fetchUserInfo()\n  }, [])\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"w-[100%] space-y-6\">\n        {form.formState.errors.root && <ErrorCard errorMessage={form.formState.errors.root.message} className=\"mb-[20px]\" />}\n        <FormField\n          control={form.control}\n          name=\"subject\"\n          render={() => (\n            <FormItem>\n              <FormLabel>Subject</FormLabel>\n              <FormControl>\n                <div className=\"flex flex-col gap-[5px] my-[40px] tablet:flex-row tablet:gap-[10px] tablet:mt-[54px] tablet:mb-[70px]\">\n                  <ResponsiveSelect\n                    options={selectContactUsOptions}\n                    selectedValue={selectedOption}\n                    onSelect={setSelectedOption}\n                    triggerClassName=\"flex-1\"\n                    autoFocus\n                  />\n                </div>\n              </FormControl>\n            </FormItem>\n          )}\n        />\n        <Separator strokeWidth={1} className=\"bg-black-80\" />\n        <FormField\n          control={form.control}\n          name=\"name\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Name</FormLabel>\n              <FormControl>\n                <Input placeholder=\"Your name\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"email\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Email</FormLabel>\n              <FormControl>\n                <Input placeholder=\"Your email\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"message\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Message</FormLabel>\n              <FormControl>\n                <Textarea placeholder=\"Type your message...\" {...field} className=\"!text-body-main\" />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <div id=\"recaptcha-container\" className=\"flex justify-center\" />\n        <Button\n          type=\"submit\"\n          size=\"lg\"\n          disabled={loading}\n          className=\"w-[100%] h-[50px] text-body-main-bold\"\n        >\n          {loading && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n          Send email\n        </Button>\n      </form>\n    </Form>\n  )\n}\n","import { useState } from \"react\"\nimport { useForm } from \"react-hook-form\"\nimport FullWidthContainer from '@components/layout/full-width-container'\nimport { useRecaptcha } from \"@hooks/use-recaptcha\"\nimport { EmailForm } from './email-form'\nimport { type FormSchemaType, formResolver, formDefaultValues } from \"./email-model\"\n\nconst SENDING_EMAIL_ERROR_MESSAGE = 'An unexpected error occurred while sending the email. Please try again later.'\n\nexport const EmailPage = ({ slug }: { slug: string }) => {\n  const [selectedOption, setSelectedOption] = useState(slug)\n  const [loading, setLoading] = useState(false)\n  const recaptchaToken = useRecaptcha('recaptcha-container')\n\n  const form = useForm<FormSchemaType>({\n    resolver: formResolver,\n    defaultValues: formDefaultValues\n  })\n\n  const onSubmit = async (data: FormSchemaType) => {\n    if (!recaptchaToken) {\n      form.setError('root', { message: 'Please complete the reCAPTCHA to send the email.' })\n      return\n    }\n\n    try {\n      setLoading(true)\n\n      const result = await fetch('/email/send-email', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          fromEmail: data.email,\n          fromName: data.name,\n          subject: selectedOption,\n          html: data.message,\n          recaptchaToken\n        })\n      })\n\n      if (result.ok) {\n        window.location.href = `/email/confirmation-email`\n      } else {\n        form.setError('root', { message: SENDING_EMAIL_ERROR_MESSAGE })\n      }\n    } catch (error) {\n      form.setError('root', { message: SENDING_EMAIL_ERROR_MESSAGE })\n    }\n    setLoading(false)\n  }\n\n\n  return (\n    <FullWidthContainer className=\"mt-[20px] small-desktop:mt-[50px] mb-[100px]\">\n      <div className='flex w-[100%] justify-center'>\n        <div className=\"flex flex-col gap-4 items-start w-full md:w-[60%]\">\n          <h1 className=\"text-title-sm mb-[10px]\">Email</h1>\n          <p>Please let us know how we can help. We'll be in touch soon.</p>\n          <EmailForm\n            selectedOption={selectedOption}\n            setSelectedOption={setSelectedOption}\n            form={form}\n            onSubmit={onSubmit}\n            loading={loading}\n          />\n        </div>\n      </div>\n    </FullWidthContainer>\n  )\n}"],"names":["PUBLIC_RECAPTCHA_SITE_KEY","__vite_import_meta_env__","useRecaptcha","recaptchaElementId","successToken","setSuccessToken","useState","onloadCallback","useEffect","root","script","FormSchema","z","formDefaultValues","formResolver","zodResolver","selectContactUsOptions","EmailForm","selectedOption","setSelectedOption","form","onSubmit","loading","fetchUserInfo","email","getUserInfo","jsx","Form","jsxs","ErrorCard","FormField","FormItem","FormLabel","FormControl","ResponsiveSelect","Separator","field","Input","FormMessage","Textarea","Button","Loader2","SENDING_EMAIL_ERROR_MESSAGE","EmailPage","slug","setLoading","recaptchaToken","useForm","data","FullWidthContainer"],"mappings":"wkFAEM,CAAE,0BAAAA,CAA8B,EAAAC,EAEzBC,EAAgBC,GAA+B,CAC1D,KAAM,CAACC,EAAcC,CAAe,EAAIC,WAAS,EAAE,EAE7CC,EAAiB,IAAM,CACd,OACR,WAAW,OAAOJ,EAAoB,CACzC,QAASH,EACT,SAAUK,CAAA,CACX,CAAA,EAGHG,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAO,OACbA,EAAK,eAAiBF,EAChB,MAAAG,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,IAAM,gFACbA,EAAO,MAAQ,GACfA,EAAO,MAAQ,GAEfA,EAAO,QAAU,IAAM,CACrB,QAAQ,MAAM,gCAAgC,EACrC,SAAA,KAAK,YAAYA,CAAM,CAAA,EAEzB,SAAA,KAAK,YAAYA,CAAM,EAEzB,IAAM,CACXD,EAAK,eAAiB,OAClBC,EAAO,YACFA,EAAA,WAAW,YAAYA,CAAM,CACtC,CAEJ,EAAG,CAAE,CAAA,EAEEN,CACT,ECnCaO,EAAaC,EAAE,OAAO,CACjC,QAASA,EAAE,OAAO,EAClB,KAAMA,EAAE,SAAS,IAAI,EAAG,CACtB,QAAS,qCAAA,CACV,EACD,QAASA,EAAE,SAAS,IAAI,GAAI,CAC1B,QAAS,yCAAA,CACV,EACD,MAAOA,EAAE,OAAO,EAAE,MAAM,CACtB,QAAS,wBAAA,CACV,CACH,CAAC,EAEYC,EAAoB,CAC/B,QAAS,GACT,KAAM,GACN,MAAO,GACP,QAAS,EACX,EAIaC,EAAeC,EAAYJ,CAAU,ECLrCK,EAAyB,CACpC,CAAE,MAAO,wBAAyB,MAAO,uBAAwB,EACjE,CAAE,MAAO,sBAAuB,MAAO,qBAAsB,EAC7D,CAAE,MAAO,kBAAmB,MAAO,iBAAkB,EACrD,CAAE,MAAO,uBAAwB,MAAO,sBAAuB,EAC/D,CAAE,MAAO,kBAAmB,MAAO,iBAAkB,CACvD,EAUO,SAASC,EAAU,CAAE,eAAAC,EAAgB,kBAAAC,EAAmB,KAAAC,EAAM,SAAAC,EAAU,QAAAC,GAAkB,CAC/Fd,OAAAA,EAAAA,UAAU,IAAM,CACd,eAAee,GAAgB,CAE7B,MAAMC,GADO,MAAMC,MACC,MAChBD,GACGJ,EAAA,SAAS,QAASI,CAAK,CAEhC,CAEcD,GAChB,EAAG,CAAE,CAAA,EAGFG,EAAAA,IAAAC,EAAA,CAAM,GAAGP,EACR,SAACQ,EAAAA,KAAA,OAAA,CAAK,SAAUR,EAAK,aAAaC,CAAQ,EAAG,UAAU,qBACpD,SAAA,CAAAD,EAAK,UAAU,OAAO,MAAQM,EAAA,IAACG,EAAU,CAAA,aAAcT,EAAK,UAAU,OAAO,KAAK,QAAS,UAAU,YAAY,EAClHM,EAAA,IAACI,EAAA,CACC,QAASV,EAAK,QACd,KAAK,UACL,OAAQ,IACNQ,EAAAA,KAACG,EACC,CAAA,SAAA,CAAAL,EAAAA,IAACM,GAAU,SAAO,SAAA,CAAA,EACjBN,MAAAO,EAAA,CACC,SAACP,EAAA,IAAA,MAAA,CAAI,UAAU,wGACb,SAAAA,EAAA,IAACQ,EAAA,CACC,QAASlB,EACT,cAAeE,EACf,SAAUC,EACV,iBAAiB,SACjB,UAAS,EAAA,GAEb,CACF,CAAA,CAAA,EACF,CAAA,CAEJ,EACCO,EAAA,IAAAS,EAAA,CAAU,YAAa,EAAG,UAAU,cAAc,EACnDT,EAAA,IAACI,EAAA,CACC,QAASV,EAAK,QACd,KAAK,OACL,OAAQ,CAAC,CAAE,MAAAgB,CAAM,WACdL,EACC,CAAA,SAAA,CAAAL,EAAAA,IAACM,GAAU,SAAI,MAAA,CAAA,EACfN,EAAAA,IAACO,GACC,SAACP,MAAAW,EAAA,CAAM,YAAY,YAAa,GAAGD,EAAO,CAC5C,CAAA,QACCE,EAAY,EAAA,CAAA,EACf,CAAA,CAEJ,EACAZ,EAAA,IAACI,EAAA,CACC,QAASV,EAAK,QACd,KAAK,QACL,OAAQ,CAAC,CAAE,MAAAgB,CAAM,WACdL,EACC,CAAA,SAAA,CAAAL,EAAAA,IAACM,GAAU,SAAK,OAAA,CAAA,EAChBN,EAAAA,IAACO,GACC,SAACP,MAAAW,EAAA,CAAM,YAAY,aAAc,GAAGD,EAAO,CAC7C,CAAA,QACCE,EAAY,EAAA,CAAA,EACf,CAAA,CAEJ,EACAZ,EAAA,IAACI,EAAA,CACC,QAASV,EAAK,QACd,KAAK,UACL,OAAQ,CAAC,CAAE,MAAAgB,CAAM,WACdL,EACC,CAAA,SAAA,CAAAL,EAAAA,IAACM,GAAU,SAAO,SAAA,CAAA,EAClBN,EAAAA,IAACO,EACC,CAAA,SAAAP,EAAAA,IAACa,EAAS,CAAA,YAAY,uBAAwB,GAAGH,EAAO,UAAU,iBAAA,CAAkB,CACtF,CAAA,QACCE,EAAY,EAAA,CAAA,EACf,CAAA,CAEJ,EACCZ,EAAA,IAAA,MAAA,CAAI,GAAG,sBAAsB,UAAU,sBAAsB,EAC9DE,EAAA,KAACY,EAAA,CACC,KAAK,SACL,KAAK,KACL,SAAUlB,EACV,UAAU,wCAET,SAAA,CAAWA,GAAAI,EAAAA,IAACe,EAAQ,CAAA,UAAU,2BAA4B,CAAA,EAAG,YAAA,CAAA,CAEhE,CAAA,CACF,CAAA,CACF,CAAA,CAEJ,CCvHA,MAAMC,EAA8B,gFAEvBC,GAAY,CAAC,CAAE,KAAAC,KAA6B,CACvD,KAAM,CAAC1B,EAAgBC,CAAiB,EAAIb,WAASsC,CAAI,EACnD,CAACtB,EAASuB,CAAU,EAAIvC,WAAS,EAAK,EACtCwC,EAAiB5C,EAAa,qBAAqB,EAEnDkB,EAAO2B,EAAwB,CACnC,SAAUjC,EACV,cAAeD,CAAA,CAChB,EAEKQ,EAAW,MAAO2B,GAAyB,CAC/C,GAAI,CAACF,EAAgB,CACnB1B,EAAK,SAAS,OAAQ,CAAE,QAAS,kDAAoD,CAAA,EACrF,MACF,CAEI,GAAA,CACFyB,EAAW,EAAI,GAEA,MAAM,MAAM,oBAAqB,CAC9C,OAAQ,OACR,QAAS,CAAE,eAAgB,kBAAmB,EAC9C,KAAM,KAAK,UAAU,CACnB,UAAWG,EAAK,MAChB,SAAUA,EAAK,KACf,QAAS9B,EACT,KAAM8B,EAAK,QACX,eAAAF,CAAA,CACD,CAAA,CACF,GAEU,GACT,OAAO,SAAS,KAAO,4BAEvB1B,EAAK,SAAS,OAAQ,CAAE,QAASsB,CAA6B,CAAA,OAElD,CACdtB,EAAK,SAAS,OAAQ,CAAE,QAASsB,CAA6B,CAAA,CAChE,CACAG,EAAW,EAAK,CAAA,EAKhB,OAAAnB,EAAAA,IAACuB,EAAmB,CAAA,UAAU,+CAC5B,SAAAvB,EAAAA,IAAC,MAAI,CAAA,UAAU,+BACb,SAAAE,EAAA,KAAC,MAAI,CAAA,UAAU,oDACb,SAAA,CAACF,EAAA,IAAA,KAAA,CAAG,UAAU,0BAA0B,SAAK,QAAA,EAC7CA,EAAAA,IAAC,KAAE,SAA2D,6DAAA,CAAA,EAC9DA,EAAA,IAACT,EAAA,CACC,eAAAC,EACA,kBAAAC,EACA,KAAAC,EACA,SAAAC,EACA,QAAAC,CAAA,CACF,CAAA,EACF,EACF,CACF,CAAA,CAEJ"}