@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

package/admin/views/contentEntries/ContentEntry/header/contentFormOptionsMenu/ContentFormOptionsMenu.js

@@ -1,31 +1,65 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _Menu = require("@webiny/ui/Menu");
+
+var _List = require("@webiny/ui/List");
+
+var _Icon = require("@webiny/ui/Icon");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _useDialog2 = require("@webiny/app-admin/hooks/useDialog");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _contentEntries = require("../../../../../graphql/contentEntries");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+
+var _more_vert = require("../../../../../icons/more_vert.svg");
+
+var _delete = require("../../../../../icons/delete.svg");
+
+var _cache = require("../../cache");
+
+var _hooks = require("../../../../../hooks");
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useMemo } from "react";
-import { css } from "emotion";
-import get from "lodash/get";
-import { IconButton } from "@webiny/ui/Button";
-import { Menu, MenuItem } from "@webiny/ui/Menu";
-import { ListItemGraphic } from "@webiny/ui/List";
-import { Icon } from "@webiny/ui/Icon";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useDialog } from "@webiny/app-admin/hooks/useDialog";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { i18n } from "@webiny/app/i18n";
-import { createDeleteMutation } from "../../../../../graphql/contentEntries";
-import usePermission from "../../../../../hooks/usePermission";
-import { ReactComponent as MoreVerticalIcon } from "../../../../../icons/more_vert.svg";
-import { ReactComponent as DeleteIcon } from "../../../../../icons/delete.svg";
-import { removeEntryFromListCache } from "../../cache";
-import { useMutation } from "../../../../../hooks";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/plugins/content-details/header/content-form-options-menu");
-var menuStyles = /*#__PURE__*/css({
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/header/content-form-options-menu");
+
+var menuStyles = /*#__PURE__*/(0, _emotion.css)({
   width: 250,
   right: -105,
   left: "auto !important",
@@ -36,54 +70,54 @@ var menuStyles = /*#__PURE__*/css({
 }, "label:menuStyles;");
 
 var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       contentModel = _useContentEntry.contentModel,
       entry = _useContentEntry.entry,
       loading = _useContentEntry.loading,
       setLoading = _useContentEntry.setLoading,
       listQueryVariables = _useContentEntry.listQueryVariables;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history;
 
-  var _useDialog = useDialog(),
+  var _useDialog = (0, _useDialog2.useDialog)(),
       showDialog = _useDialog.showDialog;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canDelete = _usePermission.canDelete;
 
-  var DELETE_CONTENT = useMemo(function () {
-    return createDeleteMutation(contentModel);
+  var DELETE_CONTENT = (0, _react.useMemo)(function () {
+    return (0, _contentEntries.createDeleteMutation)(contentModel);
   }, [contentModel.modelId]);
 
-  var _useMutation = useMutation(DELETE_CONTENT),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
+  var _useMutation = (0, _hooks.useMutation)(DELETE_CONTENT),
+      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
       deleteContentMutation = _useMutation2[0];
 
-  var title = get(entry, "meta.title");
+  var title = (0, _get.default)(entry, "meta.title");
 
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Delete content entry"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to delete this content entry and all of its revisions!"]))), /*#__PURE__*/React.createElement("br", null), t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Are you sure you want to permanently delete {title}?"])))({
-      title: /*#__PURE__*/React.createElement("strong", null, title)
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete content entry"]))),
+    message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete this content entry and all of its revisions!"]))), /*#__PURE__*/_react.default.createElement("br", null), t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to permanently delete {title}?"])))({
+      title: /*#__PURE__*/_react.default.createElement("strong", null, title)
     })),
     dataTestId: "cms.content-form.header.delete-dialog"
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
-  var confirmDelete = useCallback(function () {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var confirmDelete = (0, _react.useCallback)(function () {
+    showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _entry$id$split, _entry$id$split2, uniqueId;
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               setLoading(true);
-              _entry$id$split = entry.id.split("#"), _entry$id$split2 = _slicedToArray(_entry$id$split, 1), uniqueId = _entry$id$split2[0];
+              _entry$id$split = entry.id.split("#"), _entry$id$split2 = (0, _slicedToArray2.default)(_entry$id$split, 1), uniqueId = _entry$id$split2[0];
               _context.next = 4;
               return deleteContentMutation({
                 variables: {
@@ -92,7 +126,7 @@ var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
                 update: function update(cache, response) {
                   if (!response.data) {
                     showDialog("Missing response data on Delete Entry Mutation.", {
-                      title: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Could not delete content"])))
+                      title: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Could not delete content"])))
                     });
                     return;
                   }
@@ -101,15 +135,15 @@ var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
 
                   if (error) {
                     showDialog(error.message, {
-                      title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Could not delete content"])))
+                      title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Could not delete content"])))
                     });
                     return;
                   }
 
                   setLoading(false);
-                  removeEntryFromListCache(contentModel, cache, entry, listQueryVariables);
-                  showSnackbar(t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["{title} was deleted successfully!"])))({
-                    title: /*#__PURE__*/React.createElement("strong", null, title)
+                  (0, _cache.removeEntryFromListCache)(contentModel, cache, entry, listQueryVariables);
+                  showSnackbar(t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["{title} was deleted successfully!"])))({
+                    title: /*#__PURE__*/_react.default.createElement("strong", null, title)
                   }));
                   history.push("/cms/content-entries/".concat(contentModel.modelId));
                 }
@@ -131,19 +165,20 @@ var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(Menu, {
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     className: menuStyles,
-    handle: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
+    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
       "data-testid": "cms.content-form.header.more-options"
     })
-  }, /*#__PURE__*/React.createElement(MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
     onClick: confirmDelete,
     disabled: !entry.id || loading,
     "data-testid": "cms.content-form.header.delete"
-  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
   })), "Delete"));
 };
 
