@webiny/app-admin 5.43.3 → 6.0.0-alpha.1

package/base/ui/UserMenu.d.ts

@@ -1,17 +1,7 @@
 import React from "react";
-export interface UserMenuItemData {
-    label?: string;
-    icon?: JSX.Element;
-    path?: string;
-    onClick?: () => void;
-    element?: JSX.Element;
-}
-export interface UserMenuContext {
-    menuItems: UserMenuItemData[];
-    addMenuItem(item: UserMenuItemData): void;
-}
-export declare function useUserMenu(): UserMenuContext;
-export declare const UserMenuProvider: import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export * from "./UserMenu/UserMenuItem";
+export * from "./UserMenu/UserMenuLink";
+export * from "./UserMenu/UserMenuSeparator";
 export declare const UserMenu: (() => React.JSX.Element) & {
     original: () => React.JSX.Element;
     originalName: string;
@@ -88,69 +78,3 @@ export declare const UserMenuHandleRenderer: ((props: unknown) => JSX.Element |
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-export interface UserMenuItemProps {
-    menuItem: UserMenuItemData;
-}
-export declare const UserMenuItem: (({ menuItem }: UserMenuItemProps) => React.JSX.Element) & {
-    original: ({ menuItem }: UserMenuItemProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ menuItem }: UserMenuItemProps) => React.JSX.Element) & {
-        original: ({ menuItem }: UserMenuItemProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ menuItem }: UserMenuItemProps) => React.JSX.Element) & {
-        original: ({ menuItem }: UserMenuItemProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export declare const UserMenuItemRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
-    originalName: string;
-    displayName: string;
-} & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export declare const AddUserMenuItem: (props: UserMenuItemProps["menuItem"]) => null;
-export type UserMenuItemContext = UserMenuItemData;
-export declare function useUserMenuItem(): UserMenuItemData;
-export interface UserMenuItemsProps {
-    menuItems: UserMenuItemData[];
-}
-export declare const UserMenuItems: (({ menuItems }: UserMenuItemsProps) => React.JSX.Element) & {
-    original: ({ menuItems }: UserMenuItemsProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ menuItems }: UserMenuItemsProps) => React.JSX.Element) & {
-        original: ({ menuItems }: UserMenuItemsProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ menuItems }: UserMenuItemsProps) => React.JSX.Element) & {
-        original: ({ menuItems }: UserMenuItemsProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};

package/base/ui/UserMenu.js

@@ -1,106 +1,19 @@
-"use strict";
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export * from "./UserMenu/UserMenuItem";
+export * from "./UserMenu/UserMenuLink";
+export * from "./UserMenu/UserMenuSeparator";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// UserMenu
+export const UserMenu = makeDecoratable("UserMenu", () => {
+  return /*#__PURE__*/React.createElement(UserMenuRenderer, null);
 });
-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 _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 = exports.UserMenuProvider = (0, _app.createProvider)(function (Component) {
-  return function UserMenuProvider(_ref) {
-    var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    var _useState = (0, _react.useState)([]),
-      _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]);
-      });
-      return function () {
-        setItems(function (items) {
-          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)));
-        });
-      };
-    }, [setItems]);
-    var context = {
-      menuItems: menuItems,
-      addMenuItem: addMenuItem
-    };
-    return /*#__PURE__*/_react.default.createElement(UserMenuContext.Provider, {
-      value: context
-    }, /*#__PURE__*/_react.default.createElement(Component, props, children));
-  };
-});
-var UserMenu = exports.UserMenu = (0, _app.makeDecoratable)("UserMenu", function () {
-  return /*#__PURE__*/_react.default.createElement(UserMenuRenderer, null);
-});
-var UserMenuRenderer = exports.UserMenuRenderer = (0, _app.makeDecoratable)("UserMenuRenderer", (0, _app.createVoidComponent)());
-var UserMenuHandle = exports.UserMenuHandle = (0, _app.makeDecoratable)("UserMenuHandle", function () {
-  return /*#__PURE__*/_react.default.createElement(UserMenuHandleRenderer, null);
-});
-var UserMenuHandleRenderer = exports.UserMenuHandleRenderer = (0, _app.makeDecoratable)("UserMenuHandleRenderer", (0, _app.createVoidComponent)());
-var UserMenuItem = exports.UserMenuItem = (0, _app.makeDecoratable)("UserMenuItem", function (_ref2) {
-  var menuItem = _ref2.menuItem;
-  return /*#__PURE__*/_react.default.createElement(UserMenuItemContext.Provider, {
-    value: menuItem
-  }, /*#__PURE__*/_react.default.createElement(UserMenuItemRenderer, null));
-});
-var UserMenuItemRenderer = exports.UserMenuItemRenderer = (0, _app.makeDecoratable)("UserMenuItemRenderer", (0, _app.createVoidComponent)());
-var AddUserMenuItem = exports.AddUserMenuItem = function AddUserMenuItem(props) {
-  var _useUserMenu = useUserMenu(),
-    addMenuItem = _useUserMenu.addMenuItem;
-  (0, _react.useEffect)(function () {
-    return addMenuItem(props);
-  }, []);
-  return null;
-};
-var UserMenuItemContext = /*#__PURE__*/_react.default.createContext({
-  element: undefined,
-  icon: undefined,
-  label: undefined,
-  onClick: function onClick() {
-    return void 0;
-  },
-  path: undefined
-});
-UserMenuItemContext.displayName = "UserMenuItemContext";
-function useUserMenuItem() {
-  return _react.default.useContext(UserMenuItemContext);
-}
-var UserMenuItems = exports.UserMenuItems = (0, _app.makeDecoratable)("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, {
-      key: index,
-      menuItem: item
-    });
-  }));
+export const UserMenuRenderer = makeDecoratable("UserMenuRenderer", createVoidComponent());
+
+// UserMenuHandle
+export const UserMenuHandle = makeDecoratable("UserMenuHandle", () => {
+  return /*#__PURE__*/React.createElement(UserMenuHandleRenderer, null);
 });
