@webiny/app-aco 0.0.0-unstable.d16f688daf → 0.0.0-unstable.d7f521b032

package/components/Dialogs/DialogCreate.js

@@ -1,111 +1,77 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FolderDialogCreate = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _AutoComplete = require("@webiny/ui/AutoComplete");
-
 var _Button = require("@webiny/ui/Button");
-
 var _Dialog = require("@webiny/ui/Dialog");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Input = require("@webiny/ui/Input");
-
 var _Progress = require("@webiny/ui/Progress");
-
 var _form = require("@webiny/form");
-
 var _validation = require("@webiny/validation");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _useFolders2 = require("../../hooks/useFolders");
-
 var _styled = require("./styled");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
 var t = _i18n.i18n.ns("app-aco/components/tree/dialog-create");
-
 var FolderDialogCreate = function FolderDialogCreate(_ref) {
   var type = _ref.type,
-      onClose = _ref.onClose,
-      open = _ref.open,
-      parentId = _ref.parentId;
-
+    onClose = _ref.onClose,
+    open = _ref.open,
+    parentId = _ref.parentId;
   var _useFolders = (0, _useFolders2.useFolders)(type),
-      folders = _useFolders.folders,
-      loading = _useFolders.loading,
-      createFolder = _useFolders.createFolder;
-
+    folders = _useFolders.folders,
+    loading = _useFolders.loading,
+    createFolder = _useFolders.createFolder;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dialogOpen = _useState2[0],
+    setDialogOpen = _useState2[1];
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var onSubmit = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return createFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-                type: type
-              }, typeof parentId !== "undefined" && {
-                parentId: parentId
-              }));
-
-            case 3:
-              setDialogOpen(false);
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Folder created successfully!"]))));
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              showSnackbar(_context.t0.message);
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return createFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+              type: type
+            }, typeof parentId !== "undefined" && {
+              parentId: parentId
+            }));
+          case 3:
+            setDialogOpen(false);
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Folder created successfully!"]))));
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            showSnackbar(_context.t0.message);
+          case 10:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 7]]);
     }));
-
     return function onSubmit(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
-
   (0, _react.useEffect)(function () {
     setDialogOpen(open);
   }, [open]);
@@ -116,16 +82,16 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
     onSubmit: onSubmit
   }, function (_ref3) {
     var Bind = _ref3.Bind,
-        submit = _ref3.submit;
+      submit = _ref3.submit;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading.CREATE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Creating folder..."])))
     }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Create a new folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "name",
+      name: "title",
       validators: [_validation.validation.create("required,minLength:3")]
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name"])))
+      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Title"])))
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
@@ -138,7 +104,14 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "parentId"
     }, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
-      options: folders,
+      options: folders.map(function (_ref4) {
+        var id = _ref4.id,
+          title = _ref4.title;
+        return {
+          id: id,
+          name: title
+        };
+      }),
       label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Parent"])))
     }))))), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       onClick: function onClick() {
@@ -149,5 +122,4 @@ var FolderDialogCreate = function FolderDialogCreate(_ref) {
     }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Create Folder"]))))));
   }));
 };
-
 exports.FolderDialogCreate = FolderDialogCreate;

