@webiny/app-admin 0.0.0-mt-1

package/assets/images/webiny-orange-logo.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="413px" height="136px" viewBox="0 0 413 136" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <path d="M113.8653,106.64105 L67.5565,133.37785 C63.1738,135.90765 57.7745,135.90765 53.3919,133.37785 L7.0822,106.64105 C2.6996,104.11045 -4.91085111e-15,99.43505 -4.60099098e-15,94.37465 L-1.32667732e-15,40.90105 C-1.01681719e-15,35.84065 2.6996,31.16455 7.0822,28.63475 L53.3919,1.89795 C57.7745,-0.63265 63.1738,-0.63265 67.5565,1.89795 L113.8653,28.63475 C118.248,31.16455 120.9476,35.84065 120.9476,40.90105 L120.9476,94.37465 C120.9476,99.43505 118.248,104.11045 113.8653,106.64105 Z M88.4639,45.0833 C84.9908,54.8825 81.4929,64.7065 77.9959,74.5412 L76.886,74.5412 C73.4006,64.6826 69.9035,54.8347 66.4181,45 L55.5444,45 C52.0111,54.9427 48.5141,64.7897 45.0171,74.6492 L44.002,74.6492 C40.4572,64.6941 36.9124,54.7398 33.4862,45.1311 L20.5,45.1311 C26.8146,63.214 32.9734,80.8434 39.1321,98.4728 L49.8507,98.4728 L60.4622,68.6446 L61.5366,68.6446 C65.0814,78.6475 68.6147,88.662 72.0878,98.4488 L82.8304,98.4488 C89.013,80.7477 95.1718,63.1068 101.4625,45.0833 L88.4639,45.0833 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Webiny-Logo-Icon" transform="translate(-95.000000, -227.000000)">
+            <g id="Logo" transform="translate(95.000000, 226.598492)">
+                <path d="M266.606118,87.28355 L266.606118,96.05205 L306.300318,96.05205 L306.300318,87.28355 L266.606118,87.28355 Z M306.344818,184.06705 L306.344818,174.89865 C298.508918,174.89865 291.063818,174.91595 283.618718,174.88955 C278.670418,174.86315 275.188318,171.34475 275.232818,166.50285 C275.268318,161.61645 277.746918,159.35135 283.255118,159.31585 C289.766718,159.27135 296.287518,159.31585 302.799918,159.28945 C303.981618,159.28045 305.163218,159.08495 306.291218,158.97865 L306.291218,150.41375 C305.935818,150.26285 305.749418,150.11195 305.562318,150.11195 C296.261118,150.08555 286.941718,149.93385 277.639718,150.11195 C273.109518,150.20105 269.564718,152.33255 267.663218,156.80175 C270.710818,161.37645 270.443718,166.44095 269.821918,171.51375 C269.306618,175.65395 269.591118,179.70425 270.488218,184.15535 C282.481618,184.11985 294.386818,184.25345 306.344818,184.06705 L306.344818,184.06705 Z M296.980918,141.51245 C300.836618,141.40525 303.670718,138.93565 305.305018,135.39085 C306.992918,131.73055 307.721818,127.83035 306.797518,123.92185 C306.033118,120.68785 304.638718,117.60475 303.483518,114.36255 C304.700618,112.95835 306.086718,111.35045 307.623718,109.59155 C305.651318,107.39735 303.954418,105.49595 302.258218,103.60355 C297.176418,107.65465 297.176418,107.65465 290.557518,107.65465 C283.734218,107.65465 276.902618,107.65465 270.080018,107.66375 C268.978418,107.66375 267.867718,107.76185 266.623418,107.82375 L266.623418,116.86765 L288.860518,116.86765 C293.693418,116.86765 296.936418,119.39085 298.153518,124.09915 C299.575018,129.60725 297.398218,132.48585 291.730018,132.50405 C284.498518,132.53045 277.258018,132.50405 270.017418,132.52135 C268.915718,132.52135 267.814118,132.62775 266.695218,132.69035 L266.695218,141.59245 C276.947118,141.59245 286.968118,141.76975 296.980918,141.51245 L296.980918,141.51245 Z M298.615218,22.89265 C298.313418,27.28095 296.536518,28.97795 292.085418,28.67535 C287.617118,24.23335 289.509518,18.71695 289.206918,13.51965 C294.724118,13.89235 298.935218,18.21895 298.615218,22.89265 L298.615218,22.89265 Z M278.475018,35.66775 C277.497918,33.41995 276.591718,31.45665 275.800918,29.44875 C274.548418,26.30385 274.183918,23.04355 274.859318,19.70315 C275.525518,16.38015 277.116118,14.78125 280.624718,14.15045 C280.624718,16.04285 280.633818,17.87265 280.624718,19.69405 C280.581018,23.99425 281.184618,28.16905 283.227918,32.00745 C287.412618,39.85165 298.242518,40.82045 303.430718,33.72175 C308.938918,26.19665 308.468118,14.96765 300.729418,8.46425 C294.928618,3.59595 288.140718,2.64525 280.873718,3.80955 C274.939318,4.76845 270.452718,7.83345 267.778718,13.17335 C263.976518,20.76025 265.993518,33.50895 271.980718,40.13605 C274.131218,38.65265 276.307218,37.15115 278.475018,35.66775 L278.475018,35.66775 Z M283.272418,203.75375 C289.118618,201.22155 293.018018,194.18545 292.111818,187.73565 C292.031818,187.15845 291.668218,186.62575 291.383718,185.96775 L282.339818,185.96775 C282.535218,187.18485 282.775218,188.18915 282.837018,189.20175 C282.997018,191.74225 281.619918,194.22995 279.639318,195.13615 C277.417918,196.15785 274.246618,195.57155 272.531518,193.61735 C271.669818,192.63115 270.799118,191.45855 270.470918,190.22335 C269.680118,187.25575 268.826718,184.21795 268.703018,181.17035 C268.463018,175.60035 268.826718,170.00315 268.658518,164.42405 C268.515818,159.91125 266.206218,155.66465 262.350518,153.31875 C255.651618,149.25025 246.359518,151.15995 241.845818,157.30805 C237.466518,163.27795 238.248218,172.18005 243.685418,177.46555 C247.603018,181.27755 252.489418,182.92095 258.103918,183.78265 L258.103918,174.46325 C257.091418,174.14335 255.891618,173.85885 254.763618,173.39715 C253.528418,172.89085 252.267618,172.36635 251.174218,171.62015 C248.473718,169.77225 247.585718,166.45005 248.891018,163.68695 C249.921718,161.50095 252.915718,160.06205 255.429818,160.54195 C258.512918,161.12825 259.605518,162.70985 259.614518,166.72545 C259.631918,172.41095 259.436418,178.09635 259.623618,183.77355 C259.819018,189.45975 261.453318,194.77175 265.042718,199.31185 C269.271118,204.66905 276.928918,206.49875 283.272418,203.75375 L283.272418,203.75375 Z M278.448618,69.76465 C275.330118,67.39235 274.530318,64.05205 274.548418,60.41815 C274.557518,58.66835 274.832918,56.91785 275.028318,54.65275 C281.238218,54.65275 287.226218,54.42185 293.187118,54.75085 C296.145618,54.90995 297.789018,57.48675 298.553418,60.16085 C299.450518,63.27945 299.192418,66.34435 296.651918,68.78755 C292.307218,72.94505 283.255118,73.41585 278.448618,69.76465 L278.448618,69.76465 Z M291.863618,81.19825 C302.133718,79.71485 308.308118,71.94075 307.703718,61.64425 C307.570118,59.41465 306.851118,57.22045 306.317618,54.63455 L323.117418,54.63455 L323.117418,45.24435 L268.045018,45.24435 C266.579718,49.45545 265.513518,57.99305 265.859918,62.26605 C266.686118,72.48325 271.847918,78.95045 281.415518,80.94915 C284.783018,81.65995 288.451518,81.69545 291.863618,81.19825 L291.863618,81.19825 Z M306.309318,-6.53145 C299.015218,-9.11735 291.703718,-11.71965 284.383118,-14.32285 L284.383118,-15.14905 C291.721018,-17.74325 299.050618,-20.34635 306.371218,-22.94045 L306.371218,-31.03365 C298.970618,-33.66405 291.641018,-36.26645 284.303118,-38.86965 L284.303118,-39.62495 C291.712718,-42.26355 299.121518,-44.90215 306.273118,-47.45175 L306.273118,-57.11745 C292.814418,-52.41815 279.692118,-47.83355 266.570718,-43.24975 L266.570718,-35.27195 L288.771518,-27.37345 L288.771518,-26.57435 C281.327218,-23.93575 273.873118,-21.30615 266.588018,-18.72035 L266.588018,-10.72525 C279.763018,-6.12335 292.894318,-1.53865 306.309318,3.14325 L306.309318,-6.53145 Z" id="Fill-15" fill="#FA5A28" transform="translate(281.068188, 73.950738) rotate(-90.000000) translate(-281.068188, -73.950738) "></path>
+                <g id="Webiny-Icon-Orange" transform="translate(-0.000000, 0.901508)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="Mask" fill="#FA5A28" fill-rule="evenodd" xlink:href="#path-1"></use>
+                    <g id="Orange" mask="url(#mask-2)"></g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/components/AdminLayout.d.ts

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

