@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/base/ui/UserMenu/UserMenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuLinkRenderer","UserMenuLink","props","createElement","UserMenuLinkIconRenderer","UserMenuLinkIcon"],"sources":["UserMenuLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index\";\nimport type {\n    DropdownMenuItemIconProps,\n    DropdownMenuItemLinkProps\n} from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuLink\";\n\n// UserMenuLink\ntype UserMenuLinkRendererProps = DropdownMenuItemLinkProps;\n\nconst UserMenuLinkRenderer = makeDecoratable(\n    \"UserMenuLinkRenderer\",\n    createVoidComponent<UserMenuLinkRendererProps>()\n);\n\nconst UserMenuLink = makeDecoratable(\"UserMenuLink\", (props: UserMenuLinkRendererProps) => {\n    return <UserMenuLinkRenderer {...props} />;\n});\n\n// UserMenuLink > Icon\ntype DropdownMenuItemIconRendererProps = DropdownMenuItemIconProps;\n\nconst UserMenuLinkIconRenderer = makeDecoratable(\n    \"UserMenuLinkIcon\",\n    createVoidComponent<DropdownMenuItemIconProps>()\n);\n\nconst UserMenuLinkIcon = makeDecoratable(\n    \"UserMenuLinkIcon\",\n    (props: DropdownMenuItemIconRendererProps) => {\n        return <UserMenuLinkIconRenderer {...props} />;\n    }\n);\n\nexport {\n    UserMenuLink,\n    UserMenuLinkRenderer,\n    UserMenuLinkIcon,\n    UserMenuLinkIconRenderer,\n    type UserMenuLinkRendererProps,\n    type DropdownMenuItemIconRendererProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;;AAM7C;;AAGA,MAAMC,oBAAoB,GAAGD,eAAe,CACxC,sBAAsB,EACtBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMG,YAAY,GAAGF,eAAe,CAAC,cAAc,EAAGG,KAAgC,IAAK;EACvF,oBAAOL,KAAA,CAAAM,aAAA,CAACH,oBAAoB,EAAKE,KAAQ,CAAC;AAC9C,CAAC,CAAC;;AAEF;;AAGA,MAAME,wBAAwB,GAAGL,eAAe,CAC5C,kBAAkB,EAClBD,mBAAmB,CAA4B,CACnD,CAAC;AAED,MAAMO,gBAAgB,GAAGN,eAAe,CACpC,kBAAkB,EACjBG,KAAwC,IAAK;EAC1C,oBAAOL,KAAA,CAAAM,aAAA,CAACC,wBAAwB,EAAKF,KAAQ,CAAC;AAClD,CACJ,CAAC;AAED,SACID,YAAY,EACZD,oBAAoB,EACpBK,gBAAgB,EAChBD,wBAAwB","ignoreList":[]}

