@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/DictionaryFieldEditor/NodeTypeSelector.cjs

@@ -1,56 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const core = require("@intlayer/core");
-const ReactExports = require("react");
-const reactIntlayer = require("react-intlayer");
-require("../Select/Multiselect.cjs");
-const components_Select_Select = require("../Select/Select.cjs");
-const NodeTypeSelector = ({
-  section,
-  onValueChange: onValueChangeProp
-}) => {
-  const {
-    multilingual,
-    text,
-    number,
-    boolean,
-    node,
-    array,
-    enumeration,
-    triggerPlaceHolder,
-    nest,
-    condition,
-    markdown,
-    insertion,
-    reactNode,
-    file
-  } = reactIntlayer.useIntlayer("node-type-selector");
-  const nodeType = core.getNodeType(section);
-  const [keyType, setKeyType] = ReactExports.useState(nodeType);
-  const onValueChange = (keyType2) => {
-    setKeyType(keyType2);
-    onValueChangeProp(keyType2);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select, { value: keyType, onValueChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Value, { placeholder: triggerPlaceHolder }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Translation, children: multilingual }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Text, children: text }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Number, children: number }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Boolean, children: boolean }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Object, children: node }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Array, children: array }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Enumeration, children: enumeration }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Insertion, children: insertion }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Markdown, children: markdown }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Nested, children: nest }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.Condition, children: condition }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.ReactNode, disabled: true, children: reactNode }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: core.NodeType.File, children: file })
-    ] })
-  ] });
-};
-exports.NodeTypeSelector = NodeTypeSelector;
-//# sourceMappingURL=NodeTypeSelector.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NodeTypeSelector.cjs","sources":["../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentNode, NodeType, getNodeType } from '@intlayer/core';\nimport { type FC, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Select } from '../Select';\n\ntype NodeTypeSelectorProps = {\n  section: ContentNode;\n  onValueChange: (keyType: NodeType) => void;\n};\n\nexport const NodeTypeSelector: FC<NodeTypeSelectorProps> = ({\n  section,\n  onValueChange: onValueChangeProp,\n}) => {\n  const {\n    multilingual,\n    text,\n    number,\n    boolean,\n    node,\n    array,\n    enumeration,\n    triggerPlaceHolder,\n    nest,\n    condition,\n    markdown,\n    insertion,\n    reactNode,\n    file,\n  } = useIntlayer('node-type-selector');\n  const nodeType = getNodeType(section);\n  const [keyType, setKeyType] = useState<NodeType>(nodeType);\n\n  const onValueChange = (keyType: NodeType) => {\n    setKeyType(keyType);\n    onValueChangeProp(keyType);\n  };\n\n  return (\n    <Select value={keyType} onValueChange={onValueChange}>\n      <Select.Trigger>\n        <Select.Value placeholder={triggerPlaceHolder} />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={NodeType.Translation}>{multilingual}</Select.Item>\n        <Select.Item value={NodeType.Text}>{text}</Select.Item>\n        <Select.Item value={NodeType.Number}>{number}</Select.Item>\n        <Select.Item value={NodeType.Boolean}>{boolean}</Select.Item>\n        <Select.Item value={NodeType.Object}>{node}</Select.Item>\n        <Select.Item value={NodeType.Array}>{array}</Select.Item>\n        <Select.Item value={NodeType.Enumeration}>{enumeration}</Select.Item>\n        <Select.Item value={NodeType.Insertion}>{insertion}</Select.Item>\n        <Select.Item value={NodeType.Markdown}>{markdown}</Select.Item>\n        <Select.Item value={NodeType.Nested}>{nest}</Select.Item>\n        <Select.Item value={NodeType.Condition}>{condition}</Select.Item>\n        <Select.Item value={NodeType.ReactNode} disabled>\n          {reactNode}\n        </Select.Item>\n        <Select.Item value={NodeType.File}>{file}</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useIntlayer","getNodeType","useState","keyType","jsxs","Select","jsx","NodeType"],"mappings":";;;;;;;;;AAYO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,YAAY,oBAAoB;AACpC,QAAM,WAAWC,KAAAA,YAAY,OAAO;AACpC,QAAM,CAAC,SAAS,UAAU,IAAIC,aAAAA,SAAmB,QAAQ;AAEzD,QAAM,gBAAgB,CAACC,aAAsB;AAC3C,eAAWA,QAAO;AAClB,sBAAkBA,QAAO;AAAA,EAC3B;AAEA,SACEC,2BAAAA,KAACC,yBAAAA,QAAA,EAAO,OAAO,SAAS,eACtB,UAAA;AAAA,IAAAC,2BAAAA,IAACD,yBAAAA,OAAO,SAAP,EACC,UAAAC,2BAAAA,IAACD,gCAAO,OAAP,EAAa,aAAa,mBAAA,CAAoB,EAAA,CACjD;AAAA,IACAD,2BAAAA,KAACC,yBAAAA,OAAO,SAAP,EACC,UAAA;AAAA,MAAAC,+BAACD,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,aAAc,UAAA,cAAa;AAAA,qCACvDF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,MAAO,UAAA,MAAK;AAAA,qCACxCF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,QAAS,UAAA,QAAO;AAAA,qCAC5CF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,SAAU,UAAA,SAAQ;AAAA,qCAC9CF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,QAAS,UAAA,MAAK;AAAA,qCAC1CF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,OAAQ,UAAA,OAAM;AAAA,qCAC1CF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,aAAc,UAAA,aAAY;AAAA,qCACtDF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,WAAY,UAAA,WAAU;AAAA,qCAClDF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,UAAW,UAAA,UAAS;AAAA,qCAChDF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,QAAS,UAAA,MAAK;AAAA,qCAC1CF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,WAAY,UAAA,WAAU;AAAA,MACnDD,2BAAAA,IAACD,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,WAAW,UAAQ,MAC7C,UAAA,UAAA,CACH;AAAA,qCACCF,yBAAAA,OAAO,MAAP,EAAY,OAAOE,KAAAA,SAAS,MAAO,UAAA,KAAA,CAAK;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA,GACF;AAEJ;;"}

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