package/components/AdminLayout.js

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

package/components/AppInstaller/Sidebar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Sidebar: ({ allInstallers, installer, showLogin }: {
+    allInstallers: any;
+    installer: any;
+    showLogin: any;
+}) => JSX.Element;
+export default Sidebar;

package/components/AppInstaller/Sidebar.js

@@ -0,0 +1,158 @@
+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 signInDivider from "./assets/sign-in-divider.svg";
+var SidebarWrapper = /*#__PURE__*/styled("div", {
+  target: "eu74ttw0",
+  label: "SidebarWrapper"
+})({});
+var Logo = /*#__PURE__*/styled("div", {
+  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)"
+      }
+    }
+  }
+});
+var Note = /*#__PURE__*/styled("div", {
+  target: "eu74ttw3",
+  label: "Note"
+})({
+  padding: 15
+});
+
+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", {
+      key: "login",
+      className: "sign-in"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: signInDivider
+    }), /*#__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];
+
+      if ((!prev || !prev.secure) && secure && showLogin) {
+        items.push(loginItem);
+      }
+
+      var active = installer && !showLogin && name === installer.name;
+      items.push( /*#__PURE__*/React.createElement("li", {
+        key: name,
+        className: classSet({
+          installed: installed
+        }, {
+          active: active
+        }, {
+          pending: !installed && !active
+        })
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "status"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "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, {
+    title: "The following apps will be installed and configured:",
+    allInstallers: installations,
+    installer: installer,
+    showLogin: upgrades.length > 0 ? false : showLogin
+  }));
+};
+
+export default Sidebar;

