@intlayer/design-system 5.1.4 → 5.1.6

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const editorReact = require("@intlayer/editor-react");
-const intlayer = require("intlayer");
 const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
@@ -11,123 +10,89 @@ require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("deepmerge");
-require("../../../index-Db5Dym4h.cjs");
+const utils_cn = require("../../../utils/cn.cjs");
+require("../../../index-a_-DkvMQ.cjs");
 require("@intlayer/config/client");
 require("../../Button/Button.cjs");
+const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
 require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
-const components_Form_FormBase = require("../../Form/FormBase.cjs");
+require("@hookform/resolvers");
+require("react-hook-form");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 require("../../Auth/SignInForm/signIn.content.cjs");
 require("zod");
 require("../../Auth/SignInForm/useSignInSchema.content.cjs");
 require("../../Auth/SignUpForm/signUpForm.content.cjs");
 require("../../Auth/SignUpForm/useSignUpSchema.content.cjs");
-const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
 require("../../Auth/ChangePasswordForm/changePasswordForm.content.cjs");
 require("../../Auth/ChangePasswordForm/useChangePasswordSchema.content.cjs");
 require("../../Auth/ResetPasswordForm/resetPasswordContent.content.cjs");
 require("../../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
 require("../../Modal/Modal.cjs");
-require("clsx");
-require("tailwind-merge");
 require("@intlayer/api");
 require("../../Auth/VerifyEmailForm/index.content.cjs");
+require("../../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.cjs");
+require("../../Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.content.cjs");
 const components_DictionaryFieldEditor_SaveForm_saveForm_content = require("./saveForm.content.cjs");
-const components_DictionaryFieldEditor_SaveForm_SaveFormSchema = require("./SaveFormSchema.cjs");
-const SaveForm = ({ dictionary, mode }) => {
-  const { session } = components_Auth_useAuth_index.useAuth();
-  const project = session?.project;
+const SaveForm = ({
+  dictionary,
+  mode,
+  className,
+  ...props
+}) => {
   const { setLocaleDictionary } = editorReact.useDictionariesRecordActions();
-  const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
-  const { writeDictionary } = hooks_intlayerAPIHooks.useWriteDictionary();
-  const SaveFormSchema = components_DictionaryFieldEditor_SaveForm_SaveFormSchema.getSaveFormSchema();
-  const { isLoading: isAuditing, auditContentDeclaration } = hooks_intlayerAPIHooks.useAuditContentDeclaration();
-  const { editedContent, restoreEditedContent, setEditedContent } = editorReact.useEditedContent();
-  const { form, isSubmitting } = components_Form_FormBase.useForm(SaveFormSchema);
-  const {
-    auditButton,
-    resetButton,
-    saveButton,
-    publishButton,
-    downloadButton
-  } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_SaveForm_saveForm_content.saveDictionaryContent);
+  const { writeDictionary, isLoading: isWriting } = hooks_intlayerAPIHooks.useWriteDictionary();
+  const { pushDictionaries, isLoading: isPushing } = hooks_intlayerAPIHooks.usePushDictionaries();
+  const isLoading = isWriting || isPushing;
+  const { editedContent, restoreEditedContent } = editorReact.useEditedContent();
+  const { resetButton, saveButton, publishButton, downloadButton } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_SaveForm_saveForm_content.saveDictionaryContent);
+  const { isAuthenticated } = components_Auth_useAuth_index.useAuth();
   const editedDictionary = ReactExports.useMemo(
     () => editedContent?.[dictionary.key],
     [editedContent, dictionary.key]
   );
   const isEdited = ReactExports.useMemo(
-    () => editedDictionary && JSON.stringify(editedDictionary.content) !== JSON.stringify(dictionary.content),
+    () => editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary),
     [editedDictionary, dictionary, mode]
   );
   const isLocalDictionary = ReactExports.useMemo(
     () => typeof dictionary?._id === "undefined",
     [dictionary]
   );
