@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

package/admin/views/contentModels/ContentModels.js.map

@@ -1 +1 @@
-{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","centeredContent","display","flexDirection","height","overflow","maxHeight","ContentModels","React","useState","newContentModelDialogOpened","openNewContentModelDialog","cloneContentModel","setCloneContentModel","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","closeModal","useCallback","onCreate","onClose","onClone","contentModel","onCloneClose"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport CloneContentModelDialog from \"./CloneContentModelDialog\";\nimport NewContentModelDialog from \"./NewContentModelDialog\";\nimport ContentModelsDataList from \"./ContentModelsDataList\";\nimport { css } from \"emotion\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst centeredContent = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst ContentModels: React.FC = () => {\n    const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);\n\n    const [cloneContentModel, setCloneContentModel] = React.useState<CmsModel | null>(null);\n\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModel\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const closeModal = useCallback(() => {\n        setCloneContentModel(null);\n    }, []);\n\n    const onCreate = useCallback((): void => openNewContentModelDialog(true), []);\n    const onClose = useCallback((): void => openNewContentModelDialog(false), []);\n    const onClone = useCallback(\n        (contentModel: CmsModel): void => setCloneContentModel(contentModel),\n        []\n    );\n    const onCloneClose = useCallback((): void => setCloneContentModel(null), []);\n\n    return (\n        <>\n            <NewContentModelDialog open={newContentModelDialogOpened} onClose={onClose} />\n            {cloneContentModel && (\n                <CloneContentModelDialog\n                    open={!!cloneContentModel}\n                    contentModel={cloneContentModel}\n                    onClose={onCloneClose}\n                    closeModal={closeModal}\n                />\n            )}\n            <Grid className={grid}>\n                <Cell span={3} />\n                <Cell span={6} className={centeredContent}>\n                    <ContentModelsDataList\n                        canCreate={canCreate}\n                        onCreate={onCreate}\n                        onClone={onClone}\n                    />\n                </Cell>\n                <Cell span={3} />\n            </Grid>\n        </>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":"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"}
+{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","centeredContent","display","flexDirection","height","overflow","maxHeight","ContentModels","React","useState","newContentModelDialogOpened","openNewContentModelDialog","cloneContentModel","setCloneContentModel","useSecurity","identity","getPermission","canCreate","useMemo","permission","rwd","includes","closeModal","useCallback","onCreate","onClose","onClone","contentModel","onCloneClose"],"sources":["ContentModels.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { CloneContentModelDialog } from \"./CloneContentModelDialog\";\nimport NewContentModelDialog from \"./NewContentModelDialog\";\nimport ContentModelsDataList from \"./ContentModelsDataList\";\nimport { css } from \"emotion\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst centeredContent = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst ContentModels: React.FC = () => {\n    const [newContentModelDialogOpened, openNewContentModelDialog] = React.useState(false);\n\n    const [cloneContentModel, setCloneContentModel] = React.useState<CmsModel | null>(null);\n\n    const { identity, getPermission } = useSecurity();\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentModel\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const closeModal = useCallback(() => {\n        setCloneContentModel(null);\n    }, []);\n\n    const onCreate = useCallback((): void => openNewContentModelDialog(true), []);\n    const onClose = useCallback((): void => openNewContentModelDialog(false), []);\n    const onClone = useCallback(\n        (contentModel: CmsModel): void => setCloneContentModel(contentModel),\n        []\n    );\n    const onCloneClose = useCallback((): void => setCloneContentModel(null), []);\n\n    return (\n        <>\n            <NewContentModelDialog open={newContentModelDialogOpened} onClose={onClose} />\n            {cloneContentModel && (\n                <CloneContentModelDialog\n                    contentModel={cloneContentModel}\n                    onClose={onCloneClose}\n                    closeModal={closeModal}\n                />\n            )}\n            <Grid className={grid}>\n                <Cell span={3} />\n                <Cell span={6} className={centeredContent}>\n                    <ContentModelsDataList\n                        canCreate={canCreate}\n                        onCreate={onCreate}\n                        onClone={onClone}\n                    />\n                </Cell>\n                <Cell span={3} />\n            </Grid>\n        </>\n    );\n};\n\nexport default ContentModels;\n"],"mappings":"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"}

package/admin/views/contentModels/ContentModelsDataList.js

@@ -1,76 +1,43 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _timeagoReact = _interopRequireDefault(require("timeago-react"));
-
 var _emotion = require("emotion");
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
 var _reactRouter = require("@webiny/react-router");
-
 var _icons = require("@webiny/ui/List/DataList/icons");
-
 var _view_list = require("../../icons/view_list.svg");
-
 var _clone = require("../../icons/clone.svg");
