@webiny/app-admin 0.0.0-unstable.97a151f74d → 0.0.0-unstable.98511f29f1

package/base/ui/UserMenu.js

@@ -1,51 +1,37 @@
 "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.UserMenuRenderer = exports.UserMenuProvider = exports.UserMenuItems = exports.UserMenuItemRenderer = exports.UserMenuItem = exports.UserMenuHandleRenderer = exports.UserMenuHandle = exports.UserMenu = exports.AddUserMenuItem = void 0;
 exports.useUserMenu = useUserMenu;
 exports.useUserMenuItem = useUserMenuItem;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
+var _app = require("@webiny/app");
 var _excluded = ["children"];
-
 var UserMenuContext = /*#__PURE__*/_react.default.createContext({
   addMenuItem: function addMenuItem() {
     return void 0;
   },
   menuItems: []
 });
-
 UserMenuContext.displayName = "UserMenuContext";
-
 function useUserMenu() {
   return _react.default.useContext(UserMenuContext);
 }
-
 var UserMenuProvider = function UserMenuProvider(Component) {
   return function UserMenuProvider(_ref) {
     var children = _ref.children,
-        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
     var _useState = (0, _react.useState)([]),
-        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-        menuItems = _useState2[0],
-        setItems = _useState2[1];
-
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      menuItems = _useState2[0],
+      setItems = _useState2[1];
     var addMenuItem = (0, _react.useCallback)(function (item) {
       setItems(function (items) {
         return [].concat((0, _toConsumableArray2.default)(items), [item]);
@@ -55,11 +41,9 @@ var UserMenuProvider = function UserMenuProvider(Component) {
           var index = items.findIndex(function (i) {
             return i === item;
           });
-
           if (index < 0) {
             return items;
           }
-
           return [].concat((0, _toConsumableArray2.default)(items.slice(0, index)), (0, _toConsumableArray2.default)(items.slice(index + 1)));
         });
       };
@@ -73,42 +57,37 @@ var UserMenuProvider = function UserMenuProvider(Component) {
     }, /*#__PURE__*/_react.default.createElement(Component, props, children));
   };
 };
-
 exports.UserMenuProvider = UserMenuProvider;
-var UserMenu = (0, _appAdminCore.makeComposable)("UserMenu", function () {
+var UserMenu = (0, _app.makeComposable)("UserMenu", function () {
   return /*#__PURE__*/_react.default.createElement(UserMenuRenderer, null);
 });
 exports.UserMenu = UserMenu;
-var UserMenuRenderer = (0, _appAdminCore.makeComposable)("UserMenuRenderer");
+var UserMenuRenderer = (0, _app.makeComposable)("UserMenuRenderer");
 exports.UserMenuRenderer = UserMenuRenderer;
-var UserMenuHandle = (0, _appAdminCore.makeComposable)("UserMenuHandle", function () {
+var UserMenuHandle = (0, _app.makeComposable)("UserMenuHandle", function () {
   return /*#__PURE__*/_react.default.createElement(UserMenuHandleRenderer, null);
 });
 exports.UserMenuHandle = UserMenuHandle;
-var UserMenuHandleRenderer = (0, _appAdminCore.makeComposable)("UserMenuHandleRenderer");
+var UserMenuHandleRenderer = (0, _app.makeComposable)("UserMenuHandleRenderer");
 exports.UserMenuHandleRenderer = UserMenuHandleRenderer;
-var UserMenuItem = (0, _appAdminCore.makeComposable)("UserMenuItem", function (_ref2) {
+var UserMenuItem = (0, _app.makeComposable)("UserMenuItem", function (_ref2) {
   var menuItem = _ref2.menuItem;
   return /*#__PURE__*/_react.default.createElement(UserMenuItemContext.Provider, {
     value: menuItem
   }, /*#__PURE__*/_react.default.createElement(UserMenuItemRenderer, null));
 });
 exports.UserMenuItem = UserMenuItem;
-var UserMenuItemRenderer = (0, _appAdminCore.makeComposable)("UserMenuItemRenderer");
+var UserMenuItemRenderer = (0, _app.makeComposable)("UserMenuItemRenderer");
 exports.UserMenuItemRenderer = UserMenuItemRenderer;
-
 var AddUserMenuItem = function AddUserMenuItem(props) {
   var _useUserMenu = useUserMenu(),
-      addMenuItem = _useUserMenu.addMenuItem;
-
+    addMenuItem = _useUserMenu.addMenuItem;
   (0, _react.useEffect)(function () {
     return addMenuItem(props);
   }, []);
   return null;
 };
-
 exports.AddUserMenuItem = AddUserMenuItem;
-
 var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
   element: undefined,
   icon: undefined,
@@ -118,14 +97,11 @@ var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
   },
   path: undefined
 });
-
 UserMenuItemContext.displayName = "UserMenuItemContext";
-
 function useUserMenuItem() {
   return _react.default.useContext(UserMenuItemContext);
 }
-
-var UserMenuItems = (0, _appAdminCore.makeComposable)("UserMenuItems", function (_ref3) {
+var UserMenuItems = (0, _app.makeComposable)("UserMenuItems", function (_ref3) {
   var menuItems = _ref3.menuItems;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement(UserMenuItem, {

package/base/ui/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserMenuContext","React","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","Component","children","props","useState","setItems","useCallback","item","items","index","findIndex","i","slice","context","UserMenu","makeComposable","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer","UserMenuItem","menuItem","UserMenuItemRenderer","AddUserMenuItem","useEffect","UserMenuItemContext","element","undefined","icon","label","onClick","path","useUserMenuItem","UserMenuItems","map"],"sources":["UserMenu.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface UserMenuItemData {\n    label?: string;\n    icon?: JSX.Element;\n    path?: string;\n    onClick?: () => void;\n    element?: JSX.Element;\n}\n\nexport interface UserMenuContext {\n    menuItems: UserMenuItemData[];\n    addMenuItem(item: UserMenuItemData): void;\n}\n\nconst UserMenuContext = React.createContext<UserMenuContext>({\n    addMenuItem: () => {\n        return void 0;\n    },\n    menuItems: []\n});\nUserMenuContext.displayName = \"UserMenuContext\";\n\nexport function useUserMenu() {\n    return React.useContext(UserMenuContext);\n}\n\nexport const UserMenuProvider = (Component: React.FC): React.FC => {\n    return function UserMenuProvider({ children, ...props }) {\n        const [menuItems, setItems] = useState<UserMenuItemData[]>([]);\n\n        const addMenuItem = useCallback<UserMenuContext[\"addMenuItem\"]>(\n            item => {\n                setItems(items => [...items, item]);\n\n                return () => {\n                    setItems(items => {\n                        const index = items.findIndex(i => i === item);\n                        if (index < 0) {\n                            return items;\n                        }\n\n                        return [...items.slice(0, index), ...items.slice(index + 1)];\n                    });\n                };\n            },\n            [setItems]\n        );\n\n        const context = {\n            menuItems,\n            addMenuItem\n        };\n\n        return (\n            <UserMenuContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </UserMenuContext.Provider>\n        );\n    };\n};\n\nexport const UserMenu = makeComposable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeComposable(\"UserMenuRenderer\");\n\nexport const UserMenuHandle = makeComposable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeComposable(\"UserMenuHandleRenderer\");\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeComposable<UserMenuItemProps>(\"UserMenuItem\", ({ menuItem }) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeComposable(\"UserMenuItemRenderer\");\n\nexport const AddUserMenuItem: React.FC<UserMenuItemProps[\"menuItem\"]> = props => {\n    const { addMenuItem } = useUserMenu();\n\n    useEffect(() => {\n        return addMenuItem(props);\n    }, []);\n\n    return null;\n};\n\nexport type UserMenuItemContext = UserMenuItemData;\n\nconst UserMenuItemContext = React.createContext<UserMenuItemContext>({\n    element: undefined,\n    icon: undefined,\n    label: undefined,\n    onClick: () => {\n        return void 0;\n    },\n    path: undefined\n});\nUserMenuItemContext.displayName = \"UserMenuItemContext\";\n\nexport function useUserMenuItem() {\n    return React.useContext(UserMenuItemContext);\n}\n\nexport interface UserMenuItemsProps {\n    menuItems: UserMenuItemData[];\n}\n\nexport const UserMenuItems = makeComposable<UserMenuItemsProps>(\n    \"UserMenuItems\",\n    ({ menuItems }) => {\n        return (\n            <Fragment>\n                {menuItems.map((item, index) => (\n                    <UserMenuItem key={index} menuItem={item} />\n                ))}\n            </Fragment>\n        );\n    }\n);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_app","_excluded","UserMenuContext","React","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","Component","_ref","children","props","_objectWithoutProperties2","default","_useState","useState","_useState2","_slicedToArray2","setItems","useCallback","item","items","concat","_toConsumableArray2","index","findIndex","i","slice","context","createElement","Provider","value","exports","UserMenu","makeComposable","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer","UserMenuItem","_ref2","menuItem","UserMenuItemContext","UserMenuItemRenderer","AddUserMenuItem","_useUserMenu","useEffect","element","undefined","icon","label","onClick","path","useUserMenuItem","UserMenuItems","_ref3","Fragment","map","key"],"sources":["UserMenu.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface UserMenuItemData {\n    label?: string;\n    icon?: JSX.Element;\n    path?: string;\n    onClick?: () => void;\n    element?: JSX.Element;\n}\n\nexport interface UserMenuContext {\n    menuItems: UserMenuItemData[];\n    addMenuItem(item: UserMenuItemData): void;\n}\n\nconst UserMenuContext = React.createContext<UserMenuContext>({\n    addMenuItem: () => {\n        return void 0;\n    },\n    menuItems: []\n});\nUserMenuContext.displayName = \"UserMenuContext\";\n\nexport function useUserMenu() {\n    return React.useContext(UserMenuContext);\n}\n\nexport const UserMenuProvider = (Component: React.FC): React.FC => {\n    return function UserMenuProvider({ children, ...props }) {\n        const [menuItems, setItems] = useState<UserMenuItemData[]>([]);\n\n        const addMenuItem = useCallback<UserMenuContext[\"addMenuItem\"]>(\n            item => {\n                setItems(items => [...items, item]);\n\n                return () => {\n                    setItems(items => {\n                        const index = items.findIndex(i => i === item);\n                        if (index < 0) {\n                            return items;\n                        }\n\n                        return [...items.slice(0, index), ...items.slice(index + 1)];\n                    });\n                };\n            },\n            [setItems]\n        );\n\n        const context = {\n            menuItems,\n            addMenuItem\n        };\n\n        return (\n            <UserMenuContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </UserMenuContext.Provider>\n        );\n    };\n};\n\nexport const UserMenu = makeComposable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeComposable(\"UserMenuRenderer\");\n\nexport const UserMenuHandle = makeComposable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeComposable(\"UserMenuHandleRenderer\");\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeComposable<UserMenuItemProps>(\"UserMenuItem\", ({ menuItem }) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeComposable(\"UserMenuItemRenderer\");\n\nexport const AddUserMenuItem: React.FC<UserMenuItemProps[\"menuItem\"]> = props => {\n    const { addMenuItem } = useUserMenu();\n\n    useEffect(() => {\n        return addMenuItem(props);\n    }, []);\n\n    return null;\n};\n\nexport type UserMenuItemContext = UserMenuItemData;\n\nconst UserMenuItemContext = React.createContext<UserMenuItemContext>({\n    element: undefined,\n    icon: undefined,\n    label: undefined,\n    onClick: () => {\n        return void 0;\n    },\n    path: undefined\n});\nUserMenuItemContext.displayName = \"UserMenuItemContext\";\n\nexport function useUserMenuItem() {\n    return React.useContext(UserMenuItemContext);\n}\n\nexport interface UserMenuItemsProps {\n    menuItems: UserMenuItemData[];\n}\n\nexport const UserMenuItems = makeComposable<UserMenuItemsProps>(\n    \"UserMenuItems\",\n    ({ menuItems }) => {\n        return (\n            <Fragment>\n                {menuItems.map((item, index) => (\n                    <UserMenuItem key={index} menuItem={item} />\n                ))}\n            </Fragment>\n        );\n    }\n);\n"],"mappings":"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"}

package/components/AdminLayout.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdminLayout = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("./..");
-
 var AdminLayout = function AdminLayout(_ref) {
   var title = _ref.title,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_.Layout, {
     title: title
   }, children);
 };
-
 exports.AdminLayout = AdminLayout;

package/components/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["AdminLayout","title","children"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n}\n\nexport const AdminLayout: React.FC<AdminLayoutProps> = ({ title, children }) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAAyB;EAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC5E,oBAAO,6BAAC,QAAD;IAAQ,KAAK,EAAED;EAAf,GAAuBC,QAAvB,CAAP;AACH,CAFM"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_","AdminLayout","_ref","title","children","default","createElement","Layout","exports"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n}\n\nexport const AdminLayout: React.FC<AdminLayoutProps> = ({ title, children }) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAMO,IAAME,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACrE,oBAAOP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,CAAA,CAAAO,MAAM;IAACJ,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC;AAACI,OAAA,CAAAP,WAAA,GAAAA,WAAA"}

package/components/AppInstaller/AppInstaller.js

@@ -1,98 +1,66 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppInstaller = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _store = _interopRequireDefault(require("store"));
-
 var _ = require("../..");
-
 var _appSecurity = require("@webiny/app-security");
-
 var _Progress = require("@webiny/ui/Progress");
-
 var _Button = require("@webiny/ui/Button");
-
 var _SplitView = require("../SplitView");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _Typography = require("@webiny/ui/Typography");
-
 var _Elevation = require("@webiny/ui/Elevation");
-
 var _useInstaller2 = require("./useInstaller");
-
 var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-
 var _styled = require("./styled");
-
 var _config = require("@webiny/app/config");
-
 var AppInstaller = function AppInstaller(_ref) {
   var children = _ref.children;
   var tenantId = _store.default.get("webiny_tenant") || "root";
   var lsKey = "webiny_installation_".concat(tenantId);
-
   var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-
   var isRootTenant = tenantId === "root";
   /*
    * This flag allows us to avoid rendering the <iframe> when the app is tested with Cypress
    * (Cypress doesn't work with cross domains because of security-related implications).
    * @see https://docs.cypress.io/guides/guides/web-security#Insecure-Content
    */
-
   var isCypressTest = window && window.Cypress;
-
   var markInstallerAsCompleted = function markInstallerAsCompleted() {
     _store.default.set(lsKey, wbyVersion);
   };
-
   var isInstallerCompleted = function isInstallerCompleted() {
     return _store.default.get(lsKey) === wbyVersion;
   };
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      finished = _useState2[0],
-      setFinished = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    finished = _useState2[0],
+    setFinished = _useState2[1];
   var _useSecurity = (0, _appSecurity.useSecurity)(),
-      identity = _useSecurity.identity;
-
+    identity = _useSecurity.identity;
   var _useInstaller = (0, _useInstaller2.useInstaller)({
-    isInstalled: isInstallerCompleted()
-  }),
-      loading = _useInstaller.loading,
-      installers = _useInstaller.installers,
-      installer = _useInstaller.installer,
-      isFirstInstall = _useInstaller.isFirstInstall,
-      showNextInstaller = _useInstaller.showNextInstaller,
-      showLogin = _useInstaller.showLogin,
-      onUser = _useInstaller.onUser,
-      skippingVersions = _useInstaller.skippingVersions;
-
+      isInstalled: isInstallerCompleted()
+    }),
+    loading = _useInstaller.loading,
+    installers = _useInstaller.installers,
+    installer = _useInstaller.installer,
+    isFirstInstall = _useInstaller.isFirstInstall,
+    showNextInstaller = _useInstaller.showNextInstaller,
+    showLogin = _useInstaller.showLogin,
+    onUser = _useInstaller.onUser;
   (0, _react.useEffect)(function () {
     if (identity) {
       onUser();
     }
   }, [identity]);
-
   if (isInstallerCompleted()) {
     return /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, children);
   }
-
   var renderLayout = function renderLayout(content) {
     var secure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, {
@@ -107,60 +75,27 @@ var AppInstaller = function AppInstaller(_ref) {
       span: 10
     }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, content)));
   };
-
   var renderBody = function renderBody(content) {
     return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styled.InstallContent, null, /*#__PURE__*/_react.default.createElement(_styled.InnerContent, null, content)));
-  }; // Loading installers data
-
+  };
 