-  const onSubmitSuccess = ReactExports.useCallback(async () => {
+  const handleSaveDictionary = async () => {
     if (!editedContent?.[dictionary.key]) return;
     const updatedDictionary = {
       ...dictionary,
       ...editedContent?.[dictionary.key]
     };
-    if (mode === "remote") {
-      await pushDictionaries([updatedDictionary]);
-    } else {
-      await writeDictionary(updatedDictionary);
-    }
-    setLocaleDictionary(editedContent?.[dictionary.key]);
-    restoreEditedContent(dictionary.key);
-  }, [
-    dictionary,
-    editedContent,
-    pushDictionaries,
-    setLocaleDictionary,
-    writeDictionary,
-    restoreEditedContent,
-    mode
-  ]);
-  const handleOnAuditFile = async () => await auditContentDeclaration({
-    defaultLocale: project?.configuration?.internationalization?.defaultLocale ?? intlayer.Locales.ENGLISH,
-    locales: project?.configuration?.internationalization?.locales ?? [
-      intlayer.Locales.ENGLISH
-    ],
-    fileContent: JSON.stringify(editedDictionary ?? dictionary)
-  }).then((response) => {
-    if (!response.data) return;
-    const editedDictionary2 = JSON.parse(
-      response.data.fileContent
-    );
-    setEditedContent(dictionary.key, editedDictionary2.content);
-  });
+    await writeDictionary(updatedDictionary).then(() => {
+      setLocaleDictionary(editedContent?.[dictionary.key]);
+      restoreEditedContent(dictionary.key);
+    });
+  };
+  const handlePushDictionary = async () => {
+    if (!editedContent?.[dictionary.key]) return;
+    const updatedDictionary = {
+      ...dictionary,
+      ...editedContent?.[dictionary.key]
+    };
+    await pushDictionaries([updatedDictionary]).then(() => {
+      setLocaleDictionary(editedContent?.[dictionary.key]);
+      restoreEditedContent(dictionary.key);
+    });
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    components_Form_layout_FormItemLayout.Form,
+    "form",
     {
-      className: "flex w-full flex-1 flex-row flex-wrap justify-end gap-3",
-      ...form,
-      schema: SaveFormSchema,
-      onSubmitSuccess,
+      className: utils_cn.cn("flex justify-end gap-2 max-md:flex-col", className),
+      ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          components_Form_layout_FormItemLayout.Form.Button,
-          {
-            type: "button",
-            label: auditButton.label.value,
-            disabled: isSubmitting,
-            Icon: lucideReact.WandSparkles,
-            variant: "outline",
-            color: "text",
-            className: "ml-auto max-md:w-full",
-            isLoading: isAuditing,
-            onClick: handleOnAuditFile,
-            children: auditButton.text
-          }
-        ),
         isEdited && /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
-            type: "button",
             label: resetButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited,
             Icon: lucideReact.RotateCcw,
             variant: "outline",
             color: "text",
@@ -136,42 +101,45 @@ const SaveForm = ({ dictionary, mode }) => {
             children: resetButton.text
           }
         ),
-        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntime.jsx(
+        mode.includes("local") && /* @__PURE__ */ jsxRuntime.jsx(
+          components_Form_layout_FormItemLayout.Form.Button,
+          {
+            label: downloadButton.label.value,
+            disabled: !isEdited || isLoading,
+            Icon: lucideReact.Download,
+            color: "text",
+            variant: isAuthenticated ? "outline" : "default",
+            className: "max-md:w-full",
+            isLoading: isWriting,
+            onClick: handleSaveDictionary,
+            children: downloadButton.text
+          }
+        ),
+        mode.includes("remote") && isAuthenticated && isLocalDictionary && /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
-            type: "submit",
             label: publishButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited,
             Icon: lucideReact.ArrowUpFromLine,
             color: "text",
             className: "max-md:w-full",
-            isLoading: isSubmitting,
+            isLoading: isPushing,
+            onClick: handlePushDictionary,
             children: publishButton.text
           }
-        ) : isEdited && /* @__PURE__ */ jsxRuntime.jsx(
+        ),
+        mode.includes("remote") && isAuthenticated && !isLocalDictionary && isEdited && /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
-            type: "submit",
             label: saveButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited || isLoading,
             Icon: lucideReact.Save,
             color: "text",
             className: "max-md:w-full",