-
 var _hooks = require("../../hooks");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
 var UIL = _interopRequireWildcard(require("@webiny/ui/List"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
-
 var _cache = require("./cache");
-
 var GQL = _interopRequireWildcard(require("../../viewsGraphql"));
-
 var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-
 var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
-
 var _utils = require("../utils");
-
 var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Select = require("@webiny/ui/Select");
-
 var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
-
 var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
-
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
-
 var t = _i18n.i18n.namespace("FormsApp.ContentModelsDataList");
-
 var SORTERS = [{
   label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
   sorters: "savedOn_DESC"
@@ -91,129 +58,127 @@ var rightAlign = /*#__PURE__*/(0, _emotion.css)({
 var listItemMinHeight = /*#__PURE__*/(0, _emotion.css)({
   minHeight: "66px !important"
 }, "label:listItemMinHeight;");
-
-var ContentModelsDataList = function ContentModelsDataList(_ref) {
-  var canCreate = _ref.canCreate,
-      onCreate = _ref.onCreate,
-      onClone = _ref.onClone;
-
+var Icon = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "ey1m2qq0",
+  label: "Icon"
+})({
+  width: "24px",
+  height: "24px",
+  marginRight: "15px",
+  flex: "0 0 24px",
+  svg: {
+    color: "var(--mdc-theme-text-icon-on-light)",
+    width: "100%",
+    height: "auto",
+    maxWidth: 24,
+    maxHeight: 24
+  }
+});
+var DisplayIcon = function DisplayIcon(_ref) {
+  var model = _ref.model;
+  if (!model.icon) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: (model.icon || "").split("/")
+  });
+};
+var ContentModelsDataList = function ContentModelsDataList(_ref2) {
+  var canCreate = _ref2.canCreate,
+    onCreate = _ref2.onCreate,
+    onClone = _ref2.onClone;
   var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filter = _useState2[0],
+    setFilter = _useState2[1];
   var _useState3 = (0, _react.useState)(SORTERS[0].sorters),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      sort = _useState4[0],
-      setSort = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    sort = _useState4[0],
+    setSort = _useState4[1];
   var _useRouter = (0, _reactRouter.useRouter)(),
-      history = _useRouter.history;
-
+    history = _useRouter.history;
   var client = (0, _hooks.useApolloClient)();
-
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
-    dataTestId: "cms-delete-content-model-dialog"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var _useQuery = (0, _hooks.useQuery)(GQL.LIST_CONTENT_MODELS),
-      data = _useQuery.data,
-      loading = _useQuery.loading;
-
+      dataTestId: "cms-delete-content-model-dialog"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var _useModels = (0, _hooks.useModels)(),
+    models = _useModels.models,
+    loading = _useModels.loading;
   var _usePermission = (0, _usePermission2.default)(),
-      canDelete = _usePermission.canDelete,
-      canEdit = _usePermission.canEdit;
-
-  var filterData = (0, _react.useCallback)(function (_ref2) {
-    var name = _ref2.name;
+    canDelete = _usePermission.canDelete,
+    canEdit = _usePermission.canEdit;
+  var filterData = (0, _react.useCallback)(function (_ref3) {
+    var name = _ref3.name;
     return name.toLowerCase().includes(filter);
   }, [filter]);
   var sortData = (0, _react.useCallback)(function (list) {
     if (!sort) {
       return list;
     }
-
     var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
-        _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
-        sortField = _deserializeSorters2[0],
-        sortOrderBy = _deserializeSorters2[1];
-
+      _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
+      sortField = _deserializeSorters2[0],
+      sortOrderBy = _deserializeSorters2[1];
     return (0, _orderBy.default)(list, [sortField], [sortOrderBy]);
   }, [sort]);
-  var models = loading ? [] : (0, _get.default)(data, "listContentModels.data", []);
-
   var deleteRecord = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(item) {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(item) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              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:
-                        _context.next = 2;
-                        return client.mutate({
-                          mutation: GQL.DELETE_CONTENT_MODEL,
-                          variables: {
-                            modelId: item.modelId
-                          },
-                          update: function update(cache, _ref5) {
-                            var data = _ref5.data;
-
-                            if (!data) {
-                              showSnackbar("Missing data on Delete Content Model Mutation Response.");
-                              return;
-                            }
-
-                            var error = data.deleteContentModel.error;
-
-                            if (error) {
-                              showSnackbar(error.message, {
-                                title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Something unexpected happened."])))
-                              });
-                              return;
-                            }
-
-                            (0, _cache.removeModelFromListCache)(cache, item);
-                            (0, _cache.removeModelFromGroupCache)(cache, item);
-                            (0, _cache.removeModelFromCache)(client, item);
-                            showSnackbar(t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Content model {name} deleted successfully!."])))({
-                              name: item.name
-                            }));
-                          }
-                        });
-
-                      case 2:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              })));
-
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            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:
+                    _context.next = 2;
+                    return client.mutate({
+                      mutation: GQL.DELETE_CONTENT_MODEL,
+                      variables: {
+                        modelId: item.modelId
+                      },
+                      update: function update(cache, _ref6) {
+                        var data = _ref6.data;
+                        if (!data) {
+                          showSnackbar("Missing data on Delete Content Model Mutation Response.");
+                          return;
+                        }
+                        var error = data.deleteContentModel.error;
+                        if (error) {
+                          showSnackbar(error.message, {
+                            title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Something unexpected happened."])))
+                          });
+                          return;
+                        }
+                        (0, _cache.removeModelFromListCache)(cache, item);
+                        (0, _cache.removeModelFromGroupCache)(cache, item);
+                        (0, _cache.removeModelFromCache)(client, item);
+                        showSnackbar(t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Content model {name} deleted successfully!."])))({
+                          name: item.name
+                        }));
+                      }
+                    });
+                  case 2:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            })));
+          case 1:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
-
     return function deleteRecord(_x) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
-
   var editRecord = function editRecord(contentModel) {
     history.push("/cms/content-models/" + contentModel.modelId);
   };