+  // Loading installers data
   if (loading) {
     return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
       label: "Checking apps..."
     });
-  } // This means there are no installers to run or installation was finished
-
+  }
 
+  // This means there are no installers to run or installation was finished
   if (!loading && (installers.length === 0 || finished)) {
     markInstallerAsCompleted();
     return /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, children);
   }
-
   if (installer) {
     return renderLayout(renderBody(installer.render({
       onInstalled: showNextInstaller
     })), installer.secure);
   }
-
-  if (skippingVersions) {
-    return renderBody( /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-      z: 1,
-      className: _styled.alertClass
-    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "headline4"
-    }, "Important!")), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "body1",
-      tag: "div"
-    }, "We've detected that your current application is running Webiny", " ", /*#__PURE__*/_react.default.createElement("strong", null, "v", skippingVersions.latest), ". However, your API is running ", /*#__PURE__*/_react.default.createElement("strong", null, "v", skippingVersions.current), ". Unfortunately, we can't upgrade your system by skipping versions in between.", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "Here's a list of versions you skipped, that contain upgrades you need to install:", /*#__PURE__*/_react.default.createElement("ul", null, skippingVersions.availableUpgrades.filter(function (v) {
-      return v !== skippingVersions.latest;
-    }).map(function (v) {
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: v
-      }, "v", v);
-    })), "For instructions on how to upgrade Webiny, please consult our", " ", /*#__PURE__*/_react.default.createElement("a", {
-      href: "https://docs.webiny.com/docs/how-to-guides/upgrade-webiny",
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, "Upgrade Webiny"), " ", "guide. Note that some versions may have a dedicated article with upgrade instructions, so look out for those in the upgrade guide.", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "If you run into problems, find us on our", " ", /*#__PURE__*/_react.default.createElement("a", {
-      href: "https://www.webiny.com/slack",
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, "Slack community."))))));
-  }
-
   return renderLayout(renderBody( /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: 1
   }, /*#__PURE__*/_react.default.createElement(_styled.SuccessDialog, null, /*#__PURE__*/_react.default.createElement("p", null, "You have successfully installed all new applications!"), !isCypressTest && isRootTenant && isFirstInstall ? /*#__PURE__*/_react.default.createElement("iframe", {
@@ -177,7 +112,6 @@ var AppInstaller = function AppInstaller(_ref) {
       markInstallerAsCompleted();
       setFinished(true);
     }
-  }, isFirstInstall ? "Finish install" : "Finish upgrade")))), true);
+  }, "Finish install")))), true);
 };