-export default ContentFormOptionsMenu;
+var _default = ContentFormOptionsMenu;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/contentFormOptionsMenu/ContentFormOptionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ContentFormOptionsMenu.tsx"],"names":["React","useCallback","useMemo","css","get","IconButton","Menu","MenuItem","ListItemGraphic","Icon","useRouter","useSnackbar","useDialog","useConfirmationDialog","i18n","createDeleteMutation","usePermission","ReactComponent","MoreVerticalIcon","DeleteIcon","removeEntryFromListCache","useMutation","useContentEntry","t","ns","menuStyles","width","right","left","opacity","pointerEvents","ContentFormOptionsMenu","contentModel","entry","loading","setLoading","listQueryVariables","showSnackbar","history","showDialog","canDelete","DELETE_CONTENT","modelId","deleteContentMutation","title","message","dataTestId","showConfirmation","confirmDelete","id","split","uniqueId","variables","revision","update","cache","response","data","error","content","push"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useDialog } from \"@webiny/app-admin/hooks/useDialog\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    CmsEntryDeleteMutationResponse,\n    CmsEntryDeleteMutationVariables,\n    createDeleteMutation\n} from \"~/admin/graphql/contentEntries\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { removeEntryFromListCache } from \"../../cache\";\nimport { useMutation } from \"~/admin/hooks\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\n    \"app-headless-cms/admin/plugins/content-details/header/content-form-options-menu\"\n);\n\nconst menuStyles = css({\n    width: 250,\n    right: -105,\n    left: \"auto !important\",\n    \".disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst ContentFormOptionsMenu: React.FC = () => {\n    const { contentModel, entry, loading, setLoading, listQueryVariables } = useContentEntry();\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { showDialog } = useDialog();\n    const { canDelete } = usePermission();\n\n    const DELETE_CONTENT = useMemo(() => {\n        return createDeleteMutation(contentModel);\n    }, [contentModel.modelId]);\n\n    const [deleteContentMutation] = useMutation<\n        CmsEntryDeleteMutationResponse,\n        CmsEntryDeleteMutationVariables\n    >(DELETE_CONTENT);\n\n    const title = get(entry, \"meta.title\");\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete content entry`,\n        message: (\n            <p>\n                {t`You are about to delete this content entry and all of its revisions!`}\n                <br />\n                {t`Are you sure you want to permanently delete {title}?`({\n                    title: <strong>{title}</strong>\n                })}\n            </p>\n        ),\n        dataTestId: \"cms.content-form.header.delete-dialog\"\n    });\n\n    const confirmDelete = useCallback((): void => {\n        showConfirmation(async (): Promise<void> => {\n            setLoading(true);\n            const [uniqueId] = entry.id.split(\"#\");\n            await deleteContentMutation({\n                variables: { revision: uniqueId },\n                update(cache, response) {\n                    if (!response.data) {\n                        showDialog(\"Missing response data on Delete Entry Mutation.\", {\n                            title: t`Could not delete content`\n                        });\n                        return;\n                    }\n                    const { error } = response.data.content;\n                    if (error) {\n                        showDialog(error.message, { title: t`Could not delete content` });\n                        return;\n                    }\n\n                    setLoading(false);\n                    removeEntryFromListCache(contentModel, cache, entry, listQueryVariables);\n\n                    showSnackbar(\n                        t`{title} was deleted successfully!`({ title: <strong>{title}</strong> })\n                    );\n                    history.push(`/cms/content-entries/${contentModel.modelId}`);\n                }\n            });\n\n            setLoading(false);\n        });\n    }, [entry]);\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <Menu\n            className={menuStyles}\n            handle={\n                <IconButton\n                    icon={<MoreVerticalIcon />}\n                    data-testid={\"cms.content-form.header.more-options\"}\n                />\n            }\n        >\n            <MenuItem\n                onClick={confirmDelete}\n                disabled={!entry.id || loading}\n                data-testid={\"cms.content-form.header.delete\"}\n            >\n                <ListItemGraphic>\n                    <Icon icon={<DeleteIcon />} />\n                </ListItemGraphic>\n                Delete\n            </MenuItem>\n        </Menu>\n    );\n};\n\nexport default ContentFormOptionsMenu;\n"]}
+{"version":3,"names":["t","i18n","ns","menuStyles","css","width","right","left","opacity","pointerEvents","ContentFormOptionsMenu","useContentEntry","contentModel","entry","loading","setLoading","listQueryVariables","useSnackbar","showSnackbar","useRouter","history","useDialog","showDialog","usePermission","canDelete","DELETE_CONTENT","useMemo","createDeleteMutation","modelId","useMutation","deleteContentMutation","title","get","useConfirmationDialog","message","dataTestId","showConfirmation","confirmDelete","useCallback","id","split","uniqueId","variables","revision","update","cache","response","data","error","content","removeEntryFromListCache","push"],"sources":["ContentFormOptionsMenu.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useDialog } from \"@webiny/app-admin/hooks/useDialog\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    CmsEntryDeleteMutationResponse,\n    CmsEntryDeleteMutationVariables,\n    createDeleteMutation\n} from \"~/admin/graphql/contentEntries\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { removeEntryFromListCache } from \"../../cache\";\nimport { useMutation } from \"~/admin/hooks\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\n    \"app-headless-cms/admin/plugins/content-details/header/content-form-options-menu\"\n);\n\nconst menuStyles = css({\n    width: 250,\n    right: -105,\n    left: \"auto !important\",\n    \".disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst ContentFormOptionsMenu: React.FC = () => {\n    const { contentModel, entry, loading, setLoading, listQueryVariables } = useContentEntry();\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { showDialog } = useDialog();\n    const { canDelete } = usePermission();\n\n    const DELETE_CONTENT = useMemo(() => {\n        return createDeleteMutation(contentModel);\n    }, [contentModel.modelId]);\n\n    const [deleteContentMutation] = useMutation<\n        CmsEntryDeleteMutationResponse,\n        CmsEntryDeleteMutationVariables\n    >(DELETE_CONTENT);\n\n    const title = get(entry, \"meta.title\");\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete content entry`,\n        message: (\n            <p>\n                {t`You are about to delete this content entry and all of its revisions!`}\n                <br />\n                {t`Are you sure you want to permanently delete {title}?`({\n                    title: <strong>{title}</strong>\n                })}\n            </p>\n        ),\n        dataTestId: \"cms.content-form.header.delete-dialog\"\n    });\n\n    const confirmDelete = useCallback((): void => {\n        showConfirmation(async (): Promise<void> => {\n            setLoading(true);\n            const [uniqueId] = entry.id.split(\"#\");\n            await deleteContentMutation({\n                variables: { revision: uniqueId },\n                update(cache, response) {\n                    if (!response.data) {\n                        showDialog(\"Missing response data on Delete Entry Mutation.\", {\n                            title: t`Could not delete content`\n                        });\n                        return;\n                    }\n                    const { error } = response.data.content;\n                    if (error) {\n                        showDialog(error.message, { title: t`Could not delete content` });\n                        return;\n                    }\n\n                    setLoading(false);\n                    removeEntryFromListCache(contentModel, cache, entry, listQueryVariables);\n\n                    showSnackbar(\n                        t`{title} was deleted successfully!`({ title: <strong>{title}</strong> })\n                    );\n                    history.push(`/cms/content-entries/${contentModel.modelId}`);\n                }\n            });\n\n            setLoading(false);\n        });\n    }, [entry]);\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <Menu\n            className={menuStyles}\n            handle={\n                <IconButton\n                    icon={<MoreVerticalIcon />}\n                    data-testid={\"cms.content-form.header.more-options\"}\n                />\n            }\n        >\n            <MenuItem\n                onClick={confirmDelete}\n                disabled={!entry.id || loading}\n                data-testid={\"cms.content-form.header.delete\"}\n            >\n                <ListItemGraphic>\n                    <Icon icon={<DeleteIcon />} />\n                </ListItemGraphic>\n                Delete\n            </MenuItem>\n        </Menu>\n    );\n};\n\nexport default ContentFormOptionsMenu;\n"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntry/header/index.js

@@ -1,45 +1,64 @@
-import * as React from "react";
-import RevisionSelector from "./revisionSelector/RevisionSelector";
-import RequestReview from "./requestReview/RequestReview";
-import RequestChanges from "./requestChanges/RequestChanges";
-import SaveContentButton from "./saveContent/SaveContent";
-import SaveAndPublishButton from "./saveAndPublishContent/SaveAndPublishContent";
-import ContentFormOptionsMenu from "./contentFormOptionsMenu/ContentFormOptionsMenu";
+"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.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _RevisionSelector = _interopRequireDefault(require("./revisionSelector/RevisionSelector"));
+
+var _RequestReview = _interopRequireDefault(require("./requestReview/RequestReview"));
+
+var _RequestChanges = _interopRequireDefault(require("./requestChanges/RequestChanges"));
+
+var _SaveContent = _interopRequireDefault(require("./saveContent/SaveContent"));
+
+var _SaveAndPublishContent = _interopRequireDefault(require("./saveAndPublishContent/SaveAndPublishContent"));
+
+var _ContentFormOptionsMenu = _interopRequireDefault(require("./contentFormOptionsMenu/ContentFormOptionsMenu"));
+
 var plugins = [{
   name: "cms-content-details-revision-selector",
   type: "cms-content-details-header-left",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(RevisionSelector, props);
+    return /*#__PURE__*/React.createElement(_RevisionSelector.default, props);
   }
 }, {
   name: "cms-content-details-header-request-review",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(RequestReview, props);
+    return /*#__PURE__*/React.createElement(_RequestReview.default, props);
   }
 }, {
   name: "cms-content-details-header-request-changes",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(RequestChanges, props);
+    return /*#__PURE__*/React.createElement(_RequestChanges.default, props);
   }
 }, {
   name: "cms-content-details-header-save",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(SaveContentButton, props);
+    return /*#__PURE__*/React.createElement(_SaveContent.default, props);
   }
 }, {
   name: "cms-content-details-header-save-and-publish",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(SaveAndPublishButton, props);
+    return /*#__PURE__*/React.createElement(_SaveAndPublishContent.default, props);
   }
 }, {
   name: "cms-content-details-header-option-menu",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(ContentFormOptionsMenu, props);
+    return /*#__PURE__*/React.createElement(_ContentFormOptionsMenu.default, props);
   }
 }];