-            isLoading: isSubmitting,
+            isLoading: isPushing,
+            onClick: handlePushDictionary,
             children: saveButton.text
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          components_Form_layout_FormItemLayout.Form.Button,
-          {
-            type: "submit",
-            label: downloadButton.label.value,
-            disabled: !isEdited || isSubmitting,
-            Icon: lucideReact.Download,
-            color: "text",
-            className: "max-md:w-full",
-            isLoading: isSubmitting,
-            children: downloadButton.text
-          }
         )
       ]
     }

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 type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { 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';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  usePushDictionaries,\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 { 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 isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [editedDictionary, dictionary, mode]\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    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\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:\n        project?.configuration?.internationalization?.defaultLocale ??\n        Locales.ENGLISH,\n      locales: project?.configuration?.internationalization?.locales ?? [\n        Locales.ENGLISH,\n      ],\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.value}\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.value}\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.value}\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.value}\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.value}\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","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 type { 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 {\n  type DetailedHTMLProps,\n  type FormHTMLAttributes,\n  useMemo,\n  type FC,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  ...props\n}) => {\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\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) !== JSON.stringify(dictionary),\n    [editedDictionary, dictionary, mode]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const handleSaveDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await writeDictionary(updatedDictionary).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  const handlePushDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await pushDictionaries([updatedDictionary]).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  return (\n    <form\n      className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n      {...props}\n    >\n      {isEdited && (\n        <Form.Button\n          label={resetButton.label.value}\n          disabled={!isEdited}\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.includes('local') && (\n        <Form.Button\n          label={downloadButton.label.value}\n          disabled={!isEdited || isLoading}\n          Icon={Download}\n          color=\"text\"\n          variant={isAuthenticated ? 'outline' : 'default'}\n          className=\"max-md:w-full\"\n          isLoading={isWriting}\n          onClick={handleSaveDictionary}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n      {mode.includes('remote') && isAuthenticated && isLocalDictionary && (\n        <Form.Button\n          label={publishButton.label.value}\n          disabled={!isEdited}\n          Icon={ArrowUpFromLine}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isPushing}\n          onClick={handlePushDictionary}\n        >\n          {publishButton.text}\n        </Form.Button>\n      )}\n      {mode.includes('remote') &&\n        isAuthenticated &&\n        !isLocalDictionary &&\n        isEdited && (\n          <Form.Button\n            label={saveButton.label.value}\n            disabled={!isEdited || isLoading}\n            Icon={Save}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isPushing}\n            onClick={handlePushDictionary}\n          >\n            {saveButton.text}\n          </Form.Button>\n        )}\n    </form>\n  );\n};\n"],"names":["useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","useMemo","jsxs","cn","jsx","Form","RotateCcw","Download","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,WAAuC,CAAC;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,oBAAoB,IAAIA,yCAA6B;AAC7D,QAAM,EAAE,iBAAiB,WAAW,UAAA,IAAcC,uBAAAA,mBAAmB;AACrE,QAAM,EAAE,kBAAkB,WAAW,UAAA,IAAcC,uBAAAA,oBAAoB;AACvE,QAAM,YAAY,aAAa;AAE/B,QAAM,EAAE,eAAe,qBAAqB,IAAIC,6BAAiB;AACjE,QAAM,EAAE,aAAa,YAAY,eAAe,eAAe,IAC7DC,4BAAcC,gFAAqB;AAC/B,QAAA,EAAE,gBAAgB,IAAIC,sCAAQ;AAEpC,QAAM,mBAAmBC,aAAA;AAAA,IACvB,MAAM,gBAAgB,WAAW,GAAG;AAAA,IACpC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAWA,aAAA;AAAA,IACf,MACE,oBACA,KAAK,UAAU,gBAAgB,MAAM,KAAK,UAAU,UAAU;AAAA,IAChE,CAAC,kBAAkB,YAAY,IAAI;AAAA,EACrC;AAEA,QAAM,oBAAoBA,aAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,uBAAuB,YAAY;AACvC,QAAI,CAAC,gBAAgB,WAAW,GAAG,EAAG;AAEtC,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,IACnC;AAEA,UAAM,gBAAgB,iBAAiB,EAAE,KAAK,MAAM;AAC9B,0BAAA,gBAAgB,WAAW,GAAG,CAAC;AACnD,2BAAqB,WAAW,GAAG;AAAA,IAAA,CACpC;AAAA,EACH;AAEA,QAAM,uBAAuB,YAAY;AACvC,QAAI,CAAC,gBAAgB,WAAW,GAAG,EAAG;AAEtC,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,IACnC;AAEA,UAAM,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,KAAK,MAAM;AACjC,0BAAA,gBAAgB,WAAW,GAAG,CAAC;AACnD,2BAAqB,WAAW,GAAG;AAAA,IAAA,CACpC;AAAA,EACH;AAGE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAAA,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA,MAEH,UAAA;AAAA,QACC,YAAAC,2BAAA;AAAA,UAACC,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC;AAAA,YACX,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,KAAK,SAAS,OAAO,KACpBF,2BAAA;AAAA,UAACC,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,OAAO,eAAe,MAAM;AAAA,YAC5B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,SAAS,kBAAkB,YAAY;AAAA,YACvC,WAAU;AAAA,YACV,WAAW;AAAA,YACX,SAAS;AAAA,YAER,UAAe,eAAA;AAAA,UAAA;AAAA,QAClB;AAAA,QAED,KAAK,SAAS,QAAQ,KAAK,mBAAmB,qBAC7CH,2BAAA;AAAA,UAACC,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC;AAAA,YACX,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAU;AAAA,YACV,WAAW;AAAA,YACX,SAAS;AAAA,YAER,UAAc,cAAA;AAAA,UAAA;AAAA,QACjB;AAAA,QAED,KAAK,SAAS,QAAQ,KACrB,mBACA,CAAC,qBACD,YACEJ,2BAAA;AAAA,UAACC,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMI,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAU;AAAA,YACV,WAAW;AAAA,YACX,SAAS;AAAA,YAER,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAEN;AAEJ;;"}

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

@@ -1,9 +1,9 @@
 import { Dictionary } from '@intlayer/core';
-import { FC } from 'react';
+import { DetailedHTMLProps, FormHTMLAttributes, FC } from 'react';
 type DictionaryDetailsProps = {
     dictionary: Dictionary;
-    mode: 'local' | 'remote';
-};
+    mode: ('local' | 'remote')[];
+} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
 export declare const SaveForm: FC<DictionaryDetailsProps>;
 export {};
 //# sourceMappingURL=SaveForm.d.ts.map

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,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAajD,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYtD,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,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EAEvB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAQf,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;CAC9B,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CA4H/C,CAAC"}

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

