@intlayer/design-system 8.9.1 → 8.9.3

package/dist/esm/components/DictionaryEditor/NodeWrapper/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  getContentNodeByKeyPath,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport type {\n  ConditionContent,\n  EnumerationContent,\n  FileContent,\n  HTMLContent,\n  InsertionContent,\n  MarkdownContent,\n  PluralContent,\n  TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { ContentNode, Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { BooleanWrapper } from './BooleanWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { FileWrapper } from './FileWrapper';\nimport { HtmlWrapper } from './HtmlWrapper';\nimport { InsertionWrapper } from './InsertionWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { NumberWrapper } from './NumberWrapper';\nimport { PluralWrapper } from './PluralWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locale;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n  renderSection?: (content: string) => ReactNode;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = memo((props) => {\n  const currentLocale = useEditorLocale();\n  const section = useMemo(() => {\n    const editedContentValue = getContentNodeByKeyPath(\n      props.editedContent,\n      props.keyPath,\n      currentLocale\n    );\n    return editedContentValue ?? props.section;\n  }, [props.editedContent, props.keyPath, props.section]);\n\n  const nodeType = useMemo(() => getNodeType(section), [section]);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeTypes.REACT_NODE) {\n      return (\n        <span className=\"text-neutral text-xs\">React node not editable</span>\n      );\n    }\n\n    if (nodeType === NodeTypes.NESTED) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeTypes.MARKDOWN) {\n      return (\n        <MarkdownWrapper\n          {...props}\n          section={section as MarkdownContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.HTML) {\n      return (\n        <HtmlWrapper {...props} section={section as HTMLContent<ContentNode>} />\n      );\n    }\n\n    if (nodeType === NodeTypes.TRANSLATION) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.ENUMERATION) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.PLURAL) {\n      return (\n        <PluralWrapper\n          {...props}\n          section={section as PluralContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.CONDITION) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.INSERTION) {\n      return (\n        <InsertionWrapper\n          {...props}\n          section={section as InsertionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.ARRAY) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.FILE) {\n      return <FileWrapper {...props} section={section as FileContent} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as unknown as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n\n  if (typeof section === 'number') {\n    return <NumberWrapper {...props} section={section} />;\n  }\n\n  if (typeof section === 'boolean') {\n    return <BooleanWrapper {...props} section={section} />;\n  }\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,YAAsB;CAAC;CAAY;CAAM;CAAW;AAejE,MAAa,cAAoC,MAAM,UAAU;CAC/D,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,UAAU,cAAc;AAM5B,SAL2B,wBACzB,MAAM,eACN,MAAM,SACN,cAEuB,IAAI,MAAM;IAClC;EAAC,MAAM;EAAe,MAAM;EAAS,MAAM;EAAQ,CAAC;CAEvD,MAAM,WAAW,cAAc,YAAY,QAAQ,EAAE,CAAC,QAAQ,CAAC;AAE/D,KAAI,OAAO,YAAY,UAAU;AAC/B,MAAI,aAAa,UAAU,WACzB,QACE,oBAAC,QAAD;GAAM,WAAU;aAAuB;GAA8B;AAIzE,MAAI,aAAa,UAAU,OACzB,QACE,oBAAC,OAAD;GAAK,WAAU;aAAuC;GAEhD;AAIV,MAAI,aAAa,UAAU,SACzB,QACE,oBAAC,iBAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,KACzB,QACE,oBAAC,aAAD;GAAa,GAAI;GAAgB;GAAuC;AAI5E,MAAI,aAAa,UAAU,YACzB,QACE,oBAAC,oBAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,YACzB,QACE,oBAAC,oBAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,OACzB,QACE,oBAAC,eAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,UACzB,QACE,oBAAC,kBAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,UACzB,QACE,oBAAC,kBAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,MACzB,QACE,oBAAC,cAAD;GACE,GAAI;GACK;GACT;AAIN,MAAI,aAAa,UAAU,KACzB,QAAO,oBAAC,aAAD;GAAa,GAAI;GAAgB;GAA0B;AAGpE,SACE,oBAAC,qBAAD;GACE,GAAI;GACK;GACT;;AAIN,KAAI,OAAO,YAAY,SACrB,QAAO,oBAAC,eAAD;EAAe,GAAI;EAAgB;EAAW;AAGvD,KAAI,OAAO,YAAY,SACrB,QAAO,oBAAC,eAAD;EAAe,GAAI;EAAgB;EAAW;AAGvD,KAAI,OAAO,YAAY,UACrB,QAAO,oBAAC,gBAAD;EAAgB,GAAI;EAAgB;EAAW;EAExD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  getContentNodeByKeyPath,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport type {\n  ConditionContent,\n  EnumerationContent,\n  FileContent,\n  HTMLContent,\n  InsertionContent,\n  MarkdownContent,\n  PluralContent,\n  TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { ContentNode, Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { BooleanWrapper } from './BooleanWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { FileWrapper } from './FileWrapper';\nimport { HtmlWrapper } from './HtmlWrapper';\nimport { InsertionWrapper } from './InsertionWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { NumberWrapper } from './NumberWrapper';\nimport { PluralWrapper } from './PluralWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locale;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n  renderSection?: (content: string) => ReactNode;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = memo((props) => {\n  const currentLocale = useEditorLocale();\n  const section = useMemo(() => {\n    const editedContentValue = getContentNodeByKeyPath(\n      props.editedContent,\n      props.keyPath,\n      currentLocale\n    );\n    return editedContentValue ?? props.section;\n  }, [props.editedContent, props.keyPath, props.section]);\n\n  const nodeType = useMemo(() => getNodeType(section), [section]);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeTypes.REACT_NODE) {\n      return (\n        <span className=\"text-neutral text-xs\">React node not editable</span>\n      );\n    }\n\n    if (nodeType === NodeTypes.NESTED) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeTypes.MARKDOWN) {\n      return (\n        <MarkdownWrapper\n          {...props}\n          section={section as MarkdownContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.HTML) {\n      return (\n        <HtmlWrapper {...props} section={section as HTMLContent<ContentNode>} />\n      );\n    }\n\n    if (nodeType === NodeTypes.TRANSLATION) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.ENUMERATION) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.PLURAL) {\n      return (\n        <PluralWrapper\n          {...props}\n          section={section as PluralContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.CONDITION) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.INSERTION) {\n      return (\n        <InsertionWrapper\n          {...props}\n          section={section as InsertionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.ARRAY) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    if (nodeType === NodeTypes.FILE) {\n      return <FileWrapper {...props} section={section as FileContent} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as unknown as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n\n  if (typeof section === 'number') {\n    return <NumberWrapper {...props} section={section} />;\n  }\n\n  if (typeof section === 'boolean') {\n    return <BooleanWrapper {...props} section={section} />;\n  }\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,YAAsB;CAAC;CAAY;CAAM;CAAW;AAejE,MAAa,cAAoC,MAAM,UAAU;CAC/D,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,UAAU,cAAc;EAM5B,OAL2B,wBACzB,MAAM,eACN,MAAM,SACN,cAEuB,IAAI,MAAM;IAClC;EAAC,MAAM;EAAe,MAAM;EAAS,MAAM;EAAQ,CAAC;CAEvD,MAAM,WAAW,cAAc,YAAY,QAAQ,EAAE,CAAC,QAAQ,CAAC;CAE/D,IAAI,OAAO,YAAY,UAAU;EAC/B,IAAI,aAAa,UAAU,YACzB,OACE,oBAAC,QAAD;GAAM,WAAU;aAAuB;GAA8B;EAIzE,IAAI,aAAa,UAAU,QACzB,OACE,oBAAC,OAAD;GAAK,WAAU;aAAuC;GAEhD;EAIV,IAAI,aAAa,UAAU,UACzB,OACE,oBAAC,iBAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,MACzB,OACE,oBAAC,aAAD;GAAa,GAAI;GAAgB;GAAuC;EAI5E,IAAI,aAAa,UAAU,aACzB,OACE,oBAAC,oBAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,aACzB,OACE,oBAAC,oBAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,QACzB,OACE,oBAAC,eAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,WACzB,OACE,oBAAC,kBAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,WACzB,OACE,oBAAC,kBAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,OACzB,OACE,oBAAC,cAAD;GACE,GAAI;GACK;GACT;EAIN,IAAI,aAAa,UAAU,MACzB,OAAO,oBAAC,aAAD;GAAa,GAAI;GAAgB;GAA0B;EAGpE,OACE,oBAAC,qBAAD;GACE,GAAI;GACK;GACT;;CAIN,IAAI,OAAO,YAAY,UACrB,OAAO,oBAAC,eAAD;EAAe,GAAI;EAAgB;EAAW;CAGvD,IAAI,OAAO,YAAY,UACrB,OAAO,oBAAC,eAAD;EAAe,GAAI;EAAgB;EAAW;CAGvD,IAAI,OAAO,YAAY,WACrB,OAAO,oBAAC,gBAAD;EAAgB,GAAI;EAAgB;EAAW;EAExD"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport { type FC, useEffect } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(focusedSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && (\n          <TextEditorContainer\n            keyPath={focusedKeyPath ?? []}\n            section={focusedSection}\n            dictionary={dictionary}\n            isDarkMode={isDarkMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,EAAE,gBAAgB,6BACtB,4BAA4B;CAE9B,MAAM,iBAAiB,gBAAgB;CACvC,MAAM,UACJ,OAAO,gBAAgB,UAA+B,YACtD,cACI,UACA,gBAAgB,UAA+B;CAErD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,wBACrB,SACA,kBAAkB,EAAE,EACpB,cACD;CACD,MAAM,wBAAwB,qBAAqB,QAAQ;CAC3D,MAAM,2BAA2B,qBAAqB,eAAe;AAErE,iBAAgB;AACd,MAAI,OAAO,mBAAmB,YAC5B,0BAAyB,gBAAgB,SAAS,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IAEtE,EAAE,CAAC;AAEN,QACE,qBAAC,OAAD,aACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,mBAAD;GACE,eAAe;GACf,SAAS,kBAAkB,EAAE;GAC7B,gBAAgB;GAChB,GACF,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,uBAAD,EAAyB;GACrB,EACF;KACN,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC,WAAD;GACE;GACA,YAAW;GACX,WAAU;GACV,aAAY;GACZ,cAAa;aAEb,oBAAC,oBAAD;IACE,SAAS,EAAE;IACF;IACG;IACZ;GACQ,IAEd,6BAA6B,kBAAkB,EAAE,EAAE,SAAS,MAC5D,oBAAC,qBAAD;GACE,SAAS,kBAAkB,EAAE;GAC7B,SAAS;GACG;GACA;GACZ,EAEA;IACF"}
+{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport { type FC, useEffect } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(focusedSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && (\n          <TextEditorContainer\n            keyPath={focusedKeyPath ?? []}\n            section={focusedSection}\n            dictionary={dictionary}\n            isDarkMode={isDarkMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,EAAE,gBAAgB,6BACtB,4BAA4B;CAE9B,MAAM,iBAAiB,gBAAgB;CACvC,MAAM,UACJ,OAAO,gBAAgB,UAA+B,YACtD,cACI,UACA,gBAAgB,UAA+B;CAErD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,wBACrB,SACA,kBAAkB,EAAE,EACpB,cACD;CACD,MAAM,wBAAwB,qBAAqB,QAAQ;CAC3D,MAAM,2BAA2B,qBAAqB,eAAe;CAErE,gBAAgB;EACd,IAAI,OAAO,mBAAmB,aAC5B,yBAAyB,gBAAgB,SAAS,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IAEtE,EAAE,CAAC;CAEN,OACE,qBAAC,OAAD,aACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,mBAAD;GACE,eAAe;GACf,SAAS,kBAAkB,EAAE;GAC7B,gBAAgB;GAChB,GACF,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,uBAAD,EAAyB;GACrB,EACF;KACN,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC,WAAD;GACE;GACA,YAAW;GACX,WAAU;GACV,aAAY;GACZ,cAAa;aAEb,oBAAC,oBAAD;IACE,SAAS,EAAE;IACF;IACG;IACZ;GACQ,IAEd,6BAA6B,kBAAkB,EAAE,EAAE,SAAS,MAC5D,oBAAC,qBAAD;GACE,SAAS,kBAAkB,EAAE;GAC7B,SAAS;GACG;GACA;GACZ,EAEA;IACF"}

package/dist/esm/components/DictionaryFieldEditor/ContentEditorView/TextEditor.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import { useAuditContentDeclarationField } from "../../../hooks/reactQuery.mjs";
 import { Container } from "../../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
 import { InputVariant } from "../../Input/Input.mjs";
 import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../../SwitchSelector/SwitchSelector.mjs";
 import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
 import { ContentEditorInput as ContentEditorInput$1 } from "../../ContentEditor/ContentEditorInput.mjs";
+import { useAuditContentDeclarationField } from "../../../hooks/reactQuery.mjs";
 import { ContentEditorTextArea as ContentEditorTextArea$1 } from "../../ContentEditor/ContentEditorTextArea.mjs";
 import { renameKey } from "./object.mjs";
 import { Label } from "../../Label/index.mjs";
@@ -15,9 +15,9 @@ import { EnumKeyInput } from "../EnumKeyInput.mjs";
 import { Fragment, useState } from "react";
 import { Plus, Trash, WandSparkles } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useConfiguration, useEditedContent } from "@intlayer/editor-react";
 import { useIntlayer, useLocale } from "react-intlayer";
 import { getLocaleName } from "@intlayer/core/localization";
+import { useConfiguration, useEditedContent } from "@intlayer/editor-react";
 import { getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 

package/dist/esm/components/DictionaryFieldEditor/ContentEditorView/TextEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.mjs","names":["ContentEditorTextAreaBase","ContentEditorInputBase","MarkdownRenderer"],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '@components/Button';\nimport { Container } from '@components/Container';\nimport {\n  ContentEditorInput as ContentEditorInputBase,\n  type ContentEditorInputProps as ContentEditorInputPropsBase,\n} from '@components/ContentEditor/ContentEditorInput';\nimport {\n  ContentEditorTextArea as ContentEditorTextAreaBase,\n  type ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n} from '@components/ContentEditor/ContentEditorTextArea';\nimport { renameKey } from '@components/DictionaryFieldEditor/ContentEditorView/object';\nimport { InputVariant } from '@components/Input';\nimport { Label } from '@components/Label';\nimport { useLocaleSwitcherContent } from '@components/LocaleSwitcherContentDropDown';\nimport { MarkdownRenderer } from '@components/MarkDownRender';\nimport {\n  SwitchSelector,\n  type SwitchSelectorChoices,\n  SwitchSelectorColor,\n  type SwitchSelectorProps,\n  SwitchSelectorSize,\n} from '@components/SwitchSelector';\nimport { useAuditContentDeclarationField } from '@hooks/reactQuery';\nimport {\n  getEmptyNode,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { getLocaleName } from '@intlayer/core/localization';\nimport type {\n  ConditionContent,\n  EnumerationContent,\n  FileContent,\n  GenderContent,\n  HTMLContent,\n  InsertionContent,\n  MarkdownContent,\n  TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useConfiguration, useEditedContent } from '@intlayer/editor-react';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { ContentNode, Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { Plus, Trash, WandSparkles } from 'lucide-react';\nimport { type FC, Fragment, type ReactNode, useState } from 'react';\nimport { useIntlayer, useLocale } from 'react-intlayer';\nimport { EnumKeyInput } from '../EnumKeyInput';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n  ContentEditorTextAreaPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  keyPath,\n  dictionary,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const configuration = useConfiguration();\n  const { mutate: auditContentDeclarationField, isPending: isAuditing } =\n    useAuditContentDeclarationField();\n\n  return (\n    <ContentEditorTextAreaBase\n      variant={InputVariant.DEFAULT}\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.localId!, newValue, keyPath)\n      }\n      additionalButtons={\n        <Button\n          Icon={WandSparkles}\n          label=\"Audit\"\n          variant={ButtonVariant.HOVERABLE}\n          size={ButtonSize.ICON_SM}\n          color={ButtonColor.TEXT}\n          className=\"cursor-pointer hover:scale-110\"\n          isLoading={isAuditing}\n          onClick={() => {\n            auditContentDeclarationField(\n              {\n                fileContent: JSON.stringify({\n                  ...dictionary,\n                  ...(editedContent?.[dictionary.localId!] ?? {}),\n                }),\n                keyPath,\n                locales: configuration?.internationalization.locales ?? [],\n                aiOptions: {\n                  apiKey: configuration?.ai?.apiKey,\n                  model: configuration?.ai?.model,\n                  temperature: configuration?.ai?.temperature,\n                },\n              },\n              {\n                onSuccess: (response) => {\n                  if (!response?.data) return;\n\n                  try {\n                    const editedContent = response.data.fileContent as string;\n\n                    addEditedContent(\n                      dictionary.localId!,\n                      editedContent,\n                      keyPath\n                    );\n                  } catch (error) {\n                    console.error(error);\n                  }\n                },\n              }\n            );\n          }}\n        />\n      }\n      {...props}\n    />\n  );\n};\n\ntype ContentEditorInputProps = Omit<\n  ContentEditorInputPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n};\n\nconst ContentEditorInput: FC<ContentEditorInputProps> = ({\n  keyPath,\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  return (\n    <ContentEditorInputBase\n      variant={InputVariant.DEFAULT}\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.localId!, newValue, keyPath)\n      }\n      {...props}\n    />\n  );\n};\n\nconst toggleContent = [\n  {\n    content: 'False',\n    value: false,\n  },\n  {\n    content: 'True',\n    value: true,\n  },\n] as SwitchSelectorChoices<boolean>;\n\ntype ContentEditorToggleProps = SwitchSelectorProps & {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n};\n\nconst ContentEditorToggle: FC<ContentEditorToggleProps> = ({\n  dictionary,\n  keyPath,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  return (\n    <SwitchSelector\n      choices={toggleContent}\n      value={true}\n      onChange={(value) =>\n        addEditedContent(dictionary.localId!, value, keyPath)\n      }\n      color={SwitchSelectorColor.TEXT}\n      size={SwitchSelectorSize.SM}\n      {...props}\n    />\n  );\n};\n\nexport type TextEditorProps = {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  isDarkMode?: boolean;\n  renderSection?: (content: string) => ReactNode;\n  onContentChange?: (newValue: string) => void;\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}: TextEditorProps) => {\n  const { locale, defaultLocale } = useLocale();\n  const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n  const sectionContent = (section as TranslationContent<string>)[\n    NodeTypes.TRANSLATION\n  ] as Record<Locale, string>;\n\n  const sectionContentKeys = Object.keys(sectionContent) as LocalesValues[];\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  const content: any = (section as TranslationContent<string>)[\n    NodeTypes.TRANSLATION\n  ];\n\n  return (\n    <table className=\"w-full\">\n      <tbody className=\"flex w-full flex-col gap-2\">\n        {localesList.map((translationKey) => {\n          const uniqueKey = `${JSON.stringify(keyPath)}-translation-${translationKey}`;\n          return (\n            <Fragment key={uniqueKey}>\n              <tr className=\"mt-2 w-full p-2 text-xs\">\n                <td className=\"flex w-full\">\n                  {getLocaleName(translationKey, locale)}\n                </td>\n              </tr>\n              <tr className=\"flex\">\n                <td className=\"flex w-full\">\n                  <TextEditorContainer\n                    section={\n                      content[translationKey] ??\n                      getEmptyNode(content[defaultLocale])\n                    }\n                    keyPath={[\n                      ...keyPath,\n                      { type: NodeTypes.TRANSLATION, key: translationKey },\n                    ]}\n                    dictionary={dictionary}\n                    renderSection={renderSection}\n                  />\n                </td>\n              </tr>\n            </Fragment>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewEnumeration, removeEnumeration } =\n    useIntlayer('navigation-view');\n\n  const content = (section as EnumerationContent<string>)[\n    NodeTypes.ENUMERATION\n  ];\n  const firstKey = Object.keys(content)[0] as keyof typeof content;\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <table className=\"w-full\">\n        <tbody className=\"flex w-full flex-col gap-2\">\n          {Object.keys(\n            (section as EnumerationContent<ContentNode>)[NodeTypes.ENUMERATION]\n          ).map((enumKey) => {\n            const childrenKeyPath = [\n              ...keyPath,\n              { type: NodeTypes.ENUMERATION, key: enumKey },\n            ] as KeyPath[];\n            const uniqueKey = `${JSON.stringify(keyPath)}-enumeration-${enumKey}`;\n\n            return (\n              <Fragment key={uniqueKey}>\n                <tr className=\"mt-2 w-full\">\n                  <td className=\"flex w-full\">\n                    <div className=\"flex flex-1\">\n                      <Button\n                        label={removeEnumeration.label.value}\n                        variant=\"hoverable\"\n                        size=\"sm\"\n                        color=\"error\"\n                        className=\"ml-auto text-neutral hover:text-error\"\n                        Icon={Trash}\n                        onClick={() =>\n                          addEditedContent(\n                            dictionary.localId!,\n                            undefined,\n                            childrenKeyPath\n                          )\n                        }\n                      >\n                        {removeEnumeration.text}\n                      </Button>\n                    </div>\n                  </td>\n                </tr>\n                <tr className=\"w-full p-2\">\n                  <td className=\"flex w-full\">\n                    <EnumKeyInput\n                      value={enumKey}\n                      onChange={(value) => {\n                        const preValueContent = (\n                          section as EnumerationContent<string>\n                        )[NodeTypes.ENUMERATION];\n\n                        const newValueContent = renameKey(\n                          preValueContent,\n                          enumKey as keyof typeof preValueContent,\n                          value\n                        );\n                        const newValue = {\n                          ...(section as EnumerationContent<string>),\n                          [NodeTypes.ENUMERATION]: newValueContent,\n                        };\n\n                        console.log('newValue', newValue);\n\n                        addEditedContent(\n                          dictionary.localId!,\n                          newValue,\n                          keyPath\n                        );\n                      }}\n                    />\n                  </td>\n                </tr>\n                <tr className=\"block w-full\">\n                  <td className=\"flex w-full\">\n                    <TextEditor\n                      section={\n                        content[enumKey as keyof typeof content] ??\n                        getEmptyNode(content[firstKey])\n                      }\n                      keyPath={childrenKeyPath}\n                      dictionary={dictionary}\n                      renderSection={renderSection}\n                    />\n                  </td>\n                </tr>\n              </Fragment>\n            );\n          })}\n        </tbody>\n      </table>\n\n      <Button\n        label={addNewEnumeration.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.NEUTRAL}\n        textAlign={ButtonTextAlign.LEFT}\n        isFullWidth\n        onClick={() =>\n          addEditedContent(\n            dictionary.localId!,\n            getEmptyNode(content[firstKey]) ?? '',\n            [...keyPath, { type: NodeTypes.ENUMERATION, key: 'unknown' }]\n          )\n        }\n        Icon={Plus}\n        className=\"m-2\"\n      >\n        {addNewEnumeration.text}\n      </Button>\n    </div>\n  );\n};\n\nconst ConditionTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const content = (section as ConditionContent<string>)[NodeTypes.CONDITION];\n\n  return (\n    <table className=\"w-full\">\n      <tbody className=\"flex w-full flex-col gap-2\">\n        {['true', 'false', 'fallback'].map((condKey) => {\n          const uniqueKey = `${JSON.stringify(keyPath)}-condition-${condKey}`;\n          return (\n            <Fragment key={uniqueKey}>\n              <tr className=\"mt-2 block w-full p-2 text-xs\">\n                <td className=\"flex w-full\">{String(condKey)}</td>\n              </tr>\n              <tr className=\"block w-full\">\n                <td className=\"flex w-full\">\n                  <TextEditorContainer\n                    section={\n                      content[condKey as keyof typeof content] ??\n                      getEmptyNode(content.true)\n                    }\n                    keyPath={[\n                      ...keyPath,\n                      {\n                        type: NodeTypes.CONDITION,\n                        key: condKey,\n                      } as KeyPath,\n                    ]}\n                    dictionary={dictionary}\n                    renderSection={renderSection}\n                  />\n                </td>\n              </tr>\n            </Fragment>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nconst GenderTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const content = (section as GenderContent<string>)[NodeTypes.GENDER];\n\n  return (\n    <table className=\"w-full\">\n      <tbody className=\"flex w-full flex-col gap-2\">\n        {['male', 'female', 'fallback'].map((condKey) => {\n          const uniqueKey = `${JSON.stringify(keyPath)}-gender-${condKey}`;\n          return (\n            <Fragment key={uniqueKey}>\n              <tr className=\"mt-2 block w-full p-2 text-xs\">\n                <td className=\"flex w-full\">{String(condKey)}</td>\n              </tr>\n              <tr className=\"block w-full\">\n                <td className=\"flex w-full\">\n                  <TextEditorContainer\n                    section={\n                      content[condKey as keyof typeof content] ??\n                      getEmptyNode(content.male)\n                    }\n                    keyPath={[\n                      ...keyPath,\n                      {\n                        type: NodeTypes.GENDER,\n                        key: condKey,\n                      } as KeyPath,\n                    ]}\n                    dictionary={dictionary}\n                    renderSection={renderSection}\n                  />\n                </td>\n              </tr>\n            </Fragment>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewElement, removeElement } = useIntlayer('navigation-view');\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <table className=\"w-full\">\n        <tbody className=\"flex w-full flex-col gap-2\">\n          {(section as unknown as ContentNode[]).map((subSection, index) => {\n            const uniqueKey = `${JSON.stringify(keyPath)}-array-${index}`;\n            return (\n              <Fragment key={uniqueKey}>\n                <tr className=\"mt-2 w-full p-2\">\n                  <td className=\"flex w-full\">\n                    <div className=\"flex w-full items-center justify-between gap-2\">\n                      <span className=\"text-xs\">{String(index)}</span>\n                      <Button\n                        label={removeElement.label.value}\n                        variant=\"hoverable\"\n                        size=\"sm\"\n                        color=\"error\"\n                        className=\"ml-auto text-neutral hover:text-error\"\n                        onClick={() => {\n                          const newKeyPath: KeyPath[] = [\n                            ...keyPath,\n                            {\n                              type: NodeTypes.ARRAY,\n                              key: index, // Fixed: Use index instead of length\n                            },\n                          ];\n                          addEditedContent(\n                            dictionary.localId!,\n                            undefined,\n                            newKeyPath\n                          );\n                        }}\n                        Icon={Trash}\n                      >\n                        {removeElement.text}\n                      </Button>\n                    </div>\n                  </td>\n                </tr>\n\n                <tr className=\"block w-full\">\n                  <td className=\"flex w-full\">\n                    <TextEditorContainer\n                      section={\n                        subSection ??\n                        getEmptyNode((section as unknown as ContentNode[])[0])\n                      }\n                      keyPath={[\n                        ...keyPath,\n                        {\n                          type: NodeTypes.ARRAY,\n                          key: index,\n                        },\n                      ]}\n                      dictionary={dictionary}\n                      renderSection={renderSection}\n                    />\n                  </td>\n                </tr>\n              </Fragment>\n            );\n          })}\n        </tbody>\n      </table>\n      <Button\n        label={addNewElement.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.NEUTRAL}\n        textAlign={ButtonTextAlign.LEFT}\n        isFullWidth\n        onClick={() => {\n          const newKeyPath: KeyPath[] = [\n            ...keyPath,\n            {\n              type: NodeTypes.ARRAY,\n              key: (section as unknown as ContentNode[]).length, // Keeps length for adding new items\n            },\n          ];\n          addEditedContent(\n            dictionary.localId!,\n            getEmptyNode((section as unknown as ContentNode[])[0]) ?? '',\n            newKeyPath,\n            false\n          );\n        }}\n        Icon={Plus}\n      >\n        {addNewElement.text}\n      </Button>\n    </div>\n  );\n};\n\nconst ObjectTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => (\n  <>\n    <table className=\"w-full\">\n      <tbody className=\"flex flex-col gap-2\">\n        {Object.keys(section as unknown as Record<string, ContentNode>).map(\n          (key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.OBJECT, key },\n            ];\n            const typedSection = section as unknown as Record<\n              string,\n              ContentNode\n            >;\n            const firstKey = Object.keys(\n              typedSection\n            )[0] as keyof typeof section;\n            const subSection =\n              typedSection[key as keyof typeof section] ??\n              getEmptyNode(typedSection[firstKey]);\n            const uniqueKey = `${JSON.stringify(keyPath)}-object-${key}`;\n\n            return (\n              <Fragment key={uniqueKey}>\n                <tr className=\"mt-2 p-2 text-xs\">\n                  <td className=\"flex w-full\">{String(key)}</td>\n                </tr>\n                <tr className=\"block w-full\">\n                  <td className=\"flex w-full\">\n                    <TextEditor\n                      section={subSection}\n                      keyPath={childKeyPath}\n                      dictionary={dictionary}\n                      renderSection={renderSection}\n                    />\n                  </td>\n                </tr>\n              </Fragment>\n            );\n          }\n        )}\n      </tbody>\n    </table>\n  </>\n);\n\nenum MarkdownViewMode {\n  Edit,\n  Preview,\n}\n\nenum HtmlViewMode {\n  Edit,\n  Preview,\n}\n\nconst HtmlTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  const [mode, setMode] = useState(HtmlViewMode.Edit);\n  const toggleContent = [\n    {\n      content: 'Edit',\n      value: HtmlViewMode.Edit,\n    },\n    {\n      content: 'Preview',\n      value: HtmlViewMode.Preview,\n    },\n  ] as SwitchSelectorChoices<HtmlViewMode>;\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.HTML }];\n\n  const content = (section as HTMLContent<ContentNode>)[\n    NodeTypes.HTML\n  ] as ContentNode;\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <SwitchSelector\n        choices={toggleContent}\n        value={mode}\n        onChange={setMode}\n        color={SwitchSelectorColor.TEXT}\n        size={SwitchSelectorSize.SM}\n        className=\"ml-auto\"\n      />\n\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        dictionary={dictionary}\n        renderSection={\n          mode === HtmlViewMode.Preview\n            ? (content) => (\n                // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML content is user-controlled and rendered in editor context\n                <div dangerouslySetInnerHTML={{ __html: content }} />\n              )\n            : undefined\n        }\n      />\n    </div>\n  );\n};\n\nconst MarkdownTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  isDarkMode,\n}) => {\n  const [mode, setMode] = useState(MarkdownViewMode.Edit);\n  const toggleContent = [\n    {\n      content: 'Edit',\n      value: MarkdownViewMode.Edit,\n    },\n    {\n      content: 'Preview',\n      value: MarkdownViewMode.Preview,\n    },\n  ] as SwitchSelectorChoices<MarkdownViewMode>;\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.MARKDOWN }];\n\n  const content = (section as MarkdownContent<ContentNode>)[\n    NodeTypes.MARKDOWN\n  ] as ContentNode;\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <SwitchSelector\n        choices={toggleContent}\n        value={mode}\n        onChange={setMode}\n        color={SwitchSelectorColor.TEXT}\n        size={SwitchSelectorSize.SM}\n        className=\"ml-auto\"\n      />\n\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        dictionary={dictionary}\n        renderSection={\n          mode === MarkdownViewMode.Preview\n            ? (content) => (\n                <MarkdownRenderer isDarkMode={isDarkMode}>\n                  {content}\n                </MarkdownRenderer>\n              )\n            : undefined\n        }\n      />\n    </div>\n  );\n};\n\nconst InsertionTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  ...props\n}) => {\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.INSERTION }];\n\n  const content = (section as InsertionContent<ContentNode>)[\n    NodeTypes.INSERTION\n  ];\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        {...props}\n      />\n    </div>\n  );\n};\n\nconst FileTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  ...props\n}) => {\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.FILE }];\n\n  const fileUrl = (section as FileContent)[NodeTypes.FILE];\n  const { content } = section as FileContent;\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <span className=\"text-neutral text-sm\">{fileUrl} </span>\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        {...props}\n      />\n    </div>\n  );\n};\n\nconst NestedTextEditor: FC<TextEditorProps> = ({\n  keyPath,\n  dictionary,\n  renderSection,\n  section,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  const content = (section as any)[NodeTypes.NESTED];\n  const childrenKeyPath = [...keyPath, { type: NodeTypes.NESTED }] as KeyPath[];\n\n  return (\n    <div className=\"flex w-full flex-col gap-4 p-2\">\n      <Label>Dictionary key</Label>\n      <ContentEditorInputBase\n        aria-label=\"Edit field\"\n        type=\"text\"\n        variant={InputVariant.DEFAULT}\n        {...props}\n        onContentChange={(newValue) => {\n          addEditedContent(\n            dictionary.localId!,\n            {\n              ...content,\n              dictionaryKey: String(newValue),\n            },\n            childrenKeyPath\n          );\n        }}\n      >\n        {content.dictionaryKey ?? ''}\n      </ContentEditorInputBase>\n\n      <Label>Path (optional)</Label>\n      <ContentEditorInputBase\n        aria-label=\"Edit field\"\n        type=\"text\"\n        variant={InputVariant.DEFAULT}\n        {...props}\n        onContentChange={(newValue) => {\n          addEditedContent(\n            dictionary.localId!,\n            {\n              ...content,\n              path: newValue !== '' ? newValue : undefined,\n            },\n            childrenKeyPath\n          );\n        }}\n      >\n        {content.path ?? ''}\n      </ContentEditorInputBase>\n    </div>\n  );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n  isDarkMode,\n}) => {\n  const { tsxNotEditable } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n\n  if (nodeType === NodeTypes.REACT_NODE) {\n    return (\n      <div className=\"flex w-full flex-col gap-2\">\n        <span>(React Node)</span>\n        <span className=\"flex text-neutral text-xs\">{tsxNotEditable}</span>\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.NESTED) {\n    return (\n      <NestedTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.TRANSLATION) {\n    return (\n      <TranslationTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.ENUMERATION) {\n    return (\n      <EnumerationTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.CONDITION) {\n    return (\n      <ConditionTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.GENDER) {\n    return (\n      <GenderTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.INSERTION) {\n    return (\n      <InsertionTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.MARKDOWN) {\n    return (\n      <MarkdownTextEditor\n        dictionary={dictionary}\n        keyPath={keyPath}\n        section={section}\n        isDarkMode={isDarkMode}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.HTML) {\n    return (\n      <HtmlTextEditor\n        dictionary={dictionary}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.FILE) {\n    return (\n      <FileTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.ARRAY) {\n    return (\n      <ArrayTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.OBJECT) {\n    return (\n      <ObjectTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.NUMBER) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorInput\n          dictionary={dictionary}\n          keyPath={keyPath}\n          type=\"number\"\n          aria-label=\"Edit field\"\n        >\n          {section as number}\n        </ContentEditorInput>\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.TEXT) {\n    return (\n      <div className=\"w-full p-2\">\n        {typeof renderSection === 'function' ? (\n          renderSection(section as string)\n        ) : (\n          <ContentEditorTextArea\n            variant={InputVariant.DEFAULT}\n            aria-label=\"Edit field\"\n            keyPath={keyPath}\n            dictionary={dictionary}\n          >\n            {section as string}\n          </ContentEditorTextArea>\n        )}\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.BOOLEAN) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorToggle\n          dictionary={dictionary}\n          keyPath={keyPath}\n          value={section as boolean}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full p-2\">\n      Error. Format not supported.\n      {JSON.stringify(section, null, 2)}\n      {JSON.stringify(keyPath, null, 2)}\n      NodeType : {nodeType}\n    </div>\n  );\n};\n\nexport const TextEditorContainer: FC<TextEditorProps> = (props) => (\n  <Container\n    border\n    background=\"none\"\n    className=\"top-6 flex h-full flex-1 flex-col gap-6 overflow-hidden p-2 md:sticky\"\n    roundedSize=\"xl\"\n  >\n    <TextEditor {...props} />\n  </Container>\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.mjs","names":["ContentEditorTextAreaBase","ContentEditorInputBase","MarkdownRenderer"],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '@components/Button';\nimport { Container } from '@components/Container';\nimport {\n  ContentEditorInput as ContentEditorInputBase,\n  type ContentEditorInputProps as ContentEditorInputPropsBase,\n} from '@components/ContentEditor/ContentEditorInput';\nimport {\n  ContentEditorTextArea as ContentEditorTextAreaBase,\n  type ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n} from '@components/ContentEditor/ContentEditorTextArea';\nimport { renameKey } from '@components/DictionaryFieldEditor/ContentEditorView/object';\nimport { InputVariant } from '@components/Input';\nimport { Label } from '@components/Label';\nimport { useLocaleSwitcherContent } from '@components/LocaleSwitcherContentDropDown';\nimport { MarkdownRenderer } from '@components/MarkDownRender';\nimport {\n  SwitchSelector,\n  type SwitchSelectorChoices,\n  SwitchSelectorColor,\n  type SwitchSelectorProps,\n  SwitchSelectorSize,\n} from '@components/SwitchSelector';\nimport { useAuditContentDeclarationField } from '@hooks/reactQuery';\nimport {\n  getEmptyNode,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport { getLocaleName } from '@intlayer/core/localization';\nimport type {\n  ConditionContent,\n  EnumerationContent,\n  FileContent,\n  GenderContent,\n  HTMLContent,\n  InsertionContent,\n  MarkdownContent,\n  TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useConfiguration, useEditedContent } from '@intlayer/editor-react';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { ContentNode, Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { Plus, Trash, WandSparkles } from 'lucide-react';\nimport { type FC, Fragment, type ReactNode, useState } from 'react';\nimport { useIntlayer, useLocale } from 'react-intlayer';\nimport { EnumKeyInput } from '../EnumKeyInput';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n  ContentEditorTextAreaPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  keyPath,\n  dictionary,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const configuration = useConfiguration();\n  const { mutate: auditContentDeclarationField, isPending: isAuditing } =\n    useAuditContentDeclarationField();\n\n  return (\n    <ContentEditorTextAreaBase\n      variant={InputVariant.DEFAULT}\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.localId!, newValue, keyPath)\n      }\n      additionalButtons={\n        <Button\n          Icon={WandSparkles}\n          label=\"Audit\"\n          variant={ButtonVariant.HOVERABLE}\n          size={ButtonSize.ICON_SM}\n          color={ButtonColor.TEXT}\n          className=\"cursor-pointer hover:scale-110\"\n          isLoading={isAuditing}\n          onClick={() => {\n            auditContentDeclarationField(\n              {\n                fileContent: JSON.stringify({\n                  ...dictionary,\n                  ...(editedContent?.[dictionary.localId!] ?? {}),\n                }),\n                keyPath,\n                locales: configuration?.internationalization.locales ?? [],\n                aiOptions: {\n                  apiKey: configuration?.ai?.apiKey,\n                  model: configuration?.ai?.model,\n                  temperature: configuration?.ai?.temperature,\n                },\n              },\n              {\n                onSuccess: (response) => {\n                  if (!response?.data) return;\n\n                  try {\n                    const editedContent = response.data.fileContent as string;\n\n                    addEditedContent(\n                      dictionary.localId!,\n                      editedContent,\n                      keyPath\n                    );\n                  } catch (error) {\n                    console.error(error);\n                  }\n                },\n              }\n            );\n          }}\n        />\n      }\n      {...props}\n    />\n  );\n};\n\ntype ContentEditorInputProps = Omit<\n  ContentEditorInputPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n};\n\nconst ContentEditorInput: FC<ContentEditorInputProps> = ({\n  keyPath,\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  return (\n    <ContentEditorInputBase\n      variant={InputVariant.DEFAULT}\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.localId!, newValue, keyPath)\n      }\n      {...props}\n    />\n  );\n};\n\nconst toggleContent = [\n  {\n    content: 'False',\n    value: false,\n  },\n  {\n    content: 'True',\n    value: true,\n  },\n] as SwitchSelectorChoices<boolean>;\n\ntype ContentEditorToggleProps = SwitchSelectorProps & {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n};\n\nconst ContentEditorToggle: FC<ContentEditorToggleProps> = ({\n  dictionary,\n  keyPath,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  return (\n    <SwitchSelector\n      choices={toggleContent}\n      value={true}\n      onChange={(value) =>\n        addEditedContent(dictionary.localId!, value, keyPath)\n      }\n      color={SwitchSelectorColor.TEXT}\n      size={SwitchSelectorSize.SM}\n      {...props}\n    />\n  );\n};\n\nexport type TextEditorProps = {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  isDarkMode?: boolean;\n  renderSection?: (content: string) => ReactNode;\n  onContentChange?: (newValue: string) => void;\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}: TextEditorProps) => {\n  const { locale, defaultLocale } = useLocale();\n  const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n  const sectionContent = (section as TranslationContent<string>)[\n    NodeTypes.TRANSLATION\n  ] as Record<Locale, string>;\n\n  const sectionContentKeys = Object.keys(sectionContent) as LocalesValues[];\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  const content: any = (section as TranslationContent<string>)[\n    NodeTypes.TRANSLATION\n  ];\n\n  return (\n    <table className=\"w-full\">\n      <tbody className=\"flex w-full flex-col gap-2\">\n        {localesList.map((translationKey) => {\n          const uniqueKey = `${JSON.stringify(keyPath)}-translation-${translationKey}`;\n          return (\n            <Fragment key={uniqueKey}>\n              <tr className=\"mt-2 w-full p-2 text-xs\">\n                <td className=\"flex w-full\">\n                  {getLocaleName(translationKey, locale)}\n                </td>\n              </tr>\n              <tr className=\"flex\">\n                <td className=\"flex w-full\">\n                  <TextEditorContainer\n                    section={\n                      content[translationKey] ??\n                      getEmptyNode(content[defaultLocale])\n                    }\n                    keyPath={[\n                      ...keyPath,\n                      { type: NodeTypes.TRANSLATION, key: translationKey },\n                    ]}\n                    dictionary={dictionary}\n                    renderSection={renderSection}\n                  />\n                </td>\n              </tr>\n            </Fragment>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewEnumeration, removeEnumeration } =\n    useIntlayer('navigation-view');\n\n  const content = (section as EnumerationContent<string>)[\n    NodeTypes.ENUMERATION\n  ];\n  const firstKey = Object.keys(content)[0] as keyof typeof content;\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <table className=\"w-full\">\n        <tbody className=\"flex w-full flex-col gap-2\">\n          {Object.keys(\n            (section as EnumerationContent<ContentNode>)[NodeTypes.ENUMERATION]\n          ).map((enumKey) => {\n            const childrenKeyPath = [\n              ...keyPath,\n              { type: NodeTypes.ENUMERATION, key: enumKey },\n            ] as KeyPath[];\n            const uniqueKey = `${JSON.stringify(keyPath)}-enumeration-${enumKey}`;\n\n            return (\n              <Fragment key={uniqueKey}>\n                <tr className=\"mt-2 w-full\">\n                  <td className=\"flex w-full\">\n                    <div className=\"flex flex-1\">\n                      <Button\n                        label={removeEnumeration.label.value}\n                        variant=\"hoverable\"\n                        size=\"sm\"\n                        color=\"error\"\n                        className=\"ml-auto text-neutral hover:text-error\"\n                        Icon={Trash}\n                        onClick={() =>\n                          addEditedContent(\n                            dictionary.localId!,\n                            undefined,\n                            childrenKeyPath\n                          )\n                        }\n                      >\n                        {removeEnumeration.text}\n                      </Button>\n                    </div>\n                  </td>\n                </tr>\n                <tr className=\"w-full p-2\">\n                  <td className=\"flex w-full\">\n                    <EnumKeyInput\n                      value={enumKey}\n                      onChange={(value) => {\n                        const preValueContent = (\n                          section as EnumerationContent<string>\n                        )[NodeTypes.ENUMERATION];\n\n                        const newValueContent = renameKey(\n                          preValueContent,\n                          enumKey as keyof typeof preValueContent,\n                          value\n                        );\n                        const newValue = {\n                          ...(section as EnumerationContent<string>),\n                          [NodeTypes.ENUMERATION]: newValueContent,\n                        };\n\n                        console.log('newValue', newValue);\n\n                        addEditedContent(\n                          dictionary.localId!,\n                          newValue,\n                          keyPath\n                        );\n                      }}\n                    />\n                  </td>\n                </tr>\n                <tr className=\"block w-full\">\n                  <td className=\"flex w-full\">\n                    <TextEditor\n                      section={\n                        content[enumKey as keyof typeof content] ??\n                        getEmptyNode(content[firstKey])\n                      }\n                      keyPath={childrenKeyPath}\n                      dictionary={dictionary}\n                      renderSection={renderSection}\n                    />\n                  </td>\n                </tr>\n              </Fragment>\n            );\n          })}\n        </tbody>\n      </table>\n\n      <Button\n        label={addNewEnumeration.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.NEUTRAL}\n        textAlign={ButtonTextAlign.LEFT}\n        isFullWidth\n        onClick={() =>\n          addEditedContent(\n            dictionary.localId!,\n            getEmptyNode(content[firstKey]) ?? '',\n            [...keyPath, { type: NodeTypes.ENUMERATION, key: 'unknown' }]\n          )\n        }\n        Icon={Plus}\n        className=\"m-2\"\n      >\n        {addNewEnumeration.text}\n      </Button>\n    </div>\n  );\n};\n\nconst ConditionTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const content = (section as ConditionContent<string>)[NodeTypes.CONDITION];\n\n  return (\n    <table className=\"w-full\">\n      <tbody className=\"flex w-full flex-col gap-2\">\n        {['true', 'false', 'fallback'].map((condKey) => {\n          const uniqueKey = `${JSON.stringify(keyPath)}-condition-${condKey}`;\n          return (\n            <Fragment key={uniqueKey}>\n              <tr className=\"mt-2 block w-full p-2 text-xs\">\n                <td className=\"flex w-full\">{String(condKey)}</td>\n              </tr>\n              <tr className=\"block w-full\">\n                <td className=\"flex w-full\">\n                  <TextEditorContainer\n                    section={\n                      content[condKey as keyof typeof content] ??\n                      getEmptyNode(content.true)\n                    }\n                    keyPath={[\n                      ...keyPath,\n                      {\n                        type: NodeTypes.CONDITION,\n                        key: condKey,\n                      } as KeyPath,\n                    ]}\n                    dictionary={dictionary}\n                    renderSection={renderSection}\n                  />\n                </td>\n              </tr>\n            </Fragment>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nconst GenderTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const content = (section as GenderContent<string>)[NodeTypes.GENDER];\n\n  return (\n    <table className=\"w-full\">\n      <tbody className=\"flex w-full flex-col gap-2\">\n        {['male', 'female', 'fallback'].map((condKey) => {\n          const uniqueKey = `${JSON.stringify(keyPath)}-gender-${condKey}`;\n          return (\n            <Fragment key={uniqueKey}>\n              <tr className=\"mt-2 block w-full p-2 text-xs\">\n                <td className=\"flex w-full\">{String(condKey)}</td>\n              </tr>\n              <tr className=\"block w-full\">\n                <td className=\"flex w-full\">\n                  <TextEditorContainer\n                    section={\n                      content[condKey as keyof typeof content] ??\n                      getEmptyNode(content.male)\n                    }\n                    keyPath={[\n                      ...keyPath,\n                      {\n                        type: NodeTypes.GENDER,\n                        key: condKey,\n                      } as KeyPath,\n                    ]}\n                    dictionary={dictionary}\n                    renderSection={renderSection}\n                  />\n                </td>\n              </tr>\n            </Fragment>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewElement, removeElement } = useIntlayer('navigation-view');\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <table className=\"w-full\">\n        <tbody className=\"flex w-full flex-col gap-2\">\n          {(section as unknown as ContentNode[]).map((subSection, index) => {\n            const uniqueKey = `${JSON.stringify(keyPath)}-array-${index}`;\n            return (\n              <Fragment key={uniqueKey}>\n                <tr className=\"mt-2 w-full p-2\">\n                  <td className=\"flex w-full\">\n                    <div className=\"flex w-full items-center justify-between gap-2\">\n                      <span className=\"text-xs\">{String(index)}</span>\n                      <Button\n                        label={removeElement.label.value}\n                        variant=\"hoverable\"\n                        size=\"sm\"\n                        color=\"error\"\n                        className=\"ml-auto text-neutral hover:text-error\"\n                        onClick={() => {\n                          const newKeyPath: KeyPath[] = [\n                            ...keyPath,\n                            {\n                              type: NodeTypes.ARRAY,\n                              key: index, // Fixed: Use index instead of length\n                            },\n                          ];\n                          addEditedContent(\n                            dictionary.localId!,\n                            undefined,\n                            newKeyPath\n                          );\n                        }}\n                        Icon={Trash}\n                      >\n                        {removeElement.text}\n                      </Button>\n                    </div>\n                  </td>\n                </tr>\n\n                <tr className=\"block w-full\">\n                  <td className=\"flex w-full\">\n                    <TextEditorContainer\n                      section={\n                        subSection ??\n                        getEmptyNode((section as unknown as ContentNode[])[0])\n                      }\n                      keyPath={[\n                        ...keyPath,\n                        {\n                          type: NodeTypes.ARRAY,\n                          key: index,\n                        },\n                      ]}\n                      dictionary={dictionary}\n                      renderSection={renderSection}\n                    />\n                  </td>\n                </tr>\n              </Fragment>\n            );\n          })}\n        </tbody>\n      </table>\n      <Button\n        label={addNewElement.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.NEUTRAL}\n        textAlign={ButtonTextAlign.LEFT}\n        isFullWidth\n        onClick={() => {\n          const newKeyPath: KeyPath[] = [\n            ...keyPath,\n            {\n              type: NodeTypes.ARRAY,\n              key: (section as unknown as ContentNode[]).length, // Keeps length for adding new items\n            },\n          ];\n          addEditedContent(\n            dictionary.localId!,\n            getEmptyNode((section as unknown as ContentNode[])[0]) ?? '',\n            newKeyPath,\n            false\n          );\n        }}\n        Icon={Plus}\n      >\n        {addNewElement.text}\n      </Button>\n    </div>\n  );\n};\n\nconst ObjectTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n}) => (\n  <>\n    <table className=\"w-full\">\n      <tbody className=\"flex flex-col gap-2\">\n        {Object.keys(section as unknown as Record<string, ContentNode>).map(\n          (key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeTypes.OBJECT, key },\n            ];\n            const typedSection = section as unknown as Record<\n              string,\n              ContentNode\n            >;\n            const firstKey = Object.keys(\n              typedSection\n            )[0] as keyof typeof section;\n            const subSection =\n              typedSection[key as keyof typeof section] ??\n              getEmptyNode(typedSection[firstKey]);\n            const uniqueKey = `${JSON.stringify(keyPath)}-object-${key}`;\n\n            return (\n              <Fragment key={uniqueKey}>\n                <tr className=\"mt-2 p-2 text-xs\">\n                  <td className=\"flex w-full\">{String(key)}</td>\n                </tr>\n                <tr className=\"block w-full\">\n                  <td className=\"flex w-full\">\n                    <TextEditor\n                      section={subSection}\n                      keyPath={childKeyPath}\n                      dictionary={dictionary}\n                      renderSection={renderSection}\n                    />\n                  </td>\n                </tr>\n              </Fragment>\n            );\n          }\n        )}\n      </tbody>\n    </table>\n  </>\n);\n\nenum MarkdownViewMode {\n  Edit,\n  Preview,\n}\n\nenum HtmlViewMode {\n  Edit,\n  Preview,\n}\n\nconst HtmlTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  const [mode, setMode] = useState(HtmlViewMode.Edit);\n  const toggleContent = [\n    {\n      content: 'Edit',\n      value: HtmlViewMode.Edit,\n    },\n    {\n      content: 'Preview',\n      value: HtmlViewMode.Preview,\n    },\n  ] as SwitchSelectorChoices<HtmlViewMode>;\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.HTML }];\n\n  const content = (section as HTMLContent<ContentNode>)[\n    NodeTypes.HTML\n  ] as ContentNode;\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <SwitchSelector\n        choices={toggleContent}\n        value={mode}\n        onChange={setMode}\n        color={SwitchSelectorColor.TEXT}\n        size={SwitchSelectorSize.SM}\n        className=\"ml-auto\"\n      />\n\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        dictionary={dictionary}\n        renderSection={\n          mode === HtmlViewMode.Preview\n            ? (content) => (\n                // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML content is user-controlled and rendered in editor context\n                <div dangerouslySetInnerHTML={{ __html: content }} />\n              )\n            : undefined\n        }\n      />\n    </div>\n  );\n};\n\nconst MarkdownTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  isDarkMode,\n}) => {\n  const [mode, setMode] = useState(MarkdownViewMode.Edit);\n  const toggleContent = [\n    {\n      content: 'Edit',\n      value: MarkdownViewMode.Edit,\n    },\n    {\n      content: 'Preview',\n      value: MarkdownViewMode.Preview,\n    },\n  ] as SwitchSelectorChoices<MarkdownViewMode>;\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.MARKDOWN }];\n\n  const content = (section as MarkdownContent<ContentNode>)[\n    NodeTypes.MARKDOWN\n  ] as ContentNode;\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <SwitchSelector\n        choices={toggleContent}\n        value={mode}\n        onChange={setMode}\n        color={SwitchSelectorColor.TEXT}\n        size={SwitchSelectorSize.SM}\n        className=\"ml-auto\"\n      />\n\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        dictionary={dictionary}\n        renderSection={\n          mode === MarkdownViewMode.Preview\n            ? (content) => (\n                <MarkdownRenderer isDarkMode={isDarkMode}>\n                  {content}\n                </MarkdownRenderer>\n              )\n            : undefined\n        }\n      />\n    </div>\n  );\n};\n\nconst InsertionTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  ...props\n}) => {\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.INSERTION }];\n\n  const content = (section as InsertionContent<ContentNode>)[\n    NodeTypes.INSERTION\n  ];\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        {...props}\n      />\n    </div>\n  );\n};\n\nconst FileTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  ...props\n}) => {\n  const childKeyPath: KeyPath[] = [...keyPath, { type: NodeTypes.FILE }];\n\n  const fileUrl = (section as FileContent)[NodeTypes.FILE];\n  const { content } = section as FileContent;\n\n  return (\n    <div className=\"flex w-full flex-col justify-center gap-6 p-2\">\n      <span className=\"text-neutral text-sm\">{fileUrl} </span>\n      <TextEditorContainer\n        section={content}\n        keyPath={childKeyPath}\n        {...props}\n      />\n    </div>\n  );\n};\n\nconst NestedTextEditor: FC<TextEditorProps> = ({\n  keyPath,\n  dictionary,\n  renderSection,\n  section,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  const content = (section as any)[NodeTypes.NESTED];\n  const childrenKeyPath = [...keyPath, { type: NodeTypes.NESTED }] as KeyPath[];\n\n  return (\n    <div className=\"flex w-full flex-col gap-4 p-2\">\n      <Label>Dictionary key</Label>\n      <ContentEditorInputBase\n        aria-label=\"Edit field\"\n        type=\"text\"\n        variant={InputVariant.DEFAULT}\n        {...props}\n        onContentChange={(newValue) => {\n          addEditedContent(\n            dictionary.localId!,\n            {\n              ...content,\n              dictionaryKey: String(newValue),\n            },\n            childrenKeyPath\n          );\n        }}\n      >\n        {content.dictionaryKey ?? ''}\n      </ContentEditorInputBase>\n\n      <Label>Path (optional)</Label>\n      <ContentEditorInputBase\n        aria-label=\"Edit field\"\n        type=\"text\"\n        variant={InputVariant.DEFAULT}\n        {...props}\n        onContentChange={(newValue) => {\n          addEditedContent(\n            dictionary.localId!,\n            {\n              ...content,\n              path: newValue !== '' ? newValue : undefined,\n            },\n            childrenKeyPath\n          );\n        }}\n      >\n        {content.path ?? ''}\n      </ContentEditorInputBase>\n    </div>\n  );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n  renderSection,\n  isDarkMode,\n}) => {\n  const { tsxNotEditable } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n\n  if (nodeType === NodeTypes.REACT_NODE) {\n    return (\n      <div className=\"flex w-full flex-col gap-2\">\n        <span>(React Node)</span>\n        <span className=\"flex text-neutral text-xs\">{tsxNotEditable}</span>\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.NESTED) {\n    return (\n      <NestedTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.TRANSLATION) {\n    return (\n      <TranslationTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.ENUMERATION) {\n    return (\n      <EnumerationTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.CONDITION) {\n    return (\n      <ConditionTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.GENDER) {\n    return (\n      <GenderTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.INSERTION) {\n    return (\n      <InsertionTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.MARKDOWN) {\n    return (\n      <MarkdownTextEditor\n        dictionary={dictionary}\n        keyPath={keyPath}\n        section={section}\n        isDarkMode={isDarkMode}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.HTML) {\n    return (\n      <HtmlTextEditor\n        dictionary={dictionary}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.FILE) {\n    return (\n      <FileTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.ARRAY) {\n    return (\n      <ArrayTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.OBJECT) {\n    return (\n      <ObjectTextEditor\n        dictionary={dictionary}\n        renderSection={renderSection}\n        keyPath={keyPath}\n        section={section}\n      />\n    );\n  }\n\n  if (nodeType === NodeTypes.NUMBER) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorInput\n          dictionary={dictionary}\n          keyPath={keyPath}\n          type=\"number\"\n          aria-label=\"Edit field\"\n        >\n          {section as number}\n        </ContentEditorInput>\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.TEXT) {\n    return (\n      <div className=\"w-full p-2\">\n        {typeof renderSection === 'function' ? (\n          renderSection(section as string)\n        ) : (\n          <ContentEditorTextArea\n            variant={InputVariant.DEFAULT}\n            aria-label=\"Edit field\"\n            keyPath={keyPath}\n            dictionary={dictionary}\n          >\n            {section as string}\n          </ContentEditorTextArea>\n        )}\n      </div>\n    );\n  }\n\n  if (nodeType === NodeTypes.BOOLEAN) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorToggle\n          dictionary={dictionary}\n          keyPath={keyPath}\n          value={section as boolean}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full p-2\">\n      Error. Format not supported.\n      {JSON.stringify(section, null, 2)}\n      {JSON.stringify(keyPath, null, 2)}\n      NodeType : {nodeType}\n    </div>\n  );\n};\n\nexport const TextEditorContainer: FC<TextEditorProps> = (props) => (\n  <Container\n    border\n    background=\"none\"\n    className=\"top-6 flex h-full flex-1 flex-col gap-6 overflow-hidden p-2 md:sticky\"\n    roundedSize=\"xl\"\n  >\n    <TextEditor {...props} />\n  </Container>\n);\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/ContentEditorView/object.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"object.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/object.ts"],"sourcesContent":["/**\n * Rename a key in an object by keeping the element order\n *\n * @param obj The original object\n * @param oldKey The key in the object that needs to be renamed\n * @param newKey The new key name to replace the old key\n * @returns A new object with the renamed key\n */\nexport const renameKey = <T extends object>(\n  obj: T,\n  oldKey: keyof T,\n  newKey: string\n): T => {\n  // Create a shallow copy of the original object to avoid mutating it\n  const newObj: T = { ...obj };\n\n  // Iterate over all keys of the original object\n  for (const key of Object.keys(obj)) {\n    // Check if the current key is the one that needs to be renamed\n    if (key === (oldKey as string)) {\n      // Assign the value of the old key to the new key in newObj\n      newObj[newKey as keyof T] = obj[oldKey];\n      // Optionally, delete the old key from newObj if you don't want both keys\n      delete newObj[oldKey];\n    } else {\n      // For all other keys, ensure they are copied over correctly\n      newObj[key as keyof T] = obj[key as keyof T];\n    }\n  }\n  // Return the new object with the renamed key\n  return newObj;\n};\n\n/**\n * Remove a key from an object\n *\n * @param obj The original object\n * @param key The key in the object that needs to be removed\n * @returns A new object without the specified key\n */\nexport const removeKey = <T extends object>(obj: T, key: keyof T): T => {\n  // Create a shallow copy of the original object to avoid mutating it\n  const newObj: T = { ...obj };\n\n  // Delete the key from the object\n  delete newObj[key];\n\n  return newObj;\n};\n"],"mappings":";;;;;;;;;AAQA,MAAa,aACX,KACA,QACA,WACM;CAEN,MAAM,SAAY,EAAE,GAAG,KAAK;AAG5B,MAAK,MAAM,OAAO,OAAO,KAAK,IAAI,CAEhC,KAAI,QAAS,QAAmB;AAE9B,SAAO,UAAqB,IAAI;AAEhC,SAAO,OAAO;OAGd,QAAO,OAAkB,IAAI;AAIjC,QAAO;;;;;;;;;AAUT,MAAa,aAA+B,KAAQ,QAAoB;CAEtE,MAAM,SAAY,EAAE,GAAG,KAAK;AAG5B,QAAO,OAAO;AAEd,QAAO"}
+{"version":3,"file":"object.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/object.ts"],"sourcesContent":["/**\n * Rename a key in an object by keeping the element order\n *\n * @param obj The original object\n * @param oldKey The key in the object that needs to be renamed\n * @param newKey The new key name to replace the old key\n * @returns A new object with the renamed key\n */\nexport const renameKey = <T extends object>(\n  obj: T,\n  oldKey: keyof T,\n  newKey: string\n): T => {\n  // Create a shallow copy of the original object to avoid mutating it\n  const newObj: T = { ...obj };\n\n  // Iterate over all keys of the original object\n  for (const key of Object.keys(obj)) {\n    // Check if the current key is the one that needs to be renamed\n    if (key === (oldKey as string)) {\n      // Assign the value of the old key to the new key in newObj\n      newObj[newKey as keyof T] = obj[oldKey];\n      // Optionally, delete the old key from newObj if you don't want both keys\n      delete newObj[oldKey];\n    } else {\n      // For all other keys, ensure they are copied over correctly\n      newObj[key as keyof T] = obj[key as keyof T];\n    }\n  }\n  // Return the new object with the renamed key\n  return newObj;\n};\n\n/**\n * Remove a key from an object\n *\n * @param obj The original object\n * @param key The key in the object that needs to be removed\n * @returns A new object without the specified key\n */\nexport const removeKey = <T extends object>(obj: T, key: keyof T): T => {\n  // Create a shallow copy of the original object to avoid mutating it\n  const newObj: T = { ...obj };\n\n  // Delete the key from the object\n  delete newObj[key];\n\n  return newObj;\n};\n"],"mappings":";;;;;;;;;AAQA,MAAa,aACX,KACA,QACA,WACM;CAEN,MAAM,SAAY,EAAE,GAAG,KAAK;CAG5B,KAAK,MAAM,OAAO,OAAO,KAAK,IAAI,EAEhC,IAAI,QAAS,QAAmB;EAE9B,OAAO,UAAqB,IAAI;EAEhC,OAAO,OAAO;QAGd,OAAO,OAAkB,IAAI;CAIjC,OAAO;;;;;;;;;AAUT,MAAa,aAA+B,KAAQ,QAAoB;CAEtE,MAAM,SAAY,EAAE,GAAG,KAAK;CAG5B,OAAO,OAAO;CAEd,OAAO"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs

@@ -1,8 +1,8 @@
 'use client';
 
+import { ButtonColor } from "../../Button/Button.mjs";
 import { useSession } from "../../../hooks/useAuth/useSession.mjs";
 import { useAddDictionary, useGetProjects } from "../../../hooks/reactQuery.mjs";
-import { ButtonColor } from "../../Button/Button.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import { Form } from "../../Form/Form.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryCreationForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { MultiSelect } from '@components/Select';\nimport { useAddDictionary, useGetProjects } from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  type DictionaryFormData,\n  useDictionarySchema,\n} from './useDictionaryFormSchema';\n\ntype DictionaryCreationFormProps = {\n  onDictionaryCreated?: () => void;\n};\n\nexport const DictionaryCreationForm: FC<DictionaryCreationFormProps> = ({\n  onDictionaryCreated,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { mutate: addDictionary, isPending } = useAddDictionary();\n  const { data: projectsData } = useGetProjects();\n  const DictionarySchema = useDictionarySchema(String(project?.id));\n  const { form, isSubmitting } = useForm(DictionarySchema, {\n    defaultValues: {\n      projectIds: [project?.id],\n    },\n  });\n  const { keyInput, createDictionaryButton, projectInput } =\n    useIntlayer('dictionary-form');\n\n  const onSubmitSuccess = (data: DictionaryFormData) => {\n    addDictionary(\n      { dictionary: data },\n      {\n        onSuccess: () => {\n          onDictionaryCreated?.();\n        },\n      }\n    );\n  };\n\n  return (\n    <Form\n      schema={DictionarySchema}\n      onSubmitSuccess={onSubmitSuccess}\n      className=\"m-auto w-full max-w-[400px]\"\n      {...form}\n    >\n      <Form.Input\n        name=\"key\"\n        label={keyInput.label.value}\n        placeholder={keyInput.placeholder.value}\n        isRequired\n      />\n\n      <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n        <MultiSelect.Trigger\n          getBadgeValue={(value) =>\n            projectsData?.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          <MultiSelect.List>\n            {projectsData?.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        </MultiSelect.Content>\n      </Form.MultiSelect>\n\n      <Form.Button\n        className=\"mt-12 ml-auto\"\n        type=\"submit\"\n        color={ButtonColor.TEXT}\n        isLoading={isSubmitting || isPending}\n        label={createDictionaryButton.ariaLabel.value}\n        isFullWidth\n      >\n        {createDictionaryButton.text}\n      </Form.Button>\n    </Form>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,0BAA2D,EACtE,0BACI;CACJ,MAAM,EAAE,YAAY,YAAY;CAChC,MAAM,EAAE,YAAY,WAAW,EAAE;CACjC,MAAM,EAAE,QAAQ,eAAe,cAAc,kBAAkB;CAC/D,MAAM,EAAE,MAAM,iBAAiB,gBAAgB;CAC/C,MAAM,mBAAmB,oBAAoB,OAAO,SAAS,GAAG,CAAC;CACjE,MAAM,EAAE,MAAM,iBAAiB,QAAQ,kBAAkB,EACvD,eAAe,EACb,YAAY,CAAC,SAAS,GAAG,EAC1B,EACF,CAAC;CACF,MAAM,EAAE,UAAU,wBAAwB,iBACxC,YAAY,kBAAkB;CAEhC,MAAM,mBAAmB,SAA6B;AACpD,gBACE,EAAE,YAAY,MAAM,EACpB,EACE,iBAAiB;AACf,0BAAuB;KAE1B,CACF;;AAGH,QACE,qBAAC,MAAD;EACE,QAAQ;EACS;EACjB,WAAU;EACV,GAAI;YAJN;GAME,oBAAC,KAAK,OAAN;IACE,MAAK;IACL,OAAO,SAAS,MAAM;IACtB,aAAa,SAAS,YAAY;IAClC;IACA;GAEF,qBAAC,KAAK,aAAN;IAAkB,MAAK;IAAa,OAAO,aAAa,MAAM;cAA9D,CACE,oBAAC,YAAY,SAAb;KACE,gBAAgB,UACd,cAAc,MAAM,MAAM,YAAY,OAAO,QAAQ,GAAG,KAAK,MAAM,EAC/D,QAAQ;eAGd,oBAAC,YAAY,OAAb,EAAmB,aAAa,aAAa,YAAY,OAAS;KAC9C,GACtB,oBAAC,YAAY,SAAb,YACE,oBAAC,YAAY,MAAb,YACG,cAAc,MAAM,KAAK,YACxB,oBAAC,YAAY,MAAb;KAEE,OAAO,OAAO,QAAQ,GAAG;eAExB,QAAQ;KACQ,EAJZ,OAAO,QAAQ,GAAG,CAIN,CACnB,EACe,GACC,EACL;;GAEnB,oBAAC,KAAK,QAAN;IACE,WAAU;IACV,MAAK;IACL;IACA,WAAW,gBAAgB;IAC3B,OAAO,uBAAuB,UAAU;IACxC;cAEC,uBAAuB;IACZ;GACT"}
+{"version":3,"file":"DictionaryCreationForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor } from '@components/Button';\nimport { Form, useForm } from '@components/Form';\nimport { MultiSelect } from '@components/Select';\nimport { useAddDictionary, useGetProjects } from '@hooks/reactQuery';\nimport { useSession } from '@hooks/useAuth';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  type DictionaryFormData,\n  useDictionarySchema,\n} from './useDictionaryFormSchema';\n\ntype DictionaryCreationFormProps = {\n  onDictionaryCreated?: () => void;\n};\n\nexport const DictionaryCreationForm: FC<DictionaryCreationFormProps> = ({\n  onDictionaryCreated,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { mutate: addDictionary, isPending } = useAddDictionary();\n  const { data: projectsData } = useGetProjects();\n  const DictionarySchema = useDictionarySchema(String(project?.id));\n  const { form, isSubmitting } = useForm(DictionarySchema, {\n    defaultValues: {\n      projectIds: [project?.id],\n    },\n  });\n  const { keyInput, createDictionaryButton, projectInput } =\n    useIntlayer('dictionary-form');\n\n  const onSubmitSuccess = (data: DictionaryFormData) => {\n    addDictionary(\n      { dictionary: data },\n      {\n        onSuccess: () => {\n          onDictionaryCreated?.();\n        },\n      }\n    );\n  };\n\n  return (\n    <Form\n      schema={DictionarySchema}\n      onSubmitSuccess={onSubmitSuccess}\n      className=\"m-auto w-full max-w-[400px]\"\n      {...form}\n    >\n      <Form.Input\n        name=\"key\"\n        label={keyInput.label.value}\n        placeholder={keyInput.placeholder.value}\n        isRequired\n      />\n\n      <Form.MultiSelect name=\"projectIds\" label={projectInput.label.value}>\n        <MultiSelect.Trigger\n          getBadgeValue={(value) =>\n            projectsData?.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          <MultiSelect.List>\n            {projectsData?.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        </MultiSelect.Content>\n      </Form.MultiSelect>\n\n      <Form.Button\n        className=\"mt-12 ml-auto\"\n        type=\"submit\"\n        color={ButtonColor.TEXT}\n        isLoading={isSubmitting || isPending}\n        label={createDictionaryButton.ariaLabel.value}\n        isFullWidth\n      >\n        {createDictionaryButton.text}\n      </Form.Button>\n    </Form>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,0BAA2D,EACtE,0BACI;CACJ,MAAM,EAAE,YAAY,YAAY;CAChC,MAAM,EAAE,YAAY,WAAW,EAAE;CACjC,MAAM,EAAE,QAAQ,eAAe,cAAc,kBAAkB;CAC/D,MAAM,EAAE,MAAM,iBAAiB,gBAAgB;CAC/C,MAAM,mBAAmB,oBAAoB,OAAO,SAAS,GAAG,CAAC;CACjE,MAAM,EAAE,MAAM,iBAAiB,QAAQ,kBAAkB,EACvD,eAAe,EACb,YAAY,CAAC,SAAS,GAAG,EAC1B,EACF,CAAC;CACF,MAAM,EAAE,UAAU,wBAAwB,iBACxC,YAAY,kBAAkB;CAEhC,MAAM,mBAAmB,SAA6B;EACpD,cACE,EAAE,YAAY,MAAM,EACpB,EACE,iBAAiB;GACf,uBAAuB;KAE1B,CACF;;CAGH,OACE,qBAAC,MAAD;EACE,QAAQ;EACS;EACjB,WAAU;EACV,GAAI;YAJN;GAME,oBAAC,KAAK,OAAN;IACE,MAAK;IACL,OAAO,SAAS,MAAM;IACtB,aAAa,SAAS,YAAY;IAClC;IACA;GAEF,qBAAC,KAAK,aAAN;IAAkB,MAAK;IAAa,OAAO,aAAa,MAAM;cAA9D,CACE,oBAAC,YAAY,SAAb;KACE,gBAAgB,UACd,cAAc,MAAM,MAAM,YAAY,OAAO,QAAQ,GAAG,KAAK,MAAM,EAC/D,QAAQ;eAGd,oBAAC,YAAY,OAAb,EAAmB,aAAa,aAAa,YAAY,OAAS;KAC9C,GACtB,oBAAC,YAAY,SAAb,YACE,oBAAC,YAAY,MAAb,YACG,cAAc,MAAM,KAAK,YACxB,oBAAC,YAAY,MAAb;KAEE,OAAO,OAAO,QAAQ,GAAG;eAExB,QAAQ;KACQ,EAJZ,OAAO,QAAQ,GAAG,CAIN,CACnB,EACe,GACC,EACL;;GAEnB,oBAAC,KAAK,QAAN;IACE,WAAU;IACV,MAAK;IACL;IACA,WAAW,gBAAgB;IAC3B,OAAO,uBAAuB,UAAU;IACxC;cAEC,uBAAuB;IACZ;GACT"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/useDictionaryFormSchema.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryFormSchema.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/useDictionaryFormSchema.ts"],"sourcesContent":["import { useIntlayer } from 'react-intlayer';\nimport { z } from 'zod/v4';\n\nexport const useDictionarySchema = (projectId: string) => {\n  const {\n    requiredErrorName,\n    invalidTypeErrorName,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n  } = useIntlayer('dictionary-form-schema');\n\n  return z.object({\n    key: z\n      .string({\n        error: (issue) =>\n          issue.input === undefined\n            ? requiredErrorName.value\n            : invalidTypeErrorName.value,\n      })\n      .min(1, { error: invalidTypeErrorName.value })\n      .default(''),\n    projectIds: z\n      .array(\n        z.string({\n          error: (issue) =>\n            issue.input === undefined\n              ? requiredErrorProjectId.value\n              : invalidTypeErrorProjectId.value,\n        })\n      )\n      .default([projectId]),\n  });\n};\n\nexport type DictionaryFormData = z.infer<\n  ReturnType<typeof useDictionarySchema>\n>;\n"],"mappings":";;;;AAGA,MAAa,uBAAuB,cAAsB;CACxD,MAAM,EACJ,mBACA,sBACA,wBACA,8BACE,YAAY,yBAAyB;AAEzC,QAAO,EAAE,OAAO;EACd,KAAK,EACF,OAAO,EACN,QAAQ,UACN,MAAM,UAAU,SACZ,kBAAkB,QAClB,qBAAqB,OAC5B,CAAC,CACD,IAAI,GAAG,EAAE,OAAO,qBAAqB,OAAO,CAAC,CAC7C,QAAQ,GAAG;EACd,YAAY,EACT,MACC,EAAE,OAAO,EACP,QAAQ,UACN,MAAM,UAAU,SACZ,uBAAuB,QACvB,0BAA0B,OACjC,CAAC,CACH,CACA,QAAQ,CAAC,UAAU,CAAC;EACxB,CAAC"}
+{"version":3,"file":"useDictionaryFormSchema.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/useDictionaryFormSchema.ts"],"sourcesContent":["import { useIntlayer } from 'react-intlayer';\nimport { z } from 'zod/v4';\n\nexport const useDictionarySchema = (projectId: string) => {\n  const {\n    requiredErrorName,\n    invalidTypeErrorName,\n    requiredErrorProjectId,\n    invalidTypeErrorProjectId,\n  } = useIntlayer('dictionary-form-schema');\n\n  return z.object({\n    key: z\n      .string({\n        error: (issue) =>\n          issue.input === undefined\n            ? requiredErrorName.value\n            : invalidTypeErrorName.value,\n      })\n      .min(1, { error: invalidTypeErrorName.value })\n      .default(''),\n    projectIds: z\n      .array(\n        z.string({\n          error: (issue) =>\n            issue.input === undefined\n              ? requiredErrorProjectId.value\n              : invalidTypeErrorProjectId.value,\n        })\n      )\n      .default([projectId]),\n  });\n};\n\nexport type DictionaryFormData = z.infer<\n  ReturnType<typeof useDictionarySchema>\n>;\n"],"mappings":";;;;AAGA,MAAa,uBAAuB,cAAsB;CACxD,MAAM,EACJ,mBACA,sBACA,wBACA,8BACE,YAAY,yBAAyB;CAEzC,OAAO,EAAE,OAAO;EACd,KAAK,EACF,OAAO,EACN,QAAQ,UACN,MAAM,UAAU,SACZ,kBAAkB,QAClB,qBAAqB,OAC5B,CAAC,CACD,IAAI,GAAG,EAAE,OAAO,qBAAqB,OAAO,CAAC,CAC7C,QAAQ,GAAG;EACd,YAAY,EACT,MACC,EAAE,OAAO,EACP,QAAQ,UACN,MAAM,UAAU,SACZ,uBAAuB,QACvB,0BAA0B,OACjC,CAAC,CACH,CACA,QAAQ,CAAC,UAAU,CAAC;EACxB,CAAC"}

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

@@ -1,10 +1,10 @@
 'use client';
 
-import { useSession } from "../../../hooks/useAuth/useSession.mjs";
-import { useAuditContentDeclarationMetadata, useGetProjects, useGetTags } from "../../../hooks/reactQuery.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { ButtonColor, ButtonSize, ButtonVariant } from "../../Button/Button.mjs";
 import { Checkbox } from "../../Input/Checkbox.mjs";
+import { useSession } from "../../../hooks/useAuth/useSession.mjs";
+import { useAuditContentDeclarationMetadata, useGetProjects, useGetTags } from "../../../hooks/reactQuery.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { Select } from "../../Select/Select.mjs";
 import { useForm as useForm$1 } from "../../Form/FormBase.mjs";
@@ -13,8 +13,8 @@ import { useDictionaryDetailsSchema } from "./useDictionaryDetailsSchema.mjs";
 import { useEffect } from "react";
 import { WandSparkles } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEditedContent } from "@intlayer/editor-react";
 import { useIntlayer } from "react-intlayer";
+import { useEditedContent } from "@intlayer/editor-react";
 import { AnimatePresence, motion } from "framer-motion";
 import { useWatch } from "react-hook-form";
 
@@ -38,12 +38,14 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 	useEffect(() => {
 		form.reset({
 			...dictionary,
+			tags: dictionary.tags ?? [],
 			location: dictionary.location ?? "remote"
 		});
 	}, [dictionary, form?.reset]);
 	useEffect(() => {
 		if (typeof updatedDictionary === "undefined") form.reset({
 			...dictionary,
+			tags: dictionary.tags ?? [],
 			location: dictionary.location ?? "remote"
 		});
 	}, [updatedDictionary]);
@@ -54,20 +56,14 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 		};
 		auditContentDeclaration({ fileContent: JSON.stringify(dictionaryToAudit) }, { onSuccess: (response) => {
 			if (!response?.data) return;
-			try {
-				const auditedDictionary = response.data.fileContent;
-				setEditedDictionary((prev) => ({
-					...prev,
-					...dictionaryToAudit,
-					...auditedDictionary
-				}));
-				form.reset({
-					...dictionaryToAudit,
-					...auditedDictionary
-				});
-			} catch (error) {
-				console.error(error);
-			}
+			const auditedDictionary = response.data.fileContent;
+			const merged = {
+				...dictionaryToAudit,
+				...auditedDictionary,
+				tags: auditedDictionary.tags ?? dictionaryToAudit.tags ?? []
+			};
+			setEditedDictionary(merged);
+			form.reset(merged);
 		} });
 	};
 	const watchedLocation = useWatch({
@@ -91,11 +87,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 					isRequired: true,
 					onSave: (value) => {
 						form.setValue("key", value, { shouldDirty: true });
-						setEditedDictionary((prev) => ({
+						setEditedDictionary({
 							...dictionary,
-							...prev ?? {},
+							...updatedDictionary ?? {},
 							key: value
-						}));
+						});
 					}
 				}), /* @__PURE__ */ jsx(Form.EditableFieldInput, {
 					name: "title",
@@ -105,11 +101,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 					disabled: isSubmitting,
 					onSave: (value) => {
 						form.setValue("title", value, { shouldDirty: true });
-						setEditedDictionary((prev) => ({
+						setEditedDictionary({
 							...dictionary,
-							...prev ?? {},
+							...updatedDictionary ?? {},
 							title: value
-						}));
+						});
 					}
 				})]
 			}),
@@ -121,11 +117,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 				disabled: isSubmitting,
 				onSave: (value) => {
 					form.setValue("description", value, { shouldDirty: true });
-					setEditedDictionary((prev) => ({
+					setEditedDictionary({
 						...dictionary,
-						...prev ?? {},
+						...updatedDictionary ?? {},
 						description: value
-					}));
+					});
 				}
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -143,22 +139,22 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 							field.onChange(newValue);
 							const newFilePath = isChecked ? form.getValues("filePath") ?? dictionary.filePath : void 0;
 							if (!isChecked) form.setValue("filePath", void 0);
-							setEditedDictionary((prev) => ({
+							setEditedDictionary({
 								...dictionary,
-								...prev ?? {},
+								...updatedDictionary ?? {},
 								location: newValue,
 								filePath: newFilePath
-							}));
+							});
 						};
 						const handleRemoteToggle = (isChecked) => {
 							if (!isChecked && !isLocal) return;
 							const newValue = isChecked ? isLocal ? "hybrid" : "remote" : "local";
 							field.onChange(newValue);
-							setEditedDictionary((prev) => ({
+							setEditedDictionary({
 								...dictionary,
-								...prev ?? {},
+								...updatedDictionary ?? {},
 								location: newValue
-							}));
+							});
 						};
 						return /* @__PURE__ */ jsxs(Form.Item, {
 							className: "flex flex-col gap-2 px-1",
@@ -217,11 +213,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 							disabled: isSubmitting || !isLocalChecked,
 							onChange: (e) => {
 								const value = e.target.value;
-								setEditedDictionary((prev) => ({
+								setEditedDictionary({
 									...dictionary,
-									...prev ?? {},
+									...updatedDictionary ?? {},
 									filePath: value
-								}));
+								});
 							}
 						})
 					}, "filePath-input")
@@ -235,11 +231,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 					description: importModeSelect.description.value,
 					onValueChange: (value) => {
 						form.setValue("importMode", value, { shouldDirty: true });
-						setEditedDictionary((prev) => ({
+						setEditedDictionary({
 							...dictionary,
-							...prev ?? {},
+							...updatedDictionary ?? {},
 							importMode: value
-						}));
+						});
 					},
 					children: [/* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: importModeSelect.label.value }) }), /* @__PURE__ */ jsxs(Select.Content, { children: [
 						/* @__PURE__ */ jsx(Select.Item, {
@@ -266,11 +262,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 					onValueChange: (value) => {
 						const valueArray = [value].flat();
 						form.setValue("projectIds", valueArray, { shouldDirty: true });
-						setEditedDictionary((prev) => ({
+						setEditedDictionary({
 							...dictionary,
-							...prev ?? {},
+							...updatedDictionary ?? {},
 							projectIds: valueArray
-						}));
+						});
 					},
 					children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
 						getBadgeValue: (value) => projects?.find((project) => String(project.id) === value)?.name ?? value,
@@ -289,11 +285,11 @@ const DictionaryDetailsForm = ({ dictionary, mode }) => {
 					onValueChange: (value) => {
 						const valueArray = [value].flat();
 						form.setValue("tags", valueArray, { shouldDirty: true });
-						setEditedDictionary((prev) => ({
+						setEditedDictionary({
 							...dictionary,
-							...prev ?? {},
+							...updatedDictionary ?? {},
 							tags: valueArray
-						}));
+						});
 					},
 					children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
 						getBadgeValue: (value) => allTags?.find((tag) => String(tag.key) === value)?.name ?? value,