-export default plugins;
+var _default = plugins;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","RevisionSelector","RequestReview","RequestChanges","SaveContentButton","SaveAndPublishButton","ContentFormOptionsMenu","plugins","name","type","render","props"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,gBAAP;AACA,OAAOC,aAAP;AACA,OAAOC,cAAP;AACA,OAAOC,iBAAP;AACA,OAAOC,oBAAP;AACA,OAAOC,sBAAP;AAEA,IAAMC,OAAkC,GAAG,CACvC;AACIC,EAAAA,IAAI,EAAE,uCADV;AAEIC,EAAAA,IAAI,EAAE,iCAFV;AAGIC,EAAAA,MAHJ,kBAGWC,KAHX,EAGkB;AACV,wBAAO,oBAAC,gBAAD,EAAsBA,KAAtB,CAAP;AACH;AALL,CADuC,EAQvC;AACIH,EAAAA,IAAI,EAAE,2CADV;AAEIC,EAAAA,IAAI,EAAE,kCAFV;AAGIC,EAAAA,MAHJ,kBAGWC,KAHX,EAGkB;AACV,wBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;AACH;AALL,CARuC,EAevC;AACIH,EAAAA,IAAI,EAAE,4CADV;AAEIC,EAAAA,IAAI,EAAE,kCAFV;AAGIC,EAAAA,MAHJ,kBAGWC,KAHX,EAGkB;AACV,wBAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;AACH;AALL,CAfuC,EAsBvC;AACIH,EAAAA,IAAI,EAAE,iCADV;AAEIC,EAAAA,IAAI,EAAE,kCAFV;AAGIC,EAAAA,MAHJ,kBAGWC,KAHX,EAGkB;AACV,wBAAO,oBAAC,iBAAD,EAAuBA,KAAvB,CAAP;AACH;AALL,CAtBuC,EA6BvC;AACIH,EAAAA,IAAI,EAAE,6CADV;AAEIC,EAAAA,IAAI,EAAE,kCAFV;AAGIC,EAAAA,MAHJ,kBAGWC,KAHX,EAGkB;AACV,wBAAO,oBAAC,oBAAD,EAA0BA,KAA1B,CAAP;AACH;AALL,CA7BuC,EAoCvC;AACIH,EAAAA,IAAI,EAAE,wCADV;AAEIC,EAAAA,IAAI,EAAE,kCAFV;AAGIC,EAAAA,MAHJ,kBAGWC,KAHX,EAGkB;AACV,wBAAO,oBAAC,sBAAD,EAA4BA,KAA5B,CAAP;AACH;AALL,CApCuC,CAA3C;AA6CA,eAAeJ,OAAf","sourcesContent":["import * as React from \"react\";\nimport { CmsContentDetailsPlugin } from \"~/types\";\nimport RevisionSelector from \"./revisionSelector/RevisionSelector\";\nimport RequestReview from \"./requestReview/RequestReview\";\nimport RequestChanges from \"./requestChanges/RequestChanges\";\nimport SaveContentButton from \"./saveContent/SaveContent\";\nimport SaveAndPublishButton from \"./saveAndPublishContent/SaveAndPublishContent\";\nimport ContentFormOptionsMenu from \"./contentFormOptionsMenu/ContentFormOptionsMenu\";\n\nconst plugins: CmsContentDetailsPlugin[] = [\n    {\n        name: \"cms-content-details-revision-selector\",\n        type: \"cms-content-details-header-left\",\n        render(props) {\n            return <RevisionSelector {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-request-review\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <RequestReview {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-request-changes\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <RequestChanges {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-save\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <SaveContentButton {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-save-and-publish\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <SaveAndPublishButton {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-option-menu\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <ContentFormOptionsMenu {...props} />;\n        }\n    }\n];\n\nexport default plugins;\n"]}
+{"version":3,"names":["plugins","name","type","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsContentDetailsPlugin } from \"~/types\";\nimport RevisionSelector from \"./revisionSelector/RevisionSelector\";\nimport RequestReview from \"./requestReview/RequestReview\";\nimport RequestChanges from \"./requestChanges/RequestChanges\";\nimport SaveContentButton from \"./saveContent/SaveContent\";\nimport SaveAndPublishButton from \"./saveAndPublishContent/SaveAndPublishContent\";\nimport ContentFormOptionsMenu from \"./contentFormOptionsMenu/ContentFormOptionsMenu\";\n\nconst plugins: CmsContentDetailsPlugin[] = [\n    {\n        name: \"cms-content-details-revision-selector\",\n        type: \"cms-content-details-header-left\",\n        render(props) {\n            return <RevisionSelector {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-request-review\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <RequestReview {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-request-changes\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <RequestChanges {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-save\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <SaveContentButton {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-save-and-publish\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <SaveAndPublishButton {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-option-menu\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <ContentFormOptionsMenu {...props} />;\n        }\n    }\n];\n\nexport default plugins;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAkC,GAAG,CACvC;EACIC,IAAI,EAAE,uCADV;EAEIC,IAAI,EAAE,iCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,yBAAD,EAAsBA,KAAtB,CAAP;EACH;AALL,CADuC,EAQvC;EACIH,IAAI,EAAE,2CADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,sBAAD,EAAmBA,KAAnB,CAAP;EACH;AALL,CARuC,EAevC;EACIH,IAAI,EAAE,4CADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,uBAAD,EAAoBA,KAApB,CAAP;EACH;AALL,CAfuC,EAsBvC;EACIH,IAAI,EAAE,iCADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,oBAAD,EAAuBA,KAAvB,CAAP;EACH;AALL,CAtBuC,EA6BvC;EACIH,IAAI,EAAE,6CADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,8BAAD,EAA0BA,KAA1B,CAAP;EACH;AALL,CA7BuC,EAoCvC;EACIH,IAAI,EAAE,wCADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,+BAAD,EAA4BA,KAA5B,CAAP;EACH;AALL,CApCuC,CAA3C;eA6CeJ,O"}

package/admin/views/contentEntries/ContentEntry/header/requestChanges/RequestChanges.js

@@ -1,35 +1,55 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _rule24px = require("./rule-24px.svg");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+
+var _useRevision2 = require("../../useRevision");
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React from "react";
-import { IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as RequestChangesIcon } from "./rule-24px.svg";
-import usePermission from "../../../../../hooks/usePermission";
-import { useRevision } from "../../useRevision";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/content-details/header/request-review");
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-details/header/request-review");
 
 var RequestChanges = function RequestChanges() {
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry;
 
-  var _useRevision = useRevision({
+  var _useRevision = (0, _useRevision2.useRevision)({
     revision: entry
   }),
       requestChanges = _useRevision.requestChanges;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canRequestChange = _usePermission.canRequestChange;
 
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Request Changes"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to request changes on this content entry. Are you sure you want to continue?"]))))
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Request Changes"]))),
+    message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to request changes on this content entry. Are you sure you want to continue?"]))))
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
@@ -38,15 +58,15 @@ var RequestChanges = function RequestChanges() {
   }
 
   var buttonEnabled = entry.id && (entry.meta.status === "draft" || entry.meta.status === "reviewRequested");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Request Changes"]))),
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Request Changes"]))),
     placement: "top"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     disabled: !buttonEnabled,
