@intlayer/design-system 5.6.0 → 5.7.1

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

@@ -9,29 +9,16 @@ const reactIntlayer = require("react-intlayer");
 const components_Modal_Modal = require("../../Modal/Modal.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
+const hooks_useAuth_useAuth = require("../../../hooks/useAuth/useAuth.cjs");
+require("@intlayer/api");
+require("@intlayer/config/built");
 require("deepmerge");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../../utils/cn.cjs");
-require("../../Button/Button.cjs");
-const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
-require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
-require("@intlayer/api");
 require("@hookform/resolvers");
 require("react-hook-form");
 require("../../Form/FormField.cjs");
 const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-require("../../Auth/SignInForm/signIn.content.cjs");
-require("../../Auth/SignInForm/useSignInSchema.content.cjs");
-require("../../Auth/SignUpForm/signUpForm.content.cjs");
-require("../../Auth/SignUpForm/useSignUpSchema.content.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("@intlayer/config/built");
-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 SaveForm = ({
   dictionary,
@@ -56,10 +43,10 @@ const SaveForm = ({
     downloadButton,
     confirmation
   } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_SaveForm_saveForm_content.saveDictionaryContent);
-  const { isAuthenticated } = components_Auth_useAuth_index.useAuth();
+  const { isAuthenticated } = hooks_useAuth_useAuth.useAuth();
   const editedDictionary = editedContent?.[dictionary.key];
   const isEdited = editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);
-  const isDistantDictionary = typeof dictionary?._id !== "undefined";
+  const isDistantDictionary = typeof dictionary?.id !== "undefined";
   const handleSaveDictionaryConfirmation = async () => {
     if (!editedContent?.[dictionary.key]) return;
     const updatedDictionary = {
@@ -85,9 +72,9 @@ const SaveForm = ({
     });
   };
   const handleDeleteDictionary = async () => {
-    if (!dictionary._id) return;
+    if (!dictionary.id) return;
     await deleteDictionary(
-      dictionary._id.toString()
+      dictionary.id.toString()
     ).then((res) => {
       if (res) {
         onDelete?.();

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 {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Modal } from '../../../components/Modal';\nimport {\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} 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  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?._id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = 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((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary)._id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary)._id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </p>\n          )}\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"outline\"\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color=\"error\"\n              variant=\"outline\"\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\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={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\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          isDistantDictionary &&\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};\n"],"names":["useState","useDictionariesRecordActions","useDeleteDictionary","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","jsxs","Fragment","jsx","Modal","Form","Save","cn","Trash","RotateCcw","Download","ArrowUpFromLine"],"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 {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Modal } from '../../../components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} 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  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = 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((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary).id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary).id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </p>\n          )}\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"outline\"\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color=\"error\"\n              variant=\"outline\"\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\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={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\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          isDistantDictionary &&\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};\n"],"names":["useState","useDictionariesRecordActions","useDeleteDictionary","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","jsxs","Fragment","jsx","Modal","Form","Save","cn","Trash","RotateCcw","Download","ArrowUpFromLine"],"mappings":"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"}

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

@@ -7,29 +7,16 @@ import { useDictionary } from "react-intlayer";
 import { Modal } from "../../Modal/Modal.mjs";
 import { useDeleteDictionary, useWriteDictionary, usePushDictionaries } from "../../../hooks/intlayerAPIHooks.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
+import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
+import "@intlayer/api";
+import "@intlayer/config/built";
 import "deepmerge";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../../utils/cn.mjs";
-import "../../Button/Button.mjs";
-import { useAuth } from "../../Auth/useAuth/index.mjs";
-import "../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";
-import "@intlayer/api";
 import "@hookform/resolvers";
 import "react-hook-form";
 import "../../Form/FormField.mjs";
 import { F as Form } from "../../../Form-CriPBaZk.js";
-import "../../Auth/SignInForm/signIn.content.mjs";
-import "../../Auth/SignInForm/useSignInSchema.content.mjs";
-import "../../Auth/SignUpForm/signUpForm.content.mjs";
-import "../../Auth/SignUpForm/useSignUpSchema.content.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 "@intlayer/config/built";
-import "../../Auth/VerifyEmailForm/index.content.mjs";
-import "../../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.mjs";
-import "../../Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.content.mjs";
 import { saveDictionaryContent } from "./saveForm.content.mjs";
 const SaveForm = ({
   dictionary,
@@ -57,7 +44,7 @@ const SaveForm = ({
   const { isAuthenticated } = useAuth();
   const editedDictionary = editedContent?.[dictionary.key];
   const isEdited = editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);
-  const isDistantDictionary = typeof dictionary?._id !== "undefined";
+  const isDistantDictionary = typeof dictionary?.id !== "undefined";
   const handleSaveDictionaryConfirmation = async () => {
     if (!editedContent?.[dictionary.key]) return;
     const updatedDictionary = {
@@ -83,9 +70,9 @@ const SaveForm = ({
     });
   };
   const handleDeleteDictionary = async () => {
-    if (!dictionary._id) return;
+    if (!dictionary.id) return;
     await deleteDictionary(
-      dictionary._id.toString()
+      dictionary.id.toString()
     ).then((res) => {
       if (res) {
         onDelete?.();

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 {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Modal } from '../../../components/Modal';\nimport {\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} 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  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?._id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = 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((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary)._id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary)._id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </p>\n          )}\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"outline\"\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color=\"error\"\n              variant=\"outline\"\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\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={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\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          isDistantDictionary &&\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};\n"],"names":[],"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 {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Modal } from '../../../components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} 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  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = 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((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary).id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary).id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </p>\n          )}\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"outline\"\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color=\"error\"\n              variant=\"outline\"\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\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={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\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          isDistantDictionary &&\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};\n"],"names":[],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.cjs

@@ -15,10 +15,10 @@ require("clsx");
 require("tailwind-merge");
 require("../../Input/Input.cjs");
 require("../../Input/Checkbox.cjs");
+require("../../Toaster/Toast.cjs");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../Toaster/Toast.cjs");
 require("deepmerge");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_DictionaryFieldEditor_NodeTypeSelector = require("../NodeTypeSelector.cjs");

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -13,10 +13,10 @@ import "clsx";
 import "tailwind-merge";
 import "../../Input/Input.mjs";
 import "../../Input/Checkbox.mjs";
+import "../../Toaster/Toast.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../Toaster/Toast.mjs";
 import "deepmerge";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 require("@intlayer/editor-react");
+require("../../Toaster/Toast.cjs");
+require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../../hooks/usePersistedStore.cjs");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");

package/dist/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.mjs

@@ -2,10 +2,10 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import "@intlayer/editor-react";
+import "../../Toaster/Toast.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../../hooks/usePersistedStore.mjs";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";

package/dist/components/EditableField/EditableFieldTextArea.cjs

@@ -10,10 +10,10 @@ require("../Input/Input.cjs");
 require("lucide-react");
 require("../Input/Checkbox.cjs");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");

package/dist/components/EditableField/EditableFieldTextArea.mjs

@@ -8,10 +8,10 @@ import "../Input/Input.mjs";
 import "lucide-react";
 import "../Input/Checkbox.mjs";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";

package/dist/components/Form/elements/FormElementWrapper.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const zod = require("../../../zod-K7y5gPX4.cjs");
 const reactHookForm = require("react-hook-form");
-const schemas = require("../../../schemas-DlCjM5d_.cjs");
+const schemas = require("../../../schemas-Q6C7ZNs3.cjs");
 const Schema = schemas.object({
   test: schemas.string().min(3, "test error")
 });

package/dist/components/Form/elements/FormElementWrapper.mjs

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { a } from "../../../zod-D4WapgbL.js";
 import { useForm, FormProvider } from "react-hook-form";
-import { o as object, s as string } from "../../../schemas-itjzX6bG.js";
+import { o as object, s as string } from "../../../schemas-BIuxHDyZ.js";
 const Schema = object({
   test: string().min(3, "test error")
 });

package/dist/components/IDE/CodeContext.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");

package/dist/components/IDE/CodeContext.mjs

@@ -2,10 +2,10 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs

@@ -9,10 +9,10 @@ const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -7,10 +7,10 @@ import { Globe, MoveVertical, Check } from "lucide-react";
 import { useRef, useMemo, useState, useCallback } from "react";
 import { useDictionary, useLocale } from "react-intlayer";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs

@@ -5,10 +5,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs

@@ -3,10 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { useLocale } from "react-intlayer";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";

package/dist/components/Modal/Modal.cjs

@@ -7,11 +7,11 @@ const framerMotion = require("framer-motion");
 const lucideReact = require("lucide-react");
 const reactDom = require("react-dom");
 require("@intlayer/editor-react");
-require("@intlayer/api");
-require("@intlayer/config/built");
+require("../Toaster/Toast.cjs");
 require("react");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
+require("@intlayer/api");
+require("@intlayer/config/built");
 require("deepmerge");
 const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
 const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");

package/dist/components/Modal/Modal.mjs

@@ -5,11 +5,11 @@ import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { createPortal } from "react-dom";
 import "@intlayer/editor-react";
-import "@intlayer/api";
-import "@intlayer/config/built";
+import "../Toaster/Toast.mjs";
 import "react";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
+import "@intlayer/api";
+import "@intlayer/config/built";
 import "deepmerge";
 import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
 import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";

package/dist/components/Navbar/MobileNavbar.cjs

@@ -5,10 +5,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const framerMotion = require("framer-motion");
 const ReactExports = require("react");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");

package/dist/components/Navbar/MobileNavbar.mjs

@@ -3,10 +3,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { useState, useRef } from "react";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
 import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";

package/dist/components/Navbar/index.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 require("@intlayer/editor-react");
-require("@intlayer/api");
-require("@intlayer/config/built");
+require("../Toaster/Toast.cjs");
 require("react");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
+require("@intlayer/api");
+require("@intlayer/config/built");
 const hooks_useDevice = require("../../hooks/useDevice.cjs");
 require("deepmerge");
 const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");

package/dist/components/Navbar/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import "@intlayer/editor-react";
-import "@intlayer/api";
-import "@intlayer/config/built";
+import "../Toaster/Toast.mjs";
 import "react";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
+import "@intlayer/api";
+import "@intlayer/config/built";
 import { useDevice } from "../../hooks/useDevice.mjs";
 import "deepmerge";
 import { useIsMounted } from "../../hooks/useIsMounted.mjs";

package/dist/components/Pattern/GridPattern.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
 const utils_cn = require("../../utils/cn.cjs");
+const id = "grid-pattern";
 const GridPattern = ({
   width = 40,
   height = 40,
@@ -12,52 +12,49 @@ const GridPattern = ({
   squares,
   className,
   ...props
-}) => {
-  const id = ReactExports.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: utils_cn.cn(
-        "fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
-          "pattern",
-          {
-            id,
-            width,
-            height,
-            patternUnits: "userSpaceOnUse",
-            x,
-            y,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
-              {
-                d: `M.5 ${height}V.5H${width}`,
-                fill: "none",
-                strokeDasharray
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsxRuntime.jsx("svg", { x, y, className: "overflow-visible", children: squares.map(([x2, y2]) => /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            strokeWidth: "0",
-            width: width - 1,
-            height: height - 1,
-            x: x2 * width + 1,
-            y: y2 * height + 1
-          },
-          `${x2}-${y2}`
-        )) })
-      ]
-    }
-  );
-};
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: utils_cn.cn(
+      "fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "pattern",
+        {
+          id,
+          width,
+          height,
+          patternUnits: "userSpaceOnUse",
+          x,
+          y,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: `M.5 ${height}V.5H${width}`,
+              fill: "none",
+              strokeDasharray
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
+      squares && /* @__PURE__ */ jsxRuntime.jsx("svg", { x, y, className: "overflow-visible", children: squares.map(([x2, y2]) => /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          strokeWidth: "0",
+          width: width - 1,
+          height: height - 1,
+          x: x2 * width + 1,
+          y: y2 * height + 1
+        },
+        `${x2}-${y2}`
+      )) })
+    ]
+  }
+);
 exports.GridPattern = GridPattern;
 //# sourceMappingURL=GridPattern.cjs.map