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

package/components/AppInstaller/Sidebar.js

@@ -1,111 +1,71 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { Fragment } from "react";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
 import classSet from "classnames";
-import webinyLogo from "../../assets/images/webiny-orange-logo.svg";
+import { Typography } from "@webiny/ui/Typography";
 import signInDivider from "./assets/sign-in-divider.svg";
-var SidebarWrapper = /*#__PURE__*/styled("div", {
-  target: "eu74ttw0",
-  label: "SidebarWrapper"
-})({});
-var Logo = /*#__PURE__*/styled("div", {
+import { Tags } from "../../base/ui/Tags";
+import { Logo } from "../../base/ui/Logo";
+const List = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "eu74ttw1"
+} : {
   target: "eu74ttw1",
-  label: "Logo"
-})({
-  padding: 15,
-  borderBottom: "1px solid var(--mdc-theme-background)",
-  img: {
-    width: "100px",
-    height: "auto"
-  }
-});
-var List = /*#__PURE__*/styled("ul", {
-  target: "eu74ttw2",
   label: "List"
-})({
-  li: {
-    display: "flex",
-    alignItems: "center",
-    padding: "15px 15px",
-    ".status": {
-      borderRadius: "50%",
-      display: "inline-block",
-      height: 20,
-      width: 20,
-      marginRight: 15
-    },
-    "&.sign-in": {
-      display: "block",
-      textAlign: "center",
-      ".note": {
-        display: "inline-block",
-        lineHeight: "150%",
-        fontSize: 10,
-        paddingTop: 10,
-        color: "var(--mdc-theme-text-icon-on-background)"
-      },
-      img: {
-        width: "100%"
-      }
-    },
-    "&.active": {
-      backgroundColor: "var(--mdc-theme-background)",
-      fontWeight: 600,
-      ".status": {
-        backgroundColor: "var(--mdc-theme-primary)"
-      }
-    },
-    "&.pending": {
-      ".status": {
-        backgroundColor: "var(--mdc-theme-on-surface)"
-      }
-    },
-    "&.installed": {
-      ".status": {
-        backgroundColor: "var(--mdc-theme-secondary)"
-      }
-    }
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1u5uctp",
+  styles: "li{display:flex;align-items:center;padding:15px 15px;.status{border-radius:50%;display:inline-block;height:20px;width:20px;margin-right:15px;}&.sign-in{display:block;text-align:center;.note{display:inline-block;line-height:150%;font-size:10px;padding-top:10px;color:var(--mdc-theme-text-icon-on-background);}img{width:100%;}}&.active{background-color:var(--mdc-theme-background);font-weight:600;.status{background-color:var(--mdc-theme-primary);}}&.pending{.status{background-color:var(--mdc-theme-on-surface);}}&.installed{.status{background-color:var(--mdc-theme-secondary);}}}"
+} : {
+  name: "1u5uctp",
+  styles: "li{display:flex;align-items:center;padding:15px 15px;.status{border-radius:50%;display:inline-block;height:20px;width:20px;margin-right:15px;}&.sign-in{display:block;text-align:center;.note{display:inline-block;line-height:150%;font-size:10px;padding-top:10px;color:var(--mdc-theme-text-icon-on-background);}img{width:100%;}}&.active{background-color:var(--mdc-theme-background);font-weight:600;.status{background-color:var(--mdc-theme-primary);}}&.pending{.status{background-color:var(--mdc-theme-on-surface);}}&.installed{.status{background-color:var(--mdc-theme-secondary);}}}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNhIiwiZmlsZSI6IlNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NTZXQgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzaWduSW5EaXZpZGVyIGZyb20gXCIuL2Fzc2V0cy9zaWduLWluLWRpdmlkZXIuc3ZnXCI7XG5pbXBvcnQgdHlwZSB7IEluc3RhbGxlciB9IGZyb20gXCIuL3VzZUluc3RhbGxlclwiO1xuaW1wb3J0IHsgVGFncyB9IGZyb20gXCJ+L2Jhc2UvdWkvVGFnc1wiO1xuaW1wb3J0IHsgTG9nbyB9IGZyb20gXCJ+L2Jhc2UvdWkvTG9nb1wiO1xuXG5jb25zdCBMaXN0ID0gc3R5bGVkKFwidWxcIikoe1xuICAgIGxpOiB7XG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiBcIjE1cHggMTVweFwiLFxuICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgICAgICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgICAgICAgIGhlaWdodDogMjAsXG4gICAgICAgICAgICB3aWR0aDogMjAsXG4gICAgICAgICAgICBtYXJnaW5SaWdodDogMTVcbiAgICAgICAgfSxcbiAgICAgICAgXCImLnNpZ24taW5cIjoge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgXCIubm90ZVwiOiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiBcIjE1MCVcIixcbiAgICAgICAgICAgICAgICBmb250U2l6ZTogMTAsXG4gICAgICAgICAgICAgICAgcGFkZGluZ1RvcDogMTAsXG4gICAgICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtaWNvbi1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgaW1nOiB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5hY3RpdmVcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLnBlbmRpbmdcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLmluc3RhbGxlZFwiOiB7XG4gICAgICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgTm90ZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogMTVcbn0pO1xuaW50ZXJmYWNlIEluc3RhbGxhdGlvbnNQcm9wcyB7XG4gICAgdGl0bGU6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBhbGxJbnN0YWxsZXJzOiBJbnN0YWxsZXJbXTtcbiAgICBpbnN0YWxsZXI6IEluc3RhbGxlcjtcbiAgICBzaG93TG9naW46IGJvb2xlYW47XG59XG5jb25zdCBJbnN0YWxsYXRpb25zID0gKHByb3BzOiBJbnN0YWxsYXRpb25zUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHRpdGxlLCBhbGxJbnN0YWxsZXJzLCBpbnN0YWxsZXIsIHNob3dMb2dpbiB9ID0gcHJvcHM7XG4gICAgY29uc3QgcmVuZGVyTGlzdCA9ICgpID0+IHtcbiAgICAgICAgY29uc3QgbG9naW5JdGVtID0gKFxuICAgICAgICAgICAgPGxpIGtleT17XCJsb2dpblwifSBjbGFzc05hbWU9e1wic2lnbi1pblwifT5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz17c2lnbkluRGl2aWRlcn0gYWx0PXtcIlwifSAvPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJvdmVybGluZVwifSBjbGFzc05hbWU9e1wibm90ZVwifT5cbiAgICAgICAgICAgICAgICAgICAgVE8gQ09OVElOVUUgVEhFIElOU1RBTExBVElPTiBBRlRFUiBUSElTIFBPSU5UIFlPVeKAmUxMIE5FRUQgVE8gU0lHTiBJTlxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICk7XG5cbiAgICAgICAgY29uc3QgaXRlbXMgPSBbXTtcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhbGxJbnN0YWxsZXJzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBjb25zdCB7IG5hbWUsIHRpdGxlLCBzZWN1cmUsIGluc3RhbGxlZCB9ID0gYWxsSW5zdGFsbGVyc1tpXTtcbiAgICAgICAgICAgIGNvbnN0IHByZXYgPSBpID09PSAwID8gbnVsbCA6IGFsbEluc3RhbGxlcnNbaSAtIDFdO1xuICAgICAgICAgICAgaWYgKCghcHJldiB8fCAhcHJldi5zZWN1cmUpICYmIHNlY3VyZSAmJiBzaG93TG9naW4pIHtcbiAgICAgICAgICAgICAgICBpdGVtcy5wdXNoKGxvZ2luSXRlbSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGFjdGl2ZSA9IGluc3RhbGxlciAmJiAhc2hvd0xvZ2luICYmIG5hbWUgPT09IGluc3RhbGxlci5uYW1lO1xuXG4gICAgICAgICAgICBpdGVtcy5wdXNoKFxuICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NTZXQoXG4gICAgICAgICAgICAgICAgICAgICAgICB7IGluc3RhbGxlZDogaW5zdGFsbGVkIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICB7IGFjdGl2ZTogYWN0aXZlIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICB7IHBlbmRpbmc6ICFpbnN0YWxsZWQgJiYgIWFjdGl2ZSB9XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1wic3RhdHVzXCJ9IC8+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17XCJ0aXRsZVwifT57dGl0bGV9PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBpdGVtcztcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZyYWdtZW50PlxuICAgICAgICAgICAgPE5vdGU+XG4gICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkxXCJ9Pnt0aXRsZX08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L05vdGU+XG4gICAgICAgICAgICA8TGlzdD57cmVuZGVyTGlzdCgpfTwvTGlzdD5cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICApO1xufTtcblxuaW50ZXJmYWNlIFNpZGViYXJQcm9wcyB7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuXG5jb25zdCBTaWRlYmFyID0gKHsgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfTogU2lkZWJhclByb3BzKSA9PiB7XG4gICAgY29uc3QgaW5zdGFsbGF0aW9ucyA9IGFsbEluc3RhbGxlcnMuZmlsdGVyKGluc3RhbGxlciA9PiBpbnN0YWxsZXIudHlwZSA9PT0gXCJpbnN0YWxsXCIpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRhZ3MgdGFncz17eyBsb2NhdGlvbjogXCJpbnN0YWxsZXJcIiB9fT5cbiAgICAgICAgICAgIDxMb2dvIC8+XG4gICAgICAgICAgICB7aW5zdGFsbGF0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICA8SW5zdGFsbGF0aW9uc1xuICAgICAgICAgICAgICAgICAgICB0aXRsZT17XCJUaGUgZm9sbG93aW5nIGFwcHMgd2lsbCBiZSBpbnN0YWxsZWQgYW5kIGNvbmZpZ3VyZWQ6XCJ9XG4gICAgICAgICAgICAgICAgICAgIGFsbEluc3RhbGxlcnM9e2luc3RhbGxhdGlvbnN9XG4gICAgICAgICAgICAgICAgICAgIGluc3RhbGxlcj17aW5zdGFsbGVyfVxuICAgICAgICAgICAgICAgICAgICBzaG93TG9naW49e3Nob3dMb2dpbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9UYWdzPlxuICAgICk7XG59O1xuZXhwb3J0IGRlZmF1bHQgU2lkZWJhcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Note = /*#__PURE__*/styled("div", {
-  target: "eu74ttw3",
+const Note = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eu74ttw0"
+} : {
+  target: "eu74ttw0",
   label: "Note"
-})({
-  padding: 15
+})(process.env.NODE_ENV === "production" ? {
+  name: "1jj7er4",
+  styles: "padding:15px"
+} : {
+  name: "1jj7er4",
+  styles: "padding:15px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEYSIsImZpbGUiOiJTaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzU2V0IGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgc2lnbkluRGl2aWRlciBmcm9tIFwiLi9hc3NldHMvc2lnbi1pbi1kaXZpZGVyLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBJbnN0YWxsZXIgfSBmcm9tIFwiLi91c2VJbnN0YWxsZXJcIjtcbmltcG9ydCB7IFRhZ3MgfSBmcm9tIFwifi9iYXNlL3VpL1RhZ3NcIjtcbmltcG9ydCB7IExvZ28gfSBmcm9tIFwifi9iYXNlL3VpL0xvZ29cIjtcblxuY29uc3QgTGlzdCA9IHN0eWxlZChcInVsXCIpKHtcbiAgICBsaToge1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIxNXB4IDE1cHhcIixcbiAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwLFxuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5zaWduLWluXCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIFwiLm5vdGVcIjoge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodDogXCIxNTAlXCIsXG4gICAgICAgICAgICAgICAgZm9udFNpemU6IDEwLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6IDEwLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LWljb24tb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGltZzoge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuYWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5wZW5kaW5nXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5pbnN0YWxsZWRcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IE5vdGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDE1XG59KTtcbmludGVyZmFjZSBJbnN0YWxsYXRpb25zUHJvcHMge1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuY29uc3QgSW5zdGFsbGF0aW9ucyA9IChwcm9wczogSW5zdGFsbGF0aW9uc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyB0aXRsZSwgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfSA9IHByb3BzO1xuICAgIGNvbnN0IHJlbmRlckxpc3QgPSAoKSA9PiB7XG4gICAgICAgIGNvbnN0IGxvZ2luSXRlbSA9IChcbiAgICAgICAgICAgIDxsaSBrZXk9e1wibG9naW5cIn0gY2xhc3NOYW1lPXtcInNpZ24taW5cIn0+XG4gICAgICAgICAgICAgICAgPGltZyBzcmM9e3NpZ25JbkRpdmlkZXJ9IGFsdD17XCJcIn0gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0gY2xhc3NOYW1lPXtcIm5vdGVcIn0+XG4gICAgICAgICAgICAgICAgICAgIFRPIENPTlRJTlVFIFRIRSBJTlNUQUxMQVRJT04gQUZURVIgVEhJUyBQT0lOVCBZT1XigJlMTCBORUVEIFRPIFNJR04gSU5cbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IGl0ZW1zID0gW107XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYWxsSW5zdGFsbGVycy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB0aXRsZSwgc2VjdXJlLCBpbnN0YWxsZWQgfSA9IGFsbEluc3RhbGxlcnNbaV07XG4gICAgICAgICAgICBjb25zdCBwcmV2ID0gaSA9PT0gMCA/IG51bGwgOiBhbGxJbnN0YWxsZXJzW2kgLSAxXTtcbiAgICAgICAgICAgIGlmICgoIXByZXYgfHwgIXByZXYuc2VjdXJlKSAmJiBzZWN1cmUgJiYgc2hvd0xvZ2luKSB7XG4gICAgICAgICAgICAgICAgaXRlbXMucHVzaChsb2dpbkl0ZW0pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBhY3RpdmUgPSBpbnN0YWxsZXIgJiYgIXNob3dMb2dpbiAmJiBuYW1lID09PSBpbnN0YWxsZXIubmFtZTtcblxuICAgICAgICAgICAgaXRlbXMucHVzaChcbiAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzU2V0KFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBpbnN0YWxsZWQ6IGluc3RhbGxlZCB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBhY3RpdmU6IGFjdGl2ZSB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBwZW5kaW5nOiAhaW5zdGFsbGVkICYmICFhY3RpdmUgfVxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInN0YXR1c1wifSAvPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1widGl0bGVcIn0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgIDxOb3RlPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifT57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgPExpc3Q+e3JlbmRlckxpc3QoKX08L0xpc3Q+XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMge1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU2lkZWJhciA9ICh7IGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH06IFNpZGViYXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IGluc3RhbGxhdGlvbnMgPSBhbGxJbnN0YWxsZXJzLmZpbHRlcihpbnN0YWxsZXIgPT4gaW5zdGFsbGVyLnR5cGUgPT09IFwiaW5zdGFsbFwiKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUYWdzIHRhZ3M9e3sgbG9jYXRpb246IFwiaW5zdGFsbGVyXCIgfX0+XG4gICAgICAgICAgICA8TG9nbyAvPlxuICAgICAgICAgICAge2luc3RhbGxhdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgPEluc3RhbGxhdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1wiVGhlIGZvbGxvd2luZyBhcHBzIHdpbGwgYmUgaW5zdGFsbGVkIGFuZCBjb25maWd1cmVkOlwifVxuICAgICAgICAgICAgICAgICAgICBhbGxJbnN0YWxsZXJzPXtpbnN0YWxsYXRpb25zfVxuICAgICAgICAgICAgICAgICAgICBpbnN0YWxsZXI9e2luc3RhbGxlcn1cbiAgICAgICAgICAgICAgICAgICAgc2hvd0xvZ2luPXtzaG93TG9naW59XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvVGFncz5cbiAgICApO1xufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGViYXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
-var Installations = function Installations(_ref) {
-  var title = _ref.title,
-      allInstallers = _ref.allInstallers,
-      installer = _ref.installer,
-      showLogin = _ref.showLogin;
-
-  var renderList = function renderList() {
-    var loginItem = /*#__PURE__*/React.createElement("li", {
+const Installations = props => {
+  const {
+    title,
+    allInstallers,
+    installer,
+    showLogin
+  } = props;
+  const renderList = () => {
+    const loginItem = /*#__PURE__*/React.createElement("li", {
       key: "login",
       className: "sign-in"
     }, /*#__PURE__*/React.createElement("img", {
-      src: signInDivider
+      src: signInDivider,
+      alt: ""
     }), /*#__PURE__*/React.createElement(Typography, {
       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;
-      var prev = i === 0 ? null : allInstallers[i - 1];
-
+    const items = [];
+    for (let i = 0; i < allInstallers.length; i++) {
+      const {
+        name,
+        title,
+        secure,
+        installed
+      } = allInstallers[i];
+      const 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.createElement("li", {
+      const active = installer && !showLogin && name === installer.name;
+      items.push(/*#__PURE__*/React.createElement("li", {
         key: name,
         className: classSet({
           installed: installed
@@ -118,41 +78,31 @@ var Installations = function Installations(_ref) {
         className: "status"
       }), /*#__PURE__*/React.createElement("span", {
         className: "title"
-      }, _title)));
+      }, title)));
     }
-
     return items;
   };
-
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
     use: "body1"
   }, title)), /*#__PURE__*/React.createElement(List, null, renderList()));
 };
-
-var Sidebar = function Sidebar(_ref2) {
-  var allInstallers = _ref2.allInstallers,
-      installer = _ref2.installer,
-      showLogin = _ref2.showLogin;
-  var upgrades = allInstallers.filter(function (installer) {
-    return installer.type === "upgrade";
-  });
-  var installations = allInstallers.filter(function (installer) {
-    return installer.type === "install";
-  });
-  return /*#__PURE__*/React.createElement(SidebarWrapper, null, /*#__PURE__*/React.createElement(Logo, null, /*#__PURE__*/React.createElement("img", {
-    src: webinyLogo,
-    alt: "Webiny CMS"
-  })), upgrades.length > 0 ? /*#__PURE__*/React.createElement(Installations, {
-    title: /*#__PURE__*/React.createElement("span", null, "The following apps will be upgraded to", " ", /*#__PURE__*/React.createElement("strong", null, process.env.REACT_APP_WEBINY_VERSION), ":"),
-    allInstallers: upgrades,
-    installer: installer,
-    showLogin: showLogin
-  }) : null, installations.length > 0 && /*#__PURE__*/React.createElement(Installations, {
+const Sidebar = ({
+  allInstallers,
+  installer,
+  showLogin
+}) => {
+  const installations = allInstallers.filter(installer => installer.type === "install");
+  return /*#__PURE__*/React.createElement(Tags, {
+    tags: {
+      location: "installer"
+    }
+  }, /*#__PURE__*/React.createElement(Logo, null), installations.length > 0 && /*#__PURE__*/React.createElement(Installations, {
     title: "The following apps will be installed and configured:",
     allInstallers: installations,
     installer: installer,
-    showLogin: upgrades.length > 0 ? false : showLogin
+    showLogin: showLogin
   }));
 };
+export default Sidebar;
 
-export default Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/components/AppInstaller/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","classSet","Typography","signInDivider","Tags","Logo","List","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","createElement","key","className","src","alt","use","items","i","length","secure","installed","prev","push","active","pending","Sidebar","installations","filter","type","tags","location"],"sources":["Sidebar.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport classSet from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport type { Installer } from \"./useInstaller\";\nimport { Tags } from \"~/base/ui/Tags\";\nimport { Logo } from \"~/base/ui/Logo\";\n\nconst List = styled(\"ul\")({\n    li: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"15px 15px\",\n        \".status\": {\n            borderRadius: \"50%\",\n            display: \"inline-block\",\n            height: 20,\n            width: 20,\n            marginRight: 15\n        },\n        \"&.sign-in\": {\n            display: \"block\",\n            textAlign: \"center\",\n            \".note\": {\n                display: \"inline-block\",\n                lineHeight: \"150%\",\n                fontSize: 10,\n                paddingTop: 10,\n                color: \"var(--mdc-theme-text-icon-on-background)\"\n            },\n            img: {\n                width: \"100%\"\n            }\n        },\n        \"&.active\": {\n            backgroundColor: \"var(--mdc-theme-background)\",\n            fontWeight: 600,\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-primary)\"\n            }\n        },\n        \"&.pending\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-on-surface)\"\n            }\n        },\n        \"&.installed\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-secondary)\"\n            }\n        }\n    }\n});\n\nconst Note = styled(\"div\")({\n    padding: 15\n});\ninterface InstallationsProps {\n    title: React.ReactNode;\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\nconst Installations = (props: InstallationsProps) => {\n    const { title, allInstallers, installer, showLogin } = props;\n    const renderList = () => {\n        const loginItem = (\n            <li key={\"login\"} className={\"sign-in\"}>\n                <img src={signInDivider} alt={\"\"} />\n                <Typography use={\"overline\"} className={\"note\"}>\n                    TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU’LL NEED TO SIGN IN\n                </Typography>\n            </li>\n        );\n\n        const items = [];\n        for (let i = 0; i < allInstallers.length; i++) {\n            const { name, title, secure, installed } = allInstallers[i];\n            const prev = i === 0 ? null : allInstallers[i - 1];\n            if ((!prev || !prev.secure) && secure && showLogin) {\n                items.push(loginItem);\n            }\n\n            const active = installer && !showLogin && name === installer.name;\n\n            items.push(\n                <li\n                    key={name}\n                    className={classSet(\n                        { installed: installed },\n                        { active: active },\n                        { pending: !installed && !active }\n                    )}\n                >\n                    <span className={\"status\"} />\n                    <span className={\"title\"}>{title}</span>\n                </li>\n            );\n        }\n        return items;\n    };\n\n    return (\n        <Fragment>\n            <Note>\n                <Typography use={\"body1\"}>{title}</Typography>\n            </Note>\n            <List>{renderList()}</List>\n        </Fragment>\n    );\n};\n\ninterface SidebarProps {\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\n\nconst Sidebar = ({ allInstallers, installer, showLogin }: SidebarProps) => {\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n\n    return (\n        <Tags tags={{ location: \"installer\" }}>\n            <Logo />\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            )}\n        </Tags>\n    );\n};\nexport default Sidebar;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,aAAa;AAEpB,SAASC,IAAI;AACb,SAASC,IAAI;AAEb,MAAMC,IAAI,gBAAGC,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CA4CxB,CAAC;AAEF,MAAMC,IAAI,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAEzB,CAAC;AAOF,MAAME,aAAa,GAAIC,KAAyB,IAAK;EACjD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAC5D,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACrB,MAAMC,SAAS,gBACX3B,KAAA,CAAA4B,aAAA;MAAIC,GAAG,EAAE,OAAQ;MAACC,SAAS,EAAE;IAAU,gBACnC9B,KAAA,CAAA4B,aAAA;MAAKG,GAAG,EAAE3B,aAAc;MAAC4B,GAAG,EAAE;IAAG,CAAE,CAAC,eACpChC,KAAA,CAAA4B,aAAA,CAACzB,UAAU;MAAC8B,GAAG,EAAE,UAAW;MAACH,SAAS,EAAE;IAAO,GAAC,2EAEpC,CACZ,CACP;IAED,MAAMI,KAAK,GAAG,EAAE;IAChB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,aAAa,CAACa,MAAM,EAAED,CAAC,EAAE,EAAE;MAC3C,MAAM;QAAErB,IAAI;QAAEQ,KAAK;QAAEe,MAAM;QAAEC;MAAU,CAAC,GAAGf,aAAa,CAACY,CAAC,CAAC;MAC3D,MAAMI,IAAI,GAAGJ,CAAC,KAAK,CAAC,GAAG,IAAI,GAAGZ,aAAa,CAACY,CAAC,GAAG,CAAC,CAAC;MAClD,IAAI,CAAC,CAACI,IAAI,IAAI,CAACA,IAAI,CAACF,MAAM,KAAKA,MAAM,IAAIZ,SAAS,EAAE;QAChDS,KAAK,CAACM,IAAI,CAACb,SAAS,CAAC;MACzB;MAEA,MAAMc,MAAM,GAAGjB,SAAS,IAAI,CAACC,SAAS,IAAIX,IAAI,KAAKU,SAAS,CAACV,IAAI;MAEjEoB,KAAK,CAACM,IAAI,cACNxC,KAAA,CAAA4B,aAAA;QACIC,GAAG,EAAEf,IAAK;QACVgB,SAAS,EAAE5B,QAAQ,CACf;UAAEoC,SAAS,EAAEA;QAAU,CAAC,EACxB;UAAEG,MAAM,EAAEA;QAAO,CAAC,EAClB;UAAEC,OAAO,EAAE,CAACJ,SAAS,IAAI,CAACG;QAAO,CACrC;MAAE,gBAEFzC,KAAA,CAAA4B,aAAA;QAAME,SAAS,EAAE;MAAS,CAAE,CAAC,eAC7B9B,KAAA,CAAA4B,aAAA;QAAME,SAAS,EAAE;MAAQ,GAAER,KAAY,CACvC,CACR,CAAC;IACL;IACA,OAAOY,KAAK;EAChB,CAAC;EAED,oBACIlC,KAAA,CAAA4B,aAAA,CAAC3B,QAAQ,qBACLD,KAAA,CAAA4B,aAAA,CAACT,IAAI,qBACDnB,KAAA,CAAA4B,aAAA,CAACzB,UAAU;IAAC8B,GAAG,EAAE;EAAQ,GAAEX,KAAkB,CAC3C,CAAC,eACPtB,KAAA,CAAA4B,aAAA,CAACrB,IAAI,QAAEmB,UAAU,CAAC,CAAQ,CACpB,CAAC;AAEnB,CAAC;AAQD,MAAMiB,OAAO,GAAGA,CAAC;EAAEpB,aAAa;EAAEC,SAAS;EAAEC;AAAwB,CAAC,KAAK;EACvE,MAAMmB,aAAa,GAAGrB,aAAa,CAACsB,MAAM,CAACrB,SAAS,IAAIA,SAAS,CAACsB,IAAI,KAAK,SAAS,CAAC;EAErF,oBACI9C,KAAA,CAAA4B,aAAA,CAACvB,IAAI;IAAC0C,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAY;EAAE,gBAClChD,KAAA,CAAA4B,aAAA,CAACtB,IAAI,MAAE,CAAC,EACPsC,aAAa,CAACR,MAAM,GAAG,CAAC,iBACrBpC,KAAA,CAAA4B,aAAA,CAACR,aAAa;IACVE,KAAK,EAAE,sDAAuD;IAC9DC,aAAa,EAAEqB,aAAc;IAC7BpB,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACxB,CAEH,CAAC;AAEf,CAAC;AACD,eAAekB,OAAO","ignoreList":[]}

package/components/AppInstaller/index.d.ts

@@ -1,5 +1,2 @@
-/// <reference types="react" />
-export declare const AppInstaller: ({ Authentication, children }: {
-    Authentication: any;
-    children: any;
-}) => JSX.Element;
+import React from "react";
+export declare const AppInstaller: () => React.JSX.Element;

package/components/AppInstaller/index.js

@@ -1,134 +1,17 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import { default as localStorage } from "store";
-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 { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Elevation } from "@webiny/ui/Elevation";
-import { useInstaller } from "./useInstaller";
-import Sidebar from "./Sidebar";
-import { Wrapper, alertClass, InnerContent, InstallContent, installerSplitView, SuccessDialog } from "./styled";
-export var AppInstaller = function AppInstaller(_ref) {
-  var Authentication = _ref.Authentication,
-      children = _ref.children;
-  var tenantId = localStorage.get("webiny_tenant") || "root";
-  var lsKey = "webiny_installation_".concat(tenantId);
-
-  var markInstallerAsCompleted = function markInstallerAsCompleted() {
-    localStorage.set(lsKey, process.env.REACT_APP_WEBINY_VERSION);
-  };
-
-  var isInstallerCompleted = function isInstallerCompleted() {
-    return localStorage.get(lsKey) === process.env.REACT_APP_WEBINY_VERSION;
-  };
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      finished = _useState2[0],
-      setFinished = _useState2[1];
-
-  var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
-
-  var _useInstaller = useInstaller({
-    isInstalled: isInstallerCompleted()
-  }),
-      loading = _useInstaller.loading,
-      installers = _useInstaller.installers,
-      installer = _useInstaller.installer,
-      showNextInstaller = _useInstaller.showNextInstaller,
-      showLogin = _useInstaller.showLogin,
-      onUser = _useInstaller.onUser,
-      skippingVersions = _useInstaller.skippingVersions;
-
-  useEffect(function () {
-    if (identity) {
-      onUser();
-    }
-  }, [identity]);
-
-  if (isInstallerCompleted()) {
-    return /*#__PURE__*/React.createElement(Authentication, null, children);
-  }
-
-  var renderLayout = function renderLayout(content) {
-    var secure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return /*#__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(Authentication, null, content)));
+import { Provider } from "../..";
+import React from "react";
+import { AppInstaller as Installer } from "./AppInstaller";
+const AppInstallerHOC = Component => {
+  return function AppInstallerProvider({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(Installer, null, /*#__PURE__*/React.createElement(Component, null, children));
   };
-
-  var renderBody = function 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(Authentication, null, children);
-  }
-
-  if (installer) {
-    return renderLayout(renderBody(installer.render({
-      onInstalled: showNextInstaller
-    })), installer.secure);
-  }
-
-  if (skippingVersions) {
-    return renderBody( /*#__PURE__*/React.createElement(Elevation, {
-      z: 1,
-      className: alertClass
-    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
-      use: "headline4"
-    }, "Important!")), /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
-      use: "body1",
-      tag: "div"
-    }, "We've detected that your current application is running Webiny", " ", /*#__PURE__*/React.createElement("strong", null, "v", skippingVersions.latest), ". However, your API is running ", /*#__PURE__*/React.createElement("strong", null, "v", skippingVersions.current), ". Unfortunately, we can't upgrade your system by skipping versions in between.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Here's a list of versions you skipped, that contain upgrades you need to install:", /*#__PURE__*/React.createElement("ul", null, skippingVersions.availableUpgrades.filter(function (v) {
-      return v !== skippingVersions.latest;
-    }).map(function (v) {
-      return /*#__PURE__*/React.createElement("li", {
-        key: v
-      }, "v", v);
-    })), "For instructions on how to upgrade Webiny, please consult our", " ", /*#__PURE__*/React.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.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "If you run into problems, find us on our", " ", /*#__PURE__*/React.createElement("a", {
-      href: "https://www.webiny.com/slack",
-      target: "_blank",
-      rel: "noreferrer noopener"
-    }, "Slack community."))))));
-  }
-
-  return renderLayout(renderBody( /*#__PURE__*/React.createElement(Elevation, {
-    z: 1
-  }, /*#__PURE__*/React.createElement(SuccessDialog, null, /*#__PURE__*/React.createElement("p", null, "You have successfully installed all new applications!"), /*#__PURE__*/React.createElement(ButtonPrimary, {
-    "data-testid": "open-webiny-cms-admin-button",
-    onClick: function onClick() {
-      markInstallerAsCompleted();
-      setFinished(true);
-    }
-  }, "Open Admin Area")))), true);
-};
+};
+export const AppInstaller = () => {
+  return /*#__PURE__*/React.createElement(Provider, {
+    hoc: AppInstallerHOC
+  });
+};
+
+//# sourceMappingURL=index.js.map