@@ -1,9 +0,0 @@
-import { ContentNode, NodeType } from '@intlayer/core';
-import { FC } from 'react';
-type NodeTypeSelectorProps = {
-    section: ContentNode;
-    onValueChange: (keyType: NodeType) => void;
-};
-export declare const NodeTypeSelector: FC<NodeTypeSelectorProps>;
-export {};
-//# sourceMappingURL=NodeTypeSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NodeTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,QAAQ,EAAe,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAI1C,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoDtD,CAAC"}

package/dist/components/DictionaryFieldEditor/NodeTypeSelector.mjs

@@ -1,56 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { getNodeType, NodeType } from "@intlayer/core";
-import { useState } from "react";
-import { useIntlayer } from "react-intlayer";
-import "../Select/Multiselect.mjs";
-import { Select } from "../Select/Select.mjs";
-const NodeTypeSelector = ({
-  section,
-  onValueChange: onValueChangeProp
-}) => {
-  const {
-    multilingual,
-    text,
-    number,
-    boolean,
-    node,
-    array,
-    enumeration,
-    triggerPlaceHolder,
-    nest,
-    condition,
-    markdown,
-    insertion,
-    reactNode,
-    file
-  } = useIntlayer("node-type-selector");
-  const nodeType = getNodeType(section);
-  const [keyType, setKeyType] = useState(nodeType);
-  const onValueChange = (keyType2) => {
-    setKeyType(keyType2);
-    onValueChangeProp(keyType2);
-  };
-  return /* @__PURE__ */ jsxs(Select, { value: keyType, onValueChange, children: [
-    /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: triggerPlaceHolder }) }),
-    /* @__PURE__ */ jsxs(Select.Content, { children: [
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Translation, children: multilingual }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Text, children: text }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Number, children: number }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Boolean, children: boolean }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Object, children: node }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Array, children: array }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Enumeration, children: enumeration }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Insertion, children: insertion }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Markdown, children: markdown }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Nested, children: nest }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.Condition, children: condition }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.ReactNode, disabled: true, children: reactNode }),
-      /* @__PURE__ */ jsx(Select.Item, { value: NodeType.File, children: file })
-    ] })
-  ] });
-};
-export {
-  NodeTypeSelector
-};
-//# sourceMappingURL=NodeTypeSelector.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NodeTypeSelector.mjs","sources":["../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentNode, NodeType, getNodeType } from '@intlayer/core';\nimport { type FC, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Select } from '../Select';\n\ntype NodeTypeSelectorProps = {\n  section: ContentNode;\n  onValueChange: (keyType: NodeType) => void;\n};\n\nexport const NodeTypeSelector: FC<NodeTypeSelectorProps> = ({\n  section,\n  onValueChange: onValueChangeProp,\n}) => {\n  const {\n    multilingual,\n    text,\n    number,\n    boolean,\n    node,\n    array,\n    enumeration,\n    triggerPlaceHolder,\n    nest,\n    condition,\n    markdown,\n    insertion,\n    reactNode,\n    file,\n  } = useIntlayer('node-type-selector');\n  const nodeType = getNodeType(section);\n  const [keyType, setKeyType] = useState<NodeType>(nodeType);\n\n  const onValueChange = (keyType: NodeType) => {\n    setKeyType(keyType);\n    onValueChangeProp(keyType);\n  };\n\n  return (\n    <Select value={keyType} onValueChange={onValueChange}>\n      <Select.Trigger>\n        <Select.Value placeholder={triggerPlaceHolder} />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={NodeType.Translation}>{multilingual}</Select.Item>\n        <Select.Item value={NodeType.Text}>{text}</Select.Item>\n        <Select.Item value={NodeType.Number}>{number}</Select.Item>\n        <Select.Item value={NodeType.Boolean}>{boolean}</Select.Item>\n        <Select.Item value={NodeType.Object}>{node}</Select.Item>\n        <Select.Item value={NodeType.Array}>{array}</Select.Item>\n        <Select.Item value={NodeType.Enumeration}>{enumeration}</Select.Item>\n        <Select.Item value={NodeType.Insertion}>{insertion}</Select.Item>\n        <Select.Item value={NodeType.Markdown}>{markdown}</Select.Item>\n        <Select.Item value={NodeType.Nested}>{nest}</Select.Item>\n        <Select.Item value={NodeType.Condition}>{condition}</Select.Item>\n        <Select.Item value={NodeType.ReactNode} disabled>\n          {reactNode}\n        </Select.Item>\n        <Select.Item value={NodeType.File}>{file}</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["keyType"],"mappings":";;;;;;;AAYO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,YAAY,oBAAoB;AACpC,QAAM,WAAW,YAAY,OAAO;AACpC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAmB,QAAQ;AAEzD,QAAM,gBAAgB,CAACA,aAAsB;AAC3C,eAAWA,QAAO;AAClB,sBAAkBA,QAAO;AAAA,EAC3B;AAEA,SACE,qBAAC,QAAA,EAAO,OAAO,SAAS,eACtB,UAAA;AAAA,IAAA,oBAAC,OAAO,SAAP,EACC,UAAA,oBAAC,OAAO,OAAP,EAAa,aAAa,mBAAA,CAAoB,EAAA,CACjD;AAAA,IACA,qBAAC,OAAO,SAAP,EACC,UAAA;AAAA,MAAA,oBAAC,OAAO,MAAP,EAAY,OAAO,SAAS,aAAc,UAAA,cAAa;AAAA,0BACvD,OAAO,MAAP,EAAY,OAAO,SAAS,MAAO,UAAA,MAAK;AAAA,0BACxC,OAAO,MAAP,EAAY,OAAO,SAAS,QAAS,UAAA,QAAO;AAAA,0BAC5C,OAAO,MAAP,EAAY,OAAO,SAAS,SAAU,UAAA,SAAQ;AAAA,0BAC9C,OAAO,MAAP,EAAY,OAAO,SAAS,QAAS,UAAA,MAAK;AAAA,0BAC1C,OAAO,MAAP,EAAY,OAAO,SAAS,OAAQ,UAAA,OAAM;AAAA,0BAC1C,OAAO,MAAP,EAAY,OAAO,SAAS,aAAc,UAAA,aAAY;AAAA,0BACtD,OAAO,MAAP,EAAY,OAAO,SAAS,WAAY,UAAA,WAAU;AAAA,0BAClD,OAAO,MAAP,EAAY,OAAO,SAAS,UAAW,UAAA,UAAS;AAAA,0BAChD,OAAO,MAAP,EAAY,OAAO,SAAS,QAAS,UAAA,MAAK;AAAA,0BAC1C,OAAO,MAAP,EAAY,OAAO,SAAS,WAAY,UAAA,WAAU;AAAA,MACnD,oBAAC,OAAO,MAAP,EAAY,OAAO,SAAS,WAAW,UAAQ,MAC7C,UAAA,UAAA,CACH;AAAA,0BACC,OAAO,MAAP,EAAY,OAAO,SAAS,MAAO,UAAA,KAAA,CAAK;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,215 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const editorReact = require("@intlayer/editor-react");
-const lucideReact = require("lucide-react");
-const ReactExports = require("react");
-const reactIntlayer = require("react-intlayer");
-const components_Modal_Modal = require("../../Modal/Modal.cjs");
-require("@intlayer/config/built");
-require("../../../better-auth.CiuwFiHM-C2nBKRMa.cjs");
-const hooks_reactQuery = require("../../../hooks/reactQuery.cjs");
-const hooks_useAuth_useAuth = require("../../../hooks/useAuth/useAuth.cjs");
-require("@intlayer/api");
-require("@tanstack/react-query");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-const utils_cn = require("../../../utils/cn.cjs");
-const components_Button_Button = require("../../Button/Button.cjs");
-require("@hookform/resolvers");
-require("react-hook-form");
-require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DJrUK3mm.cjs");
-const SaveForm = ({
-  dictionary,
-  mode,
-  className,
-  onDelete,
-  onSave,
-  ...props
-}) => {
-  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = ReactExports.useState(false);
-  const { setLocaleDictionary } = editorReact.useDictionariesRecordActions();
-  const { mutate: deleteDictionary, isPending: isDeleting } = hooks_reactQuery.useDeleteDictionary();
-  const { mutate: writeDictionary, isPending: isWriting } = hooks_reactQuery.useWriteDictionary();
-  const { mutate: pushDictionaries, isPending: isPushing } = hooks_reactQuery.usePushDictionaries();
-  const isLoading = isWriting || isPushing;
-  const { editedContent, restoreEditedContent } = editorReact.useEditedContent();
-  const {
-    deleteButton,
-    resetButton,
-    saveButton,
-    publishButton,
-    downloadButton,
-    confirmation
-  } = reactIntlayer.useIntlayer("save-dictionary-details");
-  const { isAuthenticated } = hooks_useAuth_useAuth.useAuth();
-  const editedDictionary = editedContent?.[dictionary.localId];
-  const isEdited = editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);
-  const isDistantDictionary = typeof dictionary?.id !== "undefined";
-  const handleSaveDictionaryConfirmation = async () => {
-    if (!editedContent?.[dictionary.localId]) return;
-    const updatedDictionary = {
-      ...dictionary,
-      ...editedContent?.[dictionary.localId]
-    };
-    writeDictionary(
-      {
-        dictionary: updatedDictionary
-      },
-      {
-        onSuccess: () => {
-          setLocaleDictionary(editedContent?.[dictionary.localId]);
-          restoreEditedContent(dictionary.localId);
-          onSave?.();
-        }
-      }
-    );
-  };
-  const handlePushDictionary = () => {
-    if (!editedContent?.[dictionary.localId]) return;
-    const updatedDictionary = {
-      ...dictionary,
-      ...editedContent?.[dictionary.localId]
-    };
-    pushDictionaries([updatedDictionary], {
-      onSuccess: (res) => {
-        if (res) {
-          setLocaleDictionary(editedContent?.[dictionary.localId]);
-          restoreEditedContent(dictionary.localId);
-          onSave?.();
-        }
-      }
-    });
-  };
-  const handleDeleteDictionary = () => {
-    if (!dictionary.id) return;
-    deleteDictionary(
-      dictionary.id.toString(),
-      {
-        onSuccess: (res) => {
-          if (res) {
-            onDelete?.();
-          }
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_Modal_Modal.Modal,
-      {
-        isOpen: isFormatAlertModalOpen,
-        title: confirmation.title.value,
-        size: components_Modal_Modal.ModalSize.MD,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "size-full px-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral py-4 text-sm", children: confirmation.message }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-12 flex justify-end gap-2 max-md:flex-col", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              components_Form_layout_FormItemLayout.Form.Button,
-              {
-                label: confirmation.cancelButton.label.value,
-                disabled: !isEdited || isLoading,
-                color: components_Button_Button.ButtonColor.TEXT,
-                className: "max-md:w-full",
-                variant: components_Button_Button.ButtonVariant.OUTLINE,
-                onClick: () => setIsFormatAlertModalOpen(false),
-                children: confirmation.cancelButton.text
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              components_Form_layout_FormItemLayout.Form.Button,
-              {
-                label: confirmation.confirmButton.label.value,
-                disabled: !isEdited || isLoading,
-                Icon: lucideReact.Save,
-                color: components_Button_Button.ButtonColor.TEXT,
-                className: "max-md:w-full",
-                isLoading: isPushing,
-                onClick: handleSaveDictionaryConfirmation,
-                children: confirmation.confirmButton.text
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        className: utils_cn.cn("flex justify-end gap-2 max-md:flex-col", className),
-        ...props,
-        children: [
-          mode.includes("remote") && isDistantDictionary && onDelete && isAuthenticated && /* @__PURE__ */ jsxRuntime.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              label: deleteButton.label.value,
-              Icon: lucideReact.Trash,
-              color: components_Button_Button.ButtonColor.ERROR,
-              variant: components_Button_Button.ButtonVariant.OUTLINE,
-              className: "max-md:w-full",
-              isLoading: isDeleting,
-              onClick: handleDeleteDictionary,
-              children: deleteButton.text
-            }
-          ),
-          isEdited && /* @__PURE__ */ jsxRuntime.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              label: resetButton.label.value,
-              disabled: !isEdited,
-              Icon: lucideReact.RotateCcw,
-              variant: components_Button_Button.ButtonVariant.OUTLINE,
-              color: components_Button_Button.ButtonColor.TEXT,
-              className: "max-md:w-full",
-              onClick: () => restoreEditedContent(dictionary.localId),
-              children: resetButton.text
-            }
-          ),
-          mode.includes("local") && /* @__PURE__ */ jsxRuntime.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              label: downloadButton.label.value,
-              disabled: !isEdited || isLoading,
-              Icon: lucideReact.Download,
-              color: components_Button_Button.ButtonColor.TEXT,
-              variant: isAuthenticated ? components_Button_Button.ButtonVariant.OUTLINE : components_Button_Button.ButtonVariant.DEFAULT,
-              className: "max-md:w-full",
-              isLoading: isWriting,
-              onClick: () => setIsFormatAlertModalOpen(true),
-              children: downloadButton.text
-            }
-          ),
-          mode.includes("remote") && isAuthenticated && !isDistantDictionary && /* @__PURE__ */ jsxRuntime.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              label: publishButton.label.value,
-              disabled: isLoading,
-              Icon: lucideReact.ArrowUpFromLine,
-              color: components_Button_Button.ButtonColor.TEXT,
-              className: "max-md:w-full",
-              isLoading: isPushing,
-              onClick: handlePushDictionary,
-              children: publishButton.text
-            }
-          ),
-          mode.includes("remote") && isAuthenticated && isDistantDictionary && isEdited && /* @__PURE__ */ jsxRuntime.jsx(
-            components_Form_layout_FormItemLayout.Form.Button,
-            {
-              label: saveButton.label.value,
-              disabled: !isEdited || isLoading,
-              Icon: lucideReact.Save,
-              color: "text",
-              className: "max-md:w-full",
-              isLoading: isPushing,
-              onClick: handlePushDictionary,
-              children: saveButton.text
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-exports.SaveForm = SaveForm;
-//# sourceMappingURL=SaveForm.cjs.map

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

@@ -1 +0,0 @@
-{"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 { useIntlayer } from 'react-intlayer';\nimport { Modal, ModalSize } from '../../../components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { ButtonColor, ButtonVariant } from '../../Button';\nimport { Form } from '../../Form';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n  onSave?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  onSave,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { mutate: deleteDictionary, isPending: isDeleting } =\n    useDeleteDictionary();\n  const { mutate: writeDictionary, isPending: isWriting } =\n    useWriteDictionary();\n  const { mutate: pushDictionaries, isPending: isPushing } =\n    usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useIntlayer('save-dictionary-details');\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.localId!];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as unknown as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    writeDictionary(\n      {\n        dictionary: updatedDictionary,\n      },\n      {\n        onSuccess: () => {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          onSave?.();\n        },\n      }\n    );\n  };\n\n  const handlePushDictionary = () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    pushDictionaries([updatedDictionary], {\n      onSuccess: (res) => {\n        if (res) {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          onSave?.();\n        }\n      },\n    });\n  };\n\n  const handleDeleteDictionary = () => {\n    if (!(dictionary as unknown as DistantDictionary).id) return;\n\n    deleteDictionary(\n      (dictionary as unknown as DistantDictionary).id.toString(),\n      {\n        onSuccess: (res) => {\n          if (res) {\n            onDelete?.();\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n      >\n        <form className=\"size-full px-3\">\n          <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</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={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              variant={ButtonVariant.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={ButtonColor.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={ButtonColor.ERROR}\n              variant={ButtonVariant.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={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.localId!)}\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={ButtonColor.TEXT}\n            variant={\n              isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT\n            }\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={ButtonColor.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","useIntlayer","useAuth","jsxs","Fragment","jsx","Modal","ModalSize","Form","ButtonColor","ButtonVariant","Save","cn","Trash","RotateCcw","Download","ArrowUpFromLine"],"mappings":"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"}

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

@@ -1,11 +0,0 @@
-import { Dictionary } from '@intlayer/core';
-import { DetailedHTMLProps, FC, FormHTMLAttributes } from 'react';
-type DictionaryDetailsProps = {
-    dictionary: Dictionary;
-    mode: ('local' | 'remote')[];
-    onDelete?: () => void;
-    onSave?: () => void;
-} & 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 +0,0 @@
-{"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;AAYjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,kBAAkB,EAExB,MAAM,OAAO,CAAC;AAaf,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAkN/C,CAAC"}

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

@@ -1,215 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
-import { Save, Trash, RotateCcw, Download, ArrowUpFromLine } from "lucide-react";
-import { useState } from "react";
-import { useIntlayer } from "react-intlayer";
-import { Modal, ModalSize } from "../../Modal/Modal.mjs";
-import "@intlayer/config/built";
-import "../../../better-auth.CiuwFiHM-7umXOENE.js";
-import { useDeleteDictionary, useWriteDictionary, usePushDictionaries } from "../../../hooks/reactQuery.mjs";
-import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
-import "@intlayer/api";
-import "@tanstack/react-query";
-import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import { cn } from "../../../utils/cn.mjs";
-import { ButtonVariant, ButtonColor } from "../../Button/Button.mjs";
-import "@hookform/resolvers";
-import "react-hook-form";
-import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-CriPBaZk.js";
-const SaveForm = ({
-  dictionary,
-  mode,
-  className,
-  onDelete,
-  onSave,
-  ...props
-}) => {
-  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);
-  const { setLocaleDictionary } = useDictionariesRecordActions();
-  const { mutate: deleteDictionary, isPending: isDeleting } = useDeleteDictionary();
-  const { mutate: writeDictionary, isPending: isWriting } = useWriteDictionary();
-  const { mutate: pushDictionaries, isPending: isPushing } = usePushDictionaries();
-  const isLoading = isWriting || isPushing;
-  const { editedContent, restoreEditedContent } = useEditedContent();
-  const {
-    deleteButton,
-    resetButton,
-    saveButton,
-    publishButton,
-    downloadButton,
-    confirmation
-  } = useIntlayer("save-dictionary-details");
-  const { isAuthenticated } = useAuth();
-  const editedDictionary = editedContent?.[dictionary.localId];
-  const isEdited = editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);
-  const isDistantDictionary = typeof dictionary?.id !== "undefined";
-  const handleSaveDictionaryConfirmation = async () => {
-    if (!editedContent?.[dictionary.localId]) return;
-    const updatedDictionary = {
-      ...dictionary,
-      ...editedContent?.[dictionary.localId]
-    };
-    writeDictionary(
-      {
-        dictionary: updatedDictionary
-      },
-      {
-        onSuccess: () => {
-          setLocaleDictionary(editedContent?.[dictionary.localId]);
-          restoreEditedContent(dictionary.localId);
-          onSave?.();
-        }
-      }
-    );
-  };
-  const handlePushDictionary = () => {
-    if (!editedContent?.[dictionary.localId]) return;
-    const updatedDictionary = {
-      ...dictionary,
-      ...editedContent?.[dictionary.localId]
-    };
-    pushDictionaries([updatedDictionary], {
-      onSuccess: (res) => {
-        if (res) {
-          setLocaleDictionary(editedContent?.[dictionary.localId]);
-          restoreEditedContent(dictionary.localId);
-          onSave?.();
-        }
-      }
-    });
-  };
-  const handleDeleteDictionary = () => {
-    if (!dictionary.id) return;
-    deleteDictionary(
-      dictionary.id.toString(),
-      {
-        onSuccess: (res) => {
-          if (res) {
-            onDelete?.();
-          }
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Modal,
-      {
-        isOpen: isFormatAlertModalOpen,
-        title: confirmation.title.value,
-        size: ModalSize.MD,
-        children: /* @__PURE__ */ jsxs("form", { className: "size-full px-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-neutral py-4 text-sm", children: confirmation.message }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-12 flex justify-end gap-2 max-md:flex-col", children: [
-            /* @__PURE__ */ jsx(
-              Form.Button,
-              {
-                label: confirmation.cancelButton.label.value,
-                disabled: !isEdited || isLoading,
-                color: ButtonColor.TEXT,
-                className: "max-md:w-full",
-                variant: ButtonVariant.OUTLINE,
-                onClick: () => setIsFormatAlertModalOpen(false),
-                children: confirmation.cancelButton.text
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Button,
-              {
-                label: confirmation.confirmButton.label.value,
-                disabled: !isEdited || isLoading,
-                Icon: Save,
-                color: ButtonColor.TEXT,
-                className: "max-md:w-full",
-                isLoading: isPushing,
-                onClick: handleSaveDictionaryConfirmation,
-                children: confirmation.confirmButton.text
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        className: cn("flex justify-end gap-2 max-md:flex-col", className),
-        ...props,
-        children: [
-          mode.includes("remote") && isDistantDictionary && onDelete && isAuthenticated && /* @__PURE__ */ jsx(
-            Form.Button,
-            {
-              label: deleteButton.label.value,
-              Icon: Trash,
-              color: ButtonColor.ERROR,
-              variant: ButtonVariant.OUTLINE,
-              className: "max-md:w-full",
-              isLoading: isDeleting,
-              onClick: handleDeleteDictionary,
-              children: deleteButton.text
-            }
-          ),
-          isEdited && /* @__PURE__ */ jsx(
-            Form.Button,
-            {
-              label: resetButton.label.value,
-              disabled: !isEdited,
-              Icon: RotateCcw,
-              variant: ButtonVariant.OUTLINE,
-              color: ButtonColor.TEXT,
-              className: "max-md:w-full",
-              onClick: () => restoreEditedContent(dictionary.localId),
-              children: resetButton.text
-            }
-          ),
-          mode.includes("local") && /* @__PURE__ */ jsx(
-            Form.Button,
-            {
-              label: downloadButton.label.value,
-              disabled: !isEdited || isLoading,
-              Icon: Download,
-              color: ButtonColor.TEXT,
-              variant: isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT,
-              className: "max-md:w-full",
-              isLoading: isWriting,
-              onClick: () => setIsFormatAlertModalOpen(true),
-              children: downloadButton.text
-            }
-          ),
-          mode.includes("remote") && isAuthenticated && !isDistantDictionary && /* @__PURE__ */ jsx(
-            Form.Button,
-            {
-              label: publishButton.label.value,
-              disabled: isLoading,
-              Icon: ArrowUpFromLine,
-              color: ButtonColor.TEXT,
-              className: "max-md:w-full",
-              isLoading: isPushing,
-              onClick: handlePushDictionary,
-              children: publishButton.text
-            }
-          ),
-          mode.includes("remote") && isAuthenticated && isDistantDictionary && isEdited && /* @__PURE__ */ jsx(
-            Form.Button,
-            {
-              label: saveButton.label.value,
-              disabled: !isEdited || isLoading,
-              Icon: Save,
-              color: "text",
-              className: "max-md:w-full",
-              isLoading: isPushing,
-              onClick: handlePushDictionary,
-              children: saveButton.text
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  SaveForm
-};
-//# sourceMappingURL=SaveForm.mjs.map

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

@@ -1 +0,0 @@
-{"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 { useIntlayer } from 'react-intlayer';\nimport { Modal, ModalSize } from '../../../components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { ButtonColor, ButtonVariant } from '../../Button';\nimport { Form } from '../../Form';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n  onSave?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  onSave,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { mutate: deleteDictionary, isPending: isDeleting } =\n    useDeleteDictionary();\n  const { mutate: writeDictionary, isPending: isWriting } =\n    useWriteDictionary();\n  const { mutate: pushDictionaries, isPending: isPushing } =\n    usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useIntlayer('save-dictionary-details');\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.localId!];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as unknown as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    writeDictionary(\n      {\n        dictionary: updatedDictionary,\n      },\n      {\n        onSuccess: () => {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          onSave?.();\n        },\n      }\n    );\n  };\n\n  const handlePushDictionary = () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    pushDictionaries([updatedDictionary], {\n      onSuccess: (res) => {\n        if (res) {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          onSave?.();\n        }\n      },\n    });\n  };\n\n  const handleDeleteDictionary = () => {\n    if (!(dictionary as unknown as DistantDictionary).id) return;\n\n    deleteDictionary(\n      (dictionary as unknown as DistantDictionary).id.toString(),\n      {\n        onSuccess: (res) => {\n          if (res) {\n            onDelete?.();\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n      >\n        <form className=\"size-full px-3\">\n          <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</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={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              variant={ButtonVariant.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={ButtonColor.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={ButtonColor.ERROR}\n              variant={ButtonVariant.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={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.localId!)}\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={ButtonColor.TEXT}\n            variant={\n              isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT\n            }\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={ButtonColor.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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"}