-    icon: /*#__PURE__*/React.createElement(RequestChangesIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_rule24px.ReactComponent, null),
     onClick: function onClick() {
-      return showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -64,4 +84,5 @@ var RequestChanges = function RequestChanges() {
   })));
 };
 
-export default RequestChanges;
+var _default = RequestChanges;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/requestChanges/RequestChanges.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RequestChanges.tsx"],"names":["React","IconButton","Tooltip","useConfirmationDialog","i18n","ReactComponent","RequestChangesIcon","usePermission","useRevision","useContentEntry","t","ns","RequestChanges","entry","revision","requestChanges","canRequestChange","title","message","showConfirmation","buttonEnabled","id","meta","status"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,qBAAT,QAAsC,+CAAtC;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,kBAA3B;AACA,OAAOC,aAAP;AACA,SAASC,WAAT;AACA,SAASC,eAAT;AAEA,IAAMC,CAAC,GAAGN,IAAI,CAACO,EAAL,CAAQ,8DAAR,CAAV;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AACzB,yBAAkBH,eAAe,EAAjC;AAAA,MAAQI,KAAR,oBAAQA,KAAR;;AACA,qBAA2BL,WAAW,CAAC;AAAEM,IAAAA,QAAQ,EAAED;AAAZ,GAAD,CAAtC;AAAA,MAAQE,cAAR,gBAAQA,cAAR;;AACA,uBAA6BR,aAAa,EAA1C;AAAA,MAAQS,gBAAR,kBAAQA,gBAAR;;AAEA,8BAA6Bb,qBAAqB,CAAC;AAC/Cc,IAAAA,KAAK,EAAEP,CAAF,oFAD0C;AAE/CQ,IAAAA,OAAO,eACH,+BAAIR,CAAJ;AAH2C,GAAD,CAAlD;AAAA,MAAQS,gBAAR,yBAAQA,gBAAR;;AAOA,MAAI,CAACH,gBAAgB,CAAC,kBAAD,CAArB,EAA2C;AACvC,WAAO,IAAP;AACH;;AAED,MAAMI,aAAa,GACfP,KAAK,CAACQ,EAAN,KAAaR,KAAK,CAACS,IAAN,CAAWC,MAAX,KAAsB,OAAtB,IAAiCV,KAAK,CAACS,IAAN,CAAWC,MAAX,KAAsB,iBAApE,CADJ;AAGA,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEb,CAAF,sFAAhB;AAAsC,IAAA,SAAS,EAAE;AAAjD,kBACI,oBAAC,UAAD;AACI,IAAA,QAAQ,EAAE,CAACU,aADf;AAEI,IAAA,IAAI,eAAE,oBAAC,kBAAD,OAFV;AAGI,IAAA,OAAO,EAAE;AAAA,aACLD,gBAAgB,wEAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBACPJ,cAAc,CAACF,KAAK,CAACQ,EAAP,CADP;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAD,GADX;AAAA;AAHb,IADJ,CADJ,CADJ;AAeH,CAlCD;;AAoCA,eAAeT,cAAf","sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as RequestChangesIcon } from \"./rule-24px.svg\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-details/header/request-review\");\n\nconst RequestChanges = () => {\n    const { entry } = useContentEntry();\n    const { requestChanges } = useRevision({ revision: entry });\n    const { canRequestChange } = usePermission();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Request Changes`,\n        message: (\n            <p>{t`You are about to request changes on this content entry. Are you sure you want to continue?`}</p>\n        )\n    });\n\n    if (!canRequestChange(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    const buttonEnabled =\n        entry.id && (entry.meta.status === \"draft\" || entry.meta.status === \"reviewRequested\");\n\n    return (\n        <React.Fragment>\n            <Tooltip content={t`Request Changes`} placement={\"top\"}>\n                <IconButton\n                    disabled={!buttonEnabled}\n                    icon={<RequestChangesIcon />}\n                    onClick={() =>\n                        showConfirmation(async () => {\n                            await requestChanges(entry.id);\n                        })\n                    }\n                />\n            </Tooltip>\n        </React.Fragment>\n    );\n};\n\nexport default RequestChanges;\n"]}
+{"version":3,"names":["t","i18n","ns","RequestChanges","useContentEntry","entry","useRevision","revision","requestChanges","usePermission","canRequestChange","useConfirmationDialog","title","message","showConfirmation","buttonEnabled","id","meta","status"],"sources":["RequestChanges.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as RequestChangesIcon } from \"./rule-24px.svg\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-details/header/request-review\");\n\nconst RequestChanges = () => {\n    const { entry } = useContentEntry();\n    const { requestChanges } = useRevision({ revision: entry });\n    const { canRequestChange } = usePermission();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Request Changes`,\n        message: (\n            <p>{t`You are about to request changes on this content entry. Are you sure you want to continue?`}</p>\n        )\n    });\n\n    if (!canRequestChange(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    const buttonEnabled =\n        entry.id && (entry.meta.status === \"draft\" || entry.meta.status === \"reviewRequested\");\n\n    return (\n        <React.Fragment>\n            <Tooltip content={t`Request Changes`} placement={\"top\"}>\n                <IconButton\n                    disabled={!buttonEnabled}\n                    icon={<RequestChangesIcon />}\n                    onClick={() =>\n                        showConfirmation(async () => {\n                            await requestChanges(entry.id);\n                        })\n                    }\n                />\n            </Tooltip>\n        </React.Fragment>\n    );\n};\n\nexport default RequestChanges;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,8DAAR,CAAV;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;EACzB,uBAAkB,IAAAC,iCAAA,GAAlB;EAAA,IAAQC,KAAR,oBAAQA,KAAR;;EACA,mBAA2B,IAAAC,yBAAA,EAAY;IAAEC,QAAQ,EAAEF;EAAZ,CAAZ,CAA3B;EAAA,IAAQG,cAAR,gBAAQA,cAAR;;EACA,qBAA6B,IAAAC,uBAAA,GAA7B;EAAA,IAAQC,gBAAR,kBAAQA,gBAAR;;EAEA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,KAAK,EAAEZ,CAAF,kGAD0C;IAE/Ca,OAAO,eACH,wCAAIb,CAAJ;EAH2C,CAAtB,CAA7B;EAAA,IAAQc,gBAAR,yBAAQA,gBAAR;;EAOA,IAAI,CAACJ,gBAAgB,CAAC,kBAAD,CAArB,EAA2C;IACvC,OAAO,IAAP;EACH;;EAED,IAAMK,aAAa,GACfV,KAAK,CAACW,EAAN,KAAaX,KAAK,CAACY,IAAN,CAAWC,MAAX,KAAsB,OAAtB,IAAiCb,KAAK,CAACY,IAAN,CAAWC,MAAX,KAAsB,iBAApE,CADJ;EAGA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAElB,CAAF,oGAAhB;IAAsC,SAAS,EAAE;EAAjD,gBACI,6BAAC,kBAAD;IACI,QAAQ,EAAE,CAACe,aADf;IAEI,IAAI,eAAE,6BAAC,wBAAD,OAFV;IAGI,OAAO,EAAE;MAAA,OACLD,gBAAgB,sGAAC;QAAA;UAAA;YAAA;cAAA;gBAAA;gBAAA,OACPN,cAAc,CAACH,KAAK,CAACW,EAAP,CADP;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAD,GADX;IAAA;EAHb,EADJ,CADJ,CADJ;AAeH,CAlCD;;eAoCeb,c"}

package/admin/views/contentEntries/ContentEntry/header/requestReview/RequestReview.js

@@ -1,41 +1,63 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _emoji_people24px = require("./emoji_people-24px.svg");
+
+var _useRevision2 = require("../../useRevision");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback } from "react";
-import { IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as RequestReviewIcon } from "./emoji_people-24px.svg";
-import { useRevision } from "../../useRevision";
-import usePermission from "../../../../../hooks/usePermission";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/content-details/header/request-review");
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-details/header/request-review");
 
 var RequestReview = function RequestReview() {
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry;
 
-  var _useRevision = useRevision({
+  var _useRevision = (0, _useRevision2.useRevision)({
     revision: entry
   }),
       requestReview = _useRevision.requestReview;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canRequestReview = _usePermission.canRequestReview;
 
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Request Review"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to request a review of this content entry. Are you sure you want to continue?"]))))
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Request Review"]))),
+    message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to request a review of this content entry. Are you sure you want to continue?"]))))
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
-  var onClick = useCallback(function () {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+  var onClick = (0, _react.useCallback)(function () {
+    showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -56,14 +78,15 @@ var RequestReview = function RequestReview() {
   }
 
   var buttonEnabled = entry.id && (entry.meta.status === "draft" || entry.meta.status === "changesRequested");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Request Review"]))),
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Request Review"]))),
     placement: "top"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     disabled: !buttonEnabled,
-    icon: /*#__PURE__*/React.createElement(RequestReviewIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_emoji_people24px.ReactComponent, null),
     onClick: onClick
   })));
 };
 