package/components/AppInstaller/assets/sign-in-divider.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="248px" height="40px" viewBox="0 0 248 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Webiny-Installer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Installer-Base" transform="translate(-32.000000, -319.000000)">
+            <g id="sign-in-divider" transform="translate(33.000000, 318.000000)">
+                <g id="lock-24px" transform="translate(109.000000, 0.000000)">
+                    <g id="Group">
+                        <polygon id="Path" points="0 0 24 0 24 24 0 24"></polygon>
+                        <polygon id="Path" opacity="0.87" points="0 0 24 0 24 24 0 24"></polygon>
+                    </g>
+                    <path d="M18,8 L17,8 L17,6 C17,3.24 14.76,1 12,1 C9.24,1 7,3.24 7,6 L7,8 L6,8 C4.9,8 4,8.9 4,10 L4,20 C4,21.1 4.9,22 6,22 L18,22 C19.1,22 20,21.1 20,20 L20,10 C20,8.9 19.1,8 18,8 Z M12,17 C10.9,17 10,16.1 10,15 C10,13.9 10.9,13 12,13 C13.1,13 14,13.9 14,15 C14,16.1 13.1,17 12,17 Z M9,8 L9,6 C9,4.34 10.34,3 12,3 C13.66,3 15,4.34 15,6 L15,8 L9,8 Z" id="Shape" fill="#D8D8D8" fill-rule="nonzero"></path>
+                </g>
+                <path d="M0,36 L85,36" id="Line-2" stroke="#D8D8D8" stroke-linecap="square"></path>
+                <path d="M161.105469,36 L246.105469,36" id="Line-2-Copy" stroke="#D8D8D8" stroke-linecap="square"></path>
+                <path d="M105.264,40.144 C104.16,40.144 103.188,39.688 102.504,38.98 L103.104,38.284 C103.668,38.872 104.46,39.268 105.276,39.268 C106.308,39.268 106.92,38.752 106.92,37.984 C106.92,37.18 106.356,36.928 105.612,36.592 L104.484,36.1 C103.74,35.788 102.888,35.224 102.888,34.072 C102.888,32.872 103.932,31.984 105.36,31.984 C106.296,31.984 107.124,32.38 107.688,32.956 L107.148,33.604 C106.668,33.148 106.092,32.86 105.36,32.86 C104.484,32.86 103.896,33.304 103.896,34.012 C103.896,34.768 104.58,35.056 105.204,35.32 L106.32,35.8 C107.232,36.196 107.94,36.736 107.94,37.9 C107.94,39.148 106.92,40.144 105.264,40.144 Z M109.488,40 L109.488,32.128 L110.484,32.128 L110.484,40 L109.488,40 Z M115.74,40.144 C113.664,40.144 112.188,38.632 112.188,36.064 C112.188,33.532 113.712,31.984 115.8,31.984 C116.892,31.984 117.612,32.476 118.068,32.956 L117.516,33.604 C117.12,33.196 116.616,32.86 115.824,32.86 C114.24,32.86 113.22,34.084 113.22,36.04 C113.22,38.02 114.156,39.268 115.836,39.268 C116.4,39.268 116.94,39.088 117.252,38.8 L117.252,36.748 L115.584,36.748 L115.584,35.92 L118.164,35.92 L118.164,39.232 C117.66,39.76 116.796,40.144 115.74,40.144 Z M120.048,40 L120.048,32.128 L121.08,32.128 L123.924,37.072 L124.776,38.704 L124.824,38.704 C124.776,37.912 124.704,37.024 124.704,36.196 L124.704,32.128 L125.652,32.128 L125.652,40 L124.62,40 L121.764,35.044 L120.912,33.424 L120.864,33.424 C120.924,34.216 120.996,35.056 120.996,35.884 L120.996,40 L120.048,40 Z M130.212,40 L130.212,32.128 L131.208,32.128 L131.208,40 L130.212,40 Z M133.368,40 L133.368,32.128 L134.4,32.128 L137.244,37.072 L138.096,38.704 L138.144,38.704 C138.096,37.912 138.024,37.024 138.024,36.196 L138.024,32.128 L138.972,32.128 L138.972,40 L137.94,40 L135.084,35.044 L134.232,33.424 L134.184,33.424 C134.244,34.216 134.316,35.056 134.316,35.884 L134.316,40 L133.368,40 Z" id="SIGNIN" fill="#949494" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/components/AppInstaller/index.d.ts

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