@@ -1,131 +1,96 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 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";
+import { RotateCcw, Download, ArrowUpFromLine, Save } from "lucide-react";
+import { useMemo } from "react";
 import { useDictionary } from "react-intlayer";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
-import { usePushDictionaries, useWriteDictionary, useAuditContentDeclaration } from "../../../hooks/intlayerAPIHooks.mjs";
+import { useWriteDictionary, usePushDictionaries } from "../../../hooks/intlayerAPIHooks.mjs";
 import "deepmerge";
-import "../../../index-BTDHuTxL.js";
+import { cn } from "../../../utils/cn.mjs";
+import "../../../index-DixKT3Hi.js";
 import "@intlayer/config/client";
 import "../../Button/Button.mjs";
+import { useAuth } from "../../Auth/useAuth/index.mjs";
 import "../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";
-import { useForm } from "../../Form/FormBase.mjs";
+import "@hookform/resolvers";
+import "react-hook-form";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-BZUDRfoN.js";
+import { F as Form } from "../../../Form-MjLzPGze.js";
 import "../../Auth/SignInForm/signIn.content.mjs";
 import "zod";
 import "../../Auth/SignInForm/useSignInSchema.content.mjs";
 import "../../Auth/SignUpForm/signUpForm.content.mjs";
 import "../../Auth/SignUpForm/useSignUpSchema.content.mjs";
-import { useAuth } from "../../Auth/useAuth/index.mjs";
 import "../../Auth/ChangePasswordForm/changePasswordForm.content.mjs";
 import "../../Auth/ChangePasswordForm/useChangePasswordSchema.content.mjs";
 import "../../Auth/ResetPasswordForm/resetPasswordContent.content.mjs";
 import "../../Auth/ResetPasswordForm/useResetPasswordSchema.content.mjs";
 import "../../Modal/Modal.mjs";
-import "clsx";
-import "tailwind-merge";
 import "@intlayer/api";
 import "../../Auth/VerifyEmailForm/index.content.mjs";
+import "../../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.mjs";
+import "../../Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.content.mjs";
 import { saveDictionaryContent } from "./saveForm.content.mjs";
