@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/plugins/getObjectId.js

@@ -1,13 +1,16 @@
-var plugin = {
-  type: "cache-get-object-id",
-  getObjectId: function getObjectId(obj) {
-    switch (obj.__typename) {
-      case "CmsContentModel":
-        return obj.modelId;
+"use strict";
 
-      default:
-        return undefined;
-    }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _app = require("@webiny/app");
+var _default = new _app.ApolloCacheObjectIdPlugin(function (obj) {
+  switch (obj.__typename) {
+    case "CmsContentModel":
+      return "".concat(obj.__typename, ":").concat(obj.modelId);
+    default:
+      return undefined;
   }
-};
-export default plugin;
+});
+exports.default = _default;

package/admin/plugins/getObjectId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ApolloCacheObjectIdPlugin","obj","__typename","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":";;;;;;AAAA;AAAwD,eAEzC,IAAIA,8BAAyB,CAAC,UAAAC,GAAG,EAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,iBAAUD,GAAG,CAACC,UAAU,cAAID,GAAG,CAACE,OAAO;IAC3C;MACI,OAAOC,SAAS;EAAC;AAE7B,CAAC,CAAC;AAAA"}

package/admin/plugins/icons.js

@@ -1,33 +1,44 @@
-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"
   }));
 };
-
 var icons = [];
 var plugin = {
   name: "cms-icons-fontawesome",
   type: "cms-icons",
   init: function init() {
-    library.add(fab, fas, far); // @ts-ignore
-
-    var definitions = library.definitions;
+    // @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
     Object.keys(definitions).forEach(function (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 +48,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,SAAS,CAAIC,IAAc,EAAyB;EACtD,oBACI;IAAK,KAAK,EAAE,EAAG;IAAC,OAAO,gBAASA,IAAI,CAAC,CAAC,CAAC,cAAIA,IAAI,CAAC,CAAC,CAAC;EAAG,gBACjD;IAAM,CAAC,EAAEA,IAAI,CAAC,CAAC,CAAE;IAAC,IAAI,EAAC;EAAc,EAAG,CACtC;AAEd,CAAC;AAED,IAAMC,KAAgB,GAAG,EAAE;AAE3B,IAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAI,kBAAG;IACH;IACAC,2BAAO,CAACC,GAAG,CAACC,uBAAG,EAAEC,sBAAG,EAAEC,wBAAG,CAAC;IAC1B,IAAMC,WAAW,GAAIL,2BAAO,CAASK,WAAsD;IAC3F;AACR;AACA;IACQ;IACAC,MAAM,CAACC,IAAI,CAACF,WAAW,CAAC,CAACG,OAAO,CAAC,UAACC,IAAgB,EAAK;MACnD,IAAMC,IAAI,GAAGL,WAAW,CAACI,IAAI,CAAC;MAC9B;MACAH,MAAM,CAACC,IAAI,CAACG,IAAI,CAAC,CAACF,OAAO,CAAC,UAACd,IAAc,EAAK;QAC1CC,KAAK,CAACgB,IAAI,CAAC;UACPC,EAAE,EAAE,CAACH,IAAI,EAAEf,IAAI,CAAC;UAChBG,IAAI,EAAEH,IAAI;UACV;UACAmB,GAAG,EAAEpB,SAAS,CAACiB,IAAI,CAAChB,IAAI,CAAC;QAC7B,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACDoB,QAAQ,sBAAG;IACP,OAAOnB,KAAK;EAChB;AACJ,CAAC;AAAC,eAEaC,MAAM;AAAA"}

package/admin/plugins/index.d.ts

@@ -1,11 +1,32 @@
 /// <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("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("../../types").CmsFieldValueTransformer<{
+    id: string;
+    type: string;
+    fieldId: string;
+    storageId?: string | undefined;
+    label?: string | undefined;
+    helpText?: string | undefined;
+    placeholderText?: string | undefined;
+    validation?: import("../../types").CmsModelFieldValidator[] | undefined;
+    listValidation?: import("../../types").CmsModelFieldValidator[] | undefined;
+    multipleValues?: boolean | undefined;
+    predefinedValues?: import("../../types").CmsEditorFieldPredefinedValues | undefined;
+    settings?: {
+        [key: string]: any;
+        defaultValue?: string | null | undefined;
+        defaultSetValue?: string | undefined;
+        type?: string | undefined;
+        fields?: any[] | undefined;
+        layout?: string[][] | undefined;
+        models?: Pick<import("../../types").CmsModel, "name" | "modelId">[] | undefined;
+        templates?: import("../../types").CmsDynamicZoneTemplate[] | undefined;
+        imagesOnly?: boolean | undefined;
+    } | undefined;
+    renderer: {
+        name: string;
+    };
+    tags?: string[] | undefined;
+}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("../../types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;

package/admin/plugins/index.js

@@ -1,14 +1,20 @@
-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;AAA6E,eAE9D;EAAA,OAAM,CACjBA,gBAAO,EACPC,eAAM,EACNC,cAAK,EACL,IAAAC,qBAAuB,GAAE,EACzBC,mBAAU,EACVC,qBAAY,EACZC,2BAAkB,EAClBC,oBAAW,EACXC,eAAkB,CACrB;AAAA;AAAA"}

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,127 +1,151 @@
-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 _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  useEffect(function () {
+  var client = (0, _reactHooks.useApolloClient)();
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    error = _useState2[0],
+    setError = _useState2[1];
+  (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);
           return;
-        } // Just so the user sees the actual message.
-
+        }
 
+        // Just so the user sees the actual message.
         setTimeout(onInstalled, 3000);
       });
     }, 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) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              client = _ref3.client;
