@intlayer/design-system 5.0.5 → 5.1.0

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
@@ -12,12 +12,11 @@ const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("deepmerge");
 require("../../../index-DTQyeqio.cjs");
 require("@intlayer/config/client");
-require("@intlayer/api");
 require("../../Button/Button.cjs");
 require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-CSMiPnjC.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
 require("../../Auth/SignInForm/signIn.content.cjs");
 require("zod");
 require("../../Auth/SignInForm/useSignInSchema.content.cjs");
@@ -30,9 +29,11 @@ require("../../Auth/ResetPasswordForm/resetPasswordContent.content.cjs");
 require("../../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
 require("../../Modal/Modal.cjs");
 const components_Loader_index = require("../../Loader/index.cjs");
+require("@intlayer/api");
 require("clsx");
 require("tailwind-merge");
 require("../../Auth/VerifyEmailForm/index.content.cjs");
+const components_Container_index = require("../../Container/index.cjs");
 const components_Select_Multiselect = require("../../Select/Multiselect.cjs");
 const components_Select_Select = require("../../Select/Select.cjs");
 const components_DictionaryFieldEditor_DictionaryDetails_dictionaryDetails_content = require("./dictionaryDetails.content.cjs");
@@ -71,7 +72,7 @@ const DictionaryDetailsForm = ({
   } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_DictionaryDetails_dictionaryDetails_content.dictionaryDetailsContent);
   const { auditContentDeclaration, isLoading: isAuditing } = hooks_intlayerAPIHooks.useAuditContentDeclarationMetadata();
   const { writeDictionary } = hooks_intlayerAPIHooks.useWriteDictionary();
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     form.reset(dictionaryValue);
   }, [dictionary, form?.reset]);
   const isFormEdited = form.formState.isDirty;