package/components/Dialogs/DialogCreate.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogCreate","type","onClose","open","parentId","useFolders","folders","loading","createFolder","useState","dialogOpen","setDialogOpen","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","Bind","submit","CREATE","validation","create"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogContent, DialogOnClose } from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    open: boolean;\n    onClose: DialogOnClose;\n    parentId?: string | null;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.FC<Props> = ({ type, onClose, open, parentId }) => {\n    const { folders, loading, createFolder } = useFolders(type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await createFolder({\n                ...data,\n                type,\n                ...(typeof parentId !== \"undefined\" && { parentId })\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder created successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <Form onSubmit={onSubmit}>\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                            <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"name\"}\n                                            validators={[validation.create(\"required,minLength:3\")]}\n                                        >\n                                            <Input label={t`Name`} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"slug\"}\n                                            validators={[\n                                                validation.create(\"required,minLength:3,slug\")\n                                            ]}\n                                        >\n                                            <Input label={t`Slug`} />\n                                        </Bind>\n                                    </Cell>\n                                    {typeof parentId === \"undefined\" && (\n                                        <Cell span={12}>\n                                            <Bind name=\"parentId\">\n                                                <AutoComplete options={folders} label={t`Parent`} />\n                                            </Bind>\n                                        </Cell>\n                                    )}\n                                </Grid>\n                            </DialogContent>\n                            <DialogActions>\n                                <ButtonDefault\n                                    onClick={() => {\n                                        setDialogOpen(false);\n                                    }}\n                                >\n                                    {t`Cancel`}\n                                </ButtonDefault>\n                                <ButtonPrimary onClick={submit}>{t`Create Folder`}</ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","FolderDialogCreate","type","onClose","open","parentId","useFolders","folders","loading","createFolder","useState","dialogOpen","setDialogOpen","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","Bind","submit","CREATE","validation","create","map","id","title","name"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogContent, DialogOnClose } from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    open: boolean;\n    onClose: DialogOnClose;\n    parentId?: string | null;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.FC<Props> = ({ type, onClose, open, parentId }) => {\n    const { folders, loading, createFolder } = useFolders(type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await createFolder({\n                ...data,\n                type,\n                ...(typeof parentId !== \"undefined\" && { parentId })\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder created successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <Form onSubmit={onSubmit}>\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                            <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"title\"}\n                                            validators={[validation.create(\"required,minLength:3\")]}\n                                        >\n                                            <Input label={t`Title`} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"slug\"}\n                                            validators={[\n                                                validation.create(\"required,minLength:3,slug\")\n                                            ]}\n                                        >\n                                            <Input label={t`Slug`} />\n                                        </Bind>\n                                    </Cell>\n                                    {typeof parentId === \"undefined\" && (\n                                        <Cell span={12}>\n                                            <Bind name=\"parentId\">\n                                                <AutoComplete\n                                                    options={folders.map(({ id, title }) => ({\n                                                        id,\n                                                        name: title\n                                                    }))}\n                                                    label={t`Parent`}\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                    )}\n                                </Grid>\n                            </DialogContent>\n                            <DialogActions>\n                                <ButtonDefault\n                                    onClick={() => {\n                                        setDialogOpen(false);\n                                    }}\n                                >\n                                    {t`Cancel`}\n                                </ButtonDefault>\n                                <ButtonPrimary onClick={submit}>{t`Create Folder`}</ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/DialogDelete.js

@@ -1,125 +1,95 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FolderDialogDelete = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Button = require("@webiny/ui/Button");
-
 var _Dialog = require("@webiny/ui/Dialog");
-
 var _Progress = require("@webiny/ui/Progress");
-
 var _hooks = require("../../hooks");
-
 var _styled = require("./styled");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 var t = _i18n.i18n.ns("app-headless-cms/app-page-builder/page-details/header/delete-page");
-
 var FolderDialogDelete = function FolderDialogDelete(_ref) {
   var folder = _ref.folder,
-      open = _ref.open,
-      onClose = _ref.onClose;
-
+    open = _ref.open,
+    onClose = _ref.onClose;
   var _useFolders = (0, _hooks.useFolders)(folder.type),
-      deleteFolder = _useFolders.deleteFolder,
-      loading = _useFolders.loading;
-
+    deleteFolder = _useFolders.deleteFolder,
+    loading = _useFolders.loading;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dialogOpen = _useState2[0],
-      setDialogOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dialogOpen = _useState2[0],
+    setDialogOpen = _useState2[1];
   (0, _react.useEffect)(function () {
     setDialogOpen(open);
   }, [open]);
   var folderDisplayName = (0, _react.useMemo)(function () {
-    return folder.name.length > 20 ? folder.name.slice(0, 20).concat("...") : folder.name;
-  }, [folder.name]);
-
+    return folder.title.length > 20 ? folder.title.slice(0, 20).concat("...") : folder.title;
+  }, [folder.title]);
   var onSubmit = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var result;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return deleteFolder(folder);
-
-            case 3:
-              result = _context.sent;
-
-              if (!result) {
-                _context.next = 9;
-                break;
-              }
-
-              setDialogOpen(false);
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["The folder \"{name}\" was deleted successfully."])))({
-                name: folderDisplayName
-              }));
-              _context.next = 10;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return deleteFolder(folder);
+          case 3:
+            result = _context.sent;
+            if (!result) {
+              _context.next = 8;
               break;
-
-            case 9:
-              throw new Error(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Error while deleting page \"{name}\"!"])))({
-                name: folderDisplayName
-              }));
-
-            case 10:
-              _context.next = 15;
-              break;
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](0);
-              showSnackbar(_context.t0);
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
+            }
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["The folder \"{name}\" was deleted successfully."])))({
+              name: folderDisplayName
+            }));
+            _context.next = 9;
+            break;
+          case 8:
+            throw new Error(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Error while deleting page \"{name}\"!"])))({
+              name: folderDisplayName
+            }));
+          case 9:
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            showSnackbar(_context.t0.message);
+          case 14:
+            _context.prev = 14;
+            setDialogOpen(false);
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee, null, [[0, 11, 14, 17]]);
     }));
