@intlayer/design-system 5.1.4 → 5.1.5

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,71 @@ require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("deepmerge");
-require("../../../index-Db5Dym4h.cjs");
-require("@intlayer/config/client");
-require("../../Button/Button.cjs");
-require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
-const components_Form_FormBase = require("../../Form/FormBase.cjs");
+const utils_cn = require("../../../utils/cn.cjs");
+require("@hookform/resolvers");
+require("react-hook-form");
 require("../../Form/FormField.cjs");
 const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
-require("../../Auth/SignInForm/signIn.content.cjs");
-require("zod");
-require("../../Auth/SignInForm/useSignInSchema.content.cjs");
-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");
 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 { editor } = editorReact.useConfiguration();
   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 hasIntlayerAccessKey = Boolean(editor.clientId && editor.clientSecret);
   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,40 +83,42 @@ const SaveForm = ({ dictionary, mode }) => {
             children: resetButton.text
           }
         ),
-        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntime.jsx(
+        mode.includes("remote") && hasIntlayerAccessKey && 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") && hasIntlayerAccessKey && 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(
+        ),
+        mode.includes("local") && /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
-            type: "submit",
             label: downloadButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited || isLoading,
             Icon: lucideReact.Download,
             color: "text",
             className: "max-md:w-full",
-            isLoading: isSubmitting,
+            isLoading: isWriting,
+            onClick: handleSaveDictionary,
             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  useConfiguration,\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 { 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 { editor } = useConfiguration();\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\n  const hasIntlayerAccessKey = Boolean(editor.clientId && editor.clientSecret);\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('remote') && hasIntlayerAccessKey && 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') && hasIntlayerAccessKey && 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      {mode.includes('local') && (\n        <Form.Button\n          label={downloadButton.label.value}\n          disabled={!isEdited || isLoading}\n          Icon={Download}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isWriting}\n          onClick={handleSaveDictionary}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n    </form>\n  );\n};\n"],"names":["useConfiguration","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useMemo","jsxs","cn","jsx","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}

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;AAOjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EAEvB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAOf,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,CA0H/C,CAAC"}

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

@@ -1,131 +1,78 @@
 "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 { useConfiguration, useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
+import { RotateCcw, ArrowUpFromLine, Save, Download } 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 "@intlayer/config/client";
-import "../../Button/Button.mjs";
-import "../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";
-import { useForm } from "../../Form/FormBase.mjs";
+import { cn } from "../../../utils/cn.mjs";
+import "@hookform/resolvers";
+import "react-hook-form";
 import "../../Form/FormField.mjs";
 import { F as Form } from "../../../Form-BZUDRfoN.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 { 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 { editor } = useConfiguration();
   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 hasIntlayerAccessKey = Boolean(editor.clientId && editor.clientSecret);
   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,40 +81,42 @@ const SaveForm = ({ dictionary, mode }) => {
             children: resetButton.text
           }
         ),
-        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsx(
+        mode.includes("remote") && hasIntlayerAccessKey && 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") && hasIntlayerAccessKey && 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(
+        ),
+        mode.includes("local") && /* @__PURE__ */ jsx(
           Form.Button,
           {
-            type: "submit",
             label: downloadButton.label.value,
-            disabled: !isEdited || isSubmitting,
+            disabled: !isEdited || isLoading,
             Icon: Download,
             color: "text",
             className: "max-md:w-full",
-            isLoading: isSubmitting,
+            isLoading: isWriting,
+            onClick: handleSaveDictionary,
             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  useConfiguration,\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 { 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 { editor } = useConfiguration();\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\n  const hasIntlayerAccessKey = Boolean(editor.clientId && editor.clientSecret);\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('remote') && hasIntlayerAccessKey && 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') && hasIntlayerAccessKey && 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      {mode.includes('local') && (\n        <Form.Button\n          label={downloadButton.label.value}\n          disabled={!isEdited || isLoading}\n          Icon={Download}\n          color=\"text\"\n          className=\"max-md:w-full\"\n          isLoading={isWriting}\n          onClick={handleSaveDictionary}\n        >\n          {downloadButton.text}\n        </Form.Button>\n      )}\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -4,38 +4,6 @@ const intlayer = require("intlayer");
 const saveDictionaryContent = {
   key: "save-dictionary-details",
   content: {
-    auditButton: {
-      text: intlayer.t({
-        en: "Audit all content",
-        "en-GB": "Audit all content",
-        fr: "Auditer tout le contenu",
-        es: "Auditar todo el contenido",
-        de: "Allen Inhalt überprüfen",
-        ja: "すべてのコンテンツを監査する",
-        ko: "모든 콘텐츠 감사",
-        zh: "审核所有内容",
-        it: "Controlla tutto il contenuto",
-        pt: "Auditar todo o conteúdo",
-        hi: "सभी सामग्री ऑडिट करें",
-        ar: "التدقيق على كل المحتوى",
-        ru: "Отслеживание всего контента"
-      }),
-      label: intlayer.t({
-        en: "Audit",
-        "en-GB": "Audit",
-        fr: "Auditer",
-        es: "Auditar",
-        de: "Prüfen",
-        ja: "監査",
-        ko: "감사",
-        zh: "审核",
-        it: "Controllo",
-        pt: "Auditar",
-        hi: "ऑडिट",
-        ar: "التدقيق",
-        ru: "Отслеживание"
-      })
-    },
     resetButton: {
       text: intlayer.t({
         en: "Reset all changes",