package/base/ui/UserMenu/UserMenuSeparator.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import type { DropdownMenuSeparatorProps } from "@webiny/admin-ui/DropdownMenu/components/DropdownMenuSeparator";
+type UserMenuSeparatorRendererProps = DropdownMenuSeparatorProps;
+declare const UserMenuSeparatorRenderer: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null) & {
+    original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null) & {
+        original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null) & {
+        original: (props: import("@webiny/admin-ui/Separator/Separator").SeparatorProps) => JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const UserMenuSeparator: ((props: UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+    original: (props: UserMenuSeparatorRendererProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+        original: (props: UserMenuSeparatorRendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: UserMenuSeparatorRendererProps) => React.JSX.Element) & {
+        original: (props: UserMenuSeparatorRendererProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { UserMenuSeparator, UserMenuSeparatorRenderer, type UserMenuSeparatorRendererProps };

package/base/ui/UserMenu/UserMenuSeparator.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "../../..";
+const UserMenuSeparatorRenderer = makeDecoratable("UserMenuSeparatorRenderer", createVoidComponent());
+const UserMenuSeparator = makeDecoratable("UserMenuSeparator", props => {
+  return /*#__PURE__*/React.createElement(UserMenuSeparatorRenderer, props);
+});
+export { UserMenuSeparator, UserMenuSeparatorRenderer };
+
+//# sourceMappingURL=UserMenuSeparator.js.map

package/base/ui/UserMenu/UserMenuSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","UserMenuSeparatorRenderer","UserMenuSeparator","props","createElement"],"sources":["UserMenuSeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"~/index\";\nimport type { DropdownMenuSeparatorProps } from \"@webiny/admin-ui/DropdownMenu/components/DropdownMenuSeparator\";\n\ntype UserMenuSeparatorRendererProps = DropdownMenuSeparatorProps;\n\nconst UserMenuSeparatorRenderer = makeDecoratable(\n    \"UserMenuSeparatorRenderer\",\n    createVoidComponent<UserMenuSeparatorRendererProps>()\n);\n\nconst UserMenuSeparator = makeDecoratable(\n    \"UserMenuSeparator\",\n    (props: UserMenuSeparatorRendererProps) => {\n        return <UserMenuSeparatorRenderer {...props} />;\n    }\n);\n\nexport { UserMenuSeparator, UserMenuSeparatorRenderer, type UserMenuSeparatorRendererProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe;AAK7C,MAAMC,yBAAyB,GAAGD,eAAe,CAC7C,2BAA2B,EAC3BD,mBAAmB,CAAiC,CACxD,CAAC;AAED,MAAMG,iBAAiB,GAAGF,eAAe,CACrC,mBAAmB,EAClBG,KAAqC,IAAK;EACvC,oBAAOL,KAAA,CAAAM,aAAA,CAACH,yBAAyB,EAAKE,KAAQ,CAAC;AACnD,CACJ,CAAC;AAED,SAASD,iBAAiB,EAAED,yBAAyB","ignoreList":[]}

package/base/ui/UserMenu.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+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;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const UserMenuRenderer: ((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 UserMenuHandle: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const UserMenuHandleRenderer: ((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;
+};

package/base/ui/UserMenu.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export * from "./UserMenu/UserMenuItem";
+export * from "./UserMenu/UserMenuLink";
+export * from "./UserMenu/UserMenuSeparator";
+
+// UserMenu
+export const UserMenu = makeDecoratable("UserMenu", () => {
+  return /*#__PURE__*/React.createElement(UserMenuRenderer, null);
+});
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 interface AdminLayoutProps {
     title?: string;
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
-export declare const AdminLayout: ({ title, children }: AdminLayoutProps) => JSX.Element;
+export declare const AdminLayout: ({ title, children }: AdminLayoutProps) => React.JSX.Element;
 export {};

package/components/AdminLayout.js

@@ -1,35 +1,12 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import { UIViewComponent } from "../ui/UIView";
-import { GenericElement } from "../ui/elements/GenericElement";
-import { AdminView } from "../ui/views/AdminView";
-export var AdminLayout = function AdminLayout(_ref) {
-  var title = _ref.title,
-      children = _ref.children;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      view = _useState2[0],
-      setView = _useState2[1];
-
-  useEffect(function () {
-    var view = new AdminView();
-
-    if (title) {
-      view.setTitle(title);
-    }
-
-    view.setContentElement(new GenericElement("admin-layout-content", function () {
-      return children;
-    }));
-    setView(view);
-  }, []);
-
-  if (!view) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(UIViewComponent, {
-    view: view
-  });
-};
+import React from "react";
+import { Layout } from "./..";
+export const AdminLayout = ({
+  title,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Layout, {
+    title: title
+  }, children);
+};
+
+//# sourceMappingURL=AdminLayout.js.map

package/components/AdminLayout.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare global {
+    interface Window {
+        Cypress: any;
+    }
+}
+interface AppInstallerProps {
+    children: React.ReactNode;
+}
+export declare const AppInstaller: ({ children }: AppInstallerProps) => React.JSX.Element;
+export {};

package/components/AppInstaller/AppInstaller.js

@@ -0,0 +1,113 @@
+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
+   */
+  const isCypressTest = window && window.Cypress;
+  const markInstallerAsCompleted = () => {
+    localStorage.set(lsKey, true);
+  };
+  const isInstallerCompleted = () => {
+    return localStorage.get(lsKey) === true;
+  };
+  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.createElement(LoginScreen, null, children);
+  }
+  const renderLayout = (content, secure = false) => {
+    return /*#__PURE__*/React.createElement(Tags, {
+      tags: {
+        installer: true
+      }
+    }, /*#__PURE__*/React.createElement(SplitView, {
+      className: installerSplitView
+    }, /*#__PURE__*/React.createElement(LeftPanel, {
+      span: 2
+    }, /*#__PURE__*/React.createElement(Sidebar, {
+      allInstallers: installers,
+      installer: installer,
+      showLogin: showLogin
+    })), /*#__PURE__*/React.createElement(RightPanel, {
+      span: 10
+    }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/React.createElement(LoginScreen, 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.createElement(CircularProgress, {
+      label: "Checking apps..."
+    });
+  }
+
+  // This means there are no installers to run or installation was finished
+  if (!loading && (installers.length === 0 || finished)) {
+    markInstallerAsCompleted();
+    return /*#__PURE__*/React.createElement(LoginScreen, null, children);
+  }
+  if (installer) {
+    return renderLayout(renderBody(installer.render({
+      onInstalled: showNextInstaller
+    })), installer.secure);
+  }
+  return renderLayout(renderBody(/*#__PURE__*/React.createElement(Elevation, {
+    z: 1
+  }, /*#__PURE__*/React.createElement(SuccessDialog, null, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline4"
+  }, "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",
+    style: {
+      opacity: "0"
+    },
+    src: "https://www.webiny.com/thank-you/new-install"
+  }) : null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    "data-testid": "open-webiny-cms-admin-button",
+    onClick: () => {
+      markInstallerAsCompleted();
+      setFinished(true);
+    }
+  }, "Finish install")))), true);
+};
+
+//# sourceMappingURL=AppInstaller.js.map

package/components/AppInstaller/AppInstaller.js.map

@@ -0,0 +1 @@
+{"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,7 +1,9 @@
-/// <reference types="react" />
-declare const Sidebar: ({ allInstallers, installer, showLogin }: {
-    allInstallers: any;
-    installer: any;
-    showLogin: any;
-}) => JSX.Element;
+import React from "react";
+import type { Installer } from "./useInstaller";
+interface SidebarProps {
+    allInstallers: Installer[];
+    installer: Installer;
+    showLogin: boolean;
+}
+declare const Sidebar: ({ allInstallers, installer, showLogin }: SidebarProps) => React.JSX.Element;
 export default Sidebar;