@intlayer/design-system 5.0.0 → 5.0.2

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

@@ -8,7 +8,7 @@ import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { usePushDictionaries, useGetProjects, useGetTags, useAuditContentDeclarationMetadata, useWriteDictionary } from "../../../hooks/intlayerAPIHooks.mjs";
 import "deepmerge";
-import "../../../index-Di_3dNqI.js";
+import "../../../index-BVYRWLUL.js";
 import "@intlayer/config/client";
 import "@intlayer/api";
 import "../../Button/Button.mjs";
@@ -47,7 +47,7 @@ const DictionaryDetailsForm = ({
   const { data: tags, isLoading: isLoadingTags } = useGetTags();
   const dictionaryValue = {
     ...dictionary,
-    publishedVersion: dictionary.publishedVersion ?? "-1"
+    version: dictionary.version ?? "-1"
   };
   const DictionaryDetailsSchema = useDictionaryDetailsSchema(
     String(project?._id)
@@ -128,7 +128,7 @@ const DictionaryDetailsForm = ({
             {
               name: "key",
               label: keyInput.label,
-              placeholder: keyInput.label,
+              placeholder: keyInput.label.value,
               description: keyInput.description,
               disabled: isSubmitting,
               isRequired: true
@@ -139,7 +139,7 @@ const DictionaryDetailsForm = ({
             {
               name: "title",
               label: titleInput.label,
-              placeholder: titleInput.placeholder,
+              placeholder: titleInput.placeholder.value,
               description: titleInput.description,
               disabled: isSubmitting
             }
@@ -150,7 +150,7 @@ const DictionaryDetailsForm = ({
           {
             name: "description",
             label: descriptionInput.label,
-            placeholder: descriptionInput.placeholder,
+            placeholder: descriptionInput.placeholder.value,
             description: descriptionInput.description,
             disabled: isSubmitting
           }
@@ -160,14 +160,14 @@ const DictionaryDetailsForm = ({
             Form.MultiSelect,
             {
               name: "projectIds",
-              label: projectInput.label,
-              description: projectInput.description,
+              label: projectInput.label.value,
+              description: projectInput.description.value,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   MultiSelect.Trigger,
                   {
                     getBadgeValue: (value) => projects?.data?.find((project2) => String(project2._id) === value)?.name ?? value,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.Input, { placeholder: projectInput.placeholder })
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.Input, { placeholder: projectInput.placeholder.value })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { isLoading: isLoadingProjects, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.List, { children: projects?.data?.map((project2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -185,14 +185,14 @@ const DictionaryDetailsForm = ({
             Form.MultiSelect,
             {
               name: "tags",
-              label: tagsSelect.label,
-              description: tagsSelect.description,
+              label: tagsSelect.label.value,
+              description: tagsSelect.description.value,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   MultiSelect.Trigger,
                   {
                     getBadgeValue: (value) => projects?.data?.find((project2) => String(project2._id) === value)?.name ?? value,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.Input, { placeholder: tagsSelect.placeholder })
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { isLoading: isLoadingProjects, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiSelect.List, { children: tags?.data?.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -212,10 +212,15 @@ const DictionaryDetailsForm = ({
             Form.Select,
             {
               name: "publishedVersion",
-              description: publishedVersionSelect.description,
+              description: publishedVersionSelect.description.value,
               label: publishedVersionSelect.label,
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Value, { placeholder: publishedVersionSelect.placeholder }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Trigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Select.Value,
+                  {
+                    placeholder: publishedVersionSelect.placeholder.value
+                  }
+                ) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(Select.Content, { children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Select.Item, { value: "-1", children: "LTS" }),
                   dictionary.availableVersions?.map(
@@ -232,7 +237,7 @@ const DictionaryDetailsForm = ({
             Form.Button,
             {
               type: "button",
-              label: auditButton.label,
+              label: auditButton.label.value,
               Icon: WandSparkles,
               variant: "outline",
               color: "text",
@@ -247,7 +252,7 @@ const DictionaryDetailsForm = ({
             Form.Button,
             {
               type: "submit",
-              label: publishButton.label,
+              label: publishButton.label.value,
               disabled: isSubmitting || !isFormEdited || isLoading,
               Icon: ArrowUpFromLine,
               color: "text",
@@ -259,7 +264,7 @@ const DictionaryDetailsForm = ({
             Form.Button,
             {
               type: "submit",
-              label: saveButton.label,
+              label: saveButton.label.value,
               disabled: isSubmitting || !isFormEdited || isLoading,
               Icon: Save,
               color: "text",
@@ -271,7 +276,7 @@ const DictionaryDetailsForm = ({
             Form.Button,
             {
               type: "submit",
-              label: downloadButton.label,
+              label: downloadButton.label.value,
               disabled: isSubmitting || !isFormEdited || isLoading,
               Icon: Download,
               color: "text",

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.mjs","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    publishedVersion: dictionary.publishedVersion ?? '-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}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder}\n          description={titleInput.description}\n          disabled={isSubmitting}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder}\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}\n          description={projectInput.description}\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} />\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}\n          description={tagsSelect.description}\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} />\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}\n            label={publishedVersionSelect.label}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder={publishedVersionSelect.placeholder} />\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}\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}\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}\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}\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":["editedDictionary","jsxs","jsx","project"],"mappings":"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"}
+{"version":3,"file":"DictionaryDetailsForm.mjs","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":["editedDictionary","jsxs","jsx","project"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,wBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,QAAQ,IAAI,QAAQ;AAC5B,QAAM,EAAE,YAAY,WAAW,CAAC;AAC1B,QAAA,EAAE,oBAAoB,IAAI,6BAA6B;AACvD,QAAA,EAAE,iBAAiB,IAAI,oBAAoB;AACjD,QAAM,EAAE,MAAM,UAAU,WAAW,kBAAA,IAAsB,eAAe;AACxE,QAAM,EAAE,MAAM,MAAM,WAAW,cAAA,IAAkB,WAAW;AAC5D,QAAM,kBAAkB;AAAA,IACtB,GAAG;AAAA,IACH,SAAS,WAAW,WAAW;AAAA,EACjC;AAEA,QAAM,0BAA0B;AAAA,IAC9B,OAAO,SAAS,GAAG;AAAA,EACrB;AACA,QAAM,EAAE,MAAM,iBAAiB,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,IACE,cAAc,wBAAwB;AAC1C,QAAM,EAAE,yBAAyB,WAAW,WAAA,IAC1C,mCAAmC;AAC/B,QAAA,EAAE,gBAAgB,IAAI,mBAAmB;AAE/C,YAAU,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,cAAMA,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,IAAI,iBAAiB;AAC3C,QAAM,mBAAmB;AAAA,IACvB,MAAM,gBAAgB,WAAW,GAAG;AAAA,IACpC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AACA,QAAM,WAAW;AAAA,IACf,MACE,oBACA,cACA,KAAK,UAAU,iBAAiB,OAAO,MACrC,KAAK,UAAU,WAAW,OAAO;AAAA,IACrC,CAAC,YAAY,gBAAgB;AAAA,EAC/B;AAGE,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,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,UACAA,kCAAA;AAAA,YAAC,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,QACAA,kCAAA;AAAA,UAAC,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,kCAAAA,KAAC,OAAI,EAAA,WAAU,+CACb,UAAA;AAAA,UAAAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,aAAa,MAAM;AAAA,cAC1B,aAAa,aAAa,YAAY;AAAA,cAEtC,UAAA;AAAA,gBAAAC,kCAAA;AAAA,kBAAC,YAAY;AAAA,kBAAZ;AAAA,oBACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,oBAGd,gDAAC,YAAY,OAAZ,EAAkB,aAAa,aAAa,YAAY,MAAO,CAAA;AAAA,kBAAA;AAAA,gBAClE;AAAA,sDACC,YAAY,SAAZ,EACC,UAAAD,kCAAAA,IAAC,UAAO,WAAW,mBACjB,UAACA,kCAAAA,IAAA,YAAY,MAAZ,EACE,UAAA,UAAU,MAAM,IAAI,CAACC,aACpBD,kCAAA;AAAA,kBAAC,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,UAEAF,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cAEpC,UAAA;AAAA,gBAAAC,kCAAA;AAAA,kBAAC,YAAY;AAAA,kBAAZ;AAAA,oBACC,eAAe,CAAC,UACd,UAAU,MAAM,KAAK,CAACC,aAAY,OAAOA,SAAQ,GAAG,MAAM,KAAK,GAC3D,QAAQ;AAAA,oBAGd,gDAAC,YAAY,OAAZ,EAAkB,aAAa,WAAW,YAAY,MAAO,CAAA;AAAA,kBAAA;AAAA,gBAChE;AAAA,sDACC,YAAY,SAAZ,EACC,UAAAD,kCAAAA,IAAC,UAAO,WAAW,mBACjB,UAACA,kCAAAA,IAAA,YAAY,MAAZ,EACE,UAAA,MAAM,MAAM,IAAI,CAAC,QAChBA,kCAAA;AAAA,kBAAC,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/DD,kCAAA,KAAA,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,UAAAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,aAAa,uBAAuB,YAAY;AAAA,cAChD,OAAO,uBAAuB;AAAA,cAE9B,UAAA;AAAA,gBAACC,kCAAAA,IAAA,OAAO,SAAP,EACC,UAAAA,kCAAA;AAAA,kBAAC,OAAO;AAAA,kBAAP;AAAA,oBACC,aAAa,uBAAuB,YAAY;AAAA,kBAAA;AAAA,gBAAA,GAEpD;AAAA,gBACAD,kCAAAA,KAAC,OAAO,SAAP,EACC,UAAA;AAAA,kBAAAC,kCAAA,IAAC,OAAO,MAAP,EAAY,OAAM,MAAK,UAAG,OAAA;AAAA,kBACzB,WAA6B,mBAAmB;AAAA,oBAChD,CAAC,YACEA,sCAAA,OAAO,MAAP,EAAY,OAAO,SACjB,UAAA,QAAA,GAD+B,OAElC;AAAA,kBAAA;AAAA,gBAEJ,EACF,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,SAAS,CAAA;AAAA,QAAA,GAC1B;AAAA,QAGFD,kCAAAA,KAAC,OAAI,EAAA,WAAU,iEACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,YAAY,MAAM;AAAA,cACzB,MAAM;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,oBACEA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc,MAAM;AAAA,cAC3B,UAAU,gBAAgB,CAAC,gBAAgB;AAAA,cAC3C,MAAM;AAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cAEV,UAAc,cAAA;AAAA,YAAA;AAAA,cAGjB,YACEA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,UAAU,gBAAgB,CAAC,gBAAgB;AAAA,cAC3C,MAAM;AAAA,cACN,OAAM;AAAA,cACN,WAAU;AAAA,cACV,WAAW;AAAA,cAEV,UAAW,WAAA;AAAA,YAAA;AAAA,UAAA,IAKlBA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,eAAe,MAAM;AAAA,cAC5B,UAAU,gBAAgB,CAAC,gBAAgB;AAAA,cAC3C,MAAM;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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDetailsSchema.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useDictionaryDetailsSchemaContent } from './useDictionaryDetailsSchema.content';\n\nexport const useDictionaryDetailsSchema = (projectId: string) => {\n  const {\n    titleRequiredError,\n    titleInvalidTypeError,\n    titleMinLengthError,\n    keyRequiredError,\n    keyInvalidTypeError,\n    keySpaceError,\n    keyMinLengthError,\n    descriptionRequiredError,\n    descriptionInvalidTypeError,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n    invalidTypeErrorTags,\n  } = useDictionary(useDictionaryDetailsSchemaContent);\n\n  return z.object({\n    title: z\n      .string({\n        required_error: titleRequiredError,\n        invalid_type_error: titleInvalidTypeError,\n      })\n      // Can be length of 0 or > 4\n      .refine((val) => val.length === 0 || val.length >= 4, {\n        message: titleMinLengthError,\n      })\n      .optional(),\n    key: z\n      .string({\n        required_error: keyRequiredError,\n        invalid_type_error: keyInvalidTypeError,\n      })\n      .min(4, { message: keyMinLengthError })\n      /**\n       * Valid :\n       * my-key\n       * my_key\n       *\n       * Invalid :\n       * my key\n       * my.key\n       */\n      .regex(/^[a-zA-Z0-9-_]+$/, { message: keySpaceError })\n      .default(''),\n    description: z\n      .string({\n        required_error: descriptionRequiredError,\n        invalid_type_error: descriptionInvalidTypeError,\n      })\n      .optional(),\n    projectIds: z\n      .array(\n        z.string({\n          required_error: requiredErrorProjectId,\n          invalid_type_error: invalidTypeErrorProjectId,\n        })\n      )\n      .default([projectId]),\n    tags: z\n      .array(\n        z.string({\n          invalid_type_error: invalidTypeErrorTags,\n        })\n      )\n      .default([]),\n    publishedVersion: z.string().default('-1'),\n  });\n};\n\nexport type DictionaryDetailsFormData = z.infer<\n  ReturnType<typeof useDictionaryDetailsSchema>\n>;\n"],"names":["useDictionary","useDictionaryDetailsSchemaContent","z"],"mappings":";;;;;AAKa,MAAA,6BAA6B,CAAC,cAAsB;AACzD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,sFAAAA,iCAAiC;AAEnD,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EAEA,OAAO,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,UAAU,GAAG;AAAA,MACpD,SAAS;AAAA,IACV,CAAA,EACA,SAAS;AAAA,IACZ,KAAKA,MACF,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,kBAAkB,CAAC,EAUrC,MAAM,oBAAoB,EAAE,SAAS,cAAe,CAAA,EACpD,QAAQ,EAAE;AAAA,IACb,aAAaA,MACV,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,SAAS;AAAA,IACZ,YAAYA,IACT,EAAA;AAAA,MACCA,IAAAA,EAAE,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAC,SAAS,CAAC;AAAA,IACtB,MAAMA,IACH,EAAA;AAAA,MACCA,IAAAA,EAAE,OAAO;AAAA,QACP,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAA,CAAE;AAAA,IACb,kBAAkBA,IAAA,EAAE,OAAO,EAAE,QAAQ,IAAI;AAAA,EAAA,CAC1C;AACH;;"}
+{"version":3,"file":"useDictionaryDetailsSchema.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useDictionaryDetailsSchemaContent } from './useDictionaryDetailsSchema.content';\n\nexport const useDictionaryDetailsSchema = (projectId: string) => {\n  const {\n    titleRequiredError,\n    titleInvalidTypeError,\n    titleMinLengthError,\n    keyRequiredError,\n    keyInvalidTypeError,\n    keySpaceError,\n    keyMinLengthError,\n    descriptionRequiredError,\n    descriptionInvalidTypeError,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n    invalidTypeErrorTags,\n  } = useDictionary(useDictionaryDetailsSchemaContent);\n\n  return z.object({\n    title: z\n      .string({\n        required_error: titleRequiredError,\n        invalid_type_error: titleInvalidTypeError,\n      })\n      // Can be length of 0 or > 4\n      .refine((val) => val.length === 0 || val.length >= 4, {\n        message: titleMinLengthError,\n      })\n      .optional(),\n    key: z\n      .string({\n        required_error: keyRequiredError,\n        invalid_type_error: keyInvalidTypeError,\n      })\n      .min(4, { message: keyMinLengthError })\n      /**\n       * Valid :\n       * my-key\n       * my_key\n       *\n       * Invalid :\n       * my key\n       * my.key\n       */\n      .regex(/^[a-zA-Z0-9-_]+$/, { message: keySpaceError })\n      .default(''),\n    description: z\n      .string({\n        required_error: descriptionRequiredError,\n        invalid_type_error: descriptionInvalidTypeError,\n      })\n      .optional(),\n    projectIds: z\n      .array(\n        z.string({\n          required_error: requiredErrorProjectId,\n          invalid_type_error: invalidTypeErrorProjectId,\n        })\n      )\n      .default([projectId]),\n    tags: z\n      .array(\n        z.string({\n          invalid_type_error: invalidTypeErrorTags,\n        })\n      )\n      .default([]),\n    publishedVersion: z.string().default('-1'),\n  });\n};\n\nexport type DictionaryDetailsFormData = z.infer<\n  ReturnType<typeof useDictionaryDetailsSchema>\n>;\n"],"names":["useDictionary","useDictionaryDetailsSchemaContent","z"],"mappings":";;;;;AAIa,MAAA,6BAA6B,CAAC,cAAsB;AACzD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,sFAAAA,iCAAiC;AAEnD,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EAEA,OAAO,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,UAAU,GAAG;AAAA,MACpD,SAAS;AAAA,IACV,CAAA,EACA,SAAS;AAAA,IACZ,KAAKA,MACF,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,kBAAkB,CAAC,EAUrC,MAAM,oBAAoB,EAAE,SAAS,cAAe,CAAA,EACpD,QAAQ,EAAE;AAAA,IACb,aAAaA,MACV,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,SAAS;AAAA,IACZ,YAAYA,IACT,EAAA;AAAA,MACCA,IAAAA,EAAE,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAC,SAAS,CAAC;AAAA,IACtB,MAAMA,IACH,EAAA;AAAA,MACCA,IAAAA,EAAE,OAAO;AAAA,QACP,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAA,CAAE;AAAA,IACb,kBAAkBA,IAAA,EAAE,OAAO,EAAE,QAAQ,IAAI;AAAA,EAAA,CAC1C;AACH;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDetailsSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,0BAA0B,cAAe,MAAM;;;;;;;;;;;;;;;;;;;;;EAmE3D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAC7C,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAC9C,CAAC"}
+{"version":3,"file":"useDictionaryDetailsSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,0BAA0B,cAAe,MAAM;;;;;;;;;;;;;;;;;;;;;EAmE3D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAC7C,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAC9C,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDetailsSchema.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useDictionaryDetailsSchemaContent } from './useDictionaryDetailsSchema.content';\n\nexport const useDictionaryDetailsSchema = (projectId: string) => {\n  const {\n    titleRequiredError,\n    titleInvalidTypeError,\n    titleMinLengthError,\n    keyRequiredError,\n    keyInvalidTypeError,\n    keySpaceError,\n    keyMinLengthError,\n    descriptionRequiredError,\n    descriptionInvalidTypeError,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n    invalidTypeErrorTags,\n  } = useDictionary(useDictionaryDetailsSchemaContent);\n\n  return z.object({\n    title: z\n      .string({\n        required_error: titleRequiredError,\n        invalid_type_error: titleInvalidTypeError,\n      })\n      // Can be length of 0 or > 4\n      .refine((val) => val.length === 0 || val.length >= 4, {\n        message: titleMinLengthError,\n      })\n      .optional(),\n    key: z\n      .string({\n        required_error: keyRequiredError,\n        invalid_type_error: keyInvalidTypeError,\n      })\n      .min(4, { message: keyMinLengthError })\n      /**\n       * Valid :\n       * my-key\n       * my_key\n       *\n       * Invalid :\n       * my key\n       * my.key\n       */\n      .regex(/^[a-zA-Z0-9-_]+$/, { message: keySpaceError })\n      .default(''),\n    description: z\n      .string({\n        required_error: descriptionRequiredError,\n        invalid_type_error: descriptionInvalidTypeError,\n      })\n      .optional(),\n    projectIds: z\n      .array(\n        z.string({\n          required_error: requiredErrorProjectId,\n          invalid_type_error: invalidTypeErrorProjectId,\n        })\n      )\n      .default([projectId]),\n    tags: z\n      .array(\n        z.string({\n          invalid_type_error: invalidTypeErrorTags,\n        })\n      )\n      .default([]),\n    publishedVersion: z.string().default('-1'),\n  });\n};\n\nexport type DictionaryDetailsFormData = z.infer<\n  ReturnType<typeof useDictionaryDetailsSchema>\n>;\n"],"names":[],"mappings":";;;AAKa,MAAA,6BAA6B,CAAC,cAAsB;AACzD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,iCAAiC;AAEnD,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EAEA,OAAO,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,UAAU,GAAG;AAAA,MACpD,SAAS;AAAA,IACV,CAAA,EACA,SAAS;AAAA,IACZ,KAAK,EACF,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,kBAAkB,CAAC,EAUrC,MAAM,oBAAoB,EAAE,SAAS,cAAe,CAAA,EACpD,QAAQ,EAAE;AAAA,IACb,aAAa,EACV,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,SAAS;AAAA,IACZ,YAAY,EACT;AAAA,MACC,EAAE,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAC,SAAS,CAAC;AAAA,IACtB,MAAM,EACH;AAAA,MACC,EAAE,OAAO;AAAA,QACP,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAA,CAAE;AAAA,IACb,kBAAkB,EAAE,OAAO,EAAE,QAAQ,IAAI;AAAA,EAAA,CAC1C;AACH;"}
+{"version":3,"file":"useDictionaryDetailsSchema.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/useDictionaryDetailsSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useDictionaryDetailsSchemaContent } from './useDictionaryDetailsSchema.content';\n\nexport const useDictionaryDetailsSchema = (projectId: string) => {\n  const {\n    titleRequiredError,\n    titleInvalidTypeError,\n    titleMinLengthError,\n    keyRequiredError,\n    keyInvalidTypeError,\n    keySpaceError,\n    keyMinLengthError,\n    descriptionRequiredError,\n    descriptionInvalidTypeError,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n    invalidTypeErrorTags,\n  } = useDictionary(useDictionaryDetailsSchemaContent);\n\n  return z.object({\n    title: z\n      .string({\n        required_error: titleRequiredError,\n        invalid_type_error: titleInvalidTypeError,\n      })\n      // Can be length of 0 or > 4\n      .refine((val) => val.length === 0 || val.length >= 4, {\n        message: titleMinLengthError,\n      })\n      .optional(),\n    key: z\n      .string({\n        required_error: keyRequiredError,\n        invalid_type_error: keyInvalidTypeError,\n      })\n      .min(4, { message: keyMinLengthError })\n      /**\n       * Valid :\n       * my-key\n       * my_key\n       *\n       * Invalid :\n       * my key\n       * my.key\n       */\n      .regex(/^[a-zA-Z0-9-_]+$/, { message: keySpaceError })\n      .default(''),\n    description: z\n      .string({\n        required_error: descriptionRequiredError,\n        invalid_type_error: descriptionInvalidTypeError,\n      })\n      .optional(),\n    projectIds: z\n      .array(\n        z.string({\n          required_error: requiredErrorProjectId,\n          invalid_type_error: invalidTypeErrorProjectId,\n        })\n      )\n      .default([projectId]),\n    tags: z\n      .array(\n        z.string({\n          invalid_type_error: invalidTypeErrorTags,\n        })\n      )\n      .default([]),\n    publishedVersion: z.string().default('-1'),\n  });\n};\n\nexport type DictionaryDetailsFormData = z.infer<\n  ReturnType<typeof useDictionaryDetailsSchema>\n>;\n"],"names":[],"mappings":";;;AAIa,MAAA,6BAA6B,CAAC,cAAsB;AACzD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,iCAAiC;AAEnD,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EAEA,OAAO,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,UAAU,GAAG;AAAA,MACpD,SAAS;AAAA,IACV,CAAA,EACA,SAAS;AAAA,IACZ,KAAK,EACF,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,kBAAkB,CAAC,EAUrC,MAAM,oBAAoB,EAAE,SAAS,cAAe,CAAA,EACpD,QAAQ,EAAE;AAAA,IACb,aAAa,EACV,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,SAAS;AAAA,IACZ,YAAY,EACT;AAAA,MACC,EAAE,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAC,SAAS,CAAC;AAAA,IACtB,MAAM,EACH;AAAA,MACC,EAAE,OAAO;AAAA,QACP,oBAAoB;AAAA,MACrB,CAAA;AAAA,IAAA,EAEF,QAAQ,CAAA,CAAE;AAAA,IACb,kBAAkB,EAAE,OAAO,EAAE,QAAQ,IAAI;AAAA,EAAA,CAC1C;AACH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useState, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { H2 } from '../Headers';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  return (\n    <LocaleSwitcherContentProvider availableLocales={availableLocales}>\n      <div className=\"flex size-full flex-1 flex-col gap-10\">\n        <div className=\"flex items-center gap-2\">\n          <Button\n            onClick={() => onClickDictionaryList?.()}\n            variant=\"hoverable\"\n            size=\"icon-md\"\n            color=\"text\"\n            id=\"return-to-dictionary-list\"\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label}\n          />\n          <label\n            className=\"cursor-pointer text-xs hover:underline\"\n            htmlFor=\"return-to-dictionary-list\"\n          >\n            {returnToDictionaryList.text}\n          </label>\n        </div>\n\n        {mode === 'remote' && (\n          <Container\n            className=\"flex size-full justify-center gap-10 p-6\"\n            roundedSize=\"xl\"\n          >\n            <H2>{titleInformation}</H2>\n\n            <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n          </Container>\n        )}\n\n        <Container\n          className=\"flex size-full justify-center gap-10 p-6\"\n          roundedSize=\"xl\"\n        >\n          <H2>{titleContent}</H2>\n          <SwitchSelector\n            defaultValue={editorView}\n            onChange={(value) => setEditorView(value)}\n            color=\"text\"\n            size=\"sm\"\n            className=\"ml-auto\"\n            choices={[\n              {\n                content: 'Node editor',\n                value: EditorViewType.NodeEditor,\n              },\n              {\n                content: 'JSON editor',\n                value: EditorViewType.JSONEditor,\n              },\n            ]}\n          />\n          {editorView === EditorViewType.NodeEditor && (\n            <NodeEditor dictionary={dictionary} locales={availableLocales} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["useState","useDictionary","dictionaryFieldEditorContent","LocaleSwitcherContentProvider","jsxs","jsx","Button","ArrowLeft","Container","H2","DictionaryDetailsForm","SwitchSelector","NodeEditor","JSONEditor","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,CAAC,YAAY,aAAa,IAAIA,WAAA;AAAA,IAClC;AAAA;AAAA,EACF;AACA,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7DC,cAAAA,cAAcC,+DAAAA,4BAA4B;AAE5C,0DACGC,sEAAAA,+BAA8B,EAAA,kBAC7B,UAACC,kDAAA,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAACC,yBAAA;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAMC,YAAA;AAAA,UACN,OAAO,uBAAuB;AAAA,QAAA;AAAA,MAChC;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GACF;AAAA,IAEC,SAAS,YACRD,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBJ,2BAAAA,kBAAAA,IAACK,yEAAsB,uBAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,IAGFN,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAa,aAAA,CAAA;AAAA,UAClBJ,2BAAA,kBAAA;AAAA,YAACM,gCAAA;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,cACxC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,gBACP;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACC,eAAe,KACdN,iDAACO,4CAAAA,YAAW,EAAA,YAAwB,SAAS,kBAAkB;AAAA,UAEhE,eAAe,KACbP,2BAAA,kBAAA,IAAAQ,4CAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,UAE9DR,2BAAAA,kBAAAA,IAACS,mDAAS,UAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD,EAAA,CACF,EACF,CAAA;AAEJ;;"}
+{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { H2 } from '../Headers';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  return (\n    <LocaleSwitcherContentProvider availableLocales={availableLocales}>\n      <div className=\"flex size-full flex-1 flex-col gap-10\">\n        <div className=\"flex items-center gap-2\">\n          <Button\n            onClick={() => onClickDictionaryList?.()}\n            variant=\"hoverable\"\n            size=\"icon-md\"\n            color=\"text\"\n            id=\"return-to-dictionary-list\"\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label}\n          />\n          <label\n            className=\"cursor-pointer text-xs hover:underline\"\n            htmlFor=\"return-to-dictionary-list\"\n          >\n            {returnToDictionaryList.text}\n          </label>\n        </div>\n\n        {mode === 'remote' && (\n          <Container\n            className=\"flex size-full justify-center gap-10 p-6\"\n            roundedSize=\"xl\"\n          >\n            <H2>{titleInformation}</H2>\n\n            <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n          </Container>\n        )}\n\n        <Container\n          className=\"flex size-full justify-center gap-10 p-6\"\n          roundedSize=\"xl\"\n        >\n          <H2>{titleContent}</H2>\n          <SwitchSelector\n            defaultValue={editorView}\n            onChange={(value) => setEditorView(value)}\n            color=\"text\"\n            size=\"sm\"\n            className=\"ml-auto\"\n            choices={[\n              {\n                content: 'Node editor',\n                value: EditorViewType.NodeEditor,\n              },\n              {\n                content: 'JSON editor',\n                value: EditorViewType.JSONEditor,\n              },\n            ]}\n          />\n          {editorView === EditorViewType.NodeEditor && (\n            <NodeEditor dictionary={dictionary} locales={availableLocales} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["useState","useDictionary","dictionaryFieldEditorContent","LocaleSwitcherContentProvider","jsxs","jsx","Button","ArrowLeft","Container","H2","DictionaryDetailsForm","SwitchSelector","NodeEditor","JSONEditor","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,CAAC,YAAY,aAAa,IAAIA,WAAA;AAAA,IAClC;AAAA;AAAA,EACF;AACA,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7DC,cAAAA,cAAcC,+DAAAA,4BAA4B;AAE5C,0DACGC,sEAAAA,+BAA8B,EAAA,kBAC7B,UAACC,kDAAA,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAACC,yBAAA;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAMC,YAAA;AAAA,UACN,OAAO,uBAAuB;AAAA,QAAA;AAAA,MAChC;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GACF;AAAA,IAEC,SAAS,YACRD,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBJ,2BAAAA,kBAAAA,IAACK,yEAAsB,uBAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,IAGFN,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAa,aAAA,CAAA;AAAA,UAClBJ,2BAAA,kBAAA;AAAA,YAACM,gCAAA;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,cACxC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,gBACP;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACC,eAAe,KACdN,iDAACO,4CAAAA,YAAW,EAAA,YAAwB,SAAS,kBAAkB;AAAA,UAEhE,eAAe,KACbP,2BAAA,kBAAA,IAAAQ,4CAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,UAE9DR,2BAAAA,kBAAAA,IAACS,mDAAS,UAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD,EAAA,CACF,EACF,CAAA;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAc1C,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,EAAE,CAAC;IAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAOF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA8EhE,CAAC"}
+{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAa1C,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,EAAE,CAAC;IAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAOF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA8EhE,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useState, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { H2 } from '../Headers';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  return (\n    <LocaleSwitcherContentProvider availableLocales={availableLocales}>\n      <div className=\"flex size-full flex-1 flex-col gap-10\">\n        <div className=\"flex items-center gap-2\">\n          <Button\n            onClick={() => onClickDictionaryList?.()}\n            variant=\"hoverable\"\n            size=\"icon-md\"\n            color=\"text\"\n            id=\"return-to-dictionary-list\"\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label}\n          />\n          <label\n            className=\"cursor-pointer text-xs hover:underline\"\n            htmlFor=\"return-to-dictionary-list\"\n          >\n            {returnToDictionaryList.text}\n          </label>\n        </div>\n\n        {mode === 'remote' && (\n          <Container\n            className=\"flex size-full justify-center gap-10 p-6\"\n            roundedSize=\"xl\"\n          >\n            <H2>{titleInformation}</H2>\n\n            <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n          </Container>\n        )}\n\n        <Container\n          className=\"flex size-full justify-center gap-10 p-6\"\n          roundedSize=\"xl\"\n        >\n          <H2>{titleContent}</H2>\n          <SwitchSelector\n            defaultValue={editorView}\n            onChange={(value) => setEditorView(value)}\n            color=\"text\"\n            size=\"sm\"\n            className=\"ml-auto\"\n            choices={[\n              {\n                content: 'Node editor',\n                value: EditorViewType.NodeEditor,\n              },\n              {\n                content: 'JSON editor',\n                value: EditorViewType.JSONEditor,\n              },\n            ]}\n          />\n          {editorView === EditorViewType.NodeEditor && (\n            <NodeEditor dictionary={dictionary} locales={availableLocales} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EACF;AACA,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7D,cAAc,4BAA4B;AAE5C,+CACG,+BAA8B,EAAA,kBAC7B,UAACA,uCAAA,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAM;AAAA,UACN,OAAO,uBAAuB;AAAA,QAAA;AAAA,MAChC;AAAA,MACAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GACF;AAAA,IAEC,SAAS,YACRD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBA,kCAAAA,IAAC,uBAAsB,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,IAGFD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAa,aAAA,CAAA;AAAA,UAClBA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,cACxC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,gBACP;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACC,eAAe,KACdA,sCAAC,YAAW,EAAA,YAAwB,SAAS,kBAAkB;AAAA,UAEhE,eAAe,KACbA,kCAAA,IAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,UAE9DA,kCAAAA,IAAC,UAAS,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { H2 } from '../Headers';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  return (\n    <LocaleSwitcherContentProvider availableLocales={availableLocales}>\n      <div className=\"flex size-full flex-1 flex-col gap-10\">\n        <div className=\"flex items-center gap-2\">\n          <Button\n            onClick={() => onClickDictionaryList?.()}\n            variant=\"hoverable\"\n            size=\"icon-md\"\n            color=\"text\"\n            id=\"return-to-dictionary-list\"\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label}\n          />\n          <label\n            className=\"cursor-pointer text-xs hover:underline\"\n            htmlFor=\"return-to-dictionary-list\"\n          >\n            {returnToDictionaryList.text}\n          </label>\n        </div>\n\n        {mode === 'remote' && (\n          <Container\n            className=\"flex size-full justify-center gap-10 p-6\"\n            roundedSize=\"xl\"\n          >\n            <H2>{titleInformation}</H2>\n\n            <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n          </Container>\n        )}\n\n        <Container\n          className=\"flex size-full justify-center gap-10 p-6\"\n          roundedSize=\"xl\"\n        >\n          <H2>{titleContent}</H2>\n          <SwitchSelector\n            defaultValue={editorView}\n            onChange={(value) => setEditorView(value)}\n            color=\"text\"\n            size=\"sm\"\n            className=\"ml-auto\"\n            choices={[\n              {\n                content: 'Node editor',\n                value: EditorViewType.NodeEditor,\n              },\n              {\n                content: 'JSON editor',\n                value: EditorViewType.JSONEditor,\n              },\n            ]}\n          />\n          {editorView === EditorViewType.NodeEditor && (\n            <NodeEditor dictionary={dictionary} locales={availableLocales} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EACF;AACA,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7D,cAAc,4BAA4B;AAE5C,+CACG,+BAA8B,EAAA,kBAC7B,UAACA,uCAAA,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAM;AAAA,UACN,OAAO,uBAAuB;AAAA,QAAA;AAAA,MAChC;AAAA,MACAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GACF;AAAA,IAEC,SAAS,YACRD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBA,kCAAAA,IAAC,uBAAsB,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,IAGFD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAa,aAAA,CAAA;AAAA,UAClBA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,cACxC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,gBACP;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACC,eAAe,KACdA,sCAAC,YAAW,EAAA,YAAwB,SAAS,kBAAkB;AAAA,UAEhE,eAAe,KACbA,kCAAA,IAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,UAE9DA,kCAAAA,IAAC,UAAS,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/components/DictionaryFieldEditor/EditorView/EditorView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport {\n  type KeyPath,\n  type Dictionary,\n  getContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { useFocusDictionary, useEditedContent } from '@intlayer/editor-react';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { EditableFieldInput } from '../../EditableField';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n  locales,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContent();\n\n  const editedSection = editedContent?.[dictionaryKey]?.content\n    ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getContentNodeByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionary={dictionary}\n          locales={locales}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["useFocusDictionary","useDictionary","editorViewContent","useEditedContent","getContentNodeByKeyPath","useMemo","getIsEditableSection","sentenceToCamelCase","jsxs","Fragment","jsx","TextEditor","Label","EditableFieldInput","camelCaseToSentence","NodeTypeSelector","Button","RotateCcw","X"],"mappings":"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"}
+{"version":3,"file":"EditorView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport {\n  type KeyPath,\n  type Dictionary,\n  getContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { useFocusDictionary, useEditedContent } from '@intlayer/editor-react';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { EditableFieldInput } from '../../EditableField';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n  locales,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContent();\n\n  const editedSection = editedContent?.[dictionaryKey]?.content\n    ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getContentNodeByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionary={dictionary}\n          locales={locales}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["useFocusDictionary","useDictionary","editorViewContent","useEditedContent","getContentNodeByKeyPath","useMemo","getIsEditableSection","sentenceToCamelCase","jsxs","Fragment","jsx","TextEditor","Label","EditableFieldInput","camelCaseToSentence","NodeTypeSelector","Button","RotateCcw","X"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/EditorView/EditorView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAezC,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqI1C,CAAC"}
+{"version":3,"file":"EditorView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAczC,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqI1C,CAAC"}

package/dist/components/DictionaryFieldEditor/EditorView/EditorView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorView.mjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport {\n  type KeyPath,\n  type Dictionary,\n  getContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { useFocusDictionary, useEditedContent } from '@intlayer/editor-react';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { EditableFieldInput } from '../../EditableField';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n  locales,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContent();\n\n  const editedSection = editedContent?.[dictionaryKey]?.content\n    ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getContentNodeByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionary={dictionary}\n          locales={locales}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":"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"}
+{"version":3,"file":"EditorView.mjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport {\n  type KeyPath,\n  type Dictionary,\n  getContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { useFocusDictionary, useEditedContent } from '@intlayer/editor-react';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { EditableFieldInput } from '../../EditableField';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n  locales,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContent();\n\n  const editedSection = editedContent?.[dictionaryKey]?.content\n    ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getContentNodeByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionary={dictionary}\n          locales={locales}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.cjs

@@ -214,7 +214,7 @@ const EnumerationTextEditor = ({
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
       components_Button_Button.Button,
       {
-        label: addNewEnumeration.label,
+        label: addNewEnumeration.label.value,
         variant: "hoverable",
         color: "neutral",
         textAlign: "left",
@@ -270,7 +270,7 @@ const ArrayTextEditor = ({
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
       components_Button_Button.Button,
       {
-        label: addNewElement.label,
+        label: addNewElement.label.value,
         variant: "hoverable",
         color: "neutral",
         textAlign: "left",

package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/TextEditor.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client';\n\nimport { Locales } from '@intlayer/config';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getLocaleName,\n  Dictionary,\n  getSectionType,\n} from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { Plus, WandSparkles, X } from 'lucide-react';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary, useLocale } from 'react-intlayer';\nimport { useAuditContentDeclarationField } from '../../../hooks';\nimport { renameKey } from '../../../utils/object';\nimport { Button } from '../../Button';\nimport {\n  ContentEditorTextArea as ContentEditorTextAreaBase,\n  ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n} from '../../ContentEditor/ContentEditorTextArea';\nimport { useLocaleSwitcherContent } from '../../LocaleSwitcherContentDropDown';\nimport { EnumKeyInput } from '../EnumKeyInput';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from '../NavigationView/navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n  ContentEditorTextAreaPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  keyPath,\n  dictionary,\n  locales,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { auditContentDeclarationField, isLoading: isAuditing } =\n    useAuditContentDeclarationField();\n\n  return (\n    <ContentEditorTextAreaBase\n      variant=\"default\"\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.key, newValue, keyPath)\n      }\n      additionalButtons={\n        <Button\n          Icon={WandSparkles}\n          label=\"Audit\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          color=\"text\"\n          className=\"cursor-pointer hover:scale-110\"\n          isLoading={isAuditing}\n          onClick={() => {\n            auditContentDeclarationField({\n              fileContent: JSON.stringify(dictionary),\n              keyPath,\n              locales,\n            }).then((response) => {\n              if (!response.data) return;\n\n              try {\n                const editedContent = response.data.fileContent as string;\n\n                addEditedContent(dictionary.key, editedContent, keyPath);\n              } catch (error) {\n                console.error(error);\n              }\n            });\n          }}\n        />\n      }\n      {...props}\n    />\n  );\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) =>\n        childrenResult.push(createReactElement(children[key]))\n      );\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport type TextEditorProps = {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  locales: Locales[];\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}: TextEditorProps) => {\n  const { locale } = useLocale();\n  const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n  const sectionContent = (section as TranslationContent<string>)[\n    NodeType.Translation\n  ] as Record<Locales, string>;\n\n  const sectionContentKeys = Object.keys(sectionContent) as Locales[];\n\n  const isFiltered = availableLocales.length > selectedLocales.length;\n\n  const localesList = isFiltered\n    ? selectedLocales\n    : // If the translation include content in other locales, we display all of them\n      [...new Set([...availableLocales, ...sectionContentKeys])];\n\n  return (\n    <table className=\"w-full gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {localesList.map((translationKey) => (\n          <tr\n            key={translationKey}\n            className=\"border-text dark:border-text-dark w-full\"\n            lang={translationKey}\n          >\n            <td className=\"flex w-full flex-col p-2\">\n              {selectedLocales.length > 1 && (\n                <span className=\"w-full p-2 text-xs\">\n                  {getLocaleName(translationKey, locale)}\n                </span>\n              )}\n              <ContentEditorTextArea\n                variant=\"default\"\n                aria-label=\"Edit field\"\n                keyPath={[\n                  ...keyPath,\n                  { type: NodeType.Translation, key: translationKey },\n                ]}\n                dictionary={dictionary}\n                locales={locales}\n              >\n                {\n                  (section as TranslationContent<string>)[NodeType.Translation][\n                    translationKey\n                  ] as string\n                }\n              </ContentEditorTextArea>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewEnumeration } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full table-fixed gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {Object.keys(\n          (section as EnumerationContent<ContentNode>)[NodeType.Enumeration]\n        ).map((enumKey) => (\n          <tr\n            key={enumKey}\n            className=\"border-text dark:border-text-dark w-full\"\n          >\n            <td className=\"border-text dark:border-text-dark w-44 border-r-[1.5px] p-2\">\n              <div className=\"flex gap-1\">\n                <Button\n                  label=\"Remove\"\n                  variant=\"hoverable\"\n                  size=\"icon-md\"\n                  color=\"text\"\n                  Icon={X}\n                  className=\"w-16\"\n                  onClick={() =>\n                    addEditedContent(dictionary.key, undefined, [\n                      ...keyPath,\n                      {\n                        type: NodeType.Enumeration,\n                        key: enumKey,\n                      },\n                    ])\n                  }\n                />\n                <EnumKeyInput\n                  value={enumKey}\n                  onChange={(value) => {\n                    const preValueContent = (\n                      section as EnumerationContent<string>\n                    )[NodeType.Enumeration];\n                    const newValueContent = renameKey(\n                      preValueContent,\n                      enumKey as keyof typeof preValueContent,\n                      value\n                    );\n                    const newValue = {\n                      ...(section as EnumerationContent<string>),\n                      [NodeType.Enumeration]: newValueContent,\n                    };\n\n                    addEditedContent(dictionary.key, newValue, keyPath);\n                  }}\n                />\n              </div>\n            </td>\n            <td className=\"w-full p-2\">\n              <ContentEditorTextArea\n                variant=\"default\"\n                aria-label=\"Edit field\"\n                keyPath={[\n                  ...keyPath,\n                  { type: NodeType.Enumeration, key: enumKey },\n                ]}\n                dictionary={dictionary}\n                locales={locales}\n              >\n                {\n                  (section as EnumerationContent<string>)[NodeType.Enumeration][\n                    enumKey as any\n                  ] as string\n                }\n              </ContentEditorTextArea>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n\n      <tfoot>\n        <Button\n          label={addNewEnumeration.label}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() =>\n            addEditedContent(\n              dictionary.key,\n              '',\n              [...keyPath, { type: NodeType.Enumeration, key: 'unknown' }],\n              false\n            )\n          }\n          Icon={Plus}\n          className=\"m-2\"\n        >\n          {addNewEnumeration.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewElement } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {(section as ContentNode[]).map((subSection, index) => (\n          <tr\n            key={JSON.stringify(subSection)}\n            className=\"border-text dark:border-text-dark w-full\"\n          >\n            <td className=\"p-2\">{index}</td>\n            <td className=\"w-full p-2\">\n              <ContentEditorTextArea\n                variant=\"default\"\n                aria-label=\"Edit field\"\n                keyPath={[\n                  ...keyPath,\n                  {\n                    type: NodeType.Array,\n                    key: index,\n                  },\n                ]}\n                dictionary={dictionary}\n                locales={locales}\n              >\n                {subSection as string}\n              </ContentEditorTextArea>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n      <tfoot>\n        <Button\n          label={addNewElement.label}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() => {\n            const newKeyPath: KeyPath[] = [\n              ...keyPath,\n              {\n                type: NodeType.Array,\n                key: (section as ContentNode[]).length,\n              },\n            ];\n            addEditedContent(dictionary.key, '', newKeyPath, false);\n          }}\n          Icon={Plus}\n        >\n          {addNewElement.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}) => {\n  const { tsxNotEditable } = useDictionary(navigationViewContent);\n  const nodeType = getSectionType(section);\n  const isEditableSection = getIsEditableSection(section);\n\n  if (!isEditableSection) return <></>;\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            {tsxNotEditable}\n          </span>\n        </>\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n          locales={locales}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n          locales={locales}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n          locales={locales}\n        />\n      );\n    }\n  }\n\n  if (nodeType === NodeType.Text) {\n    return (\n      <div className=\"border-text dark:border-text-dark w-full border-t-[1.5px] p-2\">\n        <ContentEditorTextArea\n          variant=\"default\"\n          aria-label=\"Edit field\"\n          keyPath={keyPath}\n          dictionary={dictionary}\n          locales={locales}\n        >\n          {section as string}\n        </ContentEditorTextArea>\n      </div>\n    );\n  }\n\n  return <>Error loading section</>;\n};\n"],"names":["useEditedContent","useAuditContentDeclarationField","jsx","ContentEditorTextAreaBase","Button","WandSparkles","element","createElement","useLocale","useLocaleSwitcherContent","NodeType","jsxs","getLocaleName","useDictionary","navigationViewContent","X","EnumKeyInput","renameKey","Plus","getSectionType","getIsEditableSection","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAM,YAAsB,CAAC,YAAY,MAAM,UAAU;AAWhE,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,iBAAiB,IAAIA,6BAAiB;AAC9C,QAAM,EAAE,8BAA8B,WAAW,WAAA,IAC/CC,uBAAAA,gCAAgC;AAGhC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,+CAAA;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,iBAAiB,CAAC,aAChB,iBAAiB,WAAW,KAAK,UAAU,OAAO;AAAA,MAEpD,mBACED,2BAAA,kBAAA;AAAA,QAACE,yBAAA;AAAA,QAAA;AAAA,UACC,MAAMC,YAAA;AAAA,UACN,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAU;AAAA,UACV,WAAW;AAAA,UACX,SAAS,MAAM;AACgB,yCAAA;AAAA,cAC3B,aAAa,KAAK,UAAU,UAAU;AAAA,cACtC;AAAA,cACA;AAAA,YAAA,CACD,EAAE,KAAK,CAAC,aAAa;AAChB,kBAAA,CAAC,SAAS,KAAM;AAEhB,kBAAA;AACI,sBAAA,gBAAgB,SAAS,KAAK;AAEnB,iCAAA,WAAW,KAAK,eAAe,OAAO;AAAA,uBAChD,OAAO;AACd,wBAAQ,MAAM,KAAK;AAAA,cAAA;AAAA,YACrB,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,MAAM,qBAAqB,CAAC,YAA0B;AAChD,MAAA,OAAO,YAAY,UAAU;AAExB,WAAA;AAAA,EAAA;AAGH,QAAA,yBAAyB,CAACC,aAAwC;AACtE,QAAIA,UAAS,SAAS,OAAOA,SAAQ,MAAM,aAAa,UAAU;AAChE,YAAM,iBAA8B,CAAC;AAC/B,YAAA,EAAE,aAAaA,SAAQ;AAGtB,aAAA,KAAK,QAAQ,EAAE;AAAA,QAAQ,CAAC,QAC7B,eAAe,KAAK,mBAAmB,SAAS,GAAG,CAAC,CAAC;AAAA,MACvD;AAEO,aAAA;AAAA,QACL,GAAGA;AAAAA,QACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAU,eAAe;AAAA,MACtD;AAAA,IAAA;AAGK,WAAA;AAAA,MACL,GAAGA;AAAAA,MACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAUA,SAAQ,MAAM,SAAS;AAAA,IAC9D;AAAA,EACF;AAEM,QAAA,eAAe,uBAAuB,OAAO;AAE7C,QAAA,EAAE,MAAM,MAAA,IAAU;AAGxB,SAAOC,WAAAA,cAAc,QAAQ,OAAO,OAAO,GAAG,MAAM,QAAQ;AAC9D;AASA,MAAM,wBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACf,QAAA,EAAE,OAAO,IAAIC,wBAAU;AAC7B,QAAM,EAAE,iBAAiB,iBAAiB,IAAIC,+FAAyB;AAEjE,QAAA,iBAAkB,QACtBC,KAAA,SAAS,WACX;AAEM,QAAA,qBAAqB,OAAO,KAAK,cAAc;AAE/C,QAAA,aAAa,iBAAiB,SAAS,gBAAgB;AAE7D,QAAM,cAAc,aAChB;AAAA;AAAA,IAEA,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAAA;AAG3D,SAAAR,2BAAAA,kBAAAA,IAAC,SAAM,EAAA,WAAU,gBACf,UAAAA,iDAAC,SAAM,EAAA,WAAU,oBACd,UAAA,YAAY,IAAI,CAAC,mBAChBA,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MACV,MAAM;AAAA,MAEN,UAAAS,2BAAA,kBAAA,KAAC,MAAG,EAAA,WAAU,4BACX,UAAA;AAAA,QAAgB,gBAAA,SAAS,KACvBT,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,sBACb,UAAAU,KAAA,cAAc,gBAAgB,MAAM,EACvC,CAAA;AAAA,QAEFV,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAW;AAAA,YACX,SAAS;AAAA,cACP,GAAG;AAAA,cACH,EAAE,MAAMQ,KAAAA,SAAS,aAAa,KAAK,eAAe;AAAA,YACpD;AAAA,YACA;AAAA,YACA;AAAA,YAGG,UAAuC,QAAAA,cAAS,WAAW,EAC1D,cACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EACF,CAAA;AAAA,IAAA;AAAA,IA1BK;AAAA,EAAA,CA4BR,GACH,EACF,CAAA;AAEJ;AAEA,MAAM,wBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,iBAAiB,IAAIV,6BAAiB;AAC9C,QAAM,EAAE,kBAAA,IAAsBa,cAAA,cAAcC,gGAAqB;AAG/D,SAAAH,2BAAA,kBAAA,KAAC,SAAM,EAAA,WAAU,4BACf,UAAA;AAAA,IAACT,2BAAA,kBAAA,IAAA,SAAA,EAAM,WAAU,oBACd,UAAO,OAAA;AAAA,MACL,QAA4CQ,cAAS,WAAW;AAAA,IAAA,EACjE,IAAI,CAAC,YACLC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAT,2BAAAA,kBAAAA,IAAC,QAAG,WAAU,+DACZ,UAACS,2BAAA,kBAAA,KAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,YAAAT,2BAAA,kBAAA;AAAA,cAACE,yBAAA;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAMW,YAAA;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS,MACP,iBAAiB,WAAW,KAAK,QAAW;AAAA,kBAC1C,GAAG;AAAA,kBACH;AAAA,oBACE,MAAML,KAAS,SAAA;AAAA,oBACf,KAAK;AAAA,kBAAA;AAAA,gBAER,CAAA;AAAA,cAAA;AAAA,YAEL;AAAA,YACAR,2BAAA,kBAAA;AAAA,cAACc,8CAAA;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,UAAU;AACb,wBAAA,kBACJ,QACAN,KAAA,SAAS,WAAW;AACtB,wBAAM,kBAAkBO,aAAA;AAAA,oBACtB;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AACA,wBAAM,WAAW;AAAA,oBACf,GAAI;AAAA,oBACJ,CAACP,KAAAA,SAAS,WAAW,GAAG;AAAA,kBAC1B;AAEiB,mCAAA,WAAW,KAAK,UAAU,OAAO;AAAA,gBAAA;AAAA,cACpD;AAAA,YAAA;AAAA,UACF,EAAA,CACF,EACF,CAAA;AAAA,UACAR,2BAAAA,kBAAAA,IAAC,MAAG,EAAA,WAAU,cACZ,UAAAA,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,cAAW;AAAA,cACX,SAAS;AAAA,gBACP,GAAG;AAAA,gBACH,EAAE,MAAMQ,KAAAA,SAAS,aAAa,KAAK,QAAQ;AAAA,cAC7C;AAAA,cACA;AAAA,cACA;AAAA,cAGG,UAAuC,QAAAA,cAAS,WAAW,EAC1D,OACF;AAAA,YAAA;AAAA,UAAA,EAGN,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MA5DK;AAAA,IA8DR,CAAA,GACH;AAAA,qDAEC,SACC,EAAA,UAAAR,2BAAA,kBAAA;AAAA,MAACE,yBAAA;AAAA,MAAA;AAAA,QACC,OAAO,kBAAkB;AAAA,QACzB,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,MACP;AAAA,UACE,WAAW;AAAA,UACX;AAAA,UACA,CAAC,GAAG,SAAS,EAAE,MAAMM,KAAS,SAAA,aAAa,KAAK,WAAW;AAAA,UAC3D;AAAA,QACF;AAAA,QAEF,MAAMQ,YAAA;AAAA,QACN,WAAU;AAAA,QAET,UAAkB,kBAAA;AAAA,MAAA;AAAA,IAAA,EAEvB,CAAA;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,kBAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,iBAAiB,IAAIlB,6BAAiB;AAC9C,QAAM,EAAE,cAAA,IAAkBa,cAAA,cAAcC,gGAAqB;AAG3D,SAAAH,2BAAA,kBAAA,KAAC,SAAM,EAAA,WAAU,gBACf,UAAA;AAAA,IAAAT,2BAAAA,kBAAAA,IAAC,WAAM,WAAU,oBACb,kBAA0B,IAAI,CAAC,YAAY,UAC3CS,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAACT,2BAAA,kBAAA,IAAA,MAAA,EAAG,WAAU,OAAO,UAAM,OAAA;AAAA,UAC3BA,2BAAAA,kBAAAA,IAAC,MAAG,EAAA,WAAU,cACZ,UAAAA,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,cAAW;AAAA,cACX,SAAS;AAAA,gBACP,GAAG;AAAA,gBACH;AAAA,kBACE,MAAMQ,KAAS,SAAA;AAAA,kBACf,KAAK;AAAA,gBAAA;AAAA,cAET;AAAA,cACA;AAAA,cACA;AAAA,cAEC,UAAA;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MApBK,KAAK,UAAU,UAAU;AAAA,IAsBjC,CAAA,GACH;AAAA,qDACC,SACC,EAAA,UAAAR,2BAAA,kBAAA;AAAA,MAACE,yBAAA;AAAA,MAAA;AAAA,QACC,OAAO,cAAc;AAAA,QACrB,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,MAAM;AACb,gBAAM,aAAwB;AAAA,YAC5B,GAAG;AAAA,YACH;AAAA,cACE,MAAMM,KAAS,SAAA;AAAA,cACf,KAAM,QAA0B;AAAA,YAAA;AAAA,UAEpC;AACA,2BAAiB,WAAW,KAAK,IAAI,YAAY,KAAK;AAAA,QACxD;AAAA,QACA,MAAMQ,YAAA;AAAA,QAEL,UAAc,cAAA;AAAA,MAAA;AAAA,IAAA,EAEnB,CAAA;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,eAAA,IAAmBL,cAAA,cAAcC,gGAAqB;AACxD,QAAA,WAAWK,oBAAe,OAAO;AACjC,QAAA,oBAAoBC,2EAAqB,OAAO;AAElD,MAAA,CAAC,kBAAmB,QAASlB,iDAAAmB,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE7B,MAAA,OAAO,YAAY,UAAU;AAC3B,QAAA,aAAaX,cAAS,WAAW;AACnC,aAEKC,2BAAA,kBAAA,KAAAU,uCAAA,EAAA,UAAA;AAAA,QAAA,mBAAmB,OAAkC;AAAA,QACrDnB,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,+CACb,UACH,eAAA,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAIA,QAAA,aAAaQ,cAAS,aAAa;AAEnC,aAAAR,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAIA,QAAA,aAAaQ,cAAS,aAAa;AAEnC,aAAAR,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAIA,QAAA,aAAaQ,cAAS,OAAO;AAE7B,aAAAR,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAGE,MAAA,aAAaQ,cAAS,MAAM;AAE5B,WAAAR,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,iEACb,UAAAA,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAAA;AAIJ,mGAAS,UAAqB,wBAAA,CAAA;AAChC;;;"}
+{"version":3,"file":"TextEditor.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/TextEditor.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client';\n\nimport { Locales } from '@intlayer/config';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getLocaleName,\n  Dictionary,\n  getSectionType,\n} from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { Plus, WandSparkles, X } from 'lucide-react';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { useDictionary, useLocale } from 'react-intlayer';\nimport { useAuditContentDeclarationField } from '../../../hooks';\nimport { renameKey } from '../../../utils/object';\nimport { Button } from '../../Button';\nimport {\n  ContentEditorTextArea as ContentEditorTextAreaBase,\n  ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n} from '../../ContentEditor/ContentEditorTextArea';\nimport { useLocaleSwitcherContent } from '../../LocaleSwitcherContentDropDown';\nimport { EnumKeyInput } from '../EnumKeyInput';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from '../NavigationView/navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n  ContentEditorTextAreaPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  keyPath,\n  dictionary,\n  locales,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { auditContentDeclarationField, isLoading: isAuditing } =\n    useAuditContentDeclarationField();\n\n  return (\n    <ContentEditorTextAreaBase\n      variant=\"default\"\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.key, newValue, keyPath)\n      }\n      additionalButtons={\n        <Button\n          Icon={WandSparkles}\n          label=\"Audit\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          color=\"text\"\n          className=\"cursor-pointer hover:scale-110\"\n          isLoading={isAuditing}\n          onClick={() => {\n            auditContentDeclarationField({\n              fileContent: JSON.stringify(dictionary),\n              keyPath,\n              locales,\n            }).then((response) => {\n              if (!response.data) return;\n\n              try {\n                const editedContent = response.data.fileContent as string;\n\n                addEditedContent(dictionary.key, editedContent, keyPath);\n              } catch (error) {\n                console.error(error);\n              }\n            });\n          }}\n        />\n      }\n      {...props}\n    />\n  );\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) =>\n        childrenResult.push(createReactElement(children[key]))\n      );\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport type TextEditorProps = {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  locales: Locales[];\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}: TextEditorProps) => {\n  const { locale } = useLocale();\n  const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n  const sectionContent = (section as TranslationContent<string>)[\n    NodeType.Translation\n  ] as Record<Locales, string>;\n\n  const sectionContentKeys = Object.keys(sectionContent) as Locales[];\n\n  const isFiltered = availableLocales.length > selectedLocales.length;\n\n  const localesList = isFiltered\n    ? selectedLocales\n    : // If the translation include content in other locales, we display all of them\n      [...new Set([...availableLocales, ...sectionContentKeys])];\n\n  return (\n    <table className=\"w-full gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {localesList.map((translationKey) => (\n          <tr\n            key={translationKey}\n            className=\"border-text dark:border-text-dark w-full\"\n            lang={translationKey}\n          >\n            <td className=\"flex w-full flex-col p-2\">\n              {selectedLocales.length > 1 && (\n                <span className=\"w-full p-2 text-xs\">\n                  {getLocaleName(translationKey, locale)}\n                </span>\n              )}\n              <ContentEditorTextArea\n                variant=\"default\"\n                aria-label=\"Edit field\"\n                keyPath={[\n                  ...keyPath,\n                  { type: NodeType.Translation, key: translationKey },\n                ]}\n                dictionary={dictionary}\n                locales={locales}\n              >\n                {\n                  (section as TranslationContent<string>)[NodeType.Translation][\n                    translationKey\n                  ] as string\n                }\n              </ContentEditorTextArea>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewEnumeration } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full table-fixed gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {Object.keys(\n          (section as EnumerationContent<ContentNode>)[NodeType.Enumeration]\n        ).map((enumKey) => (\n          <tr\n            key={enumKey}\n            className=\"border-text dark:border-text-dark w-full\"\n          >\n            <td className=\"border-text dark:border-text-dark w-44 border-r-[1.5px] p-2\">\n              <div className=\"flex gap-1\">\n                <Button\n                  label=\"Remove\"\n                  variant=\"hoverable\"\n                  size=\"icon-md\"\n                  color=\"text\"\n                  Icon={X}\n                  className=\"w-16\"\n                  onClick={() =>\n                    addEditedContent(dictionary.key, undefined, [\n                      ...keyPath,\n                      {\n                        type: NodeType.Enumeration,\n                        key: enumKey,\n                      },\n                    ])\n                  }\n                />\n                <EnumKeyInput\n                  value={enumKey}\n                  onChange={(value) => {\n                    const preValueContent = (\n                      section as EnumerationContent<string>\n                    )[NodeType.Enumeration];\n                    const newValueContent = renameKey(\n                      preValueContent,\n                      enumKey as keyof typeof preValueContent,\n                      value\n                    );\n                    const newValue = {\n                      ...(section as EnumerationContent<string>),\n                      [NodeType.Enumeration]: newValueContent,\n                    };\n\n                    addEditedContent(dictionary.key, newValue, keyPath);\n                  }}\n                />\n              </div>\n            </td>\n            <td className=\"w-full p-2\">\n              <ContentEditorTextArea\n                variant=\"default\"\n                aria-label=\"Edit field\"\n                keyPath={[\n                  ...keyPath,\n                  { type: NodeType.Enumeration, key: enumKey },\n                ]}\n                dictionary={dictionary}\n                locales={locales}\n              >\n                {\n                  (section as EnumerationContent<string>)[NodeType.Enumeration][\n                    enumKey as any\n                  ] as string\n                }\n              </ContentEditorTextArea>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n\n      <tfoot>\n        <Button\n          label={addNewEnumeration.label.value}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() =>\n            addEditedContent(\n              dictionary.key,\n              '',\n              [...keyPath, { type: NodeType.Enumeration, key: 'unknown' }],\n              false\n            )\n          }\n          Icon={Plus}\n          className=\"m-2\"\n        >\n          {addNewEnumeration.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewElement } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {(section as unknown as ContentNode[]).map((subSection, index) => (\n          <tr\n            key={JSON.stringify(subSection)}\n            className=\"border-text dark:border-text-dark w-full\"\n          >\n            <td className=\"p-2\">{index}</td>\n            <td className=\"w-full p-2\">\n              <ContentEditorTextArea\n                variant=\"default\"\n                aria-label=\"Edit field\"\n                keyPath={[\n                  ...keyPath,\n                  {\n                    type: NodeType.Array,\n                    key: index,\n                  },\n                ]}\n                dictionary={dictionary}\n                locales={locales}\n              >\n                {subSection as string}\n              </ContentEditorTextArea>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n      <tfoot>\n        <Button\n          label={addNewElement.label.value}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() => {\n            const newKeyPath: KeyPath[] = [\n              ...keyPath,\n              {\n                type: NodeType.Array,\n                key: (section as unknown as ContentNode[]).length,\n              },\n            ];\n            addEditedContent(dictionary.key, '', newKeyPath, false);\n          }}\n          Icon={Plus}\n        >\n          {addNewElement.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  locales,\n}) => {\n  const { tsxNotEditable } = useDictionary(navigationViewContent);\n  const nodeType = getSectionType(section);\n  const isEditableSection = getIsEditableSection(section);\n\n  if (!isEditableSection) return <></>;\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            {tsxNotEditable}\n          </span>\n        </>\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n          locales={locales}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n          locales={locales}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n          locales={locales}\n        />\n      );\n    }\n  }\n\n  if (nodeType === NodeType.Text) {\n    return (\n      <div className=\"border-text dark:border-text-dark w-full border-t-[1.5px] p-2\">\n        <ContentEditorTextArea\n          variant=\"default\"\n          aria-label=\"Edit field\"\n          keyPath={keyPath}\n          dictionary={dictionary}\n          locales={locales}\n        >\n          {section as string}\n        </ContentEditorTextArea>\n      </div>\n    );\n  }\n\n  return <>Error loading section</>;\n};\n"],"names":["useEditedContent","useAuditContentDeclarationField","jsx","ContentEditorTextAreaBase","Button","WandSparkles","element","createElement","useLocale","useLocaleSwitcherContent","NodeType","jsxs","getLocaleName","useDictionary","navigationViewContent","X","EnumKeyInput","renameKey","Plus","getSectionType","getIsEditableSection","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,MAAM,YAAsB,CAAC,YAAY,MAAM,UAAU;AAWhE,MAAM,wBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,iBAAiB,IAAIA,6BAAiB;AAC9C,QAAM,EAAE,8BAA8B,WAAW,WAAA,IAC/CC,uBAAAA,gCAAgC;AAGhC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,+CAAA;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,iBAAiB,CAAC,aAChB,iBAAiB,WAAW,KAAK,UAAU,OAAO;AAAA,MAEpD,mBACED,2BAAA,kBAAA;AAAA,QAACE,yBAAA;AAAA,QAAA;AAAA,UACC,MAAMC,YAAA;AAAA,UACN,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAU;AAAA,UACV,WAAW;AAAA,UACX,SAAS,MAAM;AACgB,yCAAA;AAAA,cAC3B,aAAa,KAAK,UAAU,UAAU;AAAA,cACtC;AAAA,cACA;AAAA,YAAA,CACD,EAAE,KAAK,CAAC,aAAa;AAChB,kBAAA,CAAC,SAAS,KAAM;AAEhB,kBAAA;AACI,sBAAA,gBAAgB,SAAS,KAAK;AAEnB,iCAAA,WAAW,KAAK,eAAe,OAAO;AAAA,uBAChD,OAAO;AACd,wBAAQ,MAAM,KAAK;AAAA,cAAA;AAAA,YACrB,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,MAAM,qBAAqB,CAAC,YAA0B;AAChD,MAAA,OAAO,YAAY,UAAU;AAExB,WAAA;AAAA,EAAA;AAGH,QAAA,yBAAyB,CAACC,aAAwC;AACtE,QAAIA,UAAS,SAAS,OAAOA,SAAQ,MAAM,aAAa,UAAU;AAChE,YAAM,iBAA8B,CAAC;AAC/B,YAAA,EAAE,aAAaA,SAAQ;AAGtB,aAAA,KAAK,QAAQ,EAAE;AAAA,QAAQ,CAAC,QAC7B,eAAe,KAAK,mBAAmB,SAAS,GAAG,CAAC,CAAC;AAAA,MACvD;AAEO,aAAA;AAAA,QACL,GAAGA;AAAAA,QACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAU,eAAe;AAAA,MACtD;AAAA,IAAA;AAGK,WAAA;AAAA,MACL,GAAGA;AAAAA,MACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAUA,SAAQ,MAAM,SAAS;AAAA,IAC9D;AAAA,EACF;AAEM,QAAA,eAAe,uBAAuB,OAAO;AAE7C,QAAA,EAAE,MAAM,MAAA,IAAU;AAGxB,SAAOC,WAAAA,cAAc,QAAQ,OAAO,OAAO,GAAG,MAAM,QAAQ;AAC9D;AASA,MAAM,wBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACf,QAAA,EAAE,OAAO,IAAIC,wBAAU;AAC7B,QAAM,EAAE,iBAAiB,iBAAiB,IAAIC,+FAAyB;AAEjE,QAAA,iBAAkB,QACtBC,KAAA,SAAS,WACX;AAEM,QAAA,qBAAqB,OAAO,KAAK,cAAc;AAE/C,QAAA,aAAa,iBAAiB,SAAS,gBAAgB;AAE7D,QAAM,cAAc,aAChB;AAAA;AAAA,IAEA,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAAA;AAG3D,SAAAR,2BAAAA,kBAAAA,IAAC,SAAM,EAAA,WAAU,gBACf,UAAAA,iDAAC,SAAM,EAAA,WAAU,oBACd,UAAA,YAAY,IAAI,CAAC,mBAChBA,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MACV,MAAM;AAAA,MAEN,UAAAS,2BAAA,kBAAA,KAAC,MAAG,EAAA,WAAU,4BACX,UAAA;AAAA,QAAgB,gBAAA,SAAS,KACvBT,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,sBACb,UAAAU,KAAA,cAAc,gBAAgB,MAAM,EACvC,CAAA;AAAA,QAEFV,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAW;AAAA,YACX,SAAS;AAAA,cACP,GAAG;AAAA,cACH,EAAE,MAAMQ,KAAAA,SAAS,aAAa,KAAK,eAAe;AAAA,YACpD;AAAA,YACA;AAAA,YACA;AAAA,YAGG,UAAuC,QAAAA,cAAS,WAAW,EAC1D,cACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EACF,CAAA;AAAA,IAAA;AAAA,IA1BK;AAAA,EAAA,CA4BR,GACH,EACF,CAAA;AAEJ;AAEA,MAAM,wBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,iBAAiB,IAAIV,6BAAiB;AAC9C,QAAM,EAAE,kBAAA,IAAsBa,cAAA,cAAcC,gGAAqB;AAG/D,SAAAH,2BAAA,kBAAA,KAAC,SAAM,EAAA,WAAU,4BACf,UAAA;AAAA,IAACT,2BAAA,kBAAA,IAAA,SAAA,EAAM,WAAU,oBACd,UAAO,OAAA;AAAA,MACL,QAA4CQ,cAAS,WAAW;AAAA,IAAA,EACjE,IAAI,CAAC,YACLC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAT,2BAAAA,kBAAAA,IAAC,QAAG,WAAU,+DACZ,UAACS,2BAAA,kBAAA,KAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,YAAAT,2BAAA,kBAAA;AAAA,cAACE,yBAAA;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAMW,YAAA;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS,MACP,iBAAiB,WAAW,KAAK,QAAW;AAAA,kBAC1C,GAAG;AAAA,kBACH;AAAA,oBACE,MAAML,KAAS,SAAA;AAAA,oBACf,KAAK;AAAA,kBAAA;AAAA,gBAER,CAAA;AAAA,cAAA;AAAA,YAEL;AAAA,YACAR,2BAAA,kBAAA;AAAA,cAACc,8CAAA;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,UAAU;AACb,wBAAA,kBACJ,QACAN,KAAA,SAAS,WAAW;AACtB,wBAAM,kBAAkBO,aAAA;AAAA,oBACtB;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AACA,wBAAM,WAAW;AAAA,oBACf,GAAI;AAAA,oBACJ,CAACP,KAAAA,SAAS,WAAW,GAAG;AAAA,kBAC1B;AAEiB,mCAAA,WAAW,KAAK,UAAU,OAAO;AAAA,gBAAA;AAAA,cACpD;AAAA,YAAA;AAAA,UACF,EAAA,CACF,EACF,CAAA;AAAA,UACAR,2BAAAA,kBAAAA,IAAC,MAAG,EAAA,WAAU,cACZ,UAAAA,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,cAAW;AAAA,cACX,SAAS;AAAA,gBACP,GAAG;AAAA,gBACH,EAAE,MAAMQ,KAAAA,SAAS,aAAa,KAAK,QAAQ;AAAA,cAC7C;AAAA,cACA;AAAA,cACA;AAAA,cAGG,UAAuC,QAAAA,cAAS,WAAW,EAC1D,OACF;AAAA,YAAA;AAAA,UAAA,EAGN,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MA5DK;AAAA,IA8DR,CAAA,GACH;AAAA,qDAEC,SACC,EAAA,UAAAR,2BAAA,kBAAA;AAAA,MAACE,yBAAA;AAAA,MAAA;AAAA,QACC,OAAO,kBAAkB,MAAM;AAAA,QAC/B,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,MACP;AAAA,UACE,WAAW;AAAA,UACX;AAAA,UACA,CAAC,GAAG,SAAS,EAAE,MAAMM,KAAS,SAAA,aAAa,KAAK,WAAW;AAAA,UAC3D;AAAA,QACF;AAAA,QAEF,MAAMQ,YAAA;AAAA,QACN,WAAU;AAAA,QAET,UAAkB,kBAAA;AAAA,MAAA;AAAA,IAAA,EAEvB,CAAA;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,kBAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,iBAAiB,IAAIlB,6BAAiB;AAC9C,QAAM,EAAE,cAAA,IAAkBa,cAAA,cAAcC,gGAAqB;AAG3D,SAAAH,2BAAA,kBAAA,KAAC,SAAM,EAAA,WAAU,gBACf,UAAA;AAAA,IAAAT,2BAAAA,kBAAAA,IAAC,WAAM,WAAU,oBACb,kBAAqC,IAAI,CAAC,YAAY,UACtDS,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAACT,2BAAA,kBAAA,IAAA,MAAA,EAAG,WAAU,OAAO,UAAM,OAAA;AAAA,UAC3BA,2BAAAA,kBAAAA,IAAC,MAAG,EAAA,WAAU,cACZ,UAAAA,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,cAAW;AAAA,cACX,SAAS;AAAA,gBACP,GAAG;AAAA,gBACH;AAAA,kBACE,MAAMQ,KAAS,SAAA;AAAA,kBACf,KAAK;AAAA,gBAAA;AAAA,cAET;AAAA,cACA;AAAA,cACA;AAAA,cAEC,UAAA;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MApBK,KAAK,UAAU,UAAU;AAAA,IAsBjC,CAAA,GACH;AAAA,qDACC,SACC,EAAA,UAAAR,2BAAA,kBAAA;AAAA,MAACE,yBAAA;AAAA,MAAA;AAAA,QACC,OAAO,cAAc,MAAM;AAAA,QAC3B,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,MAAM;AACb,gBAAM,aAAwB;AAAA,YAC5B,GAAG;AAAA,YACH;AAAA,cACE,MAAMM,KAAS,SAAA;AAAA,cACf,KAAM,QAAqC;AAAA,YAAA;AAAA,UAE/C;AACA,2BAAiB,WAAW,KAAK,IAAI,YAAY,KAAK;AAAA,QACxD;AAAA,QACA,MAAMQ,YAAA;AAAA,QAEL,UAAc,cAAA;AAAA,MAAA;AAAA,IAAA,EAEnB,CAAA;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,eAAA,IAAmBL,cAAA,cAAcC,gGAAqB;AACxD,QAAA,WAAWK,oBAAe,OAAO;AACjC,QAAA,oBAAoBC,2EAAqB,OAAO;AAElD,MAAA,CAAC,kBAAmB,QAASlB,iDAAAmB,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE7B,MAAA,OAAO,YAAY,UAAU;AAC3B,QAAA,aAAaX,cAAS,WAAW;AACnC,aAEKC,2BAAA,kBAAA,KAAAU,uCAAA,EAAA,UAAA;AAAA,QAAA,mBAAmB,OAAkC;AAAA,QACrDnB,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,+CACb,UACH,eAAA,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAIA,QAAA,aAAaQ,cAAS,aAAa;AAEnC,aAAAR,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAIA,QAAA,aAAaQ,cAAS,aAAa;AAEnC,aAAAR,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAIA,QAAA,aAAaQ,cAAS,OAAO;AAE7B,aAAAR,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAGE,MAAA,aAAaQ,cAAS,MAAM;AAE5B,WAAAR,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,iEACb,UAAAA,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QAEC,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAAA;AAIJ,mGAAS,UAAqB,wBAAA,CAAA;AAChC;;;"}

package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/TextEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,WAAW,EAEhB,UAAU,EAEX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAIL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAef,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAgGlE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AAuOF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2E1C,CAAC"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/TextEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,WAAW,EAEhB,UAAU,EAEX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAIL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAcf,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAgGlE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AAuOF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2E1C,CAAC"}

package/dist/components/DictionaryFieldEditor/EditorView/TextEditor.mjs

@@ -212,7 +212,7 @@ const EnumerationTextEditor = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
-        label: addNewEnumeration.label,
+        label: addNewEnumeration.label.value,
         variant: "hoverable",
         color: "neutral",
         textAlign: "left",
@@ -268,7 +268,7 @@ const ArrayTextEditor = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
-        label: addNewElement.label,
+        label: addNewElement.label.value,
         variant: "hoverable",
         color: "neutral",
         textAlign: "left",