-
 exports.AppInstaller = AppInstaller;

package/components/AppInstaller/AppInstaller.js.map

@@ -1 +1 @@
-{"version":3,"names":["AppInstaller","children","tenantId","localStorage","get","lsKey","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","isRootTenant","isCypressTest","window","Cypress","markInstallerAsCompleted","set","isInstallerCompleted","useState","finished","setFinished","useSecurity","identity","useInstaller","isInstalled","loading","installers","installer","isFirstInstall","showNextInstaller","showLogin","onUser","skippingVersions","useEffect","renderLayout","content","secure","installerSplitView","renderBody","length","render","onInstalled","alertClass","latest","current","availableUpgrades","filter","v","map","opacity"],"sources":["AppInstaller.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen } from \"~/index\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { SplitView, LeftPanel, RightPanel } from \"../SplitView\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { useInstaller } from \"./useInstaller\";\nimport Sidebar from \"./Sidebar\";\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nimport {\n    Wrapper,\n    alertClass,\n    InnerContent,\n    InstallContent,\n    installerSplitView,\n    SuccessDialog\n} from \"./styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nexport const AppInstaller: React.FC = ({ children }) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n    const lsKey = `webiny_installation_${tenantId}`;\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const isRootTenant = tenantId === \"root\";\n    /*\n     * This flag allows us to avoid rendering the <iframe> when the app is tested with Cypress\n     * (Cypress doesn't work with cross domains because of security-related implications).\n     * @see https://docs.cypress.io/guides/guides/web-security#Insecure-Content\n     */\n    const isCypressTest = window && window.Cypress;\n\n    const markInstallerAsCompleted = () => {\n        localStorage.set(lsKey, wbyVersion);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === wbyVersion;\n    };\n\n    const [finished, setFinished] = useState(false);\n    const { identity } = useSecurity();\n    const {\n        loading,\n        installers,\n        installer,\n        isFirstInstall,\n        showNextInstaller,\n        showLogin,\n        onUser,\n        skippingVersions\n    } = useInstaller({ isInstalled: isInstallerCompleted() });\n\n    useEffect(() => {\n        if (identity) {\n            onUser();\n        }\n    }, [identity]);\n\n    if (isInstallerCompleted()) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    const renderLayout = (content: React.ReactNode, secure = false): React.ReactElement => {\n        return (\n            <SplitView className={installerSplitView}>\n                <LeftPanel span={2}>\n                    <Sidebar\n                        allInstallers={installers}\n                        installer={installer}\n                        showLogin={showLogin}\n                    />\n                </LeftPanel>\n                <RightPanel span={10}>\n                    {!showLogin && !secure && content}\n                    {(showLogin || secure) && <LoginScreen>{content}</LoginScreen>}\n                </RightPanel>\n            </SplitView>\n        );\n    };\n\n    const renderBody = (content: React.ReactNode): React.ReactElement => {\n        return (\n            <Wrapper>\n                <InstallContent>\n                    <InnerContent>{content}</InnerContent>\n                </InstallContent>\n            </Wrapper>\n        );\n    };\n\n    // Loading installers data\n    if (loading) {\n        return <CircularProgress label={\"Checking apps...\"} />;\n    }\n\n    // This means there are no installers to run or installation was finished\n    if (!loading && (installers.length === 0 || finished)) {\n        markInstallerAsCompleted();\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    if (installer) {\n        return renderLayout(\n            renderBody(installer.render({ onInstalled: showNextInstaller })),\n            installer.secure\n        );\n    }\n\n    if (skippingVersions) {\n        return renderBody(\n            <Elevation z={1} className={alertClass}>\n                <Grid>\n                    <Cell span={12}>\n                        <Typography use={\"headline4\"}>Important!</Typography>\n                    </Cell>\n                    <Cell span={12}>\n                        <Typography use={\"body1\"} tag={\"div\"}>\n                            We&apos;ve detected that your current application is running Webiny{\" \"}\n                            <strong>v{skippingVersions.latest}</strong>. However, your API is\n                            running <strong>v{skippingVersions.current}</strong>. Unfortunately, we\n                            can&apos;t upgrade your system by skipping versions in between.\n                            <br />\n                            <br />\n                            Here&apos;s a list of versions you skipped, that contain upgrades you\n                            need to install:\n                            <ul>\n                                {skippingVersions.availableUpgrades\n                                    .filter(v => v !== skippingVersions.latest)\n                                    .map(v => (\n                                        <li key={v}>v{v}</li>\n                                    ))}\n                            </ul>\n                            For instructions on how to upgrade Webiny, please consult our{\" \"}\n                            <a\n                                href={\"https://docs.webiny.com/docs/how-to-guides/upgrade-webiny\"}\n                                target={\"_blank\"}\n                                rel={\"noreferrer noopener\"}\n                            >\n                                Upgrade Webiny\n                            </a>{\" \"}\n                            guide. Note that some versions may have a dedicated article with upgrade\n                            instructions, so look out for those in the upgrade guide.\n                            <br />\n                            <br />\n                            If you run into problems, find us on our{\" \"}\n                            <a\n                                href={\"https://www.webiny.com/slack\"}\n                                target={\"_blank\"}\n                                rel={\"noreferrer noopener\"}\n                            >\n                                Slack community.\n                            </a>\n                        </Typography>\n                    </Cell>\n                </Grid>\n            </Elevation>\n        );\n    }\n\n    return renderLayout(\n        renderBody(\n            <Elevation z={1}>\n                <SuccessDialog>\n                    <p>You have successfully installed all new applications!</p>\n                    {!isCypressTest && isRootTenant && isFirstInstall ? (\n                        <iframe\n                            height=\"0\"\n                            width=\"0\"\n                            frameBorder=\"0\"\n                            style={{ opacity: \"0\" }}\n                            src=\"https://www.webiny.com/thank-you/new-install\"\n                        ></iframe>\n                    ) : null}\n                    <ButtonPrimary\n                        data-testid={\"open-webiny-cms-admin-button\"}\n                        onClick={() => {\n                            markInstallerAsCompleted();\n                            setFinished(true);\n                        }}\n                    >\n                        {isFirstInstall ? \"Finish install\" : \"Finish upgrade\"}\n                    </ButtonPrimary>\n                </SuccessDialog>\n            </Elevation>\n        ),\n        true\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_store","_interopRequireDefault","_","_appSecurity","_Progress","_Button","_SplitView","_Elevation","_useInstaller2","_Sidebar","_styled","_config","AppInstaller","_ref","children","tenantId","localStorage","get","lsKey","concat","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","isRootTenant","isCypressTest","window","Cypress","markInstallerAsCompleted","set","isInstallerCompleted","_useState","useState","_useState2","_slicedToArray2","default","finished","setFinished","_useSecurity","useSecurity","identity","_useInstaller","useInstaller","isInstalled","loading","installers","installer","isFirstInstall","showNextInstaller","showLogin","onUser","useEffect","createElement","LoginScreen","renderLayout","content","secure","arguments","length","undefined","SplitView","className","installerSplitView","LeftPanel","span","allInstallers","RightPanel","renderBody","Wrapper","InstallContent","InnerContent","CircularProgress","label","render","onInstalled","Elevation","z","SuccessDialog","height","width","frameBorder","style","opacity","src","ButtonPrimary","onClick","exports"],"sources":["AppInstaller.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen } from \"~/index\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { SplitView, LeftPanel, RightPanel } from \"../SplitView\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { useInstaller } from \"./useInstaller\";\nimport Sidebar from \"./Sidebar\";\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nimport { Wrapper, InnerContent, InstallContent, installerSplitView, SuccessDialog } from \"./styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nexport const AppInstaller: React.FC = ({ children }) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n    const lsKey = `webiny_installation_${tenantId}`;\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const isRootTenant = tenantId === \"root\";\n    /*\n     * This flag allows us to avoid rendering the <iframe> when the app is tested with Cypress\n     * (Cypress doesn't work with cross domains because of security-related implications).\n     * @see https://docs.cypress.io/guides/guides/web-security#Insecure-Content\n     */\n    const isCypressTest = window && window.Cypress;\n\n    const markInstallerAsCompleted = () => {\n        localStorage.set(lsKey, wbyVersion);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === wbyVersion;\n    };\n\n    const [finished, setFinished] = useState(false);\n    const { identity } = useSecurity();\n    const { loading, installers, installer, isFirstInstall, showNextInstaller, showLogin, onUser } =\n        useInstaller({ isInstalled: isInstallerCompleted() });\n\n    useEffect(() => {\n        if (identity) {\n            onUser();\n        }\n    }, [identity]);\n\n    if (isInstallerCompleted()) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    const renderLayout = (content: React.ReactNode, secure = false): React.ReactElement => {\n        return (\n            <SplitView className={installerSplitView}>\n                <LeftPanel span={2}>\n                    <Sidebar\n                        allInstallers={installers}\n                        installer={installer}\n                        showLogin={showLogin}\n                    />\n                </LeftPanel>\n                <RightPanel span={10}>\n                    {!showLogin && !secure && content}\n                    {(showLogin || secure) && <LoginScreen>{content}</LoginScreen>}\n                </RightPanel>\n            </SplitView>\n        );\n    };\n\n    const renderBody = (content: React.ReactNode): React.ReactElement => {\n        return (\n            <Wrapper>\n                <InstallContent>\n                    <InnerContent>{content}</InnerContent>\n                </InstallContent>\n            </Wrapper>\n        );\n    };\n\n    // Loading installers data\n    if (loading) {\n        return <CircularProgress label={\"Checking apps...\"} />;\n    }\n\n    // This means there are no installers to run or installation was finished\n    if (!loading && (installers.length === 0 || finished)) {\n        markInstallerAsCompleted();\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    if (installer) {\n        return renderLayout(\n            renderBody(installer.render({ onInstalled: showNextInstaller })),\n            installer.secure\n        );\n    }\n\n    return renderLayout(\n        renderBody(\n            <Elevation z={1}>\n                <SuccessDialog>\n                    <p>You have successfully installed all new applications!</p>\n                    {!isCypressTest && isRootTenant && isFirstInstall ? (\n                        <iframe\n                            height=\"0\"\n                            width=\"0\"\n                            frameBorder=\"0\"\n                            style={{ opacity: \"0\" }}\n                            src=\"https://www.webiny.com/thank-you/new-install\"\n                        ></iframe>\n                    ) : null}\n                    <ButtonPrimary\n                        data-testid={\"open-webiny-cms-admin-button\"}\n                        onClick={() => {\n                            markInstallerAsCompleted();\n                            setFinished(true);\n                        }}\n                    >\n                        Finish install\n                    </ButtonPrimary>\n                </SuccessDialog>\n            </Elevation>\n        ),\n        true\n    );\n};\n"],"mappings":"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"}