-import { getSaveFormSchema } from "./SaveFormSchema.mjs";
-const SaveForm = ({ dictionary, mode }) => {
-  const { session } = useAuth();
-  const project = session?.project;
+const SaveForm = ({
+  dictionary,
+  mode,
+  className,
+  ...props
+}) => {
   const { setLocaleDictionary } = useDictionariesRecordActions();
-  const { pushDictionaries } = usePushDictionaries();
-  const { writeDictionary } = useWriteDictionary();
-  const SaveFormSchema = getSaveFormSchema();
-  const { isLoading: isAuditing, auditContentDeclaration } = useAuditContentDeclaration();
-  const { editedContent, restoreEditedContent, setEditedContent } = useEditedContent();
-  const { form, isSubmitting } = useForm(SaveFormSchema);
-  const {
-    auditButton,
-    resetButton,
-    saveButton,
-    publishButton,
-    downloadButton
-  } = useDictionary(saveDictionaryContent);
+  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();
+  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();
+  const isLoading = isWriting || isPushing;
+  const { editedContent, restoreEditedContent } = useEditedContent();
+  const { resetButton, saveButton, publishButton, downloadButton } = useDictionary(saveDictionaryContent);
+  const { isAuthenticated } = useAuth();
   const editedDictionary = useMemo(
     () => editedContent?.[dictionary.key],
     [editedContent, dictionary.key]
   );
   const isEdited = useMemo(
-    () => editedDictionary && JSON.stringify(editedDictionary.content) !== JSON.stringify(dictionary.content),
+    () => editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary),
     [editedDictionary, dictionary, mode]
   );
   const isLocalDictionary = useMemo(
     () => typeof dictionary?._id === "undefined",
     [dictionary]
   );
-  const onSubmitSuccess = useCallback(async () => {
+  const handleSaveDictionary = async () => {
     if (!editedContent?.[dictionary.key]) return;
     const updatedDictionary = {
       ...dictionary,
       ...editedContent?.[dictionary.key]
     };
-    if (mode === "remote") {
-      await pushDictionaries([updatedDictionary]);
-    } else {
-      await writeDictionary(updatedDictionary);
-    }
-    setLocaleDictionary(editedContent?.[dictionary.key]);
-    restoreEditedContent(dictionary.key);
-  }, [
-    dictionary,
-    editedContent,
-    pushDictionaries,
-    setLocaleDictionary,
-    writeDictionary,
-    restoreEditedContent,
-    mode
-  ]);
-  const handleOnAuditFile = async () => await auditContentDeclaration({
-    defaultLocale: project?.configuration?.internationalization?.defaultLocale ?? Locales.ENGLISH,
-    locales: project?.configuration?.internationalization?.locales ?? [
-      Locales.ENGLISH
-    ],
-    fileContent: JSON.stringify(editedDictionary ?? dictionary)
-  }).then((response) => {
-    if (!response.data) return;
-    const editedDictionary2 = JSON.parse(
-      response.data.fileContent
-    );
-    setEditedContent(dictionary.key, editedDictionary2.content);
-  });
+    await writeDictionary(updatedDictionary).then(() => {
+      setLocaleDictionary(editedContent?.[dictionary.key]);
+      restoreEditedContent(dictionary.key);
+    });
+  };
+  const handlePushDictionary = async () => {
+    if (!editedContent?.[dictionary.key]) return;
+    const updatedDictionary = {
+      ...dictionary,
+      ...editedContent?.[dictionary.key]
+    };
+    await pushDictionaries([updatedDictionary]).then(() => {
+      setLocaleDictionary(editedContent?.[dictionary.key]);
+      restoreEditedContent(dictionary.key);
+    });
+  };
   return /* @__PURE__ */ jsxs(
-    Form,
+    "form",
     {
-      className: "flex w-full flex-1 flex-row flex-wrap justify-end gap-3",
-      ...form,
-      schema: SaveFormSchema,
-      onSubmitSuccess,
+      className: cn("flex justify-end gap-2 max-md:flex-col", className),
+      ...props,
       children: [
-        /* @__PURE__ */ jsx(
-          Form.Button,
-          {
-            type: "button",
-            label: auditButton.label.value,
-            disabled: isSubmitting,
-            Icon: WandSparkles,
-            variant: "outline",
-            color: "text",
-            className: "ml-auto max-md:w-full",
-            isLoading: isAuditing,
-            onClick: handleOnAuditFile,
-            children: auditButton.text
-          }
-        ),
         isEdited && /* @__PURE__ */ jsx(
           Form.Button,
           {
-            type: "button",
             label: resetButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited,
             Icon: RotateCcw,
             variant: "outline",
             color: "text",
@@ -134,42 +99,45 @@ const SaveForm = ({ dictionary, mode }) => {
             children: resetButton.text
           }
         ),
-        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsx(
+        mode.includes("local") && /* @__PURE__ */ jsx(
+          Form.Button,
+          {
+            label: downloadButton.label.value,
+            disabled: !isEdited || isLoading,
+            Icon: Download,
+            color: "text",
+            variant: isAuthenticated ? "outline" : "default",
+            className: "max-md:w-full",
+            isLoading: isWriting,
+            onClick: handleSaveDictionary,
+            children: downloadButton.text
+          }
+        ),
+        mode.includes("remote") && isAuthenticated && isLocalDictionary && /* @__PURE__ */ jsx(
           Form.Button,
           {
-            type: "submit",
             label: publishButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited,
             Icon: ArrowUpFromLine,
             color: "text",
             className: "max-md:w-full",
-            isLoading: isSubmitting,
+            isLoading: isPushing,
+            onClick: handlePushDictionary,
             children: publishButton.text
           }
-        ) : isEdited && /* @__PURE__ */ jsx(
+        ),
+        mode.includes("remote") && isAuthenticated && !isLocalDictionary && isEdited && /* @__PURE__ */ jsx(
           Form.Button,
           {
-            type: "submit",
             label: saveButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited || isLoading,
             Icon: Save,
             color: "text",
             className: "max-md:w-full",
-            isLoading: isSubmitting,
+            isLoading: isPushing,
+            onClick: handlePushDictionary,
             children: saveButton.text
           }
-        ) : /* @__PURE__ */ jsx(
-          Form.Button,
-          {
-            type: "submit",
-            label: downloadButton.label.value,
-            disabled: !isEdited || isSubmitting,
-            Icon: Download,
-            color: "text",
-            className: "max-md:w-full",
-            isLoading: isSubmitting,
-            children: downloadButton.text
-          }
         )
       ]
     }

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 type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { 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';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  usePushDictionaries,\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 { 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 isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(dictionary.content),\n    [editedDictionary, dictionary, mode]\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    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\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:\n        project?.configuration?.internationalization?.defaultLocale ??\n        Locales.ENGLISH,\n      locales: project?.configuration?.internationalization?.locales ?? [\n        Locales.ENGLISH,\n      ],\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.value}\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.value}\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.value}\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.value}\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.value}\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"],"mappings":"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"}
+{"version":3,"file":"SaveForm.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport type { 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 {\n  type DetailedHTMLProps,\n  type FormHTMLAttributes,\n  useMemo,\n  type FC,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  ...props\n}) => {\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\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) !== JSON.stringify(dictionary),\n    [editedDictionary, dictionary, mode]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const handleSaveDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await writeDictionary(updatedDictionary).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  const handlePushDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await pushDictionaries([updatedDictionary]).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  return (\n    <form\n      className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n      {...props}\n    >\n      {isEdited && (\n        <Form.Button\n          label={resetButton.label.value}\n          disabled={!isEdited}\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.includes('local') && (\n        <Form.Button\n          label={downloadButton.label.value}\n          disabled={!isEdited || isLoading}\n          Icon={Download}\n          color=\"text\"\n          variant={isAuthenticated ? 'outline' : 'default'}\n          className=\"max-md:w-full\"\n          isLoading={isWriting}\n          onClick={handleSaveDictionary}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n      {mode.includes('remote') && isAuthenticated && isLocalDictionary && (\n        <Form.Button\n          label={publishButton.label.value}\n          disabled={!isEdited}\n          Icon={ArrowUpFromLine}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isPushing}\n          onClick={handlePushDictionary}\n        >\n          {publishButton.text}\n        </Form.Button>\n      )}\n      {mode.includes('remote') &&\n        isAuthenticated &&\n        !isLocalDictionary &&\n        isEdited && (\n          <Form.Button\n            label={saveButton.label.value}\n            disabled={!isEdited || isLoading}\n            Icon={Save}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isPushing}\n            onClick={handlePushDictionary}\n          >\n            {saveButton.text}\n          </Form.Button>\n        )}\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}