{"version":3,"file":"user-info-modal.BOCf5Ao6.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../../../src/components/user-info-modal.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.453.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleCheckBig = createLucideIcon(\"CircleCheckBig\", [\n  [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n]);\n\nexport { CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","import { useState, type PropsWithChildren } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogClose\n} from '@components/ui/dialog'\nimport { Form, FormField, FormItem, FormLabel, FormMessage } from '@components/ui/form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { ResponsiveSelect } from '@components/ui/responsive-select'\nimport { ResponsiveStateCombobox } from '@components/responsive-state-combobox'\nimport { Input } from '@components/ui/input'\nimport { Button } from '@components/ui/button'\nimport { Loader2, CircleCheckBig } from 'lucide-react'\nimport { type USState } from '@lib/us-states'\nimport { trackUserData } from '@lib/user-tracking'\n\nconst formSchema = z.object({\n  userType: z.string().min(1, {\n    message: 'Please select your role'\n  }),\n  state: z.custom<USState>().refine((val) => !!val, {\n    message: 'Please select your state'\n  }),\n  email: z\n    .string()\n    .min(1, {\n      message: 'Please enter your email address'\n    })\n    .email({\n      message: 'Please enter a valid email address'\n    })\n})\n\nexport type UserInfo = z.infer<typeof formSchema>\n\ntype UserType = {\n  label: string\n  value: string\n}\n\ntype CollectionFormProps = {\n  onActionCompleted: (data: UserInfo) => void\n  userTypes: UserType[]\n  trackSource?: string\n  trackEmailSource?: string\n  campaign?: string\n  consumerNewsletter?: 'Yes' | 'No'\n  userTypePlaceholder?: string\n  buttonText: string\n}\n\nconst CollectionForm = ({\n  onActionCompleted,\n  userTypes,\n  trackSource,\n  trackEmailSource,\n  campaign,\n  consumerNewsletter,\n  userTypePlaceholder,\n  buttonText\n}: CollectionFormProps) => {\n  const form = useForm<UserInfo>({\n    resolver: zodResolver(formSchema),\n    defaultValues: {\n      userType: '',\n      state: undefined,\n      email: ''\n    }\n  })\n\n  const [isLoading, setIsLoading] = useState(false)\n\n  const onSubmit = (values: UserInfo) => {\n    sendData(values)\n  }\n\n  const sendData = async (data: UserInfo) => {\n    try {\n      setIsLoading(true)\n      await trackUserData({\n        email: data.email,\n        userType: data.userType,\n        stateId: data.state?.abbr,\n        source: trackSource,\n        emailSource: trackEmailSource,\n        campaign,\n        consumerNewsletter\n      })\n    } catch (e) {\n      console.error('Failed to send data', e)\n    }\n\n    onActionCompleted(data)\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-[10px]\">\n        <FormField\n          control={form.control}\n          name=\"userType\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>What role best describes you?</FormLabel>\n              <ResponsiveSelect\n                triggerClassName=\"w-full\"\n                options={userTypes}\n                selectedValue={field.value}\n                onSelect={field.onChange}\n                placeholder={userTypePlaceholder || 'I am a ...'}\n                autoFocus\n              />\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"state\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>State of residence</FormLabel>\n              <ResponsiveStateCombobox\n                setState={field.onChange}\n                state={field.value}\n                triggerButtonClassName=\"w-full\"\n                placeholder=\"Please select your state...\"\n                includeAllStatesOption={false}\n              />\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              <Input {...field} type=\"email\" placeholder=\"Your Email\" className=\"\" />\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <div>\n          <Button type=\"submit\" size=\"lg\" className=\"mt-[30px] w-full\" disabled={isLoading}>\n            {isLoading && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n            {buttonText}\n          </Button>\n        </div>\n      </form>\n    </Form>\n  )\n}\n\ntype UserInfoModalProps = PropsWithChildren<{\n  dialogOpen: boolean\n  onOpenChange: (open: boolean) => void\n  onActionCompleted: (data: UserInfo) => void\n  userTypePlaceholder?: string\n  userTypes: UserType[]\n  trackSource?: string\n  trackEmailSource?: string\n  campaign?: string\n  consumerNewsletter?: 'Yes' | 'No'\n  dialogDescription?: string\n  buttonText?: string\n  actionCompletedText?: string\n}>\n\nexport function UserInfoModal({\n  dialogOpen,\n  onOpenChange,\n  onActionCompleted,\n  userTypePlaceholder,\n  userTypes,\n  trackSource,\n  trackEmailSource,\n  campaign,\n  consumerNewsletter,\n  dialogDescription,\n  children,\n  buttonText,\n  actionCompletedText\n}: UserInfoModalProps) {\n  const [actionCompleted, setActionCompleted] = useState(false)\n  const showForm = !actionCompleted || !actionCompletedText\n\n  return (\n    <Dialog open={dialogOpen} onOpenChange={onOpenChange}>\n      <DialogContent>\n        {showForm && <DialogHeader>\n          {children && <DialogTitle>{children}</DialogTitle>}\n          {dialogDescription && <DialogDescription>{dialogDescription}</DialogDescription>}\n        </DialogHeader>}\n        <div className=\"pointer-events-auto\">\n          {showForm && (\n            <CollectionForm\n              onActionCompleted={data => {\n                onActionCompleted(data)\n                setActionCompleted(true)\n              }}\n              userTypePlaceholder={userTypePlaceholder}\n              userTypes={userTypes}\n              trackSource={trackSource}\n              trackEmailSource={trackEmailSource}\n              campaign={campaign}\n              consumerNewsletter={consumerNewsletter}\n              buttonText={buttonText || 'Download'}\n            />\n          )}\n          {actionCompleted && actionCompletedText && (\n            <div className=\"flex flex-col w-full justify-center mt-[20px]\">\n              <div className=\"flex w-full justify-center mb-[10px]\">\n                <CircleCheckBig className=\"h-8 w-8 text-blue-500\" />\n              </div>\n              <p className=\"text-center\">{actionCompletedText}</p>\n              <div className=\"flex w-full justify-center\">\n                <DialogClose asChild>\n                  <Button className=\"mt-[50px] w-full tablet:w-[200px]\">Done</Button>\n                </DialogClose>\n              </div>\n            </div>\n          )}\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["CircleCheckBig","createLucideIcon","formSchema","z","val","CollectionForm","onActionCompleted","userTypes","trackSource","trackEmailSource","campaign","consumerNewsletter","userTypePlaceholder","buttonText","form","useForm","zodResolver","isLoading","setIsLoading","useState","onSubmit","values","sendData","data","trackUserData","e","jsx","Form","jsxs","FormField","field","FormItem","FormLabel","ResponsiveSelect","FormMessage","ResponsiveStateCombobox","Input","Button","Loader2","UserInfoModal","dialogOpen","onOpenChange","dialogDescription","children","actionCompletedText","actionCompleted","setActionCompleted","showForm","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogClose"],"mappings":"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","x_google_ignoreList":[0]}