-              _context.next = 3;
-              return client.query({
-                query: IS_INSTALLED
-              });
-
-            case 3:
-              _yield$client$query = _context.sent;
-              data = _yield$client$query.data;
-              return _context.abrupt("return", data.cms.version);
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            client = _ref2.client;
+            _context.next = 3;
+            return client.query({
+              query: IS_INSTALLED
+            });
+          case 3:
+            _yield$client$query = _context.sent;
+            data = _yield$client$query.data;
+            return _context.abrupt("return", data.cms.version);
+          case 6:
+          case "end":
+            return _context.stop();
         }
       }, _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":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAIrC,IAAMA,qBAAqB,oBAAGC,eAAM;EAAA;EAAA;AAAA,GAAK;EACrCC,SAAS,EAAE,GAAG;EACdC,QAAQ,EAAE;AACd,CAAC,CAAC;AAEF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,qCAAqC,CAAC;AACxD;AACA;AACA;AACA;;AAMA,IAAMC,YAAY,OAAGC,mBAAG,wKAMvB;AACD;AACA;AACA;AACA;;AASA,IAAMC,OAAO,OAAGD,mBAAG,6UAalB;AAID,IAAME,YAAyC,GAAG,SAA5CA,YAAyC,OAAwB;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EAC5D,IAAMC,MAAM,GAAG,IAAAC,2BAAe,GAAE;EAChC,gBAA0B,IAAAC,eAAQ,EAAgB,IAAI,CAAC;IAAA;IAAhDC,KAAK;IAAEC,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACZ;IACA;IACAC,UAAU,CAAC,YAAM;MACbN,MAAM,CACDO,MAAM,CAA6B;QAChCC,QAAQ,EAAEX;MACd,CAAC,CAAC,CACDY,IAAI,CAAC,UAAAC,MAAM,EAAI;QACZ,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,IAAI,EAAE;UACzBP,QAAQ,CAAC,yCAAyC,CAAC;UACnD;QACJ;QACA,IAAQD,KAAK,GAAKO,MAAM,CAACC,IAAI,CAACC,GAAG,CAACC,OAAO,CAAjCV,KAAK;QACb,IAAIA,KAAK,EAAE;UACPC,QAAQ,CAACD,KAAK,CAACW,OAAO,CAAC;UACvB;QACJ;;QAEA;QACAR,UAAU,CAACP,WAAW,EAAE,IAAI,CAAC;MACjC,CAAC,CAAC;IACV,CAAC,EAAE,KAAK,CAAC;EACb,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMgB,KAAK,GAAGZ,KAAK,gBACf,6BAAC,YAAK;IAAC,KAAK,EAAEX,CAAC,yGAAuB;IAAC,IAAI,EAAE;EAAS,GACjDW,KAAK,CACF,GAERX,CAAC,+GACJ;EAED,oBACI,6BAAC,sBAAU,qBACP,6BAAC,0BAAgB;IAAC,KAAK,EAAEuB;EAAM,EAAG,eAClC,6BAAC,6BAAiB,qBACd,6BAAC,qBAAqB,OAAG,CACT,CACX;AAErB,CAAC;AAED,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,EAAE3B,CAAC,iGAAc;EACtB4B,YAAY,EAAE,CACV,6BAA6B,EAC7B,yBAAyB,EACzB,uBAAuB,CAC1B;EACDC,MAAM,EAAE,IAAI;EACNC,mBAAmB,sCAAa;IAAA;MAAA;MAAA;QAAA;UAAA;YAAVtB,MAAM,SAANA,MAAM;YAAA;YAAA,OACPA,MAAM,CAACuB,KAAK,CAA8B;cAAEA,KAAK,EAAE5B;YAAa,CAAC,CAAC;UAAA;YAAA;YAAjFgB,IAAI,uBAAJA,IAAI;YAAA,iCACLA,IAAI,CAACC,GAAG,CAACY,OAAO;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAC3B,CAAC;EACDC,MAAM,yBAAkB;IAAA,IAAf1B,WAAW,SAAXA,WAAW;IAChB,oBAAO,6BAAC,YAAY;MAAC,WAAW,EAAEA;IAAY,EAAG;EACrD,CAAC;EACD2B,QAAQ,EAAE;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;IACIF,OAAO,EAAE,QAAQ;IACjBG,YAAY,0BAAG;MACX,oBAAO,IAAAC,WAAI,EAAC;QAAA;UAAA;QAAA;MAAA,CAAkC,CAAC;IACnD;EACJ,CAAC;AAET,CAAC;AAAC,eAEaZ,MAAM;AAAA"}

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>;