package/components/AppInstaller/Sidebar.js

@@ -1,30 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
-var _config = require("@webiny/app/config");
-
 var _signInDivider = _interopRequireDefault(require("./assets/sign-in-divider.svg"));
-
 var _Brand = require("../../base/ui/Brand");
-
 var _Tags = require("../../base/ui/Tags");
-
 var Logo = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eu74ttw0",
   label: "Logo"
@@ -86,13 +74,11 @@ var Note = /*#__PURE__*/(0, _styled.default)("div", {
 })({
   padding: 15
 });
-
 var Installations = function Installations(props) {
   var title = props.title,
-      allInstallers = props.allInstallers,
-      installer = props.installer,
-      showLogin = props.showLogin;
-
+    allInstallers = props.allInstallers,
+    installer = props.installer,
+    showLogin = props.showLogin;
   var renderList = function renderList() {
     var loginItem = /*#__PURE__*/_react.default.createElement("li", {
       key: "login",
@@ -104,21 +90,17 @@ var Installations = function Installations(props) {
       use: "overline",
       className: "note"
     }, "TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU\u2019LL NEED TO SIGN IN"));
-
     var items = [];
-
     for (var i = 0; i < allInstallers.length; i++) {
       var _allInstallers$i = allInstallers[i],
-          name = _allInstallers$i.name,
-          _title = _allInstallers$i.title,
-          secure = _allInstallers$i.secure,
-          installed = _allInstallers$i.installed;
+        name = _allInstallers$i.name,
+        _title = _allInstallers$i.title,
+        secure = _allInstallers$i.secure,
+        installed = _allInstallers$i.installed;
       var prev = i === 0 ? null : allInstallers[i - 1];
-
       if ((!prev || !prev.secure) && secure && showLogin) {
         items.push(loginItem);
       }
-
       var active = installer && !showLogin && name === installer.name;
       items.push( /*#__PURE__*/_react.default.createElement("li", {
         key: name,
@@ -135,44 +117,29 @@ var Installations = function Installations(props) {
         className: "title"
       }, _title)));
     }
-
     return items;
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body1"
   }, title)), /*#__PURE__*/_react.default.createElement(List, null, renderList()));
 };
