@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/admin/plugins/icons.js

@@ -1,14 +1,27 @@
-import * as React from "react";
-import { library } from "@fortawesome/fontawesome-svg-core";
-import { fab } from "@fortawesome/free-brands-svg-icons";
-import { fas } from "@fortawesome/free-solid-svg-icons";
-import { far } from "@fortawesome/free-regular-svg-icons";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
+
+var _freeBrandsSvgIcons = require("@fortawesome/free-brands-svg-icons");
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
+var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
 
 var createSvg = function createSvg(icon) {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_react.default.createElement("svg", {
     width: 24,
     viewBox: "0 0 ".concat(icon[0], " ").concat(icon[1])
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: icon[4],
     fill: "currentColor"
   }));
@@ -19,15 +32,23 @@ var plugin = {
   name: "cms-icons-fontawesome",
   type: "cms-icons",
   init: function init() {
-    library.add(fab, fas, far); // @ts-ignore
+    // @ts-ignore
+    _fontawesomeSvgCore.library.add(_freeBrandsSvgIcons.fab, _freeSolidSvgIcons.fas, _freeRegularSvgIcons.far);
+
+    var definitions = _fontawesomeSvgCore.library.definitions;
+    /**
+     * Ignoring TS errors. We know what we coded is good, but cannot get it to work with typescript.
+     */
+    // @ts-ignore
 
-    var definitions = library.definitions;
     Object.keys(definitions).forEach(function (pack) {
-      var defs = definitions[pack];
+      var defs = definitions[pack]; // @ts-ignore
+
       Object.keys(defs).forEach(function (icon) {
         icons.push({
           id: [pack, icon],
           name: icon,
+          // @ts-ignore
           svg: createSvg(defs[icon])
         });
       });
@@ -37,4 +58,5 @@ var plugin = {
     return icons;
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSvg","icon","icons","plugin","name","type","init","library","add","fab","fas","far","definitions","Object","keys","forEach","pack","defs","push","id","svg","getIcons"],"sources":["icons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName, library } from \"@fortawesome/fontawesome-svg-core\";\nimport { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\n\nconst createSvg = (icon: string[]): React.ReactElement => {\n    return (\n        <svg width={24} viewBox={`0 0 ${icon[0]} ${icon[1]}`}>\n            <path d={icon[4]} fill=\"currentColor\" />\n        </svg>\n    );\n};\n\nconst icons: CmsIcon[] = [];\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        // @ts-ignore\n        library.add(fab, fas, far);\n        const definitions = (library as any).definitions as unknown as Record<IconPrefix, IconName>;\n        /**\n         * Ignoring TS errors. We know what we coded is good, but cannot get it to work with typescript.\n         */\n        // @ts-ignore\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-ignore\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    id: [pack, icon],\n                    name: icon,\n                    // @ts-ignore\n                    svg: createSvg(defs[icon])\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAwC;EACtD,oBACI;IAAK,KAAK,EAAE,EAAZ;IAAgB,OAAO,gBAASA,IAAI,CAAC,CAAD,CAAb,cAAoBA,IAAI,CAAC,CAAD,CAAxB;EAAvB,gBACI;IAAM,CAAC,EAAEA,IAAI,CAAC,CAAD,CAAb;IAAkB,IAAI,EAAC;EAAvB,EADJ,CADJ;AAKH,CAND;;AAQA,IAAMC,KAAgB,GAAG,EAAzB;AAEA,IAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBADqB;EAE3BC,IAAI,EAAE,WAFqB;EAG3BC,IAH2B,kBAGpB;IACH;IACAC,2BAAA,CAAQC,GAAR,CAAYC,uBAAZ,EAAiBC,sBAAjB,EAAsBC,wBAAtB;;IACA,IAAMC,WAAW,GAAIL,2BAAD,CAAiBK,WAArC;IACA;AACR;AACA;IACQ;;IACAC,MAAM,CAACC,IAAP,CAAYF,WAAZ,EAAyBG,OAAzB,CAAiC,UAACC,IAAD,EAAsB;MACnD,IAAMC,IAAI,GAAGL,WAAW,CAACI,IAAD,CAAxB,CADmD,CAEnD;;MACAH,MAAM,CAACC,IAAP,CAAYG,IAAZ,EAAkBF,OAAlB,CAA0B,UAACd,IAAD,EAAoB;QAC1CC,KAAK,CAACgB,IAAN,CAAW;UACPC,EAAE,EAAE,CAACH,IAAD,EAAOf,IAAP,CADG;UAEPG,IAAI,EAAEH,IAFC;UAGP;UACAmB,GAAG,EAAEpB,SAAS,CAACiB,IAAI,CAAChB,IAAD,CAAL;QAJP,CAAX;MAMH,CAPD;IAQH,CAXD;EAYH,CAvB0B;EAwB3BoB,QAxB2B,sBAwBhB;IACP,OAAOnB,KAAP;EACH;AA1B0B,CAA/B;eA6BeC,M"}

package/admin/plugins/index.d.ts

@@ -1,11 +1,5 @@
 /// <reference types="react" />
-declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app/types").CacheGetObjectIdPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/ui-composer/UIView").UIViewPlugin<import("@webiny/app-admin/ui/views/NavigationView").NavigationView>[] | import("@webiny/plugins/types").Plugin<{
-    type: "graphql-playground-tab";
-    tab(params: {
-        locale: string;
-        identity: import("@webiny/app-security/types").SecurityIdentity;
-    }): import("@webiny/app-graphql-playground/types").GraphQLPlaygroundTab;
-}>[] | import("../../types").CmsContentDetailsPlugin[] | {
+declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("../../types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;

package/admin/plugins/index.js

@@ -1,14 +1,32 @@
-import routes from "./routes";
-import menus from "./menus";
-import icons from "./icons";
-import install from "./install";
-import contentFormTransformers from "./transformers";
-import defaultBar from "./editor/defaultBar";
-import formSettings from "./editor/formSettings";
-import apiInformation from "./apiInformation";
-import permissionRenderer from "./permissionRenderer";
-import getObjectId from "./getObjectId";
-import contentEntryHeader from "../views/contentEntries/ContentEntry/header";
-export default (function () {
-  return [install, routes, menus, icons, contentFormTransformers(), defaultBar, formSettings, permissionRenderer, apiInformation, getObjectId, contentEntryHeader];
-});
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _routes = _interopRequireDefault(require("./routes"));
+
+var _icons = _interopRequireDefault(require("./icons"));
+
+var _install = _interopRequireDefault(require("./install"));
+
+var _transformers = _interopRequireDefault(require("./transformers"));
+
+var _defaultBar = _interopRequireDefault(require("./editor/defaultBar"));
+
+var _formSettings = _interopRequireDefault(require("./editor/formSettings"));
+
+var _permissionRenderer = _interopRequireDefault(require("./permissionRenderer"));
+
+var _getObjectId = _interopRequireDefault(require("./getObjectId"));
+
+var _header = _interopRequireDefault(require("../views/contentEntries/ContentEntry/header"));
+
+var _default = function _default() {
+  return [_install.default, _routes.default, _icons.default, (0, _transformers.default)(), _defaultBar.default, _formSettings.default, _permissionRenderer.default, _getObjectId.default, _header.default];
+};
+
+exports.default = _default;

package/admin/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["install","routes","icons","contentFormTransformers","defaultBar","formSettings","permissionRenderer","getObjectId","contentEntryHeader"],"sources":["index.ts"],"sourcesContent":["import routes from \"./routes\";\nimport icons from \"./icons\";\nimport install from \"./install\";\nimport contentFormTransformers from \"./transformers\";\nimport defaultBar from \"./editor/defaultBar\";\nimport formSettings from \"./editor/formSettings\";\nimport permissionRenderer from \"./permissionRenderer\";\nimport getObjectId from \"./getObjectId\";\nimport contentEntryHeader from \"../views/contentEntries/ContentEntry/header\";\n\nexport default () => [\n    install,\n    routes,\n    icons,\n    contentFormTransformers(),\n    defaultBar,\n    formSettings,\n    permissionRenderer,\n    getObjectId,\n    contentEntryHeader\n];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;eAEe;EAAA,OAAM,CACjBA,gBADiB,EAEjBC,eAFiB,EAGjBC,cAHiB,EAIjB,IAAAC,qBAAA,GAJiB,EAKjBC,mBALiB,EAMjBC,qBANiB,EAOjBC,2BAPiB,EAQjBC,oBARiB,EASjBC,eATiB,CAAN;AAAA,C"}

package/admin/plugins/install.d.ts

@@ -1,3 +1,25 @@
 import { AdminInstallationPlugin } from "@webiny/app-admin/types";
+import { CmsErrorResponse } from "../../types";
+/**
+ * ########################
+ * Is Installed Query
+ */
+export interface CmsIsInstalledQueryResponse {
+    cms: {
+        version: string | null;
+    };
+}
+/**
+ * ########################
+ * Install Mutation
+ */
+export interface CmsInstallMutationResponse {
+    cms: {
+        install: {
+            data: boolean;
+            error?: CmsErrorResponse;
+        };
+    };
+}
 declare const plugin: AdminInstallationPlugin;
 export default plugin;

package/admin/plugins/install.js

@@ -1,47 +1,87 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
+
+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 = _interopRequireWildcard3(require("react"));
+
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+
+var _reactHooks = require("@apollo/react-hooks");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Alert = require("@webiny/ui/Alert");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useEffect, lazy } from "react";
-import gql from "graphql-tag";
-import { useApolloClient } from "@apollo/react-hooks";
-import { i18n } from "@webiny/app/i18n";
-import { Alert } from "@webiny/ui/Alert";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { SimpleForm, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
-import styled from "@emotion/styled";
-var SimpleFormPlaceholder = /*#__PURE__*/styled("div", {
+var SimpleFormPlaceholder = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1pjb6uy0",
   label: "SimpleFormPlaceholder"
 })({
   minHeight: 300,
   minWidth: 400
 });
-var t = i18n.ns("app-headless-cms/admin/installation");
-var IS_INSTALLED = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query IsCMSInstalled {\n        cms {\n            version\n        }\n    }\n"])));
-var INSTALL = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    mutation InstallCms {\n        cms {\n            install {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/installation");
+/**
+ * ########################
+ * Is Installed Query
+ */
+
+
+var IS_INSTALLED = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query IsCMSInstalled {\n        cms {\n            version\n        }\n    }\n"])));
+/**
+ * ########################
+ * Install Mutation
+ */
+
+var INSTALL = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    mutation InstallCms {\n        cms {\n            install {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
 
 var CMSInstaller = function CMSInstaller(_ref) {
   var onInstalled = _ref.onInstalled;
-  var client = useApolloClient();
+  var client = (0, _reactHooks.useApolloClient)();
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       error = _useState2[0],
       setError = _useState2[1];
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     // Temporary fix for the ES index creation failure.
     // Let's try waiting a bit before running the installation.
     setTimeout(function () {
       client.mutate({
         mutation: INSTALL
-      }).then(function (_ref2) {
-        var data = _ref2.data;
-        var error = data.cms.install.error;
+      }).then(function (result) {
+        if (!result || !result.data) {
+          setError("Missing Install Mutation response data.");
+          return;
+        }
+
+        var error = result.data.cms.install.error;
 
         if (error) {
           setError(error.message);
@@ -53,30 +93,30 @@ var CMSInstaller = function CMSInstaller(_ref) {
       });
     }, 10000);
   }, []);
-  var label = error ? /*#__PURE__*/React.createElement(Alert, {
-    title: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Something went wrong"]))),
+  var label = error ? /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    title: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Something went wrong"]))),
     type: "danger"
-  }, error) : t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Installing Headless CMS..."])));
-  return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(CircularProgress, {
+  }, error) : t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Installing Headless CMS..."])));
+  return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: label
-  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(SimpleFormPlaceholder, null)));
+  }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(SimpleFormPlaceholder, null)));
 };
 
 var plugin = {
   name: "admin-installation-cms",
   type: "admin-installation",
-  title: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Headless CMS"]))),
-  dependencies: ["admin-installation-security", "admin-installation-i18n"],
+  title: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Headless CMS"]))),
+  dependencies: ["admin-installation-security", "admin-installation-i18n", "admin-installation-fm"],
   secure: true,
-  getInstalledVersion: function getInstalledVersion(_ref3) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  getInstalledVersion: function getInstalledVersion(_ref2) {
+    return (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var client, _yield$client$query, data;
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              client = _ref3.client;
+              client = _ref2.client;
               _context.next = 3;
               return client.query({
                 query: IS_INSTALLED
@@ -95,33 +135,46 @@ var plugin = {
       }, _callee);
     }))();
   },
-  render: function render(_ref4) {
-    var onInstalled = _ref4.onInstalled;
-    return /*#__PURE__*/React.createElement(CMSInstaller, {
+  render: function render(_ref3) {
+    var onInstalled = _ref3.onInstalled;
+    return /*#__PURE__*/_react.default.createElement(CMSInstaller, {
       onInstalled: onInstalled
     });
   },
-  upgrades: [{
-    version: "5.0.0",
-    getComponent: function getComponent() {
-      return /*#__PURE__*/lazy(function () {
-        return import("./upgrades/v5.0.0");
-      });
-    }
-  }, {
-    version: "5.5.0",
-    getComponent: function getComponent() {
-      return /*#__PURE__*/lazy(function () {
-        return import("./upgrades/v5.5.0");
-      });
-    }
-  }, {
-    version: "5.8.0",
+  upgrades: [// {
+  //     version: "5.0.0",
+  //     getComponent() {
+  //         return lazy(() => import("./upgrades/v5.0.0"));
+  //     }
+  // },
+  // {
+  //     version: "5.5.0",
+  //     getComponent() {
+  //         return lazy(() => import("./upgrades/v5.5.0"));
+  //     }
+  // },
+  // {
+  //     version: "5.8.0",
+  //     getComponent() {
+  //         return lazy(() => import("./upgrades/v5.8.0"));
+  //     }
+  // },
+  // {
+  //     version: "5.19.0",
+  //     getComponent() {
+  //         return lazy(() => import("./upgrades/v5.19.0"));
+  //     }
+  // }
+  {
+    version: "5.33.0",
     getComponent: function getComponent() {
-      return /*#__PURE__*/lazy(function () {
-        return import("./upgrades/v5.8.0");
+      return /*#__PURE__*/(0, _react.lazy)(function () {
+        return Promise.resolve().then(function () {
+          return (0, _interopRequireWildcard2.default)(require("./upgrades/v5.33.0"));
+        });
       });
     }
   }]
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/install.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleFormPlaceholder","styled","minHeight","minWidth","t","i18n","ns","IS_INSTALLED","gql","INSTALL","CMSInstaller","onInstalled","client","useApolloClient","useState","error","setError","useEffect","setTimeout","mutate","mutation","then","result","data","cms","install","message","label","plugin","name","type","title","dependencies","secure","getInstalledVersion","query","version","render","upgrades","getComponent","lazy"],"sources":["install.tsx"],"sourcesContent":["import React, { useState, useEffect, lazy } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { SimpleForm, SimpleFormContent } from \"@webiny/app-admin/components/SimpleForm\";\nimport styled from \"@emotion/styled\";\nimport { AdminInstallationPlugin } from \"@webiny/app-admin/types\";\nimport { CmsErrorResponse } from \"~/types\";\n\nconst SimpleFormPlaceholder = styled.div({\n    minHeight: 300,\n    minWidth: 400\n});\n\nconst t = i18n.ns(\"app-headless-cms/admin/installation\");\n/**\n * ########################\n * Is Installed Query\n */\nexport interface CmsIsInstalledQueryResponse {\n    cms: {\n        version: string | null;\n    };\n}\nconst IS_INSTALLED = gql`\n    query IsCMSInstalled {\n        cms {\n            version\n        }\n    }\n`;\n/**\n * ########################\n * Install Mutation\n */\nexport interface CmsInstallMutationResponse {\n    cms: {\n        install: {\n            data: boolean;\n            error?: CmsErrorResponse;\n        };\n    };\n}\nconst INSTALL = gql`\n    mutation InstallCms {\n        cms {\n            install {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\ninterface CMSInstallerProps {\n    onInstalled: () => void;\n}\nconst CMSInstaller: React.FC<CMSInstallerProps> = ({ onInstalled }) => {\n    const client = useApolloClient();\n    const [error, setError] = useState<string | null>(null);\n\n    useEffect(() => {\n        // Temporary fix for the ES index creation failure.\n        // Let's try waiting a bit before running the installation.\n        setTimeout(() => {\n            client\n                .mutate<CmsInstallMutationResponse>({\n                    mutation: INSTALL\n                })\n                .then(result => {\n                    if (!result || !result.data) {\n                        setError(\"Missing Install Mutation response data.\");\n                        return;\n                    }\n                    const { error } = result.data.cms.install;\n                    if (error) {\n                        setError(error.message);\n                        return;\n                    }\n\n                    // Just so the user sees the actual message.\n                    setTimeout(onInstalled, 3000);\n                });\n        }, 10000);\n    }, []);\n\n    const label = error ? (\n        <Alert title={t`Something went wrong`} type={\"danger\"}>\n            {error}\n        </Alert>\n    ) : (\n        t`Installing Headless CMS...`\n    );\n\n    return (\n        <SimpleForm>\n            <CircularProgress label={label} />\n            <SimpleFormContent>\n                <SimpleFormPlaceholder />\n            </SimpleFormContent>\n        </SimpleForm>\n    );\n};\n\nconst plugin: AdminInstallationPlugin = {\n    name: \"admin-installation-cms\",\n    type: \"admin-installation\",\n    title: t`Headless CMS`,\n    dependencies: [\n        \"admin-installation-security\",\n        \"admin-installation-i18n\",\n        \"admin-installation-fm\"\n    ],\n    secure: true,\n    async getInstalledVersion({ client }) {\n        const { data } = await client.query<CmsIsInstalledQueryResponse>({ query: IS_INSTALLED });\n        return data.cms.version;\n    },\n    render({ onInstalled }) {\n        return <CMSInstaller onInstalled={onInstalled} />;\n    },\n    upgrades: [\n        // {\n        //     version: \"5.0.0\",\n        //     getComponent() {\n        //         return lazy(() => import(\"./upgrades/v5.0.0\"));\n        //     }\n        // },\n        // {\n        //     version: \"5.5.0\",\n        //     getComponent() {\n        //         return lazy(() => import(\"./upgrades/v5.5.0\"));\n        //     }\n        // },\n        // {\n        //     version: \"5.8.0\",\n        //     getComponent() {\n        //         return lazy(() => import(\"./upgrades/v5.8.0\"));\n        //     }\n        // },\n        // {\n        //     version: \"5.19.0\",\n        //     getComponent() {\n        //         return lazy(() => import(\"./upgrades/v5.19.0\"));\n        //     }\n        // }\n        {\n            version: \"5.33.0\",\n            getComponent() {\n                return lazy(() => import(\"./upgrades/v5.33.0\"));\n            }\n        }\n    ]\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/permissionRenderer/CmsPermissions.d.ts

@@ -1,5 +1,11 @@
-/// <reference types="react" />
-export declare const CMSPermissions: ({ value, onChange }: {
-    value: any;
-    onChange: any;
-}) => JSX.Element;
+/**
+ * @pavel Please review types for security permissions
+ * TODO @ts-refactor
+ */
+import React from "react";
+import { CmsSecurityPermission } from "../../../types";
+export interface CMSPermissionsProps {
+    value: CmsSecurityPermission[];
+    onChange: (value: CmsSecurityPermission[]) => void;
+}
+export declare const CMSPermissions: React.FC<CMSPermissionsProps>;