package/components/AppInstaller/index.js

@@ -0,0 +1,134 @@
+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)));
+  };
+
+  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);
+};

package/components/AppInstaller/styled.d.ts

@@ -0,0 +1,7 @@
+/// <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 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 alertClass: string;

package/components/AppInstaller/styled.js

@@ -0,0 +1,73 @@
+import styled from "@emotion/styled";
+import { css } from "emotion";
+export var Wrapper = /*#__PURE__*/styled("section", {
+  target: "e1l7r4wj0",
+  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"
+    }
+  }
+});
+export var InstallContent = /*#__PURE__*/styled("div", {
+  target: "e1l7r4wj1",
+  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)"
+  }
+});
+export var installerSplitView = /*#__PURE__*/css({
+  ".webiny-split-view__inner": {
+    height: "100vh",
+    ".webiny-split-view__right-panel-wrapper": {
+      height: "100vh"
+    }
+  }
+}, "label:installerSplitView;");
+export var SuccessDialog = /*#__PURE__*/styled("div", {
+  target: "e1l7r4wj2",
+  label: "SuccessDialog"
+})({
+  padding: 40,
+  textAlign: "center",
+  p: {
+    paddingBottom: 40
+  }
+});
+export var InnerContent = /*#__PURE__*/styled("div", {
+  target: "e1l7r4wj3",
+  label: "InnerContent"
+})({
+  padding: 25,
+  position: "relative"
+});
+export var alertClass = /*#__PURE__*/css({
+  borderLeft: "3px solid red",
+  margin: "5px 0 15px 0",
+  padding: "2px 0 2px 10px"
+}, "label:alertClass;");

package/components/AppInstaller/useInstaller.d.ts

@@ -0,0 +1,11 @@
+export declare const useInstaller: ({ isInstalled }: {
+    isInstalled: any;
+}) => {
+    loading: any;
+    installers: any;
+    installer: any;
+    showNextInstaller: () => void;
+    showLogin: any;
+    onUser: () => void;
+    skippingVersions: any;
+};