-
 var Sidebar = function Sidebar(_ref) {
   var allInstallers = _ref.allInstallers,
-      installer = _ref.installer,
-      showLogin = _ref.showLogin;
-  var upgrades = allInstallers.filter(function (installer) {
-    return installer.type === "upgrade";
-  });
+    installer = _ref.installer,
+    showLogin = _ref.showLogin;
   var installations = allInstallers.filter(function (installer) {
     return installer.type === "install";
   });
-
-  var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-
   return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
     tags: {
       location: "installer"
     }
-  }, /*#__PURE__*/_react.default.createElement(Logo, null, /*#__PURE__*/_react.default.createElement(_Brand.Brand, null)), upgrades.length > 0 ? /*#__PURE__*/_react.default.createElement(Installations, {
-    title: /*#__PURE__*/_react.default.createElement("span", null, "The following apps will be upgraded to ", /*#__PURE__*/_react.default.createElement("strong", null, wbyVersion), ":"),
-    allInstallers: upgrades,
-    installer: installer,
-    showLogin: showLogin
-  }) : null, installations.length > 0 && /*#__PURE__*/_react.default.createElement(Installations, {
+  }, /*#__PURE__*/_react.default.createElement(Logo, null, /*#__PURE__*/_react.default.createElement(_Brand.Brand, null)), installations.length > 0 && /*#__PURE__*/_react.default.createElement(Installations, {
     title: "The following apps will be installed and configured:",
     allInstallers: installations,
     installer: installer,
-    showLogin: upgrades.length > 0 ? false : showLogin
+    showLogin: showLogin
   }));
 };
-
 var _default = Sidebar;
 exports.default = _default;