@intlayer/design-system 4.1.2 → 4.1.4

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs

@@ -18,6 +18,7 @@ const components_DictionaryEditor_validDictionaryChangeButtonsSchema = require("
 const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
   const ValidDictionaryChangeButtonsSchemaSchema = components_DictionaryEditor_validDictionaryChangeButtonsSchema.getValidDictionaryChangeButtonsSchemaSchema();
   const { resetButton, saveButton, publishButton, downloadButton } = reactIntlayer.useDictionary(components_DictionaryEditor_validDictionaryChangeButtons_content.validDictionaryChangeButtonsContent);
+  const { setLocaleDictionary } = editorReact.useDictionariesRecordActions();
   const { writeDictionary } = hooks_intlayerAPIHooks.useWriteDictionary();
   const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
   const { editedContent, restoreEditedContent } = editorReact.useEditedContent();
@@ -36,21 +37,24 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
     () => typeof dictionary?._id === "undefined",
     [dictionary]
   );
-  const onSubmitSuccess = async () => {
+  const onSubmitSuccess = require$$0.useCallback(async () => {
+    if (!editedContent?.[dictionary.key]) return;
     if (mode === "remote") {
-      await pushDictionaries([
-        {
-          ...dictionary,
-          ...editedContent?.[dictionary.key]
-        }
-      ]);
+      await pushDictionaries([editedContent?.[dictionary.key]]);
     } else {
-      await writeDictionary({
-        ...dictionary,
-        ...editedContent?.[dictionary.key]
-      });
+      await writeDictionary(editedContent?.[dictionary.key]);
     }
-  };
+    setLocaleDictionary(editedContent?.[dictionary.key]);
+    restoreEditedContent(dictionary.key);
+  }, [
+    dictionary,
+    editedContent,
+    pushDictionaries,
+    setLocaleDictionary,
+    writeDictionary,
+    restoreEditedContent,
+    mode
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     components_Form_layout_FormItemLayout.Form,
     {

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    if (mode === 'remote') {\n      await pushDictionaries([\n        {\n          ...dictionary,\n          ...editedContent?.[dictionary.key],\n        },\n      ]);\n    } else {\n      await writeDictionary({\n        ...dictionary,\n        ...editedContent?.[dictionary.key],\n      });\n    }\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","useWriteDictionary","usePushDictionaries","useEditedContent","useForm","useMemo","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}
+{"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    if (mode === 'remote') {\n      await pushDictionaries([editedContent?.[dictionary.key]]);\n    } else {\n      await writeDictionary(editedContent?.[dictionary.key]);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [\n    dictionary,\n    editedContent,\n    pushDictionaries,\n    setLocaleDictionary,\n    writeDictionary,\n    restoreEditedContent,\n    mode,\n  ]);\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useForm","useMemo","useCallback","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQzC,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAsHlC,CAAC"}
+{"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQtD,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CA2HlC,CAAC"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
-import { useEditedContent } from "@intlayer/editor-react";
+import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
 import { RotateCcw, ArrowUpFromLine, Save, Download } from "lucide-react";
-import { useMemo } from "react";
+import { useMemo, useCallback } from "react";
 import { useDictionary } from "react-intlayer";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
@@ -16,6 +16,7 @@ import { getValidDictionaryChangeButtonsSchemaSchema } from "./validDictionaryCh
 const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
   const ValidDictionaryChangeButtonsSchemaSchema = getValidDictionaryChangeButtonsSchemaSchema();
   const { resetButton, saveButton, publishButton, downloadButton } = useDictionary(validDictionaryChangeButtonsContent);
+  const { setLocaleDictionary } = useDictionariesRecordActions();
   const { writeDictionary } = useWriteDictionary();
   const { pushDictionaries } = usePushDictionaries();
   const { editedContent, restoreEditedContent } = useEditedContent();
@@ -34,21 +35,24 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
     () => typeof dictionary?._id === "undefined",
     [dictionary]
   );
-  const onSubmitSuccess = async () => {
+  const onSubmitSuccess = useCallback(async () => {
+    if (!editedContent?.[dictionary.key]) return;
     if (mode === "remote") {
-      await pushDictionaries([
-        {
-          ...dictionary,
-          ...editedContent?.[dictionary.key]
-        }
-      ]);
+      await pushDictionaries([editedContent?.[dictionary.key]]);
     } else {
-      await writeDictionary({
-        ...dictionary,
-        ...editedContent?.[dictionary.key]
-      });
+      await writeDictionary(editedContent?.[dictionary.key]);
     }
-  };
+    setLocaleDictionary(editedContent?.[dictionary.key]);
+    restoreEditedContent(dictionary.key);
+  }, [
+    dictionary,
+    editedContent,
+    pushDictionaries,
+    setLocaleDictionary,
+    writeDictionary,
+    restoreEditedContent,
+    mode
+  ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Form,
     {

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.mjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    if (mode === 'remote') {\n      await pushDictionaries([\n        {\n          ...dictionary,\n          ...editedContent?.[dictionary.key],\n        },\n      ]);\n    } else {\n      await writeDictionary({\n        ...dictionary,\n        ...editedContent?.[dictionary.key],\n      });\n    }\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,+BAET,CAAC,EAAE,YAAY,WAAW;AAC5B,QAAM,2CACJ,4CAA4C;AAE9C,QAAM,EAAE,aAAa,YAAY,eAAe,eAAe,IAC7D,cAAc,mCAAmC;AAE7C,QAAA,EAAE,gBAAgB,IAAI,mBAAmB;AACzC,QAAA,EAAE,iBAAiB,IAAI,oBAAoB;AAEjD,QAAM,EAAE,eAAe,qBAAqB,IAAI,iBAAiB;AAC3D,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,gBAAgB,WAAW,GAAG;AAAA,IACpC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,kBAAkB,YAAY;AAClC,QAAI,SAAS,UAAU;AACrB,YAAM,iBAAiB;AAAA,QACrB;AAAA,UACE,GAAG;AAAA,UACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,QAAA;AAAA,MACnC,CACD;AAAA,IAAA,OACI;AACL,YAAM,gBAAgB;AAAA,QACpB,GAAG;AAAA,QACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,MAAA,CAClC;AAAA,IAAA;AAAA,EAEL;AAGE,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAD,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,YACnB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,SAAS,WACR,oBACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA,IAKlBA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,eAAe;AAAA,YACtB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAe,eAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"ValidDictionaryChangeButtons.mjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    if (mode === 'remote') {\n      await pushDictionaries([editedContent?.[dictionary.key]]);\n    } else {\n      await writeDictionary(editedContent?.[dictionary.key]);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [\n    dictionary,\n    editedContent,\n    pushDictionaries,\n    setLocaleDictionary,\n    writeDictionary,\n    restoreEditedContent,\n    mode,\n  ]);\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}

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

@@ -39,6 +39,7 @@ const DictionaryDetailsForm = ({
 }) => {
   const { session } = components_Auth_useAuth_index.useAuth();
   const { project } = session ?? {};
+  const { setLocaleDictionary } = editorReact.useDictionariesRecordActions();
   const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
   const { data: projects, isLoading: isLoadingProjects } = hooks_intlayerAPIHooks.useGetProjects();
   const { data: tags, isLoading: isLoadingTags } = hooks_intlayerAPIHooks.useGetTags();
@@ -72,19 +73,16 @@ const DictionaryDetailsForm = ({
   const isFormEdited = form.formState.isDirty;
   const isLocalDictionary = typeof dictionary?._id === "undefined";
   const onSubmitSuccess = async (data) => {
+    const updatedDictionary = {
+      ...dictionary,
+      ...data
+    };
     if (mode === "remote") {
-      await pushDictionaries([
-        {
-          ...dictionary,
-          ...data
-        }
-      ]);
+      await pushDictionaries([updatedDictionary]);
     } else {
-      await writeDictionary({
-        ...dictionary,
-        ...data
-      });
+      await writeDictionary(updatedDictionary);
     }
+    setLocaleDictionary(updatedDictionary);
   };
   const handleOnAuditFile = async () => {
     const updatedDictionary = form.getValues();

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport {\n  DictionaryAPI,\n  Dictionary as DistantDictionary,\n} from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, Save, WandSparkles } from 'lucide-react';\nimport { type FC, useEffect, useMemo } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { Loader } from '../../Loader';\nimport { MultiSelect, Select } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n  useDictionaryDetailsSchema,\n  DictionaryDetailsFormData,\n} from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useAuth();\n  const { project } = session ?? {};\n  const { pushDictionaries } = usePushDictionaries();\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags, isLoading: isLoadingTags } = useGetTags();\n  const dictionaryValue = {\n    ...dictionary,\n    publishedVersion: dictionary.publishedVersion ?? '-1',\n  };\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?._id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionaryValue,\n  });\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    publishedVersionSelect,\n    publishButton,\n    saveButton,\n    projectInput,\n    tagsSelect,\n    auditButton,\n    downloadButton,\n  } = useDictionary(dictionaryDetailsContent);\n  const { auditContentDeclaration, isLoading: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const { writeDictionary } = useWriteDictionary();\n\n  useEffect(() => {\n    form.reset(dictionaryValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dictionary, form?.reset]);\n\n  const isFormEdited = form.formState.isDirty;\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n    if (mode === 'remote') {\n      await pushDictionaries([\n        {\n          ...dictionary,\n          ...data,\n        },\n      ]);\n    } else {\n      await writeDictionary({\n        ...dictionary,\n        ...data,\n      });\n    }\n  };\n\n  const handleOnAuditFile = async () => {\n    const updatedDictionary = form.getValues();\n    await auditContentDeclaration({\n      fileContent: JSON.stringify({ ...dictionary, ...updatedDictionary }),\n    }).then((response) => {\n      if (!response.data) return;\n\n      try {\n        const editedDictionary = JSON.parse(response.data.fileContent) as\n          | Partial<Dictionary>\n          | undefined;\n\n        form.reset({\n          ...updatedDictionary,\n          ...editedDictionary,\n          publishedVersion: updatedDictionary.publishedVersion ?? '-1',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    });\n  };\n\n  const isLoading = isSubmitting || isLoadingTags;\n\n  const { editedContent } = useEditedContent();\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      dictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [dictionary, editedDictionary]\n  );\n\n  return (\n    <Form\n      className=\"flex size-full flex-1 flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder}\n          description={titleInput.description}\n          disabled={isSubmitting}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n      />\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label}\n          description={projectInput.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.data?.map((project) => (\n                  <MultiSelect.Item\n                    key={String(project._id)}\n                    value={String(project._id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label}\n          description={tagsSelect.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {tags?.data?.map((tag) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n      {((dictionary as DictionaryAPI).availableVersions?.length ?? 0) > 1 && (\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.Select\n            name=\"publishedVersion\"\n            description={publishedVersionSelect.description}\n            label={publishedVersionSelect.label}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder={publishedVersionSelect.placeholder} />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Item value=\"-1\">LTS</Select.Item>\n              {(dictionary as DictionaryAPI).availableVersions?.map(\n                (version) => (\n                  <Select.Item value={version} key={version}>\n                    {version}\n                  </Select.Item>\n                )\n              )}\n            </Select.Content>\n          </Form.Select>\n          <div className=\"w-full\" />\n        </div>\n      )}\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          label={auditButton.label}\n          Icon={WandSparkles}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        >\n          {auditButton.text}\n        </Form.Button>\n\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={isSubmitting || !isFormEdited || isLoading}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={isSubmitting || !isFormEdited || isLoading}\n                Icon={Save}\n                color=\"text\"\n                className=\"max-md:w-full\"\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={isSubmitting || !isFormEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </div>\n    </Form>\n  );\n};\n"],"names":["useAuth","usePushDictionaries","useGetProjects","useGetTags","useDictionaryDetailsSchema","useForm","useDictionary","dictionaryDetailsContent","useAuditContentDeclarationMetadata","useWriteDictionary","useEffect","editedDictionary","useEditedContent","useMemo","jsxs","Form","jsx","MultiSelect","project","Loader","Select","WandSparkles","ArrowUpFromLine","Save","Download"],"mappings":"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"}
+{"version":3,"file":"DictionaryDetailsForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport {\n  DictionaryAPI,\n  Dictionary as DistantDictionary,\n} from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, Save, WandSparkles } from 'lucide-react';\nimport { type FC, useEffect, useMemo } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { Loader } from '../../Loader';\nimport { MultiSelect, Select } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n  useDictionaryDetailsSchema,\n  DictionaryDetailsFormData,\n} from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useAuth();\n  const { project } = session ?? {};\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { pushDictionaries } = usePushDictionaries();\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags, isLoading: isLoadingTags } = useGetTags();\n  const dictionaryValue = {\n    ...dictionary,\n    publishedVersion: dictionary.publishedVersion ?? '-1',\n  };\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?._id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionaryValue,\n  });\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    publishedVersionSelect,\n    publishButton,\n    saveButton,\n    projectInput,\n    tagsSelect,\n    auditButton,\n    downloadButton,\n  } = useDictionary(dictionaryDetailsContent);\n  const { auditContentDeclaration, isLoading: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const { writeDictionary } = useWriteDictionary();\n\n  useEffect(() => {\n    form.reset(dictionaryValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dictionary, form?.reset]);\n\n  const isFormEdited = form.formState.isDirty;\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...data,\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n\n    setLocaleDictionary(updatedDictionary);\n  };\n\n  const handleOnAuditFile = async () => {\n    const updatedDictionary = form.getValues();\n    await auditContentDeclaration({\n      fileContent: JSON.stringify({ ...dictionary, ...updatedDictionary }),\n    }).then((response) => {\n      if (!response.data) return;\n\n      try {\n        const editedDictionary = JSON.parse(response.data.fileContent) as\n          | Partial<Dictionary>\n          | undefined;\n\n        form.reset({\n          ...updatedDictionary,\n          ...editedDictionary,\n          publishedVersion: updatedDictionary.publishedVersion ?? '-1',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    });\n  };\n\n  const isLoading = isSubmitting || isLoadingTags;\n\n  const { editedContent } = useEditedContent();\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      dictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [dictionary, editedDictionary]\n  );\n\n  return (\n    <Form\n      className=\"flex size-full flex-1 flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder}\n          description={titleInput.description}\n          disabled={isSubmitting}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n      />\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label}\n          description={projectInput.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.data?.map((project) => (\n                  <MultiSelect.Item\n                    key={String(project._id)}\n                    value={String(project._id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label}\n          description={tagsSelect.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {tags?.data?.map((tag) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n      {((dictionary as DictionaryAPI).availableVersions?.length ?? 0) > 1 && (\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.Select\n            name=\"publishedVersion\"\n            description={publishedVersionSelect.description}\n            label={publishedVersionSelect.label}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder={publishedVersionSelect.placeholder} />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Item value=\"-1\">LTS</Select.Item>\n              {(dictionary as DictionaryAPI).availableVersions?.map(\n                (version) => (\n                  <Select.Item value={version} key={version}>\n                    {version}\n                  </Select.Item>\n                )\n              )}\n            </Select.Content>\n          </Form.Select>\n          <div className=\"w-full\" />\n        </div>\n      )}\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          label={auditButton.label}\n          Icon={WandSparkles}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        >\n          {auditButton.text}\n        </Form.Button>\n\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={isSubmitting || !isFormEdited || isLoading}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={isSubmitting || !isFormEdited || isLoading}\n                Icon={Save}\n                color=\"text\"\n                className=\"max-md:w-full\"\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={isSubmitting || !isFormEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </div>\n    </Form>\n  );\n};\n"],"names":["useAuth","useDictionariesRecordActions","usePushDictionaries","useGetProjects","useGetTags","useDictionaryDetailsSchema","useForm","useDictionary","dictionaryDetailsContent","useAuditContentDeclarationMetadata","useWriteDictionary","useEffect","editedDictionary","useEditedContent","useMemo","jsxs","Form","jsx","MultiSelect","project","Loader","Select","WandSparkles","ArrowUpFromLine","Save","Download"],"mappings":"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"}

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
-import { useEditedContent } from "@intlayer/editor-react";
+import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
 import { WandSparkles, ArrowUpFromLine, Save, Download } from "lucide-react";
 import { useEffect, useMemo } from "react";
 import { useDictionary } from "react-intlayer";
@@ -37,6 +37,7 @@ const DictionaryDetailsForm = ({
 }) => {
   const { session } = useAuth();
   const { project } = session ?? {};
+  const { setLocaleDictionary } = useDictionariesRecordActions();
   const { pushDictionaries } = usePushDictionaries();
   const { data: projects, isLoading: isLoadingProjects } = useGetProjects();
   const { data: tags, isLoading: isLoadingTags } = useGetTags();
@@ -70,19 +71,16 @@ const DictionaryDetailsForm = ({
   const isFormEdited = form.formState.isDirty;
   const isLocalDictionary = typeof dictionary?._id === "undefined";
   const onSubmitSuccess = async (data) => {
+    const updatedDictionary = {
+      ...dictionary,
+      ...data
+    };
     if (mode === "remote") {
-      await pushDictionaries([
-        {
-          ...dictionary,
-          ...data
-        }
-      ]);
+      await pushDictionaries([updatedDictionary]);
     } else {
-      await writeDictionary({
-        ...dictionary,
-        ...data
-      });
+      await writeDictionary(updatedDictionary);
     }
+    setLocaleDictionary(updatedDictionary);
   };
   const handleOnAuditFile = async () => {
     const updatedDictionary = form.getValues();

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport {\n  DictionaryAPI,\n  Dictionary as DistantDictionary,\n} from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, Save, WandSparkles } from 'lucide-react';\nimport { type FC, useEffect, useMemo } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { Loader } from '../../Loader';\nimport { MultiSelect, Select } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n  useDictionaryDetailsSchema,\n  DictionaryDetailsFormData,\n} from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useAuth();\n  const { project } = session ?? {};\n  const { pushDictionaries } = usePushDictionaries();\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags, isLoading: isLoadingTags } = useGetTags();\n  const dictionaryValue = {\n    ...dictionary,\n    publishedVersion: dictionary.publishedVersion ?? '-1',\n  };\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?._id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionaryValue,\n  });\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    publishedVersionSelect,\n    publishButton,\n    saveButton,\n    projectInput,\n    tagsSelect,\n    auditButton,\n    downloadButton,\n  } = useDictionary(dictionaryDetailsContent);\n  const { auditContentDeclaration, isLoading: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const { writeDictionary } = useWriteDictionary();\n\n  useEffect(() => {\n    form.reset(dictionaryValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dictionary, form?.reset]);\n\n  const isFormEdited = form.formState.isDirty;\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n    if (mode === 'remote') {\n      await pushDictionaries([\n        {\n          ...dictionary,\n          ...data,\n        },\n      ]);\n    } else {\n      await writeDictionary({\n        ...dictionary,\n        ...data,\n      });\n    }\n  };\n\n  const handleOnAuditFile = async () => {\n    const updatedDictionary = form.getValues();\n    await auditContentDeclaration({\n      fileContent: JSON.stringify({ ...dictionary, ...updatedDictionary }),\n    }).then((response) => {\n      if (!response.data) return;\n\n      try {\n        const editedDictionary = JSON.parse(response.data.fileContent) as\n          | Partial<Dictionary>\n          | undefined;\n\n        form.reset({\n          ...updatedDictionary,\n          ...editedDictionary,\n          publishedVersion: updatedDictionary.publishedVersion ?? '-1',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    });\n  };\n\n  const isLoading = isSubmitting || isLoadingTags;\n\n  const { editedContent } = useEditedContent();\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      dictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [dictionary, editedDictionary]\n  );\n\n  return (\n    <Form\n      className=\"flex size-full flex-1 flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder}\n          description={titleInput.description}\n          disabled={isSubmitting}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n      />\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label}\n          description={projectInput.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.data?.map((project) => (\n                  <MultiSelect.Item\n                    key={String(project._id)}\n                    value={String(project._id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label}\n          description={tagsSelect.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {tags?.data?.map((tag) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n      {((dictionary as DictionaryAPI).availableVersions?.length ?? 0) > 1 && (\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.Select\n            name=\"publishedVersion\"\n            description={publishedVersionSelect.description}\n            label={publishedVersionSelect.label}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder={publishedVersionSelect.placeholder} />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Item value=\"-1\">LTS</Select.Item>\n              {(dictionary as DictionaryAPI).availableVersions?.map(\n                (version) => (\n                  <Select.Item value={version} key={version}>\n                    {version}\n                  </Select.Item>\n                )\n              )}\n            </Select.Content>\n          </Form.Select>\n          <div className=\"w-full\" />\n        </div>\n      )}\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          label={auditButton.label}\n          Icon={WandSparkles}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        >\n          {auditButton.text}\n        </Form.Button>\n\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={isSubmitting || !isFormEdited || isLoading}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={isSubmitting || !isFormEdited || isLoading}\n                Icon={Save}\n                color=\"text\"\n                className=\"max-md:w-full\"\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={isSubmitting || !isFormEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </div>\n    </Form>\n  );\n};\n"],"names":["editedDictionary","jsxs","jsx","project"],"mappings":"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"}
+{"version":3,"file":"DictionaryDetailsForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"sourcesContent":["'use client';\n\nimport {\n  DictionaryAPI,\n  Dictionary as DistantDictionary,\n} from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, Save, WandSparkles } from 'lucide-react';\nimport { type FC, useEffect, useMemo } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  useAuditContentDeclarationMetadata,\n  useGetProjects,\n  useGetTags,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { Loader } from '../../Loader';\nimport { MultiSelect, Select } from '../../Select';\nimport { dictionaryDetailsContent } from './dictionaryDetails.content';\nimport {\n  useDictionaryDetailsSchema,\n  DictionaryDetailsFormData,\n} from './useDictionaryDetailsSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const DictionaryDetailsForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n}) => {\n  const { session } = useAuth();\n  const { project } = session ?? {};\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { pushDictionaries } = usePushDictionaries();\n  const { data: projects, isLoading: isLoadingProjects } = useGetProjects();\n  const { data: tags, isLoading: isLoadingTags } = useGetTags();\n  const dictionaryValue = {\n    ...dictionary,\n    publishedVersion: dictionary.publishedVersion ?? '-1',\n  };\n\n  const DictionaryDetailsSchema = useDictionaryDetailsSchema(\n    String(project?._id)\n  );\n  const { form, isSubmitting } = useForm(DictionaryDetailsSchema, {\n    defaultValues: dictionaryValue,\n  });\n  const {\n    titleInput,\n    keyInput,\n    descriptionInput,\n    publishedVersionSelect,\n    publishButton,\n    saveButton,\n    projectInput,\n    tagsSelect,\n    auditButton,\n    downloadButton,\n  } = useDictionary(dictionaryDetailsContent);\n  const { auditContentDeclaration, isLoading: isAuditing } =\n    useAuditContentDeclarationMetadata();\n  const { writeDictionary } = useWriteDictionary();\n\n  useEffect(() => {\n    form.reset(dictionaryValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dictionary, form?.reset]);\n\n  const isFormEdited = form.formState.isDirty;\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const onSubmitSuccess = async (data: DictionaryDetailsFormData) => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...data,\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n\n    setLocaleDictionary(updatedDictionary);\n  };\n\n  const handleOnAuditFile = async () => {\n    const updatedDictionary = form.getValues();\n    await auditContentDeclaration({\n      fileContent: JSON.stringify({ ...dictionary, ...updatedDictionary }),\n    }).then((response) => {\n      if (!response.data) return;\n\n      try {\n        const editedDictionary = JSON.parse(response.data.fileContent) as\n          | Partial<Dictionary>\n          | undefined;\n\n        form.reset({\n          ...updatedDictionary,\n          ...editedDictionary,\n          publishedVersion: updatedDictionary.publishedVersion ?? '-1',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    });\n  };\n\n  const isLoading = isSubmitting || isLoadingTags;\n\n  const { editedContent } = useEditedContent();\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      dictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [dictionary, editedDictionary]\n  );\n\n  return (\n    <Form\n      className=\"flex size-full flex-1 flex-col gap-8\"\n      {...form}\n      schema={DictionaryDetailsSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.EditableFieldInput\n          name=\"key\"\n          label={keyInput.label}\n          placeholder={keyInput.label}\n          description={keyInput.description}\n          disabled={isSubmitting}\n          isRequired\n        />\n        <Form.EditableFieldInput\n          name=\"title\"\n          label={titleInput.label}\n          placeholder={titleInput.placeholder}\n          description={titleInput.description}\n          disabled={isSubmitting}\n        />\n      </div>\n      <Form.EditableFieldTextArea\n        name=\"description\"\n        label={descriptionInput.label}\n        placeholder={descriptionInput.placeholder}\n        description={descriptionInput.description}\n        disabled={isSubmitting}\n      />\n      <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n        <Form.MultiSelect\n          name=\"projectIds\"\n          label={projectInput.label}\n          description={projectInput.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={projectInput.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {projects?.data?.map((project) => (\n                  <MultiSelect.Item\n                    key={String(project._id)}\n                    value={String(project._id)}\n                  >\n                    {project.name}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n\n        <Form.MultiSelect\n          name=\"tags\"\n          label={tagsSelect.label}\n          description={tagsSelect.description}\n        >\n          <MultiSelect.Trigger\n            getBadgeValue={(value) =>\n              projects?.data?.find((project) => String(project._id) === value)\n                ?.name ?? value\n            }\n          >\n            <MultiSelect.Input placeholder={tagsSelect.placeholder} />\n          </MultiSelect.Trigger>\n          <MultiSelect.Content>\n            <Loader isLoading={isLoadingProjects}>\n              <MultiSelect.List>\n                {tags?.data?.map((tag) => (\n                  <MultiSelect.Item\n                    key={String(tag.key)}\n                    value={String(tag.key)}\n                  >\n                    {tag.name ?? tag.key}\n                  </MultiSelect.Item>\n                ))}\n              </MultiSelect.List>\n            </Loader>\n          </MultiSelect.Content>\n        </Form.MultiSelect>\n      </div>\n      {((dictionary as DictionaryAPI).availableVersions?.length ?? 0) > 1 && (\n        <div className=\"flex size-full flex-1 gap-8 max-md:flex-col\">\n          <Form.Select\n            name=\"publishedVersion\"\n            description={publishedVersionSelect.description}\n            label={publishedVersionSelect.label}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder={publishedVersionSelect.placeholder} />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Item value=\"-1\">LTS</Select.Item>\n              {(dictionary as DictionaryAPI).availableVersions?.map(\n                (version) => (\n                  <Select.Item value={version} key={version}>\n                    {version}\n                  </Select.Item>\n                )\n              )}\n            </Select.Content>\n          </Form.Select>\n          <div className=\"w-full\" />\n        </div>\n      )}\n\n      <div className=\"flex flex-wrap items-center justify-end gap-2 max-md:flex-col\">\n        <Form.Button\n          type=\"button\"\n          label={auditButton.label}\n          Icon={WandSparkles}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={handleOnAuditFile}\n          disabled={isSubmitting || isAuditing}\n          isLoading={isAuditing}\n        >\n          {auditButton.text}\n        </Form.Button>\n\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label}\n              disabled={isSubmitting || !isFormEdited || isLoading}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label}\n                disabled={isSubmitting || !isFormEdited || isLoading}\n                Icon={Save}\n                color=\"text\"\n                className=\"max-md:w-full\"\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label}\n            disabled={isSubmitting || !isFormEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </div>\n    </Form>\n  );\n};\n"],"names":["editedDictionary","jsxs","jsx","project"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.cjs

@@ -36,6 +36,7 @@ const components_DictionaryFieldEditor_SaveForm_SaveFormSchema = require("./Save
 const SaveForm = ({ dictionary, mode }) => {
   const { session } = components_Auth_useAuth_index.useAuth();
   const project = session?.project;
+  const { setLocaleDictionary } = editorReact.useDictionariesRecordActions();
   const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
   const { writeDictionary } = hooks_intlayerAPIHooks.useWriteDictionary();
   const SaveFormSchema = components_DictionaryFieldEditor_SaveForm_SaveFormSchema.getSaveFormSchema();
@@ -69,20 +70,23 @@ const SaveForm = ({ dictionary, mode }) => {
     [dictionary]
   );
   const onSubmitSuccess = require$$0.useCallback(async () => {
+    if (!editedContent?.[dictionary.key]) return;
     if (mode === "remote") {
-      await pushDictionaries([
-        {
-          ...dictionary,
-          ...editedContent?.[dictionary.key]
-        }
-      ]);
+      await pushDictionaries([editedContent?.[dictionary.key]]);
     } else {
-      await writeDictionary({
-        ...dictionary,
-        ...editedContent?.[dictionary.key]
-      });
+      await writeDictionary(editedContent?.[dictionary.key]);
     }
-  }, [dictionary, editedContent, pushDictionaries, writeDictionary, mode]);
+    setLocaleDictionary(editedContent?.[dictionary.key]);
+    restoreEditedContent(dictionary.key);
+  }, [
+    dictionary,
+    editedContent,
+    pushDictionaries,
+    setLocaleDictionary,
+    writeDictionary,
+    restoreEditedContent,
+    mode
+  ]);
   const handleOnAuditFile = async () => await auditContentDeclaration({
     defaultLocale: project?.defaultLocale ?? intlayer.Locales.ENGLISH,
     locales: project?.locales ?? [intlayer.Locales.ENGLISH],

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { Locales } from 'intlayer';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  WandSparkles,\n} from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  usePushDictionaries,\n  useGetAllDictionaries,\n  useAuditContentDeclaration,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary, mode }) => {\n  const { session } = useAuth();\n  const project = session?.project;\n  const { pushDictionaries } = usePushDictionaries();\n  const { writeDictionary } = useWriteDictionary();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n  const { isLoading: isAuditing, auditContentDeclaration } =\n    useAuditContentDeclaration();\n\n  const { editedContent, restoreEditedContent, setEditedContent } =\n    useEditedContent();\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const {\n    auditButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n  } = useDictionary(saveDictionaryContent);\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(() => {\n    if (mode === 'remote') {\n      return (\n        editedDictionary &&\n        onlineDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(onlineDictionary.content)\n      );\n    } else if (mode === 'local') {\n      return (\n        editedDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(dictionary.content)\n      );\n    }\n  }, [onlineDictionary, editedDictionary, dictionary, mode]);\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (mode === 'remote') {\n      await pushDictionaries([\n        {\n          ...dictionary,\n          ...editedContent?.[dictionary.key],\n        },\n      ]);\n    } else {\n      await writeDictionary({\n        ...dictionary,\n        ...editedContent?.[dictionary.key],\n      });\n    }\n  }, [dictionary, editedContent, pushDictionaries, writeDictionary, mode]);\n\n  const handleOnAuditFile = async () =>\n    await auditContentDeclaration({\n      defaultLocale: project?.defaultLocale ?? Locales.ENGLISH,\n      locales: project?.locales ?? [Locales.ENGLISH],\n      fileContent: JSON.stringify(editedDictionary ?? dictionary),\n    }).then((response) => {\n      if (!response.data) return;\n\n      const editedDictionary = JSON.parse(\n        response.data.fileContent\n      ) as Dictionary;\n\n      setEditedContent(dictionary.key, editedDictionary.content);\n    });\n\n  return (\n    <Form\n      className=\"flex w-full flex-1 flex-row flex-wrap justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={auditButton.label}\n        disabled={isSubmitting}\n        Icon={WandSparkles}\n        variant=\"outline\"\n        color=\"text\"\n        className=\"ml-auto max-md:w-full\"\n        isLoading={isAuditing}\n        onClick={handleOnAuditFile}\n      >\n        {auditButton.text}\n      </Form.Button>\n      {isEdited && (\n        <Form.Button\n          type=\"button\"\n          label={resetButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={() => restoreEditedContent(dictionary.key)}\n        >\n          {resetButton.text}\n        </Form.Button>\n      )}\n      {mode === 'remote' ? (\n        isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={downloadButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={Download}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isSubmitting}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["useAuth","usePushDictionaries","useWriteDictionary","getSaveFormSchema","useGetAllDictionaries","useAuditContentDeclaration","useEditedContent","useForm","useDictionary","saveDictionaryContent","useMemo","useCallback","Locales","editedDictionary","jsxs","Form","jsx","WandSparkles","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}
+{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { Locales } from 'intlayer';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  WandSparkles,\n} from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  usePushDictionaries,\n  useGetAllDictionaries,\n  useAuditContentDeclaration,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary, mode }) => {\n  const { session } = useAuth();\n  const project = session?.project;\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { pushDictionaries } = usePushDictionaries();\n  const { writeDictionary } = useWriteDictionary();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n  const { isLoading: isAuditing, auditContentDeclaration } =\n    useAuditContentDeclaration();\n\n  const { editedContent, restoreEditedContent, setEditedContent } =\n    useEditedContent();\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const {\n    auditButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n  } = useDictionary(saveDictionaryContent);\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(() => {\n    if (mode === 'remote') {\n      return (\n        editedDictionary &&\n        onlineDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(onlineDictionary.content)\n      );\n    } else if (mode === 'local') {\n      return (\n        editedDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(dictionary.content)\n      );\n    }\n  }, [onlineDictionary, editedDictionary, dictionary, mode]);\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    if (mode === 'remote') {\n      await pushDictionaries([editedContent?.[dictionary.key]]);\n    } else {\n      await writeDictionary(editedContent?.[dictionary.key]);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [\n    dictionary,\n    editedContent,\n    pushDictionaries,\n    setLocaleDictionary,\n    writeDictionary,\n    restoreEditedContent,\n    mode,\n  ]);\n\n  const handleOnAuditFile = async () =>\n    await auditContentDeclaration({\n      defaultLocale: project?.defaultLocale ?? Locales.ENGLISH,\n      locales: project?.locales ?? [Locales.ENGLISH],\n      fileContent: JSON.stringify(editedDictionary ?? dictionary),\n    }).then((response) => {\n      if (!response.data) return;\n\n      const editedDictionary = JSON.parse(\n        response.data.fileContent\n      ) as Dictionary;\n\n      setEditedContent(dictionary.key, editedDictionary.content);\n    });\n\n  return (\n    <Form\n      className=\"flex w-full flex-1 flex-row flex-wrap justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={auditButton.label}\n        disabled={isSubmitting}\n        Icon={WandSparkles}\n        variant=\"outline\"\n        color=\"text\"\n        className=\"ml-auto max-md:w-full\"\n        isLoading={isAuditing}\n        onClick={handleOnAuditFile}\n      >\n        {auditButton.text}\n      </Form.Button>\n      {isEdited && (\n        <Form.Button\n          type=\"button\"\n          label={resetButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={() => restoreEditedContent(dictionary.key)}\n        >\n          {resetButton.text}\n        </Form.Button>\n      )}\n      {mode === 'remote' ? (\n        isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={downloadButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={Download}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isSubmitting}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["useAuth","useDictionariesRecordActions","usePushDictionaries","useWriteDictionary","getSaveFormSchema","useGetAllDictionaries","useAuditContentDeclaration","useEditedContent","useForm","useDictionary","saveDictionaryContent","useMemo","useCallback","Locales","editedDictionary","jsxs","Form","jsx","WandSparkles","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAU5C,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AActD,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAgK/C,CAAC"}
+{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa5C,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AActD,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAqK/C,CAAC"}

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
-import { useEditedContent } from "@intlayer/editor-react";
+import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
 import { Locales } from "intlayer";
 import { WandSparkles, RotateCcw, ArrowUpFromLine, Save, Download } from "lucide-react";
 import { useMemo, useCallback } from "react";
@@ -34,6 +34,7 @@ import { getSaveFormSchema } from "./SaveFormSchema.mjs";
 const SaveForm = ({ dictionary, mode }) => {
   const { session } = useAuth();
   const project = session?.project;
+  const { setLocaleDictionary } = useDictionariesRecordActions();
   const { pushDictionaries } = usePushDictionaries();
   const { writeDictionary } = useWriteDictionary();
   const SaveFormSchema = getSaveFormSchema();
@@ -67,20 +68,23 @@ const SaveForm = ({ dictionary, mode }) => {
     [dictionary]
   );
   const onSubmitSuccess = useCallback(async () => {
+    if (!editedContent?.[dictionary.key]) return;
     if (mode === "remote") {
-      await pushDictionaries([
-        {
-          ...dictionary,
-          ...editedContent?.[dictionary.key]
-        }
-      ]);
+      await pushDictionaries([editedContent?.[dictionary.key]]);
     } else {
-      await writeDictionary({
-        ...dictionary,
-        ...editedContent?.[dictionary.key]
-      });
+      await writeDictionary(editedContent?.[dictionary.key]);
     }
-  }, [dictionary, editedContent, pushDictionaries, writeDictionary, mode]);
+    setLocaleDictionary(editedContent?.[dictionary.key]);
+    restoreEditedContent(dictionary.key);
+  }, [
+    dictionary,
+    editedContent,
+    pushDictionaries,
+    setLocaleDictionary,
+    writeDictionary,
+    restoreEditedContent,
+    mode
+  ]);
   const handleOnAuditFile = async () => await auditContentDeclaration({
     defaultLocale: project?.defaultLocale ?? Locales.ENGLISH,
     locales: project?.locales ?? [Locales.ENGLISH],

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { Locales } from 'intlayer';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  WandSparkles,\n} from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  usePushDictionaries,\n  useGetAllDictionaries,\n  useAuditContentDeclaration,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary, mode }) => {\n  const { session } = useAuth();\n  const project = session?.project;\n  const { pushDictionaries } = usePushDictionaries();\n  const { writeDictionary } = useWriteDictionary();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n  const { isLoading: isAuditing, auditContentDeclaration } =\n    useAuditContentDeclaration();\n\n  const { editedContent, restoreEditedContent, setEditedContent } =\n    useEditedContent();\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const {\n    auditButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n  } = useDictionary(saveDictionaryContent);\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(() => {\n    if (mode === 'remote') {\n      return (\n        editedDictionary &&\n        onlineDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(onlineDictionary.content)\n      );\n    } else if (mode === 'local') {\n      return (\n        editedDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(dictionary.content)\n      );\n    }\n  }, [onlineDictionary, editedDictionary, dictionary, mode]);\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (mode === 'remote') {\n      await pushDictionaries([\n        {\n          ...dictionary,\n          ...editedContent?.[dictionary.key],\n        },\n      ]);\n    } else {\n      await writeDictionary({\n        ...dictionary,\n        ...editedContent?.[dictionary.key],\n      });\n    }\n  }, [dictionary, editedContent, pushDictionaries, writeDictionary, mode]);\n\n  const handleOnAuditFile = async () =>\n    await auditContentDeclaration({\n      defaultLocale: project?.defaultLocale ?? Locales.ENGLISH,\n      locales: project?.locales ?? [Locales.ENGLISH],\n      fileContent: JSON.stringify(editedDictionary ?? dictionary),\n    }).then((response) => {\n      if (!response.data) return;\n\n      const editedDictionary = JSON.parse(\n        response.data.fileContent\n      ) as Dictionary;\n\n      setEditedContent(dictionary.key, editedDictionary.content);\n    });\n\n  return (\n    <Form\n      className=\"flex w-full flex-1 flex-row flex-wrap justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={auditButton.label}\n        disabled={isSubmitting}\n        Icon={WandSparkles}\n        variant=\"outline\"\n        color=\"text\"\n        className=\"ml-auto max-md:w-full\"\n        isLoading={isAuditing}\n        onClick={handleOnAuditFile}\n      >\n        {auditButton.text}\n      </Form.Button>\n      {isEdited && (\n        <Form.Button\n          type=\"button\"\n          label={resetButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={() => restoreEditedContent(dictionary.key)}\n        >\n          {resetButton.text}\n        </Form.Button>\n      )}\n      {mode === 'remote' ? (\n        isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={downloadButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={Download}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isSubmitting}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["editedDictionary","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"SaveForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { Locales } from 'intlayer';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  WandSparkles,\n} from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport {\n  usePushDictionaries,\n  useGetAllDictionaries,\n  useAuditContentDeclaration,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { useAuth } from '../../Auth';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary, mode }) => {\n  const { session } = useAuth();\n  const project = session?.project;\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { pushDictionaries } = usePushDictionaries();\n  const { writeDictionary } = useWriteDictionary();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n  const { isLoading: isAuditing, auditContentDeclaration } =\n    useAuditContentDeclaration();\n\n  const { editedContent, restoreEditedContent, setEditedContent } =\n    useEditedContent();\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const {\n    auditButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n  } = useDictionary(saveDictionaryContent);\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(() => {\n    if (mode === 'remote') {\n      return (\n        editedDictionary &&\n        onlineDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(onlineDictionary.content)\n      );\n    } else if (mode === 'local') {\n      return (\n        editedDictionary &&\n        JSON.stringify(editedDictionary.content) !==\n          JSON.stringify(dictionary.content)\n      );\n    }\n  }, [onlineDictionary, editedDictionary, dictionary, mode]);\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    if (mode === 'remote') {\n      await pushDictionaries([editedContent?.[dictionary.key]]);\n    } else {\n      await writeDictionary(editedContent?.[dictionary.key]);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [\n    dictionary,\n    editedContent,\n    pushDictionaries,\n    setLocaleDictionary,\n    writeDictionary,\n    restoreEditedContent,\n    mode,\n  ]);\n\n  const handleOnAuditFile = async () =>\n    await auditContentDeclaration({\n      defaultLocale: project?.defaultLocale ?? Locales.ENGLISH,\n      locales: project?.locales ?? [Locales.ENGLISH],\n      fileContent: JSON.stringify(editedDictionary ?? dictionary),\n    }).then((response) => {\n      if (!response.data) return;\n\n      const editedDictionary = JSON.parse(\n        response.data.fileContent\n      ) as Dictionary;\n\n      setEditedContent(dictionary.key, editedDictionary.content);\n    });\n\n  return (\n    <Form\n      className=\"flex w-full flex-1 flex-row flex-wrap justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={auditButton.label}\n        disabled={isSubmitting}\n        Icon={WandSparkles}\n        variant=\"outline\"\n        color=\"text\"\n        className=\"ml-auto max-md:w-full\"\n        isLoading={isAuditing}\n        onClick={handleOnAuditFile}\n      >\n        {auditButton.text}\n      </Form.Button>\n      {isEdited && (\n        <Form.Button\n          type=\"button\"\n          label={resetButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\n          onClick={() => restoreEditedContent(dictionary.key)}\n        >\n          {resetButton.text}\n        </Form.Button>\n      )}\n      {mode === 'remote' ? (\n        isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={downloadButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={Download}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isSubmitting}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["editedDictionary","jsxs","jsx"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "4.1.2",
+  "version": "4.1.4",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -77,13 +77,13 @@
     "tailwind-merge": "^2.6.0",
     "zod": "^3.24.1",
     "zustand": "^4.5.6",
-    "@intlayer/api": "4.1.2",
-    "@intlayer/config": "4.1.2",
-    "@intlayer/core": "4.1.2",
-    "@intlayer/editor": "4.1.2",
-    "@intlayer/dictionaries-entry": "4.1.2",
-    "@intlayer/editor-react": "4.1.2",
-    "react-intlayer": "4.1.2"
+    "@intlayer/config": "4.1.4",
+    "@intlayer/dictionaries-entry": "4.1.4",
+    "@intlayer/editor": "4.1.4",
+    "@intlayer/core": "4.1.4",
+    "@intlayer/editor-react": "4.1.4",
+    "react-intlayer": "4.1.4",
+    "@intlayer/api": "4.1.4"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.3",
@@ -116,7 +116,7 @@
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^2.1.8",
-    "@intlayer/backend": "4.1.2",
+    "@intlayer/backend": "4.1.4",
     "@utils/eslint-config": "1.0.4",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
@@ -127,18 +127,18 @@
     "clsx": "^2.1.1",
     "framer-motion": "^11.18.0",
     "fuse.js": "^7.0.0",
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1",
+    "react": ">=16.0.0",
+    "react-dom": ">=16.0.0",
     "tailwind-merge": "^2.6.0",
     "zustand": "^4.5.6",
-    "@intlayer/api": "4.1.2",
-    "@intlayer/config": "4.1.2",
-    "@intlayer/core": "4.1.2",
-    "intlayer": "4.1.2",
-    "react-intlayer": "4.1.2",
-    "@intlayer/editor-react": "4.1.2",
-    "@intlayer/editor": "4.1.2",
-    "@intlayer/dictionaries-entry": "4.1.2"
+    "@intlayer/api": "4.1.4",
+    "@intlayer/config": "4.1.4",
+    "@intlayer/dictionaries-entry": "4.1.4",
+    "@intlayer/core": "4.1.4",
+    "@intlayer/editor-react": "4.1.4",
+    "@intlayer/editor": "4.1.4",
+    "react-intlayer": "4.1.4",
+    "intlayer": "4.1.4"
   },
   "scripts": {
     "build": "pnpm build:package && pnpm build:css",