@@ -108,187 +109,196 @@ const DictionaryDetailsForm = ({
   };
   const isLoading = isSubmitting || isLoadingTags;
   const { editedContent } = editorReact.useEditedContent();
-  const editedDictionary = require$$0.useMemo(
+  const editedDictionary = ReactExports.useMemo(
     () => editedContent?.[dictionary.key],
     [editedContent, dictionary.key]
   );
-  const isEdited = require$$0.useMemo(
+  const isEdited = ReactExports.useMemo(
     () => editedDictionary && dictionary && JSON.stringify(editedDictionary.content) !== JSON.stringify(dictionary.content),
     [dictionary, editedDictionary]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    components_Form_layout_FormItemLayout.Form,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_Container_index.Container,
     {
-      className: "flex size-full flex-1 flex-col gap-8",
-      ...form,
-      schema: DictionaryDetailsSchema,
-      onSubmitSuccess,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex size-full flex-1 gap-8 max-md:flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Form_layout_FormItemLayout.Form.EditableFieldInput,
-            {
-              name: "key",
-              label: keyInput.label,
-              placeholder: keyInput.label.value,
-              description: keyInput.description,
-              disabled: isSubmitting,
-              isRequired: true
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Form_layout_FormItemLayout.Form.EditableFieldInput,
-            {
-              name: "title",
-              label: titleInput.label,
-              placeholder: titleInput.placeholder.value,
-              description: titleInput.description,
-              disabled: isSubmitting
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          components_Form_layout_FormItemLayout.Form.EditableFieldTextArea,
-          {
-            name: "description",
-            label: descriptionInput.label,
-            placeholder: descriptionInput.placeholder.value,
-            description: descriptionInput.description,
-            disabled: isSubmitting
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex size-full flex-1 gap-8 max-md:flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-            components_Form_layout_FormItemLayout.Form.MultiSelect,
-            {
-              name: "projectIds",
-              label: projectInput.label.value,
-              description: projectInput.description.value,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_Select_Multiselect.MultiSelect.Trigger,
-                  {
-                    getBadgeValue: (value) => projects?.data?.find((project2) => String(project2._id) === value)?.name ?? value,
-                    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Multiselect.MultiSelect.Input, { placeholder: projectInput.placeholder.value })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Multiselect.MultiSelect.Content, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, { isLoading: isLoadingProjects, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Multiselect.MultiSelect.List, { children: projects?.data?.map((project2) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_Select_Multiselect.MultiSelect.Item,
-                  {
-                    value: String(project2._id),
-                    children: project2.name
-                  },
-                  String(project2._id)
-                )) }) }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-            components_Form_layout_FormItemLayout.Form.MultiSelect,
-            {
-              name: "tags",
-              label: tagsSelect.label.value,
-              description: tagsSelect.description.value,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_Select_Multiselect.MultiSelect.Trigger,
-                  {
-                    getBadgeValue: (value) => projects?.data?.find((project2) => String(project2._id) === value)?.name ?? value,
-                    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Multiselect.MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Multiselect.MultiSelect.Content, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, { isLoading: isLoadingProjects, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Multiselect.MultiSelect.List, { children: tags?.data?.map((tag) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_Select_Multiselect.MultiSelect.Item,
-                  {
-                    value: String(tag.key),
-                    children: tag.name ?? tag.key
-                  },
-                  String(tag.key)
-                )) }) }) })
-              ]
-            }
-          )
-        ] }),
-        (dictionary.availableVersions?.length ?? 0) > 1 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex size-full flex-1 gap-8 max-md:flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-            components_Form_layout_FormItemLayout.Form.Select,
-            {
-              name: "publishedVersion",
-              description: publishedVersionSelect.description.value,
-              label: publishedVersionSelect.label,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_Select_Select.Select.Value,
-                  {
-                    placeholder: publishedVersionSelect.placeholder.value
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "-1", children: "LTS" }),
-                  dictionary.availableVersions?.map(
-                    (version) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: version, children: version }, version)
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "w-full" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 max-md:flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              type: "button",
-              label: auditButton.label.value,
-              Icon: lucideReact.WandSparkles,
-              variant: "outline",
-              color: "text",
-              className: "max-md:w-full",
-              onClick: handleOnAuditFile,
-              disabled: isSubmitting || isAuditing,
-              isLoading: isAuditing,
-              children: auditButton.text
-            }
-          ),
-          mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              type: "submit",
-              label: publishButton.label.value,
-              disabled: isSubmitting || !isFormEdited || isLoading,
-              Icon: lucideReact.ArrowUpFromLine,
-              color: "text",
-              className: "max-md:w-full",
-              isLoading: isSubmitting,
-              children: publishButton.text
-            }
-          ) : isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              type: "submit",
-              label: saveButton.label.value,
-              disabled: isSubmitting || !isFormEdited || isLoading,
-              Icon: lucideReact.Save,
-              color: "text",
-              className: "max-md:w-full",
-              isLoading: isSubmitting,
-              children: saveButton.text
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              type: "submit",
-              label: downloadButton.label.value,
-              disabled: isSubmitting || !isFormEdited || isLoading,
-              Icon: lucideReact.Download,
-              color: "text",
-              className: "max-md:w-full",
-              isLoading: isSubmitting,
-              children: downloadButton.text
-            }
-          )
-        ] })
-      ]
+      background: "none",
+      border: true,
+      roundedSize: "2xl",
+      className: "w-full px-5 pb-3 pt-5",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        components_Form_layout_FormItemLayout.Form,
+        {
+          className: "flex w-full flex-col gap-8",
+          ...form,
+          schema: DictionaryDetailsSchema,
+          onSubmitSuccess,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-1 gap-8 max-md:flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components_Form_layout_FormItemLayout.Form.EditableFieldInput,
+                {
+                  name: "key",
+                  label: keyInput.label,
+                  placeholder: keyInput.label.value,
+                  description: keyInput.description,
+                  disabled: isSubmitting,
+                  isRequired: true
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components_Form_layout_FormItemLayout.Form.EditableFieldInput,
+                {
+                  name: "title",
+                  label: titleInput.label,
+                  placeholder: titleInput.placeholder.value,
+                  description: titleInput.description,
+                  disabled: isSubmitting
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              components_Form_layout_FormItemLayout.Form.EditableFieldTextArea,
+              {
+                name: "description",
+                label: descriptionInput.label,
+                placeholder: descriptionInput.placeholder.value,
+                description: descriptionInput.description,
+                disabled: isSubmitting
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full flex-1 gap-8 max-md:flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                components_Form_layout_FormItemLayout.Form.MultiSelect,
+                {
+                  name: "projectIds",
+                  label: projectInput.label.value,
+                  description: projectInput.description.value,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      components_Select_Multiselect.MultiSelect.Trigger,
+                      {
+                        getBadgeValue: (value) => projects?.data?.find((project2) => String(project2._id) === value)?.name ?? value,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Multiselect.MultiSelect.Input, { placeholder: projectInput.placeholder.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(components_Select_Multiselect.MultiSelect.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_Loader_index.Loader, { isLoading: isLoadingProjects, children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Multiselect.MultiSelect.List, { children: projects?.data?.map((project2) => /* @__PURE__ */ jsxRuntime.jsx(
+                      components_Select_Multiselect.MultiSelect.Item,
+                      {
+                        value: String(project2._id),
+                        children: project2.name
+                      },
+                      String(project2._id)
+                    )) }) }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                components_Form_layout_FormItemLayout.Form.MultiSelect,
+                {
+                  name: "tags",
+                  label: tagsSelect.label.value,
+                  description: tagsSelect.description.value,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      components_Select_Multiselect.MultiSelect.Trigger,
+                      {
+                        getBadgeValue: (value) => projects?.data?.find((project2) => String(project2._id) === value)?.name ?? value,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Multiselect.MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(components_Select_Multiselect.MultiSelect.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_Loader_index.Loader, { isLoading: isLoadingProjects, children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Multiselect.MultiSelect.List, { children: tags?.data?.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+                      components_Select_Multiselect.MultiSelect.Item,
+                      {
+                        value: String(tag.key),
+                        children: tag.name ?? tag.key
+                      },
+                      String(tag.key)
+                    )) }) }) })
+                  ]
+                }
+              )
+            ] }),
+            (dictionary.availableVersions?.length ?? 0) > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full flex-1 gap-8 max-md:flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                components_Form_layout_FormItemLayout.Form.Select,
+                {
+                  name: "publishedVersion",
+                  description: publishedVersionSelect.description.value,
+                  label: publishedVersionSelect.label,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      components_Select_Select.Select.Value,
+                      {
+                        placeholder: publishedVersionSelect.placeholder.value
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select.Content, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "-1", children: "LTS" }),
+                      dictionary.availableVersions?.map(
+                        (version) => /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: version, children: version }, version)
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 max-md:flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components_Form_layout_FormItemLayout.Form.Button,
+                {
+                  type: "button",
+                  label: auditButton.label.value,
+                  Icon: lucideReact.WandSparkles,
+                  variant: "outline",
+                  color: "text",
+                  className: "max-md:w-full",
+                  onClick: handleOnAuditFile,
+                  disabled: isSubmitting || isAuditing,
+                  isLoading: isAuditing,
+                  children: auditButton.text
+                }
+              ),
+              mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntime.jsx(
+                components_Form_layout_FormItemLayout.Form.Button,
+                {
+                  type: "submit",
+                  label: publishButton.label.value,
+                  disabled: isSubmitting || !isFormEdited || isLoading,
+                  Icon: lucideReact.ArrowUpFromLine,
+                  color: "text",
+                  className: "max-md:w-full",
+                  isLoading: isSubmitting,
+                  children: publishButton.text
+                }
+              ) : isEdited && /* @__PURE__ */ jsxRuntime.jsx(
+                components_Form_layout_FormItemLayout.Form.Button,
+                {
+                  type: "submit",
+                  label: saveButton.label.value,
+                  disabled: isSubmitting || !isFormEdited || isLoading,
+                  Icon: lucideReact.Save,
+                  color: "text",
+                  className: "max-md:w-full",
+                  isLoading: isSubmitting,
+                  children: saveButton.text
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                components_Form_layout_FormItemLayout.Form.Button,
+                {
+                  type: "submit",
+                  label: downloadButton.label.value,
+                  disabled: isSubmitting || !isFormEdited || isLoading,
+                  Icon: lucideReact.Download,
+                  color: "text",
+                  className: "max-md:w-full",
+                  isLoading: isSubmitting,
+                  children: downloadButton.text
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
   );
 };

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport {\n  DictionaryAPI,\n  Dictionary as DistantDictionary,\n} from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, Save, WandSparkles } from 'lucide-react';\nimport { type FC, useEffect, useMemo } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { Loader } from '../../Loader';\nimport { MultiSelect, Select } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n  useDictionaryDetailsSchema,\n  DictionaryDetailsFormData,\n} 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 } = useAuth();\n  const { project } = session ?? {};\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { pushDictionaries } = usePushDictionaries();\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags, isLoading: isLoadingTags } = useGetTags();\n  const dictionaryValue = {\n    ...dictionary,\n    version: dictionary.version ?? '-1',\n  };\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?._id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionaryValue,\n  });\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    publishedVersionSelect,\n    publishButton,\n    saveButton,\n    projectInput,\n    tagsSelect,\n    auditButton,\n    downloadButton,\n  } = useDictionary(dictionaryDetailsContent);\n  const { auditContentDeclaration, isLoading: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const { writeDictionary } = useWriteDictionary();\n\n  useEffect(() => {\n    form.reset(dictionaryValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dictionary, form?.reset]);\n\n  const isFormEdited = form.formState.isDirty;\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...data,\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n\n    setLocaleDictionary(updatedDictionary);\n  };\n\n  const handleOnAuditFile = async () => {\n    const updatedDictionary = form.getValues();\n    await auditContentDeclaration({\n      fileContent: JSON.stringify({ ...dictionary, ...updatedDictionary }),\n    }).then((response) => {\n      if (!response.data) return;\n\n      try {\n        const editedDictionary = JSON.parse(response.data.fileContent) as\n          | Partial<Dictionary>\n          | undefined;\n\n        form.reset({\n          ...updatedDictionary,\n          ...editedDictionary,\n          publishedVersion: updatedDictionary.publishedVersion ?? '-1',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    });\n  };\n\n  const isLoading = isSubmitting || isLoadingTags;\n\n  const { editedContent } = useEditedContent();\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      dictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [dictionary, editedDictionary]\n  );\n\n  return (\n    <Form\n      className=\"flex size-full flex-1 flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\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        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder.value}\n          description={titleInput.description}\n          disabled={isSubmitting}\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      />\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label.value}\n          description={projectInput.description.value}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => 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?.data?.map((project) => (\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.value}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder.value} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {tags?.data?.map((tag) => (\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      {((dictionary as DictionaryAPI).availableVersions?.length ?? 0) > 1 && (\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.Select\n            name=\"publishedVersion\"\n            description={publishedVersionSelect.description.value}\n            label={publishedVersionSelect.label}\n          >\n            <Select.Trigger>\n              <Select.Value\n                placeholder={publishedVersionSelect.placeholder.value}\n              />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Item value=\"-1\">LTS</Select.Item>\n              {(dictionary as DictionaryAPI).availableVersions?.map(\n                (version) => (\n                  <Select.Item value={version} key={version}>\n                    {version}\n                  </Select.Item>\n                )\n              )}\n            </Select.Content>\n          </Form.Select>\n          <div className=\"w-full\" />\n        </div>\n      )}\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          label={auditButton.label.value}\n          Icon={WandSparkles}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        >\n          {auditButton.text}\n        </Form.Button>\n\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label.value}\n              disabled={isSubmitting || !isFormEdited || isLoading}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label.value}\n                disabled={isSubmitting || !isFormEdited || isLoading}\n                Icon={Save}\n                color=\"text\"\n                className=\"max-md:w-full\"\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label.value}\n            disabled={isSubmitting || !isFormEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </div>\n    </Form>\n  );\n};\n"],"names":["useAuth","useDictionariesRecordActions","usePushDictionaries","useGetProjects","useGetTags","useDictionaryDetailsSchema","useForm","useDictionary","dictionaryDetailsContent","useAuditContentDeclarationMetadata","useWriteDictionary","useEffect","editedDictionary","useEditedContent","useMemo","jsxs","Form","jsx","MultiSelect","project","Loader","Select","WandSparkles","ArrowUpFromLine","Save","Download"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,wBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,QAAQ,IAAIA,sCAAQ;AAC5B,QAAM,EAAE,YAAY,WAAW,CAAC;AAC1B,QAAA,EAAE,oBAAoB,IAAIC,yCAA6B;AACvD,QAAA,EAAE,iBAAiB,IAAIC,2CAAoB;AACjD,QAAM,EAAE,MAAM,UAAU,WAAW,kBAAA,IAAsBC,uBAAAA,eAAe;AACxE,QAAM,EAAE,MAAM,MAAM,WAAW,cAAA,IAAkBC,uBAAAA,WAAW;AAC5D,QAAM,kBAAkB;AAAA,IACtB,GAAG;AAAA,IACH,SAAS,WAAW,WAAW;AAAA,EACjC;AAEA,QAAM,0BAA0BC,8EAAA;AAAA,IAC9B,OAAO,SAAS,GAAG;AAAA,EACrB;AACA,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,yBAAyB;AAAA,IAC9D,eAAe;AAAA,EAAA,CAChB;AACK,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,6EAAAA,wBAAwB;AAC1C,QAAM,EAAE,yBAAyB,WAAW,WAAA,IAC1CC,uBAAAA,mCAAmC;AAC/B,QAAA,EAAE,gBAAgB,IAAIC,0CAAmB;AAE/CC,aAAAA,UAAU,MAAM;AACd,SAAK,MAAM,eAAe;AAAA,EAEzB,GAAA,CAAC,YAAY,MAAM,KAAK,CAAC;AAEtB,QAAA,eAAe,KAAK,UAAU;AAC9B,QAAA,oBACJ,OAAQ,YAAkC,QAAQ;AAE9C,QAAA,kBAAkB,OAAO,SAAoC;AACjE,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,QAAI,SAAS,UAAU;AACf,YAAA,iBAAiB,CAAC,iBAAiB,CAAC;AAAA,IAAA,OACrC;AACL,YAAM,gBAAgB,iBAAiB;AAAA,IAAA;AAGzC,wBAAoB,iBAAiB;AAAA,EACvC;AAEA,QAAM,oBAAoB,YAAY;AAC9B,UAAA,oBAAoB,KAAK,UAAU;AACzC,UAAM,wBAAwB;AAAA,MAC5B,aAAa,KAAK,UAAU,EAAE,GAAG,YAAY,GAAG,kBAAmB,CAAA;AAAA,IAAA,CACpE,EAAE,KAAK,CAAC,aAAa;AAChB,UAAA,CAAC,SAAS,KAAM;AAEhB,UAAA;AACF,cAAMC,oBAAmB,KAAK,MAAM,SAAS,KAAK,WAAW;AAI7D,aAAK,MAAM;AAAA,UACT,GAAG;AAAA,UACH,GAAGA;AAAAA,UACH,kBAAkB,kBAAkB,oBAAoB;AAAA,QAAA,CACzD;AAAA,eACM,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MAAA;AAAA,IACrB,CACD;AAAA,EACH;AAEA,QAAM,YAAY,gBAAgB;AAE5B,QAAA,EAAE,cAAc,IAAIC,6BAAiB;AAC3C,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,gBAAgB,WAAW,GAAG;AAAA,IACpC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AACA,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,cACA,KAAK,UAAU,iBAAiB,OAAO,MACrC,KAAK,UAAU,WAAW,OAAO;AAAA,IACrC,CAAC,YAAY,gBAAgB;AAAA,EAC/B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,SAAS;AAAA,cAChB,aAAa,SAAS,MAAM;AAAA,cAC5B,aAAa,SAAS;AAAA,cACtB,UAAU;AAAA,cACV,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,aAAa,WAAW,YAAY;AAAA,cACpC,aAAa,WAAW;AAAA,cACxB,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QACAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,iBAAiB;AAAA,YACxB,aAAa,iBAAiB,YAAY;AAAA,YAC1C,aAAa,iBAAiB;AAAA,YAC9B,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QACAD,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,+CACb,UAAA;AAAA,UAAAA,2BAAA,kBAAA;AAAA,YAACC,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,aAAa,MAAM;AAAA,cAC1B,aAAa,aAAa,YAAY;AAAA,cAEtC,UAAA;AAAA,gBAAAC,2BAAA,kBAAA;AAAA,kBAACC,8BAAAA,YAAY;AAAA,kBAAZ;AAAA,oBACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,oBAGd,2DAACD,8BAAAA,YAAY,OAAZ,EAAkB,aAAa,aAAa,YAAY,MAAO,CAAA;AAAA,kBAAA;AAAA,gBAClE;AAAA,iEACCA,8BAAAA,YAAY,SAAZ,EACC,UAAAD,2BAAAA,kBAAAA,IAACG,kCAAO,WAAW,mBACjB,UAACH,2BAAAA,kBAAAA,IAAAC,8BAAA,YAAY,MAAZ,EACE,UAAA,UAAU,MAAM,IAAI,CAACC,aACpBF,2BAAA,kBAAA;AAAA,kBAACC,8BAAAA,YAAY;AAAA,kBAAZ;AAAA,oBAEC,OAAO,OAAOC,SAAQ,GAAG;AAAA,oBAExB,UAAAA,SAAQ;AAAA,kBAAA;AAAA,kBAHJ,OAAOA,SAAQ,GAAG;AAAA,gBAAA,CAK1B,EACH,CAAA,EAAA,CACF,EACF,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEAJ,2BAAA,kBAAA;AAAA,YAACC,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cAEpC,UAAA;AAAA,gBAAAC,2BAAA,kBAAA;AAAA,kBAACC,8BAAAA,YAAY;AAAA,kBAAZ;AAAA,oBACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,oBAGd,2DAACD,8BAAAA,YAAY,OAAZ,EAAkB,aAAa,WAAW,YAAY,MAAO,CAAA;AAAA,kBAAA;AAAA,gBAChE;AAAA,iEACCA,8BAAAA,YAAY,SAAZ,EACC,UAAAD,2BAAAA,kBAAAA,IAACG,kCAAO,WAAW,mBACjB,UAACH,2BAAAA,kBAAAA,IAAAC,8BAAA,YAAY,MAAZ,EACE,UAAA,MAAM,MAAM,IAAI,CAAC,QAChBD,2BAAA,kBAAA;AAAA,kBAACC,8BAAAA,YAAY;AAAA,kBAAZ;AAAA,oBAEC,OAAO,OAAO,IAAI,GAAG;AAAA,oBAEpB,UAAA,IAAI,QAAQ,IAAI;AAAA,kBAAA;AAAA,kBAHZ,OAAO,IAAI,GAAG;AAAA,gBAAA,CAKtB,EACH,CAAA,EAAA,CACF,EACF,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,GACF;AAAA,SACG,WAA6B,mBAAmB,UAAU,KAAK,KAC/DH,2BAAA,kBAAA,KAAA,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,UAAAA,2BAAA,kBAAA;AAAA,YAACC,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,aAAa,uBAAuB,YAAY;AAAA,cAChD,OAAO,uBAAuB;AAAA,cAE9B,UAAA;AAAA,gBAACC,2BAAAA,kBAAAA,IAAAI,yBAAA,OAAO,SAAP,EACC,UAAAJ,2BAAA,kBAAA;AAAA,kBAACI,yBAAAA,OAAO;AAAA,kBAAP;AAAA,oBACC,aAAa,uBAAuB,YAAY;AAAA,kBAAA;AAAA,gBAAA,GAEpD;AAAA,gBACAN,2BAAAA,kBAAAA,KAACM,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,kBAAAJ,2BAAA,kBAAA,IAACI,yBAAO,OAAA,MAAP,EAAY,OAAM,MAAK,UAAG,OAAA;AAAA,kBACzB,WAA6B,mBAAmB;AAAA,oBAChD,CAAC,YACEJ,iDAAAI,yBAAAA,OAAO,MAAP,EAAY,OAAO,SACjB,UAAA,QAAA,GAD+B,OAElC;AAAA,kBAAA;AAAA,gBAEJ,EACF,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACAJ,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,SAAS,CAAA;AAAA,QAAA,GAC1B;AAAA,QAGFF,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,iEACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,YAAY,MAAM;AAAA,cACzB,MAAMM,YAAA;AAAA,cACN,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,WAAU;AAAA,cACV,SAAS;AAAA,cACT,UAAU,gBAAgB;AAAA,cAC1B,WAAW;AAAA,cAEV,UAAY,YAAA;AAAA,YAAA;AAAA,UACf;AAAA,UAEC,SAAS,WACR,oBACEL,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc,MAAM;AAAA,cAC3B,UAAU,gBAAgB,CAAC,gBAAgB;AAAA,cAC3C,MAAMO,YAAA;AAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cAEV,UAAc,cAAA;AAAA,YAAA;AAAA,cAGjB,YACEN,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,UAAU,gBAAgB,CAAC,gBAAgB;AAAA,cAC3C,MAAMQ,YAAA;AAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cAEV,UAAW,WAAA;AAAA,YAAA;AAAA,UAAA,IAKlBP,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,eAAe,MAAM;AAAA,cAC5B,UAAU,gBAAgB,CAAC,gBAAgB;AAAA,cAC3C,MAAMS,YAAA;AAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cAEV,UAAe,eAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAClB,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"DictionaryDetailsForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  DictionaryAPI,\n  Dictionary as DistantDictionary,\n} from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, Save, WandSparkles } from 'lucide-react';\nimport { type FC, useEffect, useMemo } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Container } from '../../Container';\nimport { Form, useForm } from '../../Form';\nimport { Loader } from '../../Loader';\nimport { MultiSelect, Select } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n  type DictionaryDetailsFormData,\n  useDictionaryDetailsSchema,\n} 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 } = useAuth();\n  const { project } = session ?? {};\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { pushDictionaries } = usePushDictionaries();\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags, isLoading: isLoadingTags } = useGetTags();\n  const dictionaryValue = {\n    ...dictionary,\n    version: dictionary.version ?? '-1',\n  };\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?._id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionaryValue,\n  });\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    publishedVersionSelect,\n    publishButton,\n    saveButton,\n    projectInput,\n    tagsSelect,\n    auditButton,\n    downloadButton,\n  } = useDictionary(dictionaryDetailsContent);\n  const { auditContentDeclaration, isLoading: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const { writeDictionary } = useWriteDictionary();\n\n  useEffect(() => {\n    form.reset(dictionaryValue);\n  }, [dictionary, form?.reset]);\n\n  const isFormEdited = form.formState.isDirty;\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...data,\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n\n    setLocaleDictionary(updatedDictionary);\n  };\n\n  const handleOnAuditFile = async () => {\n    const updatedDictionary = form.getValues();\n    await auditContentDeclaration({\n      fileContent: JSON.stringify({ ...dictionary, ...updatedDictionary }),\n    }).then((response) => {\n      if (!response.data) return;\n\n      try {\n        const editedDictionary = JSON.parse(response.data.fileContent) as\n          | Partial<Dictionary>\n          | undefined;\n\n        form.reset({\n          ...updatedDictionary,\n          ...editedDictionary,\n          publishedVersion: updatedDictionary.publishedVersion ?? '-1',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    });\n  };\n\n  const isLoading = isSubmitting || isLoadingTags;\n\n  const { editedContent } = useEditedContent();\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      dictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [dictionary, editedDictionary]\n  );\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"2xl\"\n      className=\"w-full px-5 pb-3 pt-5\"\n    >\n      <Form\n        className=\"flex w-full flex-col gap-8\"\n        {...form}\n        schema={DictionaryDetailsSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        <div className=\"flex w-full flex-1 gap-8 max-md:flex-col\">\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          />\n          <Form.EditableFieldInput\n            name=\"title\"\n            label={titleInput.label}\n            placeholder={titleInput.placeholder.value}\n            description={titleInput.description}\n            disabled={isSubmitting}\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        />\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.MultiSelect\n            name=\"projectIds\"\n            label={projectInput.label.value}\n            description={projectInput.description.value}\n          >\n            <MultiSelect.Trigger\n              getBadgeValue={(value) =>\n                projects?.data?.find((project) => 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?.data?.map((project) => (\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.value}\n          >\n            <MultiSelect.Trigger\n              getBadgeValue={(value) =>\n                projects?.data?.find((project) => String(project._id) === value)\n                  ?.name ?? value\n              }\n            >\n              <MultiSelect.Input placeholder={tagsSelect.placeholder.value} />\n            </MultiSelect.Trigger>\n            <MultiSelect.Content>\n              <Loader isLoading={isLoadingProjects}>\n                <MultiSelect.List>\n                  {tags?.data?.map((tag) => (\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        {((dictionary as DictionaryAPI).availableVersions?.length ?? 0) > 1 && (\n          <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n            <Form.Select\n              name=\"publishedVersion\"\n              description={publishedVersionSelect.description.value}\n              label={publishedVersionSelect.label}\n            >\n              <Select.Trigger>\n                <Select.Value\n                  placeholder={publishedVersionSelect.placeholder.value}\n                />\n              </Select.Trigger>\n              <Select.Content>\n                <Select.Item value=\"-1\">LTS</Select.Item>\n                {(dictionary as DictionaryAPI).availableVersions?.map(\n                  (version) => (\n                    <Select.Item value={version} key={version}>\n                      {version}\n                    </Select.Item>\n                  )\n                )}\n              </Select.Content>\n            </Form.Select>\n            <div className=\"w-full\" />\n          </div>\n        )}\n\n        <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n          <Form.Button\n            type=\"button\"\n            label={auditButton.label.value}\n            Icon={WandSparkles}\n            variant=\"outline\"\n            color=\"text\"\n            className=\"max-md:w-full\"\n            onClick={handleOnAuditFile}\n            disabled={isSubmitting || isAuditing}\n            isLoading={isAuditing}\n          >\n            {auditButton.text}\n          </Form.Button>\n\n          {mode === 'remote' ? (\n            isLocalDictionary ? (\n              <Form.Button\n                type=\"submit\"\n                label={publishButton.label.value}\n                disabled={isSubmitting || !isFormEdited || isLoading}\n                Icon={ArrowUpFromLine}\n                color=\"text\"\n                className=\"max-md:w-full\"\n                isLoading={isSubmitting}\n              >\n                {publishButton.text}\n              </Form.Button>\n            ) : (\n              isEdited && (\n                <Form.Button\n                  type=\"submit\"\n                  label={saveButton.label.value}\n                  disabled={isSubmitting || !isFormEdited || isLoading}\n                  Icon={Save}\n                  color=\"text\"\n                  className=\"max-md:w-full\"\n                  isLoading={isSubmitting}\n                >\n                  {saveButton.text}\n                </Form.Button>\n              )\n            )\n          ) : (\n            <Form.Button\n              type=\"submit\"\n              label={downloadButton.label.value}\n              disabled={isSubmitting || !isFormEdited || isLoading}\n              Icon={Download}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {downloadButton.text}\n            </Form.Button>\n          )}\n        </div>\n      </Form>\n    </Container>\n  );\n};\n"],"names":["useAuth","useDictionariesRecordActions","usePushDictionaries","useGetProjects","useGetTags","useDictionaryDetailsSchema","useForm","useDictionary","dictionaryDetailsContent","useAuditContentDeclarationMetadata","useWriteDictionary","useEffect","editedDictionary","useEditedContent","useMemo","jsx","Container","jsxs","Form","MultiSelect","project","Loader","Select","WandSparkles","ArrowUpFromLine","Save","Download"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,OAAO,EAAE,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AAoBpD,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,sBAAsB,CAoR5D,CAAC"}
+{"version":3,"file":"DictionaryDetailsForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAE,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AAoBpD,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,sBAAsB,CA0R5D,CAAC"}