+export const UserMenuHandleRenderer = makeDecoratable("UserMenuHandleRenderer", createVoidComponent());
 
 //# sourceMappingURL=UserMenu.js.map

package/base/ui/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_app","_excluded","UserMenuContext","React","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","exports","createProvider","Component","_ref","children","props","_objectWithoutProperties2","default","_useState","useState","_useState2","_slicedToArray2","setItems","useCallback","item","items","concat","_toConsumableArray2","index","findIndex","i","slice","context","createElement","Provider","value","UserMenu","makeDecoratable","UserMenuRenderer","createVoidComponent","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 { createProvider, createVoidComponent, makeDecoratable } 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\ninterface UserMenuProviderProps {\n    children: React.ReactNode;\n    [key: string]: any;\n}\n\nexport const UserMenuProvider = createProvider(Component => {\n    return function UserMenuProvider({ children, ...props }: UserMenuProviderProps) {\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 = makeDecoratable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeDecoratable(\"UserMenuRenderer\", createVoidComponent());\n\nexport const UserMenuHandle = makeDecoratable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeDecoratable(\n    \"UserMenuHandleRenderer\",\n    createVoidComponent()\n);\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeDecoratable(\"UserMenuItem\", ({ menuItem }: UserMenuItemProps) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeDecoratable(\"UserMenuItemRenderer\", createVoidComponent());\n\nexport const AddUserMenuItem = (props: UserMenuItemProps[\"menuItem\"]) => {\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 = makeDecoratable(\n    \"UserMenuItems\",\n    ({ menuItems }: UserMenuItemsProps) => {\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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","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenu","createElement","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer"],"sources":["UserMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport * from \"./UserMenu/UserMenuItem\";\nexport * from \"./UserMenu/UserMenuLink\";\nexport * from \"./UserMenu/UserMenuSeparator\";\n\n// UserMenu\nexport const UserMenu = makeDecoratable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeDecoratable(\"UserMenuRenderer\", createVoidComponent());\n\n// UserMenuHandle\nexport const UserMenuHandle = makeDecoratable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeDecoratable(\n    \"UserMenuHandleRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,QAAQ,GAAGD,eAAe,CAAC,UAAU,EAAE,MAAM;EACtD,oBAAOF,KAAA,CAAAI,aAAA,CAACC,gBAAgB,MAAE,CAAC;AAC/B,CAAC,CAAC;AAEF,OAAO,MAAMA,gBAAgB,GAAGH,eAAe,CAAC,kBAAkB,EAAED,mBAAmB,CAAC,CAAC,CAAC;;AAE1F;AACA,OAAO,MAAMK,cAAc,GAAGJ,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACG,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGL,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/components/AdminLayout.js

@@ -1,16 +1,10 @@
-"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 = exports.AdminLayout = function AdminLayout(_ref) {
-  var title = _ref.title,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_.Layout, {
+import React from "react";
+import { Layout } from "./..";
+export const AdminLayout = ({
+  title,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Layout, {
     title: title
   }, children);
 };

package/components/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","AdminLayout","exports","_ref","title","children","default","createElement","Layout"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAOO,IAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAA8C;EAAA,IAAxCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACzC,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,CAAA,CAAAQ,MAAM;IAACJ,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Layout","AdminLayout","title","children","createElement"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AAOf,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EAClE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACE,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}

package/components/AppInstaller/AppInstaller.js

@@ -1,90 +1,80 @@
-"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 _Elevation = require("@webiny/ui/Elevation");
-var _Typography = require("@webiny/ui/Typography");
-var _useInstaller2 = require("./useInstaller");
-var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-var _styled = require("./styled");
-var AppInstaller = exports.AppInstaller = function AppInstaller(_ref) {
-  var children = _ref.children;
-  var tenantId = _store.default.get("webiny_tenant") || "root";
-  var lsKey = "webiny_installation_".concat(tenantId);
-  var isRootTenant = tenantId === "root";
+import React, { useEffect, useState } from "react";
+import { default as localStorage } from "store";
+import { LoginScreen, Tags } from "../..";
+import { useSecurity } from "@webiny/app-security";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { SplitView, LeftPanel, RightPanel } from "../SplitView";
+import { Elevation } from "@webiny/ui/Elevation";
+import { Typography } from "@webiny/ui/Typography";
+import { useInstaller } from "./useInstaller";
+import Sidebar from "./Sidebar";
+import { Wrapper, InnerContent, InstallContent, installerSplitView, SuccessDialog } from "./styled";
+export const AppInstaller = ({
+  children
+}) => {
+  const tenantId = localStorage.get("webiny_tenant") || "root";
+  const lsKey = `webiny_installation_${tenantId}`;
+  const 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, true);
+  const isCypressTest = window && window.Cypress;
+  const markInstallerAsCompleted = () => {
+    localStorage.set(lsKey, true);
   };
-  var isInstallerCompleted = function isInstallerCompleted() {
-    return _store.default.get(lsKey) === true;
+  const isInstallerCompleted = () => {
+    return localStorage.get(lsKey) === true;
   };
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    finished = _useState2[0],
-    setFinished = _useState2[1];
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    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;
-  (0, _react.useEffect)(function () {
+  const [finished, setFinished] = useState(false);
+  const {
+    identity
+  } = useSecurity();
+  const {
+    loading,
+    installers,
+    installer,
+    isFirstInstall,
+    showNextInstaller,
+    showLogin,
+    onUser
+  } = useInstaller({
+    isInstalled: isInstallerCompleted()
+  });
+  useEffect(() => {
     if (identity) {
       onUser();
     }
   }, [identity]);
   if (isInstallerCompleted()) {
-    return /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, children);
+    return /*#__PURE__*/React.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(_.Tags, {
+  const renderLayout = (content, secure = false) => {
+    return /*#__PURE__*/React.createElement(Tags, {
       tags: {
         installer: true
       }
-    }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, {
-      className: _styled.installerSplitView
-    }, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+    }, /*#__PURE__*/React.createElement(SplitView, {
+      className: installerSplitView
+    }, /*#__PURE__*/React.createElement(LeftPanel, {
       span: 2
-    }, /*#__PURE__*/_react.default.createElement(_Sidebar.default, {
+    }, /*#__PURE__*/React.createElement(Sidebar, {
       allInstallers: installers,
       installer: installer,
       showLogin: showLogin
-    })), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+    })), /*#__PURE__*/React.createElement(RightPanel, {
       span: 10
-    }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, content))));
+    }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/React.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)));
+  const renderBody = content => {
+    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(InstallContent, null, /*#__PURE__*/React.createElement(InnerContent, null, content)));
   };
 
   // Loading installers data
   if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    return /*#__PURE__*/React.createElement(CircularProgress, {
       label: "Checking apps..."
     });
   }
@@ -92,18 +82,18 @@ var AppInstaller = exports.AppInstaller = function AppInstaller(_ref) {
   // 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);
+    return /*#__PURE__*/React.createElement(LoginScreen, null, children);
   }
   if (installer) {
     return renderLayout(renderBody(installer.render({
       onInstalled: showNextInstaller
     })), installer.secure);
   }
-  return renderLayout(renderBody(/*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+  return renderLayout(renderBody(/*#__PURE__*/React.createElement(Elevation, {
     z: 1
-  }, /*#__PURE__*/_react.default.createElement(_styled.SuccessDialog, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+  }, /*#__PURE__*/React.createElement(SuccessDialog, null, /*#__PURE__*/React.createElement(Typography, {
     use: "headline4"
-  }, "You're ready!"), /*#__PURE__*/_react.default.createElement("p", null, "All applications were successfully installed."), !isCypressTest && isRootTenant && isFirstInstall ? /*#__PURE__*/_react.default.createElement("iframe", {
+  }, "You're ready!"), /*#__PURE__*/React.createElement("p", null, "All applications were successfully installed."), !isCypressTest && isRootTenant && isFirstInstall ? /*#__PURE__*/React.createElement("iframe", {
     height: "0",
     width: "0",
     frameBorder: "0",
@@ -111,9 +101,9 @@ var AppInstaller = exports.AppInstaller = function AppInstaller(_ref) {
       opacity: "0"
     },
     src: "https://www.webiny.com/thank-you/new-install"
-  }) : null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+  }) : null, /*#__PURE__*/React.createElement(ButtonPrimary, {
     "data-testid": "open-webiny-cms-admin-button",
-    onClick: function onClick() {
+    onClick: () => {
       markInstallerAsCompleted();
       setFinished(true);
     }

package/components/AppInstaller/AppInstaller.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_store","_interopRequireDefault","_","_appSecurity","_Progress","_Button","_SplitView","_Elevation","_Typography","_useInstaller2","_Sidebar","_styled","AppInstaller","exports","_ref","children","tenantId","localStorage","get","lsKey","concat","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","Tags","tags","SplitView","className","installerSplitView","LeftPanel","span","allInstallers","RightPanel","renderBody","Wrapper","InstallContent","InnerContent","CircularProgress","label","render","onInstalled","Elevation","z","SuccessDialog","Typography","use","height","width","frameBorder","style","opacity","src","ButtonPrimary","onClick"],"sources":["AppInstaller.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen, Tags } 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 { Typography } from \"@webiny/ui/Typography\";\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\";\n\ninterface AppInstallerProps {\n    children: React.ReactNode;\n}\n\nexport const AppInstaller = ({ children }: AppInstallerProps) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n    const lsKey = `webiny_installation_${tenantId}`;\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, true);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === true;\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            <Tags tags={{ installer: true }}>\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            </Tags>\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                    <Typography use={\"headline4\"}>You&apos;re ready!</Typography>\n                    <p>All applications were successfully installed.</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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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","default","localStorage","LoginScreen","Tags","useSecurity","CircularProgress","ButtonPrimary","SplitView","LeftPanel","RightPanel","Elevation","Typography","useInstaller","Sidebar","Wrapper","InnerContent","InstallContent","installerSplitView","SuccessDialog","AppInstaller","children","tenantId","get","lsKey","isRootTenant","isCypressTest","window","Cypress","markInstallerAsCompleted","set","isInstallerCompleted","finished","setFinished","identity","loading","installers","installer","isFirstInstall","showNextInstaller","showLogin","onUser","isInstalled","createElement","renderLayout","content","secure","tags","className","span","allInstallers","renderBody","label","length","render","onInstalled","z","use","height","width","frameBorder","style","opacity","src","onClick"],"sources":["AppInstaller.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen, Tags } 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 { Typography } from \"@webiny/ui/Typography\";\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\";\n\ninterface AppInstallerProps {\n    children: React.ReactNode;\n}\n\nexport const AppInstaller = ({ children }: AppInstallerProps) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n    const lsKey = `webiny_installation_${tenantId}`;\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, true);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === true;\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            <Tags tags={{ installer: true }}>\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            </Tags>\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                    <Typography use={\"headline4\"}>You&apos;re ready!</Typography>\n                    <p>All applications were successfully installed.</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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","ignoreList":[]}

package/components/AppInstaller/Sidebar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Installer } from "./useInstaller";
+import type { Installer } from "./useInstaller";
 interface SidebarProps {
     allInstallers: Installer[];
     installer: Installer;