-
   var viewContentEntries = (0, _react.useCallback)(function (contentModel) {
     return function () {
       return history.push("/cms/content-entries/" + contentModel.modelId);
@@ -227,9 +192,9 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
       onChange: setSort,
       label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Sort by"]))),
       description: "Sort content models by"
-    }, SORTERS.map(function (_ref6) {
-      var label = _ref6.label,
-          sorters = _ref6.sorters;
+    }, SORTERS.map(function (_ref7) {
+      var label = _ref7.label,
+        sorters = _ref7.sorters;
       return /*#__PURE__*/_react.default.createElement("option", {
         key: label,
         value: sorters
@@ -258,9 +223,9 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
       icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
       "data-testid": "default-data-list.filter"
     })
-  }, function (_ref7) {
-    var _ref7$data = _ref7.data,
-        data = _ref7$data === void 0 ? [] : _ref7$data;
+  }, function (_ref8) {
+    var _ref8$data = _ref8.data,
+      data = _ref8$data === void 0 ? [] : _ref8$data;
     return /*#__PURE__*/_react.default.createElement(UIL.List, {
       "data-testid": "default-data-list"
     }, data.map(function (contentModel) {
@@ -269,7 +234,9 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
       return /*#__PURE__*/_react.default.createElement(UIL.ListItem, {
         key: contentModel.modelId,
         className: listItemMinHeight
-      }, /*#__PURE__*/_react.default.createElement(UIL.ListItemText, null, contentModel.name, /*#__PURE__*/_react.default.createElement(UIL.ListItemTextSecondary, null, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
+      }, /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(DisplayIcon, {
+        model: contentModel
+      })), /*#__PURE__*/_react.default.createElement(UIL.ListItemText, null, contentModel.name, /*#__PURE__*/_react.default.createElement(UIL.ListItemTextSecondary, null, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
         time: contentModel.savedOn ? /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
           datetime: contentModel.savedOn
         }) : "N/A"
@@ -328,6 +295,5 @@ var ContentModelsDataList = function ContentModelsDataList(_ref) {
     }));
   });
 };
-
 var _default = ContentModelsDataList;
 exports.default = _default;

package/admin/views/contentModels/ContentModelsDataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","namespace","SORTERS","label","sorters","rightAlign","css","alignItems","justifyContent","listItemMinHeight","minHeight","ContentModelsDataList","canCreate","onCreate","onClone","useState","filter","setFilter","sort","setSort","useRouter","history","client","useApolloClient","useSnackbar","showSnackbar","useConfirmationDialog","dataTestId","showConfirmation","useQuery","GQL","LIST_CONTENT_MODELS","data","loading","usePermission","canDelete","canEdit","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","models","get","deleteRecord","item","mutate","mutation","DELETE_CONTENT_MODEL","variables","modelId","update","cache","error","deleteContentModel","message","title","removeModelFromListCache","removeModelFromGroupCache","removeModelFromCache","editRecord","contentModel","push","viewContentEntries","contentModelsDataListModalOverlay","useMemo","map","filteredData","contentModels","disableViewContent","fields","length","time","savedOn","plugin"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DeleteIcon, EditIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { ReactComponent as ViewListIcon } from \"../../icons/view_list.svg\";\nimport { ReactComponent as CloneIcon } from \"../../icons/clone.svg\";\nimport { useApolloClient, useQuery } from \"../../hooks\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport * as UIL from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { removeModelFromGroupCache, removeModelFromListCache, removeModelFromCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport {\n    DeleteCmsModelMutationResponse,\n    DeleteCmsModelMutationVariables,\n    ListCmsModelsQueryResponse\n} from \"../../viewsGraphql\";\nimport usePermission from \"~/admin/hooks/usePermission\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n    label: string;\n    sorters: string;\n}\nconst SORTERS: Sorter[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"savedOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"savedOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorters: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorters: \"name_DESC\"\n    }\n];\n\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsEditorContentModel) => void;\n}\nconst ContentModelsDataList: React.FC<ContentModelsDataListProps> = ({\n    canCreate,\n    onCreate,\n    onClone\n}) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms-delete-content-model-dialog\"\n    });\n    const { data, loading } = useQuery<ListCmsModelsQueryResponse>(GQL.LIST_CONTENT_MODELS);\n    const { canDelete, canEdit } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }: Pick<CmsModel, \"name\">): boolean => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsModel[]): CmsModel[] => {\n            if (!sort) {\n                return list;\n            }\n            const [sortField, sortOrderBy] = deserializeSorters(sort);\n            return orderBy(list, [sortField], [sortOrderBy]);\n        },\n        [sort]\n    );\n\n    const models: CmsModel[] = loading ? [] : get(data, \"listContentModels.data\", []);\n\n    const deleteRecord = async (item: CmsModel): Promise<void> => {\n        showConfirmation(async () => {\n            await client.mutate<DeleteCmsModelMutationResponse, DeleteCmsModelMutationVariables>({\n                mutation: GQL.DELETE_CONTENT_MODEL,\n                variables: { modelId: item.modelId },\n                update(cache, { data }) {\n                    if (!data) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const { error } = data.deleteContentModel;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        return;\n                    }\n\n                    removeModelFromListCache(cache, item);\n                    removeModelFromGroupCache(cache, item);\n                    removeModelFromCache(client, item);\n\n                    showSnackbar(\n                        t`Content model {name} deleted successfully!.`({ name: item.name })\n                    );\n                }\n            });\n        });\n    };\n\n    const editRecord = (contentModel: CmsModel): void => {\n        history.push(\"/cms/content-models/\" + contentModel.modelId);\n    };\n\n    const viewContentEntries = useCallback(contentModel => {\n        return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n    }, []);\n\n    const contentModelsDataListModalOverlay = useMemo(\n        () => (\n            <UIL.DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort content models by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </UIL.DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? models : models.filter(filterData);\n    const contentModels = sortData(filteredData);\n\n    return (\n        <UIL.DataList\n            loading={loading}\n            data={contentModels}\n            title={t`Content Models`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Model`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content models`}\n                />\n            }\n            modalOverlay={contentModelsDataListModalOverlay}\n            modalOverlayAction={\n                <UIL.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data = [] }: { data: CmsModel[] }) => (\n                <UIL.List data-testid=\"default-data-list\">\n                    {data.map(contentModel => {\n                        const disableViewContent = contentModel.fields.length === 0;\n                        const message = disableViewContent\n                            ? \"To view the content, you first need to add a field and save the model\"\n                            : \"View content\";\n                        return (\n                            <UIL.ListItem key={contentModel.modelId} className={listItemMinHeight}>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\n                                    <UIL.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: contentModel.savedOn ? (\n                                                <TimeAgo datetime={contentModel.savedOn} />\n                                            ) : (\n                                                \"N/A\"\n                                            )\n                                        })}\n                                    </UIL.ListItemTextSecondary>\n                                </UIL.ListItemText>\n                                <UIL.ListItemMeta className={rightAlign}>\n                                    <UIL.ListActions>\n                                        {canEdit(contentModel, \"cms.contentModel\") && (\n                                            <>\n                                                <Tooltip\n                                                    content={t`{message}`({ message })}\n                                                    placement={\"top\"}\n                                                >\n                                                    <IconButton\n                                                        data-testid={\n                                                            \"cms-view-content-model-button\"\n                                                        }\n                                                        icon={<ViewListIcon />}\n                                                        label={t`View entries`}\n                                                        onClick={viewContentEntries(contentModel)}\n                                                        disabled={disableViewContent}\n                                                    />\n                                                </Tooltip>\n                                                {contentModel.plugin ? (\n                                                    <Tooltip\n                                                        content={t`Content model is registered via a plugin.`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            disabled\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                ) : (\n                                                    <Tooltip\n                                                        content={t`Edit content model`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            onClick={() => editRecord(contentModel)}\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                )}\n                                            </>\n                                        )}\n\n                                        <Tooltip content={\"Clone content model\"} placement={\"top\"}>\n                                            <IconButton\n                                                data-testid={\"cms-clone-content-model-button\"}\n                                                icon={<CloneIcon />}\n                                                label={t`View entries`}\n                                                onClick={() => onClone(contentModel)}\n                                            />\n                                        </Tooltip>\n\n                                        {canDelete(contentModel, \"cms.contentModel\") &&\n                                        contentModel.plugin ? (\n                                            <Tooltip\n                                                content={t`Content model is registered via a plugin.`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <Tooltip\n                                                content={t`Delete content model`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    onClick={() => deleteRecord(contentModel)}\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        )}\n                                    </UIL.ListActions>\n                                </UIL.ListItemMeta>\n                            </UIL.ListItem>\n                        );\n                    })}\n                </UIL.List>\n            )}\n        </UIL.DataList>\n    );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,SAAL,CAAe,gCAAf,CAAV;;AAMA,IAAMC,OAAiB,GAAG,CACtB;EACIC,KAAK,EAAEJ,CAAF,mGADT;EAEIK,OAAO,EAAE;AAFb,CADsB,EAKtB;EACID,KAAK,EAAEJ,CAAF,qGADT;EAEIK,OAAO,EAAE;AAFb,CALsB,EAStB;EACID,KAAK,EAAEJ,CAAF,6FADT;EAEIK,OAAO,EAAE;AAFb,CATsB,EAatB;EACID,KAAK,EAAEJ,CAAF,6FADT;EAEIK,OAAO,EAAE;AAFb,CAbsB,CAA1B;AAmBA,IAAMC,UAAU,gBAAG,IAAAC,YAAA,EAAI;EACnBC,UAAU,EAAE,qBADO;EAEnBC,cAAc,EAAE;AAFG,CAAJ,sBAAnB;AAKA,IAAMC,iBAAiB,gBAAG,IAAAH,YAAA,EAAI;EAC1BI,SAAS,EAAE;AADe,CAAJ,6BAA1B;;AASA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAI9D;EAAA,IAHFC,SAGE,QAHFA,SAGE;EAAA,IAFFC,QAEE,QAFFA,QAEE;EAAA,IADFC,OACE,QADFA,OACE;;EACF,gBAA4B,IAAAC,eAAA,EAAiB,EAAjB,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAAwB,IAAAF,eAAA,EAAiBb,OAAO,CAAC,CAAD,CAAP,CAAWE,OAA5B,CAAxB;EAAA;EAAA,IAAOc,IAAP;EAAA,IAAaC,OAAb;;EACA,iBAAoB,IAAAC,sBAAA,GAApB;EAAA,IAAQC,OAAR,cAAQA,OAAR;;EACA,IAAMC,MAAM,GAAG,IAAAC,sBAAA,GAAf;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,UAAU,EAAE;EADmC,CAAtB,CAA7B;EAAA,IAAQC,gBAAR,yBAAQA,gBAAR;;EAGA,gBAA0B,IAAAC,eAAA,EAAqCC,GAAG,CAACC,mBAAzC,CAA1B;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,OAAd,aAAcA,OAAd;;EACA,qBAA+B,IAAAC,uBAAA,GAA/B;EAAA,IAAQC,SAAR,kBAAQA,SAAR;EAAA,IAAmBC,OAAnB,kBAAmBA,OAAnB;;EAEA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EACf,iBAA+C;IAAA,IAA5CC,IAA4C,SAA5CA,IAA4C;IAC3C,OAAOA,IAAI,CAACC,WAAL,GAAmBC,QAAnB,CAA4BzB,MAA5B,CAAP;EACH,CAHc,EAIf,CAACA,MAAD,CAJe,CAAnB;EAOA,IAAM0B,QAAQ,GAAG,IAAAJ,kBAAA,EACb,UAACK,IAAD,EAAkC;IAC9B,IAAI,CAACzB,IAAL,EAAW;MACP,OAAOyB,IAAP;IACH;;IACD,0BAAiC,IAAAC,yBAAA,EAAmB1B,IAAnB,CAAjC;IAAA;IAAA,IAAO2B,SAAP;IAAA,IAAkBC,WAAlB;;IACA,OAAO,IAAAC,gBAAA,EAAQJ,IAAR,EAAc,CAACE,SAAD,CAAd,EAA2B,CAACC,WAAD,CAA3B,CAAP;EACH,CAPY,EAQb,CAAC5B,IAAD,CARa,CAAjB;EAWA,IAAM8B,MAAkB,GAAGf,OAAO,GAAG,EAAH,GAAQ,IAAAgB,YAAA,EAAIjB,IAAJ,EAAU,wBAAV,EAAoC,EAApC,CAA1C;;EAEA,IAAMkB,YAAY;IAAA,mGAAG,kBAAOC,IAAP;MAAA;QAAA;UAAA;YAAA;cACjBvB,gBAAgB,sGAAC;gBAAA;kBAAA;oBAAA;sBAAA;wBAAA;wBAAA,OACPN,MAAM,CAAC8B,MAAP,CAA+E;0BACjFC,QAAQ,EAAEvB,GAAG,CAACwB,oBADmE;0BAEjFC,SAAS,EAAE;4BAAEC,OAAO,EAAEL,IAAI,CAACK;0BAAhB,CAFsE;0BAGjFC,MAHiF,kBAG1EC,KAH0E,SAGzD;4BAAA,IAAR1B,IAAQ,SAARA,IAAQ;;4BACpB,IAAI,CAACA,IAAL,EAAW;8BACPP,YAAY,CAAC,yDAAD,CAAZ;8BACA;4BACH;;4BACD,IAAQkC,KAAR,GAAkB3B,IAAI,CAAC4B,kBAAvB,CAAQD,KAAR;;4BAEA,IAAIA,KAAJ,EAAW;8BACPlC,YAAY,CAACkC,KAAK,CAACE,OAAP,EAAgB;gCACxBC,KAAK,EAAE/D,CAAF;8BADmB,CAAhB,CAAZ;8BAGA;4BACH;;4BAED,IAAAgE,+BAAA,EAAyBL,KAAzB,EAAgCP,IAAhC;4BACA,IAAAa,gCAAA,EAA0BN,KAA1B,EAAiCP,IAAjC;4BACA,IAAAc,2BAAA,EAAqB3C,MAArB,EAA6B6B,IAA7B;4BAEA1B,YAAY,CACR1B,CAAC,gIAAD,CAA+C;8BAAEwC,IAAI,EAAEY,IAAI,CAACZ;4BAAb,CAA/C,CADQ,CAAZ;0BAGH;wBAxBgF,CAA/E,CADO;;sBAAA;sBAAA;wBAAA;oBAAA;kBAAA;gBAAA;cAAA,CAAD,GAAhB;;YADiB;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAH;;IAAA,gBAAZW,YAAY;MAAA;IAAA;EAAA,GAAlB;;EA+BA,IAAMgB,UAAU,GAAG,SAAbA,UAAa,CAACC,YAAD,EAAkC;IACjD9C,OAAO,CAAC+C,IAAR,CAAa,yBAAyBD,YAAY,CAACX,OAAnD;EACH,CAFD;;EAIA,IAAMa,kBAAkB,GAAG,IAAA/B,kBAAA,EAAY,UAAA6B,YAAY,EAAI;IACnD,OAAO;MAAA,OAAM9C,OAAO,CAAC+C,IAAR,CAAa,0BAA0BD,YAAY,CAACX,OAApD,CAAN;IAAA,CAAP;EACH,CAF0B,EAExB,EAFwB,CAA3B;EAIA,IAAMc,iCAAiC,GAAG,IAAAC,cAAA,EACtC;IAAA,oBACI,6BAAC,GAAD,CAAK,oBAAL,qBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;MAAM,IAAI,EAAE;IAAZ,gBACI,6BAAC,cAAD;MACI,KAAK,EAAErD,IADX;MAEI,QAAQ,EAAEC,OAFd;MAGI,KAAK,EAAEpB,CAAF,4FAHT;MAII,WAAW,EAAE;IAJjB,GAMKG,OAAO,CAACsE,GAAR,CAAY,iBAAwB;MAAA,IAArBrE,KAAqB,SAArBA,KAAqB;MAAA,IAAdC,OAAc,SAAdA,OAAc;MACjC,oBACI;QAAQ,GAAG,EAAED,KAAb;QAAoB,KAAK,EAAEC;MAA3B,GACKD,KADL,CADJ;IAKH,CANA,CANL,CADJ,CADJ,CADJ,CADJ;EAAA,CADsC,EAuBtC,CAACe,IAAD,CAvBsC,CAA1C;EA0BA,IAAMuD,YAAY,GAAGzD,MAAM,KAAK,EAAX,GAAgBgC,MAAhB,GAAyBA,MAAM,CAAChC,MAAP,CAAcqB,UAAd,CAA9C;EACA,IAAMqC,aAAa,GAAGhC,QAAQ,CAAC+B,YAAD,CAA9B;EAEA,oBACI,6BAAC,GAAD,CAAK,QAAL;IACI,OAAO,EAAExC,OADb;IAEI,IAAI,EAAEyC,aAFV;IAGI,KAAK,EAAE3E,CAAF,mGAHT;IAII,OAAO,EACHa,SAAS,gBACL,6BAAC,uBAAD;MAAiB,eAAY,mBAA7B;MAAiD,OAAO,EAAEC;IAA1D,gBACI,6BAAC,kBAAD;MAAY,IAAI,eAAE,6BAAC,uBAAD;IAAlB,EADJ,EACqC,GADrC,EACuCd,CADvC,+FADK,GAIL,IATZ;IAWI,MAAM,eACF,6BAAC,iBAAD;MACI,KAAK,EAAEiB,MADX;MAEI,QAAQ,EAAEC,SAFd;MAGI,gBAAgB,EAAElB,CAAF;IAHpB,EAZR;IAkBI,YAAY,EAAEuE,iCAlBlB;IAmBI,kBAAkB,eACd,6BAAC,GAAD,CAAK,0BAAL;MACI,IAAI,eAAE,6BAAC,0BAAD,OADV;MAEI,eAAa;IAFjB;EApBR,GA0BK;IAAA,uBAAGtC,IAAH;IAAA,IAAGA,IAAH,2BAAU,EAAV;IAAA,oBACG,6BAAC,GAAD,CAAK,IAAL;MAAU,eAAY;IAAtB,GACKA,IAAI,CAACwC,GAAL,CAAS,UAAAL,YAAY,EAAI;MACtB,IAAMQ,kBAAkB,GAAGR,YAAY,CAACS,MAAb,CAAoBC,MAApB,KAA+B,CAA1D;MACA,IAAMhB,OAAO,GAAGc,kBAAkB,GAC5B,uEAD4B,GAE5B,cAFN;MAGA,oBACI,6BAAC,GAAD,CAAK,QAAL;QAAc,GAAG,EAAER,YAAY,CAACX,OAAhC;QAAyC,SAAS,EAAE/C;MAApD,gBACI,6BAAC,GAAD,CAAK,YAAL,QACK0D,YAAY,CAAC5B,IADlB,eAEI,6BAAC,GAAD,CAAK,qBAAL,QACKxC,CAAC,6GAAD,CAA0B;QACvB+E,IAAI,EAAEX,YAAY,CAACY,OAAb,gBACF,6BAAC,qBAAD;UAAS,QAAQ,EAAEZ,YAAY,CAACY;QAAhC,EADE,GAGF;MAJmB,CAA1B,CADL,CAFJ,CADJ,eAaI,6BAAC,GAAD,CAAK,YAAL;QAAkB,SAAS,EAAE1E;MAA7B,gBACI,6BAAC,GAAD,CAAK,WAAL,QACK+B,OAAO,CAAC+B,YAAD,EAAe,kBAAf,CAAP,iBACG,yEACI,6BAAC,gBAAD;QACI,OAAO,EAAEpE,CAAC,gGAAD,CAAa;UAAE8D,OAAO,EAAPA;QAAF,CAAb,CADb;QAEI,SAAS,EAAE;MAFf,gBAII,6BAAC,kBAAD;QACI,eACI,+BAFR;QAII,IAAI,eAAE,6BAAC,yBAAD,OAJV;QAKI,KAAK,EAAE9D,CAAF,mGALT;QAMI,OAAO,EAAEsE,kBAAkB,CAACF,YAAD,CAN/B;QAOI,QAAQ,EAAEQ;MAPd,EAJJ,CADJ,EAeKR,YAAY,CAACa,MAAb,gBACG,6BAAC,gBAAD;QACI,OAAO,EAAEjF,CAAF,gIADX;QAEI,SAAS,EAAE;MAFf,gBAII,6BAAC,eAAD;QACI,QAAQ,MADZ;QAEI,eACI;MAHR,EAJJ,CADH,gBAaG,6BAAC,gBAAD;QACI,OAAO,EAAEA,CAAF,yGADX;QAEI,SAAS,EAAE;MAFf,gBAII,6BAAC,eAAD;QACI,OAAO,EAAE;UAAA,OAAMmE,UAAU,CAACC,YAAD,CAAhB;QAAA,CADb;QAEI,eACI;MAHR,EAJJ,CA5BR,CAFR,eA6CI,6BAAC,gBAAD;QAAS,OAAO,EAAE,qBAAlB;QAAyC,SAAS,EAAE;MAApD,gBACI,6BAAC,kBAAD;QACI,eAAa,gCADjB;QAEI,IAAI,eAAE,6BAAC,qBAAD,OAFV;QAGI,KAAK,EAAEpE,CAAF,mGAHT;QAII,OAAO,EAAE;UAAA,OAAMe,OAAO,CAACqD,YAAD,CAAb;QAAA;MAJb,EADJ,CA7CJ,EAsDKhC,SAAS,CAACgC,YAAD,EAAe,kBAAf,CAAT,IACDA,YAAY,CAACa,MADZ,gBAEG,6BAAC,gBAAD;QACI,OAAO,EAAEjF,CAAF,gIADX;QAEI,SAAS,EAAE;MAFf,gBAII,6BAAC,iBAAD;QACI,QAAQ,MADZ;QAEI,eAAa;MAFjB,EAJJ,CAFH,gBAYG,6BAAC,gBAAD;QACI,OAAO,EAAEA,CAAF,2GADX;QAEI,SAAS,EAAE;MAFf,gBAII,6BAAC,iBAAD;QACI,OAAO,EAAE;UAAA,OAAMmD,YAAY,CAACiB,YAAD,CAAlB;QAAA,CADb;QAEI,eAAa;MAFjB,EAJJ,CAlER,CADJ,CAbJ,CADJ;IA+FH,CApGA,CADL,CADH;EAAA,CA1BL,CADJ;AAsIH,CA9OD;;eAgPexD,qB"}
+{"version":3,"names":["t","i18n","namespace","SORTERS","label","sorters","rightAlign","css","alignItems","justifyContent","listItemMinHeight","minHeight","Icon","styled","width","height","marginRight","flex","svg","color","maxWidth","maxHeight","DisplayIcon","model","icon","split","ContentModelsDataList","canCreate","onCreate","onClone","useState","filter","setFilter","sort","setSort","useRouter","history","client","useApolloClient","useSnackbar","showSnackbar","useConfirmationDialog","dataTestId","showConfirmation","useModels","models","loading","usePermission","canDelete","canEdit","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","deleteRecord","item","mutate","mutation","GQL","DELETE_CONTENT_MODEL","variables","modelId","update","cache","data","error","deleteContentModel","message","title","removeModelFromListCache","removeModelFromGroupCache","removeModelFromCache","editRecord","contentModel","push","viewContentEntries","contentModelsDataListModalOverlay","useMemo","map","filteredData","contentModels","disableViewContent","fields","length","time","savedOn","plugin"],"sources":["ContentModelsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { css } from \"emotion\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { DeleteIcon, EditIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { ReactComponent as ViewListIcon } from \"../../icons/view_list.svg\";\nimport { ReactComponent as CloneIcon } from \"../../icons/clone.svg\";\nimport { useApolloClient, useModels } from \"../../hooks\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport * as UIL from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { removeModelFromGroupCache, removeModelFromListCache, removeModelFromCache } from \"./cache\";\nimport * as GQL from \"../../viewsGraphql\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport orderBy from \"lodash/orderBy\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { CmsEditorContentModel, CmsModel } from \"~/types\";\nimport {\n    DeleteCmsModelMutationResponse,\n    DeleteCmsModelMutationVariables\n} from \"../../viewsGraphql\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport styled from \"@emotion/styled\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst t = i18n.namespace(\"FormsApp.ContentModelsDataList\");\n\ninterface Sorter {\n    label: string;\n    sorters: string;\n}\n\nconst SORTERS: Sorter[] = [\n    {\n        label: t`Newest to oldest`,\n        sorters: \"savedOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorters: \"savedOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorters: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorters: \"name_DESC\"\n    }\n];\n\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\ninterface ContentModelsDataListProps {\n    canCreate: boolean;\n    onCreate: () => void;\n    onClone: (contentModel: CmsEditorContentModel) => void;\n}\n\nconst Icon = styled(\"div\")({\n    width: \"24px\",\n    height: \"24px\",\n    marginRight: \"15px\",\n    flex: \"0 0 24px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 24,\n        maxHeight: 24\n    }\n});\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ model }) => {\n    if (!model.icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />;\n};\n\nconst ContentModelsDataList: React.FC<ContentModelsDataListProps> = ({\n    canCreate,\n    onCreate,\n    onClone\n}) => {\n    const [filter, setFilter] = useState<string>(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"cms-delete-content-model-dialog\"\n    });\n    const { models, loading } = useModels();\n    const { canDelete, canEdit } = usePermission();\n\n    const filterData = useCallback(\n        ({ name }: Pick<CmsModel, \"name\">): boolean => {\n            return name.toLowerCase().includes(filter);\n        },\n        [filter]\n    );\n\n    const sortData = useCallback(\n        (list: CmsModel[]): CmsModel[] => {\n            if (!sort) {\n                return list;\n            }\n            const [sortField, sortOrderBy] = deserializeSorters(sort);\n            return orderBy(list, [sortField], [sortOrderBy]);\n        },\n        [sort]\n    );\n\n    const deleteRecord = async (item: CmsModel): Promise<void> => {\n        showConfirmation(async () => {\n            await client.mutate<DeleteCmsModelMutationResponse, DeleteCmsModelMutationVariables>({\n                mutation: GQL.DELETE_CONTENT_MODEL,\n                variables: { modelId: item.modelId },\n                update(cache, { data }) {\n                    if (!data) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const { error } = data.deleteContentModel;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        return;\n                    }\n\n                    removeModelFromListCache(cache, item);\n                    removeModelFromGroupCache(cache, item);\n                    removeModelFromCache(client, item);\n\n                    showSnackbar(\n                        t`Content model {name} deleted successfully!.`({ name: item.name })\n                    );\n                }\n            });\n        });\n    };\n\n    const editRecord = (contentModel: CmsModel): void => {\n        history.push(\"/cms/content-models/\" + contentModel.modelId);\n    };\n\n    const viewContentEntries = useCallback(contentModel => {\n        return () => history.push(\"/cms/content-entries/\" + contentModel.modelId);\n    }, []);\n\n    const contentModelsDataListModalOverlay = useMemo(\n        () => (\n            <UIL.DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            description={\"Sort content models by\"}\n                        >\n                            {SORTERS.map(({ label, sorters }) => {\n                                return (\n                                    <option key={label} value={sorters}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\n                </Grid>\n            </UIL.DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? models : models.filter(filterData);\n    const contentModels = sortData(filteredData);\n\n    return (\n        <UIL.DataList\n            loading={loading}\n            data={contentModels}\n            title={t`Content Models`}\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Model`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search content models`}\n                />\n            }\n            modalOverlay={contentModelsDataListModalOverlay}\n            modalOverlayAction={\n                <UIL.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data = [] }: { data: CmsModel[] }) => (\n                <UIL.List data-testid=\"default-data-list\">\n                    {data.map(contentModel => {\n                        const disableViewContent = contentModel.fields.length === 0;\n                        const message = disableViewContent\n                            ? \"To view the content, you first need to add a field and save the model\"\n                            : \"View content\";\n                        return (\n                            <UIL.ListItem key={contentModel.modelId} className={listItemMinHeight}>\n                                <Icon>\n                                    <DisplayIcon model={contentModel} />\n                                </Icon>\n                                <UIL.ListItemText>\n                                    {contentModel.name}\n                                    <UIL.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: contentModel.savedOn ? (\n                                                <TimeAgo datetime={contentModel.savedOn} />\n                                            ) : (\n                                                \"N/A\"\n                                            )\n                                        })}\n                                    </UIL.ListItemTextSecondary>\n                                </UIL.ListItemText>\n                                <UIL.ListItemMeta className={rightAlign}>\n                                    <UIL.ListActions>\n                                        {canEdit(contentModel, \"cms.contentModel\") && (\n                                            <>\n                                                <Tooltip\n                                                    content={t`{message}`({ message })}\n                                                    placement={\"top\"}\n                                                >\n                                                    <IconButton\n                                                        data-testid={\n                                                            \"cms-view-content-model-button\"\n                                                        }\n                                                        icon={<ViewListIcon />}\n                                                        label={t`View entries`}\n                                                        onClick={viewContentEntries(contentModel)}\n                                                        disabled={disableViewContent}\n                                                    />\n                                                </Tooltip>\n                                                {contentModel.plugin ? (\n                                                    <Tooltip\n                                                        content={t`Content model is registered via a plugin.`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            disabled\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                ) : (\n                                                    <Tooltip\n                                                        content={t`Edit content model`}\n                                                        placement={\"top\"}\n                                                    >\n                                                        <EditIcon\n                                                            onClick={() => editRecord(contentModel)}\n                                                            data-testid={\n                                                                \"cms-edit-content-model-button\"\n                                                            }\n                                                        />\n                                                    </Tooltip>\n                                                )}\n                                            </>\n                                        )}\n\n                                        <Tooltip content={\"Clone content model\"} placement={\"top\"}>\n                                            <IconButton\n                                                data-testid={\"cms-clone-content-model-button\"}\n                                                icon={<CloneIcon />}\n                                                label={t`View entries`}\n                                                onClick={() => onClone(contentModel)}\n                                            />\n                                        </Tooltip>\n\n                                        {canDelete(contentModel, \"cms.contentModel\") &&\n                                        contentModel.plugin ? (\n                                            <Tooltip\n                                                content={t`Content model is registered via a plugin.`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    disabled\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        ) : (\n                                            <Tooltip\n                                                content={t`Delete content model`}\n                                                placement={\"top\"}\n                                            >\n                                                <DeleteIcon\n                                                    onClick={() => deleteRecord(contentModel)}\n                                                    data-testid={\"cms-delete-content-model-button\"}\n                                                />\n                                            </Tooltip>\n                                        )}\n                                    </UIL.ListActions>\n                                </UIL.ListItemMeta>\n                            </UIL.ListItem>\n                        );\n                    })}\n                </UIL.List>\n            )}\n        </UIL.DataList>\n    );\n};\n\nexport default ContentModelsDataList;\n"],"mappings":";;;;;;;;;;;;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AAAiE;AAGjE,IAAMA,CAAC,GAAGC,UAAI,CAACC,SAAS,CAAC,gCAAgC,CAAC;AAO1D,IAAMC,OAAiB,GAAG,CACtB;EACIC,KAAK,EAAEJ,CAAC,mGAAkB;EAC1BK,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEJ,CAAC,qGAAkB;EAC1BK,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEJ,CAAC,6FAAU;EAClBK,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEJ,CAAC,6FAAU;EAClBK,OAAO,EAAE;AACb,CAAC,CACJ;AAED,IAAMC,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,UAAU,EAAE,qBAAqB;EACjCC,cAAc,EAAE;AACpB,CAAC,sBAAC;AAEF,IAAMC,iBAAiB,gBAAG,IAAAH,YAAG,EAAC;EAC1BI,SAAS,EAAE;AACf,CAAC,6BAAC;AAQF,IAAMC,IAAI,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE,UAAU;EAChBC,GAAG,EAAE;IACDC,KAAK,EAAE,qCAAqC;IAC5CL,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdK,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAMF,IAAMC,WAAiC,GAAG,SAApCA,WAAiC,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC9C,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBAAO,6BAAC,iCAAe;IAAC,IAAI,EAAE,CAACD,KAAK,CAACC,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAAG;AAC/E,CAAC;AAED,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA2D,QAI3D;EAAA,IAHFC,SAAS,SAATA,SAAS;IACTC,QAAQ,SAARA,QAAQ;IACRC,OAAO,SAAPA,OAAO;EAEP,gBAA4B,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAA;IAAzCC,MAAM;IAAEC,SAAS;EACxB,iBAAwB,IAAAF,eAAQ,EAAS3B,OAAO,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;IAAA;IAArD4B,IAAI;IAAEC,OAAO;EACpB,iBAAoB,IAAAC,sBAAS,GAAE;IAAvBC,OAAO,cAAPA,OAAO;EACf,IAAMC,MAAM,GAAG,IAAAC,sBAAe,GAAE;EAChC,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,4BAA6B,IAAAC,4CAAqB,EAAC;MAC/CC,UAAU,EAAE;IAChB,CAAC,CAAC;IAFMC,gBAAgB,yBAAhBA,gBAAgB;EAGxB,iBAA4B,IAAAC,gBAAS,GAAE;IAA/BC,MAAM,cAANA,MAAM;IAAEC,OAAO,cAAPA,OAAO;EACvB,qBAA+B,IAAAC,uBAAa,GAAE;IAAtCC,SAAS,kBAATA,SAAS;IAAEC,OAAO,kBAAPA,OAAO;EAE1B,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC1B,iBAA+C;IAAA,IAA5CC,IAAI,SAAJA,IAAI;IACH,OAAOA,IAAI,CAACC,WAAW,EAAE,CAACC,QAAQ,CAACvB,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CAAC,CACX;EAED,IAAMwB,QAAQ,GAAG,IAAAJ,kBAAW,EACxB,UAACK,IAAgB,EAAiB;IAC9B,IAAI,CAACvB,IAAI,EAAE;MACP,OAAOuB,IAAI;IACf;IACA,0BAAiC,IAAAC,yBAAkB,EAACxB,IAAI,CAAC;MAAA;MAAlDyB,SAAS;MAAEC,WAAW;IAC7B,OAAO,IAAAC,gBAAO,EAACJ,IAAI,EAAE,CAACE,SAAS,CAAC,EAAE,CAACC,WAAW,CAAC,CAAC;EACpD,CAAC,EACD,CAAC1B,IAAI,CAAC,CACT;EAED,IAAM4B,YAAY;IAAA,mGAAG,kBAAOC,IAAc;MAAA;QAAA;UAAA;YACtCnB,gBAAgB,sGAAC;cAAA;gBAAA;kBAAA;oBAAA;oBAAA,OACPN,MAAM,CAAC0B,MAAM,CAAkE;sBACjFC,QAAQ,EAAEC,GAAG,CAACC,oBAAoB;sBAClCC,SAAS,EAAE;wBAAEC,OAAO,EAAEN,IAAI,CAACM;sBAAQ,CAAC;sBACpCC,MAAM,kBAACC,KAAK,SAAY;wBAAA,IAARC,IAAI,SAAJA,IAAI;wBAChB,IAAI,CAACA,IAAI,EAAE;0BACP/B,YAAY,CAAC,yDAAyD,CAAC;0BACvE;wBACJ;wBACA,IAAQgC,KAAK,GAAKD,IAAI,CAACE,kBAAkB,CAAjCD,KAAK;wBAEb,IAAIA,KAAK,EAAE;0BACPhC,YAAY,CAACgC,KAAK,CAACE,OAAO,EAAE;4BACxBC,KAAK,EAAE3E,CAAC;0BACZ,CAAC,CAAC;0BACF;wBACJ;wBAEA,IAAA4E,+BAAwB,EAACN,KAAK,EAAER,IAAI,CAAC;wBACrC,IAAAe,gCAAyB,EAACP,KAAK,EAAER,IAAI,CAAC;wBACtC,IAAAgB,2BAAoB,EAACzC,MAAM,EAAEyB,IAAI,CAAC;wBAElCtB,YAAY,CACRxC,CAAC,iIAA8C;0BAAEoD,IAAI,EAAEU,IAAI,CAACV;wBAAK,CAAC,CAAC,CACtE;sBACL;oBACJ,CAAC,CAAC;kBAAA;kBAAA;oBAAA;gBAAA;cAAA;YAAA,CACL,GAAC;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CACN;IAAA,gBA7BKS,YAAY;MAAA;IAAA;EAAA,GA6BjB;EAED,IAAMkB,UAAU,GAAG,SAAbA,UAAU,CAAIC,YAAsB,EAAW;IACjD5C,OAAO,CAAC6C,IAAI,CAAC,sBAAsB,GAAGD,YAAY,CAACZ,OAAO,CAAC;EAC/D,CAAC;EAED,IAAMc,kBAAkB,GAAG,IAAA/B,kBAAW,EAAC,UAAA6B,YAAY,EAAI;IACnD,OAAO;MAAA,OAAM5C,OAAO,CAAC6C,IAAI,CAAC,uBAAuB,GAAGD,YAAY,CAACZ,OAAO,CAAC;IAAA;EAC7E,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMe,iCAAiC,GAAG,IAAAC,cAAO,EAC7C;IAAA,oBACI,6BAAC,GAAG,CAAC,oBAAoB,qBACrB,6BAAC,UAAI,qBACD,6BAAC,UAAI;MAAC,IAAI,EAAE;IAAG,gBACX,6BAAC,cAAM;MACH,KAAK,EAAEnD,IAAK;MACZ,QAAQ,EAAEC,OAAQ;MAClB,KAAK,EAAElC,CAAC,4FAAU;MAClB,WAAW,EAAE;IAAyB,GAErCG,OAAO,CAACkF,GAAG,CAAC,iBAAwB;MAAA,IAArBjF,KAAK,SAALA,KAAK;QAAEC,OAAO,SAAPA,OAAO;MAC1B,oBACI;QAAQ,GAAG,EAAED,KAAM;QAAC,KAAK,EAAEC;MAAQ,GAC9BD,KAAK,CACD;IAEjB,CAAC,CAAC,CACG,CACN,CACJ,CACgB;EAAA,CAC9B,EACD,CAAC6B,IAAI,CAAC,CACT;EAED,IAAMqD,YAAY,GAAGvD,MAAM,KAAK,EAAE,GAAGc,MAAM,GAAGA,MAAM,CAACd,MAAM,CAACmB,UAAU,CAAC;EACvE,IAAMqC,aAAa,GAAGhC,QAAQ,CAAC+B,YAAY,CAAC;EAE5C,oBACI,6BAAC,GAAG,CAAC,QAAQ;IACT,OAAO,EAAExC,OAAQ;IACjB,IAAI,EAAEyC,aAAc;IACpB,KAAK,EAAEvF,CAAC,mGAAiB;IACzB,OAAO,EACH2B,SAAS,gBACL,6BAAC,uBAAe;MAAC,eAAY,mBAAmB;MAAC,OAAO,EAAEC;IAAS,gBAC/D,6BAAC,kBAAU;MAAC,IAAI,eAAE,6BAAC,uBAAO;IAAI,EAAG,KAAC,EAAC5B,CAAC,+FACtB,GAClB,IACP;IACD,MAAM,eACF,6BAAC,iBAAQ;MACL,KAAK,EAAE+B,MAAO;MACd,QAAQ,EAAEC,SAAU;MACpB,gBAAgB,EAAEhC,CAAC;IAAwB,EAElD;IACD,YAAY,EAAEmF,iCAAkC;IAChD,kBAAkB,eACd,6BAAC,GAAG,CAAC,0BAA0B;MAC3B,IAAI,eAAE,6BAAC,0BAAU,OAAI;MACrB,eAAa;IAA2B;EAE/C,GAEA;IAAA,uBAAGZ,IAAI;MAAJA,IAAI,2BAAG,EAAE;IAAA,oBACT,6BAAC,GAAG,CAAC,IAAI;MAAC,eAAY;IAAmB,GACpCA,IAAI,CAACc,GAAG,CAAC,UAAAL,YAAY,EAAI;MACtB,IAAMQ,kBAAkB,GAAGR,YAAY,CAACS,MAAM,CAACC,MAAM,KAAK,CAAC;MAC3D,IAAMhB,OAAO,GAAGc,kBAAkB,GAC5B,uEAAuE,GACvE,cAAc;MACpB,oBACI,6BAAC,GAAG,CAAC,QAAQ;QAAC,GAAG,EAAER,YAAY,CAACZ,OAAQ;QAAC,SAAS,EAAE1D;MAAkB,gBAClE,6BAAC,IAAI,qBACD,6BAAC,WAAW;QAAC,KAAK,EAAEsE;MAAa,EAAG,CACjC,eACP,6BAAC,GAAG,CAAC,YAAY,QACZA,YAAY,CAAC5B,IAAI,eAClB,6BAAC,GAAG,CAAC,qBAAqB,QACrBpD,CAAC,8GAAyB;QACvB2F,IAAI,EAAEX,YAAY,CAACY,OAAO,gBACtB,6BAAC,qBAAO;UAAC,QAAQ,EAAEZ,YAAY,CAACY;QAAQ,EAAG,GAE3C;MAER,CAAC,CAAC,CACsB,CACb,eACnB,6BAAC,GAAG,CAAC,YAAY;QAAC,SAAS,EAAEtF;MAAW,gBACpC,6BAAC,GAAG,CAAC,WAAW,QACX2C,OAAO,CAAC+B,YAAY,EAAE,kBAAkB,CAAC,iBACtC,yEACI,6BAAC,gBAAO;QACJ,OAAO,EAAEhF,CAAC,iGAAY;UAAE0E,OAAO,EAAPA;QAAQ,CAAC,CAAE;QACnC,SAAS,EAAE;MAAM,gBAEjB,6BAAC,kBAAU;QACP,eACI,+BACH;QACD,IAAI,eAAE,6BAAC,yBAAY,OAAI;QACvB,KAAK,EAAE1E,CAAC,mGAAe;QACvB,OAAO,EAAEkF,kBAAkB,CAACF,YAAY,CAAE;QAC1C,QAAQ,EAAEQ;MAAmB,EAC/B,CACI,EACTR,YAAY,CAACa,MAAM,gBAChB,6BAAC,gBAAO;QACJ,OAAO,EAAE7F,CAAC,gIAA4C;QACtD,SAAS,EAAE;MAAM,gBAEjB,6BAAC,eAAQ;QACL,QAAQ;QACR,eACI;MACH,EACH,CACI,gBAEV,6BAAC,gBAAO;QACJ,OAAO,EAAEA,CAAC,yGAAqB;QAC/B,SAAS,EAAE;MAAM,gBAEjB,6BAAC,eAAQ;QACL,OAAO,EAAE;UAAA,OAAM+E,UAAU,CAACC,YAAY,CAAC;QAAA,CAAC;QACxC,eACI;MACH,EACH,CAET,CAER,eAED,6BAAC,gBAAO;QAAC,OAAO,EAAE,qBAAsB;QAAC,SAAS,EAAE;MAAM,gBACtD,6BAAC,kBAAU;QACP,eAAa,gCAAiC;QAC9C,IAAI,eAAE,6BAAC,qBAAS,OAAI;QACpB,KAAK,EAAEhF,CAAC,mGAAe;QACvB,OAAO,EAAE;UAAA,OAAM6B,OAAO,CAACmD,YAAY,CAAC;QAAA;MAAC,EACvC,CACI,EAEThC,SAAS,CAACgC,YAAY,EAAE,kBAAkB,CAAC,IAC5CA,YAAY,CAACa,MAAM,gBACf,6BAAC,gBAAO;QACJ,OAAO,EAAE7F,CAAC,gIAA4C;QACtD,SAAS,EAAE;MAAM,gBAEjB,6BAAC,iBAAU;QACP,QAAQ;QACR,eAAa;MAAkC,EACjD,CACI,gBAEV,6BAAC,gBAAO;QACJ,OAAO,EAAEA,CAAC,2GAAuB;QACjC,SAAS,EAAE;MAAM,gBAEjB,6BAAC,iBAAU;QACP,OAAO,EAAE;UAAA,OAAM6D,YAAY,CAACmB,YAAY,CAAC;QAAA,CAAC;QAC1C,eAAa;MAAkC,EACjD,CAET,CACa,CACH,CACR;IAEvB,CAAC,CAAC,CACK;EAAA,CACd,CACU;AAEvB,CAAC;AAAC,eAEatD,qBAAqB;AAAA"}