package/components/AppInstaller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Provider","React","AppInstaller","Installer","AppInstallerHOC","Component","AppInstallerProvider","children","createElement","hoc"],"sources":["index.tsx"],"sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\nimport type { ComponentWithChildren } from \"~/types\";\n\ninterface AppInstallerProviderProps {\n    children: React.ReactNode;\n}\n\nconst AppInstallerHOC = (Component: ComponentWithChildren) => {\n    return function AppInstallerProvider({ children }: AppInstallerProviderProps) {\n        return (\n            <Installer>\n                <Component>{children}</Component>\n            </Installer>\n        );\n    };\n};\n\nexport const AppInstaller = () => {\n    return <Provider hoc={AppInstallerHOC} />;\n};\n"],"mappings":"AAAA,SAASA,QAAQ;AACjB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,IAAIC,SAAS;AAOlC,MAAMC,eAAe,GAAIC,SAAgC,IAAK;EAC1D,OAAO,SAASC,oBAAoBA,CAAC;IAAEC;EAAoC,CAAC,EAAE;IAC1E,oBACIN,KAAA,CAAAO,aAAA,CAACL,SAAS,qBACNF,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACzB,CAAC;EAEpB,CAAC;AACL,CAAC;AAED,OAAO,MAAML,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBAAOD,KAAA,CAAAO,aAAA,CAACR,QAAQ;IAACS,GAAG,EAAEL;EAAgB,CAAE,CAAC;AAC7C,CAAC","ignoreList":[]}

package/components/AppInstaller/styled.d.ts

@@ -1,7 +1,19 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
-export declare const InstallContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const InstallContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const installerSplitView: string;
-export declare const SuccessDialog: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
-export declare const InnerContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const SuccessDialog: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const alertClass: string;