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

package/components/AppInstaller/styled.js

@@ -1,73 +1,75 @@
-import styled from "@emotion/styled";
+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 { css } from "emotion";
-export var Wrapper = /*#__PURE__*/styled("section", {
-  target: "e1l7r4wj0",
+export const Wrapper = /*#__PURE__*/_styled("section", process.env.NODE_ENV === "production" ? {
+  target: "e1l7r4wj3"
+} : {
+  target: "e1l7r4wj3",
   label: "Wrapper"
-})({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  minHeight: "100vh",
-  color: "var(--mdc-theme-on-surface)",
-  ".spinner__inner-wrapper": {
-    whiteSpace: "nowrap"
-  },
-  ul: {
-    listStyle: "disc",
-    paddingLeft: "var(--mdc-layout-grid-margin-desktop, 24px)",
-    li: {
-      color: "var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)))",
-      MozOsxFontSmoothing: "grayscale",
-      WebkitFontSmoothing: "antialiased",
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      fontWeight: 400,
-      letterSpacing: "0.03125em",
-      textDecoration: "inherit",
-      textTransform: "inherit",
-      marginTop: "20px",
-      marginBottom: "20px"
-    }
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "159ugqc",
+  styles: "display:flex;flex-direction:column;justify-content:center;min-height:100vh;color:var(--mdc-theme-on-surface);.spinner__inner-wrapper{white-space:nowrap;}ul{list-style:disc;padding-left:var(--mdc-layout-grid-margin-desktop, 24px);li{color:var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:0.03125em;text-decoration:inherit;text-transform:inherit;margin-top:20px;margin-bottom:20px;}}"
+} : {
+  name: "159ugqc",
+  styles: "display:flex;flex-direction:column;justify-content:center;min-height:100vh;color:var(--mdc-theme-on-surface);.spinner__inner-wrapper{white-space:nowrap;}ul{list-style:disc;padding-left:var(--mdc-layout-grid-margin-desktop, 24px);li{color:var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:0.03125em;text-decoration:inherit;text-transform:inherit;margin-top:20px;margin-bottom:20px;}}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VCIiwiZmlsZSI6InN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKFwic2VjdGlvblwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBtaW5IZWlnaHQ6IFwiMTAwdmhcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIixcbiAgICBcIi5zcGlubmVyX19pbm5lci13cmFwcGVyXCI6IHtcbiAgICAgICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIlxuICAgIH0sXG4gICAgdWw6IHtcbiAgICAgICAgbGlzdFN0eWxlOiBcImRpc2NcIixcbiAgICAgICAgcGFkZGluZ0xlZnQ6IFwidmFyKC0tbWRjLWxheW91dC1ncmlkLW1hcmdpbi1kZXNrdG9wLCAyNHB4KVwiLFxuICAgICAgICBsaToge1xuICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tZGVza3RvcC1jb2xvciwgdmFyKC0td2ViaW55LXRoZW1lLWNvbG9yLXRleHQtcHJpbWFyeSwgcmdiKDEwLCAxMCwgMTApKSlcIixcbiAgICAgICAgICAgIE1vek9zeEZvbnRTbW9vdGhpbmc6IFwiZ3JheXNjYWxlXCIsXG4gICAgICAgICAgICBXZWJraXRGb250U21vb3RoaW5nOiBcImFudGlhbGlhc2VkXCIsXG4gICAgICAgICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiBcIjEuNXJlbVwiLFxuICAgICAgICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgICAgICAgbGV0dGVyU3BhY2luZzogXCIwLjAzMTI1ZW1cIixcbiAgICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcImluaGVyaXRcIixcbiAgICAgICAgICAgIHRleHRUcmFuc2Zvcm06IFwiaW5oZXJpdFwiLFxuICAgICAgICAgICAgbWFyZ2luVG9wOiBcIjIwcHhcIixcbiAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogXCIyMHB4XCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgSW5zdGFsbENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1heFdpZHRoOiA4MDAsXG4gICAgbWFyZ2luOiBcIjAgYXV0byAyNXB4IGF1dG9cIixcbiAgICBcIi5tZGMtZWxldmF0aW9uLS16MlwiOiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogNCxcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMXB4IDNweCAwIHJnYmEoMCwwLDAsMC4xNSlcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgaW5zdGFsbGVyU3BsaXRWaWV3ID0gY3NzKHtcbiAgICAvLyBoZWlnaHQ6IFwiMTAwdmhcIixcbiAgICBcIi53ZWJpbnktc3BsaXQtdmlld19faW5uZXJcIjoge1xuICAgICAgICBoZWlnaHQ6IFwiMTAwdmhcIlxuICAgIH0sXG4gICAgXCIud2ViaW55LXNwbGl0LXZpZXdfX3JpZ2h0LXBhbmVsLXdyYXBwZXJcIjoge1xuICAgICAgICBoZWlnaHQ6IFwiMTAwdmhcIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgU3VjY2Vzc0RpYWxvZyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogNDAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIHA6IHtcbiAgICAgICAgcGFkZGluZ1RvcDogMjAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IDMwXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbm5lckNvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDI1LFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgYWxlcnRDbGFzcyA9IGNzcyh7XG4gICAgYm9yZGVyTGVmdDogXCIzcHggc29saWQgcmVkXCIsXG4gICAgbWFyZ2luOiBcIjVweCAwIDE1cHggMFwiLFxuICAgIHBhZGRpbmc6IFwiMnB4IDAgMnB4IDEwcHhcIlxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export var InstallContent = /*#__PURE__*/styled("div", {
-  target: "e1l7r4wj1",
+export const InstallContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l7r4wj2"
+} : {
+  target: "e1l7r4wj2",
   label: "InstallContent"
-})({
-  maxWidth: 800,
-  margin: "0 auto 25px auto",
-  ".mdc-elevation--z2": {
-    borderRadius: 4,
-    boxShadow: "0 1px 3px 0 rgba(0,0,0,0.15)"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "16eho31",
+  styles: "max-width:800px;margin:0 auto 25px auto;.mdc-elevation--z2{border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.15);}"
+} : {
+  name: "16eho31",
+  styles: "max-width:800px;margin:0 auto 25px auto;.mdc-elevation--z2{border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.15);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I4QiIsImZpbGUiOiJzdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChcInNlY3Rpb25cIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgbWluSGVpZ2h0OiBcIjEwMHZoXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgXCIuc3Bpbm5lcl9faW5uZXItd3JhcHBlclwiOiB7XG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCJcbiAgICB9LFxuICAgIHVsOiB7XG4gICAgICAgIGxpc3RTdHlsZTogXCJkaXNjXCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBcInZhcigtLW1kYy1sYXlvdXQtZ3JpZC1tYXJnaW4tZGVza3RvcCwgMjRweClcIixcbiAgICAgICAgbGk6IHtcbiAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLWRlc2t0b3AtY29sb3IsIHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXByaW1hcnksIHJnYigxMCwgMTAsIDEwKSkpXCIsXG4gICAgICAgICAgICBNb3pPc3hGb250U21vb3RoaW5nOiBcImdyYXlzY2FsZVwiLFxuICAgICAgICAgICAgV2Via2l0Rm9udFNtb290aGluZzogXCJhbnRpYWxpYXNlZFwiLFxuICAgICAgICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgICAgICAgICAgbGluZUhlaWdodDogXCIxLjVyZW1cIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IFwiMC4wMzEyNWVtXCIsXG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgICB0ZXh0VHJhbnNmb3JtOiBcImluaGVyaXRcIixcbiAgICAgICAgICAgIG1hcmdpblRvcDogXCIyMHB4XCIsXG4gICAgICAgICAgICBtYXJnaW5Cb3R0b206IFwiMjBweFwiXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEluc3RhbGxDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogXCIwIGF1dG8gMjVweCBhdXRvXCIsXG4gICAgXCIubWRjLWVsZXZhdGlvbi0tejJcIjoge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDQsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDFweCAzcHggMCByZ2JhKDAsMCwwLDAuMTUpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGluc3RhbGxlclNwbGl0VmlldyA9IGNzcyh7XG4gICAgLy8gaGVpZ2h0OiBcIjEwMHZoXCIsXG4gICAgXCIud2ViaW55LXNwbGl0LXZpZXdfX2lubmVyXCI6IHtcbiAgICAgICAgaGVpZ2h0OiBcIjEwMHZoXCJcbiAgICB9LFxuICAgIFwiLndlYmlueS1zcGxpdC12aWV3X19yaWdodC1wYW5lbC13cmFwcGVyXCI6IHtcbiAgICAgICAgaGVpZ2h0OiBcIjEwMHZoXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IFN1Y2Nlc3NEaWFsb2cgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IDIwLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAzMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgSW5uZXJDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGFsZXJ0Q2xhc3MgPSBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IFwiM3B4IHNvbGlkIHJlZFwiLFxuICAgIG1hcmdpbjogXCI1cHggMCAxNXB4IDBcIixcbiAgICBwYWRkaW5nOiBcIjJweCAwIDJweCAxMHB4XCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export var installerSplitView = /*#__PURE__*/css({
+export const installerSplitView = css({
+  // height: "100vh",
   ".webiny-split-view__inner": {
-    height: "100vh",
-    ".webiny-split-view__right-panel-wrapper": {
-      height: "100vh"
-    }
+    height: "100vh"
+  },
+  ".webiny-split-view__right-panel-wrapper": {
+    height: "100vh"
   }
-}, "label:installerSplitView;");
-export var SuccessDialog = /*#__PURE__*/styled("div", {
-  target: "e1l7r4wj2",
+});
+export const SuccessDialog = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l7r4wj1"
+} : {
+  target: "e1l7r4wj1",
   label: "SuccessDialog"
-})({
-  padding: 40,
-  textAlign: "center",
-  p: {
-    paddingBottom: 40
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "f02ek4",
+  styles: "padding:40px;text-align:center;p{padding-top:20px;padding-bottom:30px;}"
+} : {
+  name: "f02ek4",
+  styles: "padding:40px;text-align:center;p{padding-top:20px;padding-bottom:30px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0Q2QiIsImZpbGUiOiJzdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChcInNlY3Rpb25cIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgbWluSGVpZ2h0OiBcIjEwMHZoXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgXCIuc3Bpbm5lcl9faW5uZXItd3JhcHBlclwiOiB7XG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCJcbiAgICB9LFxuICAgIHVsOiB7XG4gICAgICAgIGxpc3RTdHlsZTogXCJkaXNjXCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBcInZhcigtLW1kYy1sYXlvdXQtZ3JpZC1tYXJnaW4tZGVza3RvcCwgMjRweClcIixcbiAgICAgICAgbGk6IHtcbiAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLWRlc2t0b3AtY29sb3IsIHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXByaW1hcnksIHJnYigxMCwgMTAsIDEwKSkpXCIsXG4gICAgICAgICAgICBNb3pPc3hGb250U21vb3RoaW5nOiBcImdyYXlzY2FsZVwiLFxuICAgICAgICAgICAgV2Via2l0Rm9udFNtb290aGluZzogXCJhbnRpYWxpYXNlZFwiLFxuICAgICAgICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgICAgICAgICAgbGluZUhlaWdodDogXCIxLjVyZW1cIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IFwiMC4wMzEyNWVtXCIsXG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgICB0ZXh0VHJhbnNmb3JtOiBcImluaGVyaXRcIixcbiAgICAgICAgICAgIG1hcmdpblRvcDogXCIyMHB4XCIsXG4gICAgICAgICAgICBtYXJnaW5Cb3R0b206IFwiMjBweFwiXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEluc3RhbGxDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogXCIwIGF1dG8gMjVweCBhdXRvXCIsXG4gICAgXCIubWRjLWVsZXZhdGlvbi0tejJcIjoge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDQsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDFweCAzcHggMCByZ2JhKDAsMCwwLDAuMTUpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGluc3RhbGxlclNwbGl0VmlldyA9IGNzcyh7XG4gICAgLy8gaGVpZ2h0OiBcIjEwMHZoXCIsXG4gICAgXCIud2ViaW55LXNwbGl0LXZpZXdfX2lubmVyXCI6IHtcbiAgICAgICAgaGVpZ2h0OiBcIjEwMHZoXCJcbiAgICB9LFxuICAgIFwiLndlYmlueS1zcGxpdC12aWV3X19yaWdodC1wYW5lbC13cmFwcGVyXCI6IHtcbiAgICAgICAgaGVpZ2h0OiBcIjEwMHZoXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IFN1Y2Nlc3NEaWFsb2cgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IDIwLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAzMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgSW5uZXJDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGFsZXJ0Q2xhc3MgPSBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IFwiM3B4IHNvbGlkIHJlZFwiLFxuICAgIG1hcmdpbjogXCI1cHggMCAxNXB4IDBcIixcbiAgICBwYWRkaW5nOiBcIjJweCAwIDJweCAxMHB4XCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export var InnerContent = /*#__PURE__*/styled("div", {
-  target: "e1l7r4wj3",
+export const InnerContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l7r4wj0"
+} : {
+  target: "e1l7r4wj0",
   label: "InnerContent"
-})({
-  padding: 25,
-  position: "relative"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d1gcp0",
+  styles: "padding:25px;position:relative"
+} : {
+  name: "d1gcp0",
+  styles: "padding:25px;position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkQ0QiIsImZpbGUiOiJzdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChcInNlY3Rpb25cIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgbWluSGVpZ2h0OiBcIjEwMHZoXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgXCIuc3Bpbm5lcl9faW5uZXItd3JhcHBlclwiOiB7XG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCJcbiAgICB9LFxuICAgIHVsOiB7XG4gICAgICAgIGxpc3RTdHlsZTogXCJkaXNjXCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBcInZhcigtLW1kYy1sYXlvdXQtZ3JpZC1tYXJnaW4tZGVza3RvcCwgMjRweClcIixcbiAgICAgICAgbGk6IHtcbiAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLWRlc2t0b3AtY29sb3IsIHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXByaW1hcnksIHJnYigxMCwgMTAsIDEwKSkpXCIsXG4gICAgICAgICAgICBNb3pPc3hGb250U21vb3RoaW5nOiBcImdyYXlzY2FsZVwiLFxuICAgICAgICAgICAgV2Via2l0Rm9udFNtb290aGluZzogXCJhbnRpYWxpYXNlZFwiLFxuICAgICAgICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgICAgICAgICAgbGluZUhlaWdodDogXCIxLjVyZW1cIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IFwiMC4wMzEyNWVtXCIsXG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgICB0ZXh0VHJhbnNmb3JtOiBcImluaGVyaXRcIixcbiAgICAgICAgICAgIG1hcmdpblRvcDogXCIyMHB4XCIsXG4gICAgICAgICAgICBtYXJnaW5Cb3R0b206IFwiMjBweFwiXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEluc3RhbGxDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogXCIwIGF1dG8gMjVweCBhdXRvXCIsXG4gICAgXCIubWRjLWVsZXZhdGlvbi0tejJcIjoge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDQsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDFweCAzcHggMCByZ2JhKDAsMCwwLDAuMTUpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGluc3RhbGxlclNwbGl0VmlldyA9IGNzcyh7XG4gICAgLy8gaGVpZ2h0OiBcIjEwMHZoXCIsXG4gICAgXCIud2ViaW55LXNwbGl0LXZpZXdfX2lubmVyXCI6IHtcbiAgICAgICAgaGVpZ2h0OiBcIjEwMHZoXCJcbiAgICB9LFxuICAgIFwiLndlYmlueS1zcGxpdC12aWV3X19yaWdodC1wYW5lbC13cmFwcGVyXCI6IHtcbiAgICAgICAgaGVpZ2h0OiBcIjEwMHZoXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IFN1Y2Nlc3NEaWFsb2cgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IDIwLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAzMFxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgSW5uZXJDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGFsZXJ0Q2xhc3MgPSBjc3Moe1xuICAgIGJvcmRlckxlZnQ6IFwiM3B4IHNvbGlkIHJlZFwiLFxuICAgIG1hcmdpbjogXCI1cHggMCAxNXB4IDBcIixcbiAgICBwYWRkaW5nOiBcIjJweCAwIDJweCAxMHB4XCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export var alertClass = /*#__PURE__*/css({
+export const alertClass = css({
   borderLeft: "3px solid red",
   margin: "5px 0 15px 0",
   padding: "2px 0 2px 10px"
-}, "label:alertClass;");
+});
+
+//# sourceMappingURL=styled.js.map

package/components/AppInstaller/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","InstallContent","installerSplitView","height","SuccessDialog","InnerContent","alertClass","borderLeft","margin","padding"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const Wrapper = styled(\"section\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    minHeight: \"100vh\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".spinner__inner-wrapper\": {\n        whiteSpace: \"nowrap\"\n    },\n    ul: {\n        listStyle: \"disc\",\n        paddingLeft: \"var(--mdc-layout-grid-margin-desktop, 24px)\",\n        li: {\n            color: \"var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)))\",\n            MozOsxFontSmoothing: \"grayscale\",\n            WebkitFontSmoothing: \"antialiased\",\n            fontSize: \"1rem\",\n            lineHeight: \"1.5rem\",\n            fontWeight: 400,\n            letterSpacing: \"0.03125em\",\n            textDecoration: \"inherit\",\n            textTransform: \"inherit\",\n            marginTop: \"20px\",\n            marginBottom: \"20px\"\n        }\n    }\n});\n\nexport const InstallContent = styled(\"div\")({\n    maxWidth: 800,\n    margin: \"0 auto 25px auto\",\n    \".mdc-elevation--z2\": {\n        borderRadius: 4,\n        boxShadow: \"0 1px 3px 0 rgba(0,0,0,0.15)\"\n    }\n});\n\nexport const installerSplitView = css({\n    // height: \"100vh\",\n    \".webiny-split-view__inner\": {\n        height: \"100vh\"\n    },\n    \".webiny-split-view__right-panel-wrapper\": {\n        height: \"100vh\"\n    }\n});\n\nexport const SuccessDialog = styled(\"div\")({\n    padding: 40,\n    textAlign: \"center\",\n    p: {\n        paddingTop: 20,\n        paddingBottom: 30\n    }\n});\n\nexport const InnerContent = styled(\"div\")({\n    padding: 25,\n    position: \"relative\"\n});\n\nexport const alertClass = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\"\n});\n"],"mappings":";;AACA,SAASA,GAAG,QAAQ,SAAS;AAE7B,OAAO,MAAMC,OAAO,gBAAGC,OAAA,CAAO,SAAS,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,CA0BvC,CAAC;AAEF,OAAO,MAAMC,cAAc,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,CAO1C,CAAC;AAEF,OAAO,MAAME,kBAAkB,GAAGd,GAAG,CAAC;EAClC;EACA,2BAA2B,EAAE;IACzBe,MAAM,EAAE;EACZ,CAAC;EACD,yCAAyC,EAAE;IACvCA,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMC,aAAa,gBAAGd,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,CAOzC,CAAC;AAEF,OAAO,MAAMK,YAAY,gBAAGf,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,CAGxC,CAAC;AAEF,OAAO,MAAMM,UAAU,GAAGlB,GAAG,CAAC;EAC1BmB,UAAU,EAAE,eAAe;EAC3BC,MAAM,EAAE,cAAc;EACtBC,OAAO,EAAE;AACb,CAAC,CAAC","ignoreList":[]}

package/components/AppInstaller/useInstaller.d.ts

@@ -1,11 +1,25 @@
-export declare const useInstaller: ({ isInstalled }: {
-    isInstalled: any;
-}) => {
-    loading: any;
-    installers: any;
-    installer: any;
-    showNextInstaller: () => void;
-    showLogin: any;
+import type { AdminInstallationPlugin } from "../../types";
+interface UseInstallerParams {
+    isInstalled: boolean;
+}
+interface BaseInstaller {
+    installed: string | null;
+    plugin: AdminInstallationPlugin;
+}
+export interface Installer extends BaseInstaller {
+    type: "install";
+    name: string;
+    title: string;
+    render: AdminInstallationPlugin["render"];
+    secure?: boolean;
+}
+export declare const useInstaller: (params: UseInstallerParams) => {
+    loading: boolean;
+    installers: Installer[];
+    isFirstInstall: boolean;
+    installer: Installer;
+    showNextInstaller: () => any;
+    showLogin: boolean;
     onUser: () => void;
-    skippingVersions: any;
 };
+export {};

package/components/AppInstaller/useInstaller.js

@@ -1,80 +1,57 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useReducer, useEffect, Suspense } from "react";
+import { useCallback, useReducer, useEffect } from "react";
 import { Graph, alg } from "graphlib";
-import { sort, gt, lte } from "semver";
 import { useApolloClient } from "@apollo/react-hooks";
 import { plugins } from "@webiny/plugins";
-import { CircularProgress } from "@webiny/ui/Progress";
-
-var Loader = function Loader(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(CircularProgress, {
-      label: "Loading..."
-    })
-  }, /*#__PURE__*/React.cloneElement(children, props));
-};
-
-export var useInstaller = function useInstaller(_ref2) {
-  var isInstalled = _ref2.isInstalled;
-
-  var _useReducer = useReducer(function (prev, next) {
-    return _objectSpread(_objectSpread({}, prev), next);
-  }, {
+import { config as appConfig } from "@webiny/app/config";
+export const useInstaller = params => {
+  const {
+    isInstalled
+  } = params;
+  const [state, setState] = useReducer((prev, next) => ({
+    ...prev,
+    ...next
+  }), {
     loading: true,
     installers: [],
     installerIndex: -1,
-    showLogin: false,
-    skippingVersions: false
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      _useReducer2$ = _useReducer2[0],
-      loading = _useReducer2$.loading,
-      installers = _useReducer2$.installers,
-      installerIndex = _useReducer2$.installerIndex,
-      showLogin = _useReducer2$.showLogin,
-      skippingVersions = _useReducer2$.skippingVersions,
-      setState = _useReducer2[1];
-
-  var client = useApolloClient();
-
-  var validateGraph = function validateGraph(graph) {
-    var isAcyclic = alg.isAcyclic(graph);
-
-    if (!isAcyclic) {
-      var cycles = alg.findCycles(graph);
-      var msg = ["Your installers have circular dependencies:"];
-      cycles.forEach(function (cycle, index) {
-        var fromAToB = cycle.join(" --> ");
-        fromAToB = "".concat(index + 1, ". ").concat(fromAToB);
-        var fromBToA = cycle.reverse().join(" <-- ");
-        var padLength = fromAToB.length + 4;
-        msg.push(fromAToB.padStart(padLength));
-        msg.push(fromBToA.padStart(padLength));
-      }, cycles);
-      throw new Error(msg.join("\n"));
+    showLogin: false
+  });
+  const {
+    loading,
+    installers,
+    installerIndex,
+    showLogin
+  } = state;
+  const client = useApolloClient();
+  const validateGraph = graph => {
+    const isAcyclic = alg.isAcyclic(graph);
+    if (isAcyclic) {
+      return;
     }
+    const cycles = alg.findCycles(graph);
+    const msg = ["Your installers have circular dependencies:"];
+    cycles.forEach((cycle, index) => {
+      let fromAToB = cycle.join(" --> ");
+      fromAToB = `${index + 1}. ${fromAToB}`;
+      const fromBToA = cycle.reverse().join(" <-- ");
+      const padLength = fromAToB.length + 4;
+      msg.push(fromAToB.padStart(padLength));
+      msg.push(fromBToA.padStart(padLength));
+    }, cycles);
+    throw new Error(msg.join("\n"));
   };
-
-  var createGraph = function createGraph(installers) {
-    var graph = new Graph();
-    installers.forEach(function (_ref3) {
-      var plugin = _ref3.plugin;
+  const createGraph = installers => {
+    const graph = new Graph();
+    installers.forEach(({
+      plugin
+    }) => {
       graph.setNode(plugin.name, plugin);
     });
-    installers.forEach(function (_ref4) {
-      var pl = _ref4.plugin;
-
+    installers.forEach(({
+      plugin: pl
+    }) => {
       if (Array.isArray(pl.dependencies)) {
-        pl.dependencies.forEach(function (dep) {
+        pl.dependencies.forEach(dep => {
           graph.setEdge(pl.name, dep);
         });
       }
@@ -82,198 +59,111 @@ export var useInstaller = function useInstaller(_ref2) {
     validateGraph(graph);
     return graph;
   };
-
-  var getInstallers = useCallback(function (installers, graph) {
-    var toInstall = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    var toUpgrade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-    var leaf = graph.sinks()[0];
-
+  const getInstallers = useCallback((installers, graph, toInstall = []) => {
+    const leaf = graph.sinks()[0];
     if (leaf) {
-      var installer = installers.find(function (inst) {
-        return inst.plugin.name === leaf;
-      });
-
+      const installer = installers.find(inst => inst.plugin.name === leaf);
       if (!installer) {
-        throw new Error("Missing installer plugin \"".concat(leaf, "\"!"));
+        throw new Error(`Missing installer plugin "${leaf}"!`);
       }
-
       graph.removeNode(leaf);
-
       if (!installer.installed) {
         toInstall.push({
           type: "install",
-          name: "".concat(installer.plugin.name, "-install"),
+          name: `${installer.plugin.name}-install`,
           title: installer.plugin.title,
           render: installer.plugin.render,
           secure: installer.plugin.secure,
-          installed: false
+          installed: null,
+          plugin: installer.plugin
         });
-      } else {
-        var upgrades = (installer.plugin.upgrades || []).filter(function (_ref5) {
-          var version = _ref5.version;
-          return lte(version, process.env.REACT_APP_WEBINY_VERSION) && gt(version, installer.installed);
-        });
-
-        if (upgrades.length > 1) {
-          var availableUpgrades = sort(upgrades.map(function (u) {
-            return u.version;
-          }));
-          var latestUpgrade = availableUpgrades[availableUpgrades.length - 1];
-          setState({
-            skippingVersions: {
-              current: installer.installed,
-              latest: latestUpgrade,
-              availableUpgrades: availableUpgrades
-            }
-          });
-        } else if (upgrades.length === 1) {
-          toUpgrade.push({
-            type: "upgrade",
-            name: "".concat(installer.plugin.name, "-upgrade"),
-            title: installer.plugin.title,
-            secure: true,
-            installed: false,
-            render: function render(_ref6) {
-              var onInstalled = _ref6.onInstalled;
-              var Component = upgrades[0].getComponent();
-              return /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(Component, {
-                onInstalled: onInstalled
-              }));
-            }
-          });
-        }
       }
-
-      return getInstallers(installers, graph, toInstall, toUpgrade);
+      return getInstallers(installers, graph, toInstall);
     }
-
-    toInstall.sort(function (a, b) {
+    toInstall.sort((a, b) => {
       if (a.secure && !b.secure) {
         return 1;
       } else if (!a.secure && b.secure) {
         return -1;
       }
-
       return 0;
     });
     return {
-      toInstall: toInstall,
-      toUpgrade: toUpgrade
+      toInstall
     };
   }, []);
-
-  var onUser = function onUser() {
+  const onUser = () => {
     setState({
       showLogin: false
     });
   };
 
-  var showNextInstaller = function showNextInstaller() {
-    var prevInstaller = installers[installerIndex];
-    installers[installerIndex].installed = true;
+  /**
+   * If set to anything else, it breaks in AppInstaller.tsx
+   */
+  const showNextInstaller = () => {
+    const prevInstaller = installers[installerIndex];
+    installers[installerIndex].installed = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
     setState({
-      installers: installers
+      installers
     });
-
     if (installers.length < installerIndex + 1) {
       setState({
-        installerIndex: null
+        installerIndex: undefined
       });
       return;
     }
-
-    var nextIndex = installerIndex + 1;
-    var showLogin = false;
-    var nextInstaller = installers[nextIndex];
-    var prevSecure = prevInstaller && prevInstaller.secure;
-    var nextSecure = nextInstaller && nextInstaller.secure;
-
+    const nextIndex = installerIndex + 1;
+    let showLogin = false;
+    const nextInstaller = installers[nextIndex];
+    const prevSecure = prevInstaller && prevInstaller.secure;
+    const nextSecure = nextInstaller && nextInstaller.secure;
     if (!prevSecure && nextSecure) {
       showLogin = true;
     }
-
     setState({
       installerIndex: nextIndex,
-      showLogin: showLogin
+      showLogin
     });
   };
-
-  useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var allInstallers, graph, _getInstallers, toInstall, toUpgrade, installers;
-
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!isInstalled) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              allInstallers = [];
-              _context2.next = 5;
-              return Promise.all(plugins.byType("admin-installation").map( /*#__PURE__*/function () {
-                var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pl) {
-                  var installed;
-                  return _regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          _context.next = 2;
-                          return pl.getInstalledVersion({
-                            client: client
-                          });
-
-                        case 2:
-                          installed = _context.sent;
-                          allInstallers.push({
-                            plugin: pl,
-                            installed: installed
-                          });
-
-                        case 4:
-                        case "end":
-                          return _context.stop();
-                      }
-                    }
-                  }, _callee);
-                }));
-
-                return function (_x) {
-                  return _ref8.apply(this, arguments);
-                };
-              }()));
-
-            case 5:
-              graph = createGraph(allInstallers);
-              _getInstallers = getInstallers(allInstallers, graph), toInstall = _getInstallers.toInstall, toUpgrade = _getInstallers.toUpgrade;
-              installers = [].concat(_toConsumableArray(toUpgrade), _toConsumableArray(toInstall));
-              setState({
-                installers: installers,
-                installerIndex: 0,
-                loading: false,
-                showLogin: toUpgrade.length > 0 || toInstall.length > 0 && toInstall[0].secure
-              });
-
-            case 9:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }))();
+  useEffect(() => {
+    (async () => {
+      if (isInstalled) {
+        return;
+      }
+      const allInstallers = [];
+      await Promise.all(plugins.byType("admin-installation").map(async pl => {
+        const installed = await pl.getInstalledVersion({
+          client
+        });
+        allInstallers.push({
+          plugin: pl,
+          installed
+        });
+      }));
+      const graph = createGraph(allInstallers);
+      const {
+        toInstall
+      } = getInstallers(allInstallers, graph);
+      const installers = [...toInstall];
+      setState({
+        installers,
+        installerIndex: 0,
+        loading: false,
+        showLogin: toInstall.length > 0 && toInstall[0].secure
+      });
+    })();
   }, []);
+  const isFirstInstall = installers.some(installer => installer.installed);
   return {
-    loading: loading,
-    installers: installers,
+    loading,
+    installers,
+    isFirstInstall,
     installer: installers[installerIndex],
-    showNextInstaller: showNextInstaller,
-    showLogin: showLogin,
-    onUser: onUser,
-    skippingVersions: skippingVersions
+    showNextInstaller,
+    showLogin,
+    onUser
   };
-};
+};
+
+//# sourceMappingURL=useInstaller.js.map

package/components/AppInstaller/useInstaller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useReducer","useEffect","Graph","alg","useApolloClient","plugins","config","appConfig","useInstaller","params","isInstalled","state","setState","prev","next","loading","installers","installerIndex","showLogin","client","validateGraph","graph","isAcyclic","cycles","findCycles","msg","forEach","cycle","index","fromAToB","join","fromBToA","reverse","padLength","length","push","padStart","Error","createGraph","plugin","setNode","name","pl","Array","isArray","dependencies","dep","setEdge","getInstallers","toInstall","leaf","sinks","installer","find","inst","removeNode","installed","type","title","render","secure","sort","a","b","onUser","showNextInstaller","prevInstaller","getKey","process","env","REACT_APP_WEBINY_VERSION","undefined","nextIndex","nextInstaller","prevSecure","nextSecure","allInstallers","Promise","all","byType","map","getInstalledVersion","isFirstInstall","some"],"sources":["useInstaller.tsx"],"sourcesContent":["import { useCallback, useReducer, useEffect } from \"react\";\nimport { Graph, alg } from \"graphlib\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { AdminInstallationPlugin } from \"~/types\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface GetInstallersResult {\n    toInstall: Installer[];\n}\n\ninterface UseInstallerParams {\n    isInstalled: boolean;\n}\n\ninterface BaseInstaller {\n    installed: string | null;\n    plugin: AdminInstallationPlugin;\n}\n\nexport interface Installer extends BaseInstaller {\n    type: \"install\";\n    name: string;\n    title: string;\n    render: AdminInstallationPlugin[\"render\"];\n    secure?: boolean;\n}\ninterface State {\n    loading: boolean;\n    installers: Installer[];\n    installerIndex: number;\n    showLogin: boolean;\n}\n\ninterface Reducer {\n    (prev: State, next: Partial<State>): State;\n}\n\nexport const useInstaller = (params: UseInstallerParams) => {\n    const { isInstalled } = params;\n    const [state, setState] = useReducer<Reducer>((prev, next) => ({ ...prev, ...next }), {\n        loading: true,\n        installers: [],\n        installerIndex: -1,\n        showLogin: false\n    });\n    const { loading, installers, installerIndex, showLogin } = state;\n\n    const client = useApolloClient();\n\n    const validateGraph = (graph: Graph): void => {\n        const isAcyclic = alg.isAcyclic(graph);\n        if (isAcyclic) {\n            return;\n        }\n        const cycles = alg.findCycles(graph);\n        const msg = [\"Your installers have circular dependencies:\"];\n        cycles.forEach((cycle, index) => {\n            let fromAToB = cycle.join(\" --> \");\n            fromAToB = `${index + 1}. ${fromAToB}`;\n            const fromBToA = cycle.reverse().join(\" <-- \");\n            const padLength = fromAToB.length + 4;\n            msg.push(fromAToB.padStart(padLength));\n            msg.push(fromBToA.padStart(padLength));\n        }, cycles);\n        throw new Error(msg.join(\"\\n\"));\n    };\n\n    const createGraph = (installers: BaseInstaller[]): Graph => {\n        const graph = new Graph();\n        installers.forEach(({ plugin }) => {\n            graph.setNode(plugin.name as string, plugin);\n        });\n\n        installers.forEach(({ plugin: pl }) => {\n            if (Array.isArray(pl.dependencies)) {\n                pl.dependencies.forEach(dep => {\n                    graph.setEdge(pl.name as string, dep);\n                });\n            }\n        });\n\n        validateGraph(graph);\n\n        return graph;\n    };\n\n    const getInstallers = useCallback(\n        (\n            installers: BaseInstaller[],\n            graph: Graph,\n            toInstall: Installer[] = []\n        ): GetInstallersResult => {\n            const leaf = graph.sinks()[0];\n            if (leaf) {\n                const installer = installers.find(inst => inst.plugin.name === leaf);\n                if (!installer) {\n                    throw new Error(`Missing installer plugin \"${leaf}\"!`);\n                }\n\n                graph.removeNode(leaf);\n                if (!installer.installed) {\n                    toInstall.push({\n                        type: \"install\",\n                        name: `${installer.plugin.name}-install`,\n                        title: installer.plugin.title,\n                        render: installer.plugin.render,\n                        secure: installer.plugin.secure,\n                        installed: null,\n                        plugin: installer.plugin\n                    });\n                }\n\n                return getInstallers(installers, graph, toInstall);\n            }\n            toInstall.sort((a, b) => {\n                if (a.secure && !b.secure) {\n                    return 1;\n                } else if (!a.secure && b.secure) {\n                    return -1;\n                }\n                return 0;\n            });\n            return { toInstall };\n        },\n        []\n    );\n\n    const onUser = () => {\n        setState({ showLogin: false });\n    };\n\n    /**\n     * If set to anything else, it breaks in AppInstaller.tsx\n     */\n    const showNextInstaller = (): any => {\n        const prevInstaller = installers[installerIndex];\n\n        installers[installerIndex].installed = appConfig.getKey(\n            \"WEBINY_VERSION\",\n            process.env.REACT_APP_WEBINY_VERSION as string\n        );\n        setState({ installers });\n\n        if (installers.length < installerIndex + 1) {\n            setState({ installerIndex: undefined });\n            return;\n        }\n\n        const nextIndex = installerIndex + 1;\n\n        let showLogin = false;\n        const nextInstaller = installers[nextIndex];\n\n        const prevSecure = prevInstaller && prevInstaller.secure;\n        const nextSecure = nextInstaller && nextInstaller.secure;\n        if (!prevSecure && nextSecure) {\n            showLogin = true;\n        }\n        setState({ installerIndex: nextIndex, showLogin });\n    };\n\n    useEffect(() => {\n        (async () => {\n            if (isInstalled) {\n                return;\n            }\n\n            const allInstallers: BaseInstaller[] = [];\n            await Promise.all(\n                plugins.byType<AdminInstallationPlugin>(\"admin-installation\").map(async pl => {\n                    const installed = await pl.getInstalledVersion({ client });\n                    allInstallers.push({ plugin: pl, installed });\n                })\n            );\n\n            const graph = createGraph(allInstallers);\n            const { toInstall } = getInstallers(allInstallers, graph);\n            const installers = [...toInstall];\n            setState({\n                installers,\n                installerIndex: 0,\n                loading: false,\n                showLogin: toInstall.length > 0 && toInstall[0].secure\n            });\n        })();\n    }, []);\n\n    const isFirstInstall = installers.some(installer => installer.installed);\n\n    return {\n        loading,\n        installers,\n        isFirstInstall,\n        installer: installers[installerIndex],\n        showNextInstaller,\n        showLogin,\n        onUser\n    };\n};\n"],"mappings":"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","ignoreList":[]}