@intlayer/design-system 8.4.4 → 8.4.5

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.mjs","names":["useForm"],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonSize, ButtonVariant } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { Checkbox } from '@components/Input';\nimport { Loader } from '@components/Loader';\nimport { MultiSelect, Select } from '@components/Select';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n} from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { WandSparkles } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useIntlayer } from 'react-intlayer';\nimport { useDictionaryDetailsSchema } from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { data: projectsData, isLoading: isLoadingProjects } =\n    useGetProjects() as any;\n  const { data: tagsData } = useGetTags() as any;\n\n  const projects = (projectsData?.data ?? []) as any[];\n  const allTags = (tagsData?.data ?? []) as any[];\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?.id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: {\n      ...dictionary,\n      location: dictionary.location ?? 'remote',\n    },\n  });\n  const { editedContent, setEditedDictionary } = useEditedContent();\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    projectInput,\n    tagsSelect,\n    locationSelect,\n    importModeSelect,\n    filePathInput,\n    auditButton,\n  } = useIntlayer('dictionary-details');\n  const { mutate: auditContentDeclaration, isPending: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const updatedDictionary =\n    editedContent?.[dictionary.localId as LocalDictionaryId];\n\n  useEffect(() => {\n    form.reset({\n      ...dictionary,\n      location: dictionary.location ?? 'remote',\n    });\n  }, [dictionary, form?.reset]);\n\n  useEffect(() => {\n    if (typeof updatedDictionary === 'undefined') {\n      form.reset({\n        ...dictionary,\n        location: dictionary.location ?? 'remote',\n      });\n    }\n  }, [updatedDictionary]);\n\n  const handleOnAuditFile = () => {\n    const dictionaryToAudit = {\n      ...dictionary,\n      ...updatedDictionary,\n    };\n\n    auditContentDeclaration(\n      {\n        fileContent: JSON.stringify(dictionaryToAudit),\n      },\n      {\n        onSuccess: (response) => {\n          if (!response?.data) return;\n\n          try {\n            const auditedDictionary = response.data.fileContent;\n\n            setEditedDictionary((prev) => ({\n              ...prev,\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            }));\n            form.reset({\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            });\n          } catch (error) {\n            console.error(error);\n          }\n        },\n      }\n    );\n  };\n\n  const watchedLocation = useWatch({\n    control: form.control,\n    name: 'location',\n  });\n  const isLocalChecked =\n    watchedLocation === 'local' || watchedLocation === 'hybrid';\n\n  return (\n    <Form\n      className=\"flex w-full flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n    >\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label.value}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n          onSave={(value) => {\n            form.setValue('key', value, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              key: value,\n            }));\n          }}\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder.value}\n          description={titleInput.description}\n          disabled={isSubmitting}\n          onSave={(value) => {\n            form.setValue('title', value, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              title: value,\n            }));\n          }}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder.value}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n        onSave={(value) => {\n          form.setValue('description', value, { shouldDirty: true });\n          setEditedDictionary((prev) => ({\n            ...dictionary,\n            ...(prev ?? {}),\n            description: value,\n          }));\n        }}\n      />\n      <div className=\"grid grid-cols-2 gap-8 px-1 max-md:grid-cols-1\">\n        <Form.Field\n          control={form.control}\n          name=\"location\"\n          render={({ field }) => {\n            const value = field.value;\n            const isLocal = value === 'local' || value === 'hybrid';\n            const isRemote = value === 'remote' || value === 'hybrid';\n\n            const handleLocalToggle = (isChecked: boolean) => {\n              if (!isChecked && !isRemote) return;\n\n              const newValue: Dictionary['location'] = isChecked\n                ? isRemote\n                  ? 'hybrid'\n                  : 'local'\n                : 'remote';\n\n              field.onChange(newValue);\n\n              const newFilePath = isChecked\n                ? (form.getValues('filePath') ?? dictionary.filePath)\n                : undefined;\n\n              if (!isChecked) {\n                form.setValue('filePath', undefined);\n              }\n\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                location: newValue,\n                filePath: newFilePath,\n              }));\n            };\n\n            const handleRemoteToggle = (isChecked: boolean) => {\n              if (!isChecked && !isLocal) return;\n\n              const newValue: Dictionary['location'] = isChecked\n                ? isLocal\n                  ? 'hybrid'\n                  : 'remote'\n                : 'local';\n\n              field.onChange(newValue);\n\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                location: newValue,\n              }));\n            };\n\n            return (\n              <Form.Item className=\"flex flex-col gap-2 px-1\">\n                <Form.Label className=\"ml-1\">{locationSelect.label}</Form.Label>\n                <div className=\"ml-2 flex items-center gap-4 py-2\">\n                  <Checkbox\n                    id=\"location-local\"\n                    name=\"location-local\"\n                    label={locationSelect.local.value}\n                    checked={isLocal}\n                    disabled={\n                      !mode.includes('local') && !mode.includes('remote')\n                    }\n                    onChange={(e) => handleLocalToggle(e.target.checked)}\n                  />\n                  <Checkbox\n                    id=\"location-remote\"\n                    name=\"location-remote\"\n                    label={locationSelect.remote.value}\n                    checked={isRemote}\n                    disabled={\n                      !mode.includes('remote') &&\n                      dictionary.location !== 'remote' &&\n                      dictionary.location !== 'hybrid'\n                    }\n                    onChange={(e) => handleRemoteToggle(e.target.checked)}\n                  />\n                </div>\n                <Form.Description>\n                  {locationSelect.testDescription}\n                </Form.Description>\n                <Form.Message />\n              </Form.Item>\n            );\n          }}\n        />\n\n        <AnimatePresence mode=\"wait\">\n          {isLocalChecked && (\n            <motion.div\n              key=\"filePath-input\"\n              initial={{ opacity: 0, height: 0 }}\n              animate={{ opacity: 1, height: 'auto' }}\n              exit={{ opacity: 0, height: 0 }}\n              transition={{ duration: 0.3 }}\n              className=\"overflow-hidden\"\n            >\n              <Form.Input\n                name=\"filePath\"\n                label={filePathInput.label.value}\n                placeholder={filePathInput.placeholder.value}\n                description={filePathInput.description.value}\n                disabled={isSubmitting || !isLocalChecked}\n                onChange={(e) => {\n                  const value = e.target.value;\n                  setEditedDictionary((prev) => ({\n                    ...dictionary,\n                    ...(prev ?? {}),\n                    filePath: value,\n                  }));\n                }}\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.Select\n          name=\"importMode\"\n          label={importModeSelect.label.value}\n          description={importModeSelect.description.value}\n          onValueChange={(value) => {\n            form.setValue('importMode', value as any, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              importMode: value as any,\n            }));\n          }}\n        >\n          <Select.Trigger>\n            <Select.Value placeholder={importModeSelect.label.value} />\n          </Select.Trigger>\n          <Select.Content>\n            <Select.Item value=\"static\">\n              {importModeSelect.static.value}\n            </Select.Item>\n            <Select.Item value=\"dynamic\">\n              {importModeSelect.dynamic.value}\n            </Select.Item>\n            <Select.Item value=\"live\">\n              {importModeSelect.live.value}\n            </Select.Item>\n          </Select.Content>\n        </Form.Select>\n      </div>\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label.value}\n          description={projectInput.description}\n          onValueChange={(value) => {\n            const valueArray = [value].flat();\n            form.setValue('projectIds', valueArray, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              projectIds: valueArray,\n            }));\n          }}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.find((project: any) => String(project.id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.map((project: any) => (\n                  <MultiSelect.Item\n                    key={String(project.id)}\n                    value={String(project.id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label.value}\n          description={tagsSelect.description}\n          onValueChange={(value) => {\n            const valueArray = [value].flat();\n            form.setValue('tags', valueArray, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              tags: valueArray,\n            }));\n          }}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              allTags?.find((tag: any) => String(tag.key) === value)?.name ??\n              value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {allTags?.map((tag: any) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          size={ButtonSize.ICON_MD}\n          label={auditButton.label.value}\n          Icon={WandSparkles}\n          variant={ButtonVariant.OUTLINE}\n          color={ButtonColor.TEXT}\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        />\n      </div>\n    </Form>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DictionaryDetailsForm.mjs","names":["useForm"],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonSize, ButtonVariant } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { Checkbox } from '@components/Input';\nimport { Loader } from '@components/Loader';\nimport { MultiSelect, Select } from '@components/Select';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n} from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { WandSparkles } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useIntlayer } from 'react-intlayer';\nimport { useDictionaryDetailsSchema } from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { data: projectsData, isLoading: isLoadingProjects } =\n    useGetProjects() as any;\n  const { data: tagsData } = useGetTags() as any;\n\n  const projects = (projectsData?.data ?? []) as any[];\n  const allTags = (tagsData?.data ?? []) as any[];\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?.id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: {\n      ...dictionary,\n      location: dictionary.location ?? 'remote',\n    },\n  });\n  const { editedContent, setEditedDictionary } = useEditedContent();\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    projectInput,\n    tagsSelect,\n    locationSelect,\n    importModeSelect,\n    filePathInput,\n    auditButton,\n  } = useIntlayer('dictionary-details');\n  const { mutate: auditContentDeclaration, isPending: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const updatedDictionary =\n    editedContent?.[dictionary.localId as LocalDictionaryId];\n\n  useEffect(() => {\n    form.reset({\n      ...dictionary,\n      location: dictionary.location ?? 'remote',\n    });\n  }, [dictionary, form?.reset]);\n\n  useEffect(() => {\n    if (typeof updatedDictionary === 'undefined') {\n      form.reset({\n        ...dictionary,\n        location: dictionary.location ?? 'remote',\n      });\n    }\n  }, [updatedDictionary]);\n\n  const handleOnAuditFile = () => {\n    const dictionaryToAudit = {\n      ...dictionary,\n      ...updatedDictionary,\n    };\n\n    auditContentDeclaration(\n      {\n        fileContent: JSON.stringify(dictionaryToAudit),\n      },\n      {\n        onSuccess: (response) => {\n          if (!response?.data) return;\n\n          try {\n            const auditedDictionary = response.data.fileContent;\n\n            setEditedDictionary((prev) => ({\n              ...prev,\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            }));\n            form.reset({\n              ...dictionaryToAudit,\n              ...auditedDictionary,\n            });\n          } catch (error) {\n            console.error(error);\n          }\n        },\n      }\n    );\n  };\n\n  const watchedLocation = useWatch({\n    control: form.control,\n    name: 'location',\n  });\n  const isLocalChecked =\n    watchedLocation === 'local' || watchedLocation === 'hybrid';\n\n  return (\n    <Form\n      className=\"flex w-full flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n    >\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label.value}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n          onSave={(value) => {\n            form.setValue('key', value, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              key: value,\n            }));\n          }}\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder.value}\n          description={titleInput.description}\n          disabled={isSubmitting}\n          onSave={(value) => {\n            form.setValue('title', value, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              title: value,\n            }));\n          }}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder.value}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n        onSave={(value) => {\n          form.setValue('description', value, { shouldDirty: true });\n          setEditedDictionary((prev) => ({\n            ...dictionary,\n            ...(prev ?? {}),\n            description: value,\n          }));\n        }}\n      />\n      <div className=\"grid grid-cols-2 gap-8 px-1 max-md:grid-cols-1\">\n        <Form.Field\n          control={form.control}\n          name=\"location\"\n          render={({ field }) => {\n            const value = field.value;\n            const isLocal = value === 'local' || value === 'hybrid';\n            const isRemote = value === 'remote' || value === 'hybrid';\n\n            const handleLocalToggle = (isChecked: boolean) => {\n              if (!isChecked && !isRemote) return;\n\n              const newValue: Dictionary['location'] = isChecked\n                ? isRemote\n                  ? 'hybrid'\n                  : 'local'\n                : 'remote';\n\n              field.onChange(newValue);\n\n              const newFilePath = isChecked\n                ? (form.getValues('filePath') ?? dictionary.filePath)\n                : undefined;\n\n              if (!isChecked) {\n                form.setValue('filePath', undefined);\n              }\n\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                location: newValue,\n                filePath: newFilePath,\n              }));\n            };\n\n            const handleRemoteToggle = (isChecked: boolean) => {\n              if (!isChecked && !isLocal) return;\n\n              const newValue: Dictionary['location'] = isChecked\n                ? isLocal\n                  ? 'hybrid'\n                  : 'remote'\n                : 'local';\n\n              field.onChange(newValue);\n\n              setEditedDictionary((prev) => ({\n                ...dictionary,\n                ...(prev ?? {}),\n                location: newValue,\n              }));\n            };\n\n            return (\n              <Form.Item className=\"flex flex-col gap-2 px-1\">\n                <Form.Label className=\"ml-1\">{locationSelect.label}</Form.Label>\n                <div className=\"ml-2 flex items-center gap-4 py-2\">\n                  <Checkbox\n                    id=\"location-local\"\n                    name=\"location-local\"\n                    label={locationSelect.local.value}\n                    checked={isLocal}\n                    disabled={\n                      !mode.includes('local') && !mode.includes('remote')\n                    }\n                    onChange={(e) => handleLocalToggle(e.target.checked)}\n                  />\n                  <Checkbox\n                    id=\"location-remote\"\n                    name=\"location-remote\"\n                    label={locationSelect.remote.value}\n                    checked={isRemote}\n                    disabled={\n                      !mode.includes('remote') &&\n                      dictionary.location !== 'remote' &&\n                      dictionary.location !== 'hybrid'\n                    }\n                    onChange={(e) => handleRemoteToggle(e.target.checked)}\n                  />\n                </div>\n                <Form.Description>\n                  {locationSelect.testDescription}\n                </Form.Description>\n                <Form.Message />\n              </Form.Item>\n            );\n          }}\n        />\n\n        <AnimatePresence mode=\"wait\">\n          {isLocalChecked && (\n            <motion.div\n              key=\"filePath-input\"\n              initial={{ opacity: 0, height: 0 }}\n              animate={{ opacity: 1, height: 'auto' }}\n              exit={{ opacity: 0, height: 0 }}\n              transition={{ duration: 0.3 }}\n              className=\"overflow-hidden\"\n            >\n              <Form.Input\n                name=\"filePath\"\n                label={filePathInput.label.value}\n                placeholder={filePathInput.placeholder.value}\n                description={filePathInput.description.value}\n                disabled={isSubmitting || !isLocalChecked}\n                onChange={(e) => {\n                  const value = e.target.value;\n                  setEditedDictionary((prev) => ({\n                    ...dictionary,\n                    ...(prev ?? {}),\n                    filePath: value,\n                  }));\n                }}\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.Select\n          name=\"importMode\"\n          label={importModeSelect.label.value}\n          description={importModeSelect.description.value}\n          onValueChange={(value) => {\n            form.setValue('importMode', value as any, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              importMode: value as any,\n            }));\n          }}\n        >\n          <Select.Trigger>\n            <Select.Value placeholder={importModeSelect.label.value} />\n          </Select.Trigger>\n          <Select.Content>\n            <Select.Item value=\"static\">\n              {importModeSelect.static.value}\n            </Select.Item>\n            <Select.Item value=\"dynamic\">\n              {importModeSelect.dynamic.value}\n            </Select.Item>\n            <Select.Item value=\"live\">\n              {importModeSelect.live.value}\n            </Select.Item>\n          </Select.Content>\n        </Form.Select>\n      </div>\n      <div className=\"grid grid-cols-2 gap-8 max-md:grid-cols-1\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label.value}\n          description={projectInput.description}\n          onValueChange={(value) => {\n            const valueArray = [value].flat();\n            form.setValue('projectIds', valueArray, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              projectIds: valueArray,\n            }));\n          }}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.find((project: any) => String(project.id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.map((project: any) => (\n                  <MultiSelect.Item\n                    key={String(project.id)}\n                    value={String(project.id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label.value}\n          description={tagsSelect.description}\n          onValueChange={(value) => {\n            const valueArray = [value].flat();\n            form.setValue('tags', valueArray, { shouldDirty: true });\n            setEditedDictionary((prev) => ({\n              ...dictionary,\n              ...(prev ?? {}),\n              tags: valueArray,\n            }));\n          }}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              allTags?.find((tag: any) => String(tag.key) === value)?.name ??\n              value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {allTags?.map((tag: any) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          size={ButtonSize.ICON_MD}\n          label={auditButton.label.value}\n          Icon={WandSparkles}\n          variant={ButtonVariant.OUTLINE}\n          color={ButtonColor.TEXT}\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        />\n      </div>\n    </Form>\n  );\n};\n"],"mappings":"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"}