-
     return function onSubmit() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
     open: dialogOpen,
     onClose: onClose
   }, loading.DELETE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Deleting folder..."])))
-  }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Delete folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["You are about to delete the entire folder \"{name}\" and all the entries inside! Are you sure you want to continue?"])))({
+  }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Delete folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["You are about to delete the folder \"{name}\"! Are you sure you want to continue?"])))({
     name: folderDisplayName
   })), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
     onClick: function onClick() {
@@ -131,5 +101,4 @@ var FolderDialogDelete = function FolderDialogDelete(_ref) {
     }
   }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Delete folder"]))))));
 };
-
 exports.FolderDialogDelete = FolderDialogDelete;

package/components/Dialogs/DialogDelete.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","name","length","slice","concat","onSubmit","result","Error","DELETE"],"sources":["DialogDelete.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogContent, DialogOnClose, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/app-page-builder/page-details/header/delete-page\");\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete = ({ folder, open, onClose }: Props) => {\n    const { deleteFolder, loading } = useFolders(folder.type);\n    const { showSnackbar } = useSnackbar();\n    const [dialogOpen, setDialogOpen] = useState(false);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const folderDisplayName = useMemo(\n        () => (folder.name.length > 20 ? folder.name.slice(0, 20).concat(\"...\") : folder.name),\n        [folder.name]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                setDialogOpen(false);\n                showSnackbar(\n                    t`The folder \"{name}\" was deleted successfully.`({\n                        name: folderDisplayName\n                    })\n                );\n            } else {\n                throw new Error(\n                    t`Error while deleting page \"{name}\"!`({\n                        name: folderDisplayName\n                    })\n                );\n            }\n        } catch (error) {\n            showSnackbar(error);\n        }\n    };\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {loading.DELETE && <CircularProgress label={t`Deleting folder...`} />}\n            <DialogTitle>{t`Delete folder`}</DialogTitle>\n            <DialogContent>\n                {t`You are about to delete the entire folder \"{name}\" and all the entries inside! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <ButtonDefault\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </ButtonDefault>\n                <ButtonPrimary\n                    onClick={() => {\n                        onSubmit();\n                    }}\n                >\n                    {t`Delete folder`}\n                </ButtonPrimary>\n            </DialogActions>\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mEAAR,CAAV;;AAUO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsC;EAAA,IAAnCC,MAAmC,QAAnCA,MAAmC;EAAA,IAA3BC,IAA2B,QAA3BA,IAA2B;EAAA,IAArBC,OAAqB,QAArBA,OAAqB;;EACpE,kBAAkC,IAAAC,iBAAA,EAAWH,MAAM,CAACI,IAAlB,CAAlC;EAAA,IAAQC,YAAR,eAAQA,YAAR;EAAA,IAAsBC,OAAtB,eAAsBA,OAAtB;;EACA,mBAAyB,IAAAC,qBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,gBAAoC,IAAAC,eAAA,EAAS,KAAT,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZD,aAAa,CAACV,IAAD,CAAb;EACH,CAFD,EAEG,CAACA,IAAD,CAFH;EAIA,IAAMY,iBAAiB,GAAG,IAAAC,cAAA,EACtB;IAAA,OAAOd,MAAM,CAACe,IAAP,CAAYC,MAAZ,GAAqB,EAArB,GAA0BhB,MAAM,CAACe,IAAP,CAAYE,KAAZ,CAAkB,CAAlB,EAAqB,EAArB,EAAyBC,MAAzB,CAAgC,KAAhC,CAA1B,GAAmElB,MAAM,CAACe,IAAjF;EAAA,CADsB,EAEtB,CAACf,MAAM,CAACe,IAAR,CAFsB,CAA1B;;EAKA,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA;cAAA,OAEYd,YAAY,CAACL,MAAD,CAFxB;;YAAA;cAEHoB,MAFG;;cAAA,KAILA,MAJK;gBAAA;gBAAA;cAAA;;cAKLT,aAAa,CAAC,KAAD,CAAb;cACAH,YAAY,CACRZ,CAAC,kIAAD,CAAiD;gBAC7CmB,IAAI,EAAEF;cADuC,CAAjD,CADQ,CAAZ;cANK;cAAA;;YAAA;cAAA,MAYC,IAAIQ,KAAJ,CACFzB,CAAC,0HAAD,CAAuC;gBACnCmB,IAAI,EAAEF;cAD6B,CAAvC,CADE,CAZD;;YAAA;cAAA;cAAA;;YAAA;cAAA;cAAA;cAmBTL,YAAY,aAAZ;;YAnBS;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAH;;IAAA,gBAARW,QAAQ;MAAA;IAAA;EAAA,GAAd;;EAuBA,oBACI,6BAAC,uBAAD;IAAiB,IAAI,EAAET,UAAvB;IAAmC,OAAO,EAAER;EAA5C,GACKI,OAAO,CAACgB,MAAR,iBAAkB,6BAAC,0BAAD;IAAkB,KAAK,EAAE1B,CAAF;EAAvB,EADvB,eAEI,6BAAC,mBAAD,QAAcA,CAAd,mGAFJ,eAGI,6BAAC,qBAAD,QACKA,CAAC,wMAAD,CACG;IACImB,IAAI,EAAEF;EADV,CADH,CADL,CAHJ,eAUI,6BAAC,qBAAD,qBACI,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAD,CAAb;IACH;EAHL,GAKKf,CALL,4FADJ,eAQI,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXuB,QAAQ;IACX;EAHL,GAKKvB,CALL,mGARJ,CAVJ,CADJ;AA6BH,CAlEM"}
+{"version":3,"names":["t","i18n","ns","FolderDialogDelete","folder","open","onClose","useFolders","type","deleteFolder","loading","useSnackbar","showSnackbar","useState","dialogOpen","setDialogOpen","useEffect","folderDisplayName","useMemo","title","length","slice","concat","onSubmit","result","name","Error","message","DELETE"],"sources":["DialogDelete.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { DialogContent, DialogOnClose, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nimport { useFolders } from \"~/hooks\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nconst t = i18n.ns(\"app-headless-cms/app-page-builder/page-details/header/delete-page\");\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    folder: FolderItem;\n    open: boolean;\n    onClose: DialogOnClose;\n};\n\nexport const FolderDialogDelete = ({ folder, open, onClose }: Props) => {\n    const { deleteFolder, loading } = useFolders(folder.type);\n    const { showSnackbar } = useSnackbar();\n    const [dialogOpen, setDialogOpen] = useState(false);\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    const folderDisplayName = useMemo(\n        () => (folder.title.length > 20 ? folder.title.slice(0, 20).concat(\"...\") : folder.title),\n        [folder.title]\n    );\n\n    const onSubmit = async () => {\n        try {\n            const result = await deleteFolder(folder);\n\n            if (result) {\n                showSnackbar(\n                    t`The folder \"{name}\" was deleted successfully.`({\n                        name: folderDisplayName\n                    })\n                );\n            } else {\n                throw new Error(\n                    t`Error while deleting page \"{name}\"!`({\n                        name: folderDisplayName\n                    })\n                );\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogOpen(false);\n        }\n    };\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {loading.DELETE && <CircularProgress label={t`Deleting folder...`} />}\n            <DialogTitle>{t`Delete folder`}</DialogTitle>\n            <DialogContent>\n                {t`You are about to delete the folder \"{name}\"! Are you sure you want to continue?`(\n                    {\n                        name: folderDisplayName\n                    }\n                )}\n            </DialogContent>\n            <DialogActions>\n                <ButtonDefault\n                    onClick={() => {\n                        setDialogOpen(false);\n                    }}\n                >\n                    {t`Cancel`}\n                </ButtonDefault>\n                <ButtonPrimary\n                    onClick={() => {\n                        onSubmit();\n                    }}\n                >\n                    {t`Delete folder`}\n                </ButtonPrimary>\n            </DialogActions>\n        </DialogContainer>\n    );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAA0D;AAE1D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mEAAmE,CAAC;AAU/E,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAyC;EAAA,IAAnCC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EACtD,kBAAkC,IAAAC,iBAAU,EAACH,MAAM,CAACI,IAAI,CAAC;IAAjDC,YAAY,eAAZA,YAAY;IAAEC,OAAO,eAAPA,OAAO;EAC7B,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,gBAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5CC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACZD,aAAa,CAACV,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAMY,iBAAiB,GAAG,IAAAC,cAAO,EAC7B;IAAA,OAAOd,MAAM,CAACe,KAAK,CAACC,MAAM,GAAG,EAAE,GAAGhB,MAAM,CAACe,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC,GAAGlB,MAAM,CAACe,KAAK;EAAA,CAAC,EACzF,CAACf,MAAM,CAACe,KAAK,CAAC,CACjB;EAED,IAAMI,QAAQ;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA;YAAA,OAEYd,YAAY,CAACL,MAAM,CAAC;UAAA;YAAnCoB,MAAM;YAAA,KAERA,MAAM;cAAA;cAAA;YAAA;YACNZ,YAAY,CACRZ,CAAC,mIAAgD;cAC7CyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;YAAC;YAAA;UAAA;YAAA,MAEI,IAAIS,KAAK,CACX1B,CAAC,2HAAsC;cACnCyB,IAAI,EAAER;YACV,CAAC,CAAC,CACL;UAAA;YAAA;YAAA;UAAA;YAAA;YAAA;YAGLL,YAAY,CAAC,YAAMe,OAAO,CAAC;UAAC;YAAA;YAE5BZ,aAAa,CAAC,KAAK,CAAC;YAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CAE5B;IAAA,gBAtBKQ,QAAQ;MAAA;IAAA;EAAA,GAsBb;EAED,oBACI,6BAAC,uBAAe;IAAC,IAAI,EAAET,UAAW;IAAC,OAAO,EAAER;EAAQ,GAC/CI,OAAO,CAACkB,MAAM,iBAAI,6BAAC,0BAAgB;IAAC,KAAK,EAAE5B,CAAC;EAAqB,EAAG,eACrE,6BAAC,mBAAW,QAAEA,CAAC,mGAA8B,eAC7C,6BAAC,qBAAa,QACTA,CAAC,uKACE;IACIyB,IAAI,EAAER;EACV,CAAC,CACJ,CACW,eAChB,6BAAC,qBAAa,qBACV,6BAAC,qBAAa;IACV,OAAO,EAAE,mBAAM;MACXF,aAAa,CAAC,KAAK,CAAC;IACxB;EAAE,GAEDf,CAAC,4FACU,eAChB,6BAAC,qBAAa;IACV,OAAO,EAAE,mBAAM;MACXuB,QAAQ,EAAE;IACd;EAAE,GAEDvB,CAAC,mGACU,CACJ,CACF;AAE1B,CAAC;AAAC"}