-export default RequestReview;
+var _default = RequestReview;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/requestReview/RequestReview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RequestReview.tsx"],"names":["React","useCallback","IconButton","Tooltip","useConfirmationDialog","i18n","ReactComponent","RequestReviewIcon","useRevision","usePermission","useContentEntry","t","ns","RequestReview","entry","revision","requestReview","canRequestReview","title","message","showConfirmation","onClick","id","buttonEnabled","meta","status"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,qBAAT,QAAsC,+CAAtC;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,iBAA3B;AACA,SAASC,WAAT;AACA,OAAOC,aAAP;AACA,SAASC,eAAT;AAEA,IAAMC,CAAC,GAAGN,IAAI,CAACO,EAAL,CAAQ,8DAAR,CAAV;;AAEA,IAAMC,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;AAClC,yBAAkBH,eAAe,EAAjC;AAAA,MAAQI,KAAR,oBAAQA,KAAR;;AACA,qBAA0BN,WAAW,CAAC;AAAEO,IAAAA,QAAQ,EAAED;AAAZ,GAAD,CAArC;AAAA,MAAQE,aAAR,gBAAQA,aAAR;;AACA,uBAA6BP,aAAa,EAA1C;AAAA,MAAQQ,gBAAR,kBAAQA,gBAAR;;AAEA,8BAA6Bb,qBAAqB,CAAC;AAC/Cc,IAAAA,KAAK,EAAEP,CAAF,mFAD0C;AAE/CQ,IAAAA,OAAO,eACH,+BAAIR,CAAJ;AAH2C,GAAD,CAAlD;AAAA,MAAQS,gBAAR,yBAAQA,gBAAR;;AAOA,MAAMC,OAAO,GAAGpB,WAAW,CAAC,YAAY;AACpCmB,IAAAA,gBAAgB,wEAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBACPJ,aAAa,CAACF,KAAK,CAACQ,EAAP,CADN;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAD,GAAhB;AAGH,GAJ0B,EAIxB,CAACR,KAAK,CAACQ,EAAP,CAJwB,CAA3B;;AAMA,MAAI,CAACL,gBAAgB,CAAC,kBAAD,CAArB,EAA2C;AACvC,WAAO,IAAP;AACH;;AAED,MAAMM,aAAa,GACfT,KAAK,CAACQ,EAAN,KAAaR,KAAK,CAACU,IAAN,CAAWC,MAAX,KAAsB,OAAtB,IAAiCX,KAAK,CAACU,IAAN,CAAWC,MAAX,KAAsB,kBAApE,CADJ;AAGA,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEd,CAAF,qFAAhB;AAAqC,IAAA,SAAS,EAAE;AAAhD,kBACI,oBAAC,UAAD;AACI,IAAA,QAAQ,EAAE,CAACY,aADf;AAEI,IAAA,IAAI,eAAE,oBAAC,iBAAD,OAFV;AAGI,IAAA,OAAO,EAAEF;AAHb,IADJ,CADJ,CADJ;AAWH,CApCD;;AAsCA,eAAeR,aAAf","sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as RequestReviewIcon } from \"./emoji_people-24px.svg\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-details/header/request-review\");\n\nconst RequestReview: React.FC = () => {\n    const { entry } = useContentEntry();\n    const { requestReview } = useRevision({ revision: entry });\n    const { canRequestReview } = usePermission();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Request Review`,\n        message: (\n            <p>{t`You are about to request a review of this content entry. Are you sure you want to continue?`}</p>\n        )\n    });\n\n    const onClick = useCallback((): void => {\n        showConfirmation(async (): Promise<void> => {\n            await requestReview(entry.id);\n        });\n    }, [entry.id]);\n\n    if (!canRequestReview(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    const buttonEnabled =\n        entry.id && (entry.meta.status === \"draft\" || entry.meta.status === \"changesRequested\");\n\n    return (\n        <React.Fragment>\n            <Tooltip content={t`Request Review`} placement={\"top\"}>\n                <IconButton\n                    disabled={!buttonEnabled}\n                    icon={<RequestReviewIcon />}\n                    onClick={onClick}\n                />\n            </Tooltip>\n        </React.Fragment>\n    );\n};\n\nexport default RequestReview;\n"]}
+{"version":3,"names":["t","i18n","ns","RequestReview","useContentEntry","entry","useRevision","revision","requestReview","usePermission","canRequestReview","useConfirmationDialog","title","message","showConfirmation","onClick","useCallback","id","buttonEnabled","meta","status"],"sources":["RequestReview.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as RequestReviewIcon } from \"./emoji_people-24px.svg\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-details/header/request-review\");\n\nconst RequestReview: React.FC = () => {\n    const { entry } = useContentEntry();\n    const { requestReview } = useRevision({ revision: entry });\n    const { canRequestReview } = usePermission();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Request Review`,\n        message: (\n            <p>{t`You are about to request a review of this content entry. Are you sure you want to continue?`}</p>\n        )\n    });\n\n    const onClick = useCallback((): void => {\n        showConfirmation(async (): Promise<void> => {\n            await requestReview(entry.id);\n        });\n    }, [entry.id]);\n\n    if (!canRequestReview(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    const buttonEnabled =\n        entry.id && (entry.meta.status === \"draft\" || entry.meta.status === \"changesRequested\");\n\n    return (\n        <React.Fragment>\n            <Tooltip content={t`Request Review`} placement={\"top\"}>\n                <IconButton\n                    disabled={!buttonEnabled}\n                    icon={<RequestReviewIcon />}\n                    onClick={onClick}\n                />\n            </Tooltip>\n        </React.Fragment>\n    );\n};\n\nexport default RequestReview;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,8DAAR,CAAV;;AAEA,IAAMC,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EAClC,uBAAkB,IAAAC,iCAAA,GAAlB;EAAA,IAAQC,KAAR,oBAAQA,KAAR;;EACA,mBAA0B,IAAAC,yBAAA,EAAY;IAAEC,QAAQ,EAAEF;EAAZ,CAAZ,CAA1B;EAAA,IAAQG,aAAR,gBAAQA,aAAR;;EACA,qBAA6B,IAAAC,uBAAA,GAA7B;EAAA,IAAQC,gBAAR,kBAAQA,gBAAR;;EAEA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,KAAK,EAAEZ,CAAF,iGAD0C;IAE/Ca,OAAO,eACH,wCAAIb,CAAJ;EAH2C,CAAtB,CAA7B;EAAA,IAAQc,gBAAR,yBAAQA,gBAAR;;EAOA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAY;IACpCF,gBAAgB,sGAAC;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACPN,aAAa,CAACH,KAAK,CAACY,EAAP,CADN;;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAD,GAAhB;EAGH,CAJe,EAIb,CAACZ,KAAK,CAACY,EAAP,CAJa,CAAhB;;EAMA,IAAI,CAACP,gBAAgB,CAAC,kBAAD,CAArB,EAA2C;IACvC,OAAO,IAAP;EACH;;EAED,IAAMQ,aAAa,GACfb,KAAK,CAACY,EAAN,KAAaZ,KAAK,CAACc,IAAN,CAAWC,MAAX,KAAsB,OAAtB,IAAiCf,KAAK,CAACc,IAAN,CAAWC,MAAX,KAAsB,kBAApE,CADJ;EAGA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEpB,CAAF,mGAAhB;IAAqC,SAAS,EAAE;EAAhD,gBACI,6BAAC,kBAAD;IACI,QAAQ,EAAE,CAACkB,aADf;IAEI,IAAI,eAAE,6BAAC,gCAAD,OAFV;IAGI,OAAO,EAAEH;EAHb,EADJ,CADJ,CADJ;AAWH,CApCD;;eAsCeZ,a"}