@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/components/AppInstaller/Sidebar.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _config = require("@webiny/app/config");
+
+var _signInDivider = _interopRequireDefault(require("./assets/sign-in-divider.svg"));
+
+var _Brand = require("../../base/ui/Brand");
+
+var _Tags = require("../../base/ui/Tags");
+
+var Logo = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "eu74ttw0",
+  label: "Logo"
+})({
+  padding: 15,
+  borderBottom: "1px solid var(--mdc-theme-background)"
+});
+var List = /*#__PURE__*/(0, _styled.default)("ul", {
+  target: "eu74ttw1",
+  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__*/(0, _styled.default)("div", {
+  target: "eu74ttw2",
+  label: "Note"
+})({
+  padding: 15
+});
+
+var Installations = function Installations(props) {
+  var title = props.title,
+      allInstallers = props.allInstallers,
+      installer = props.installer,
+      showLogin = props.showLogin;
+
+  var renderList = function renderList() {
+    var loginItem = /*#__PURE__*/_react.default.createElement("li", {
+      key: "login",
+      className: "sign-in"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: _signInDivider.default,
+      alt: ""
+    }), /*#__PURE__*/_react.default.createElement(_Typography.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.default.createElement("li", {
+        key: name,
+        className: (0, _classnames.default)({
+          installed: installed
+        }, {
+          active: active
+        }, {
+          pending: !installed && !active
+        })
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "status"
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "title"
+      }, _title)));
+    }
+
+    return items;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body1"
+  }, title)), /*#__PURE__*/_react.default.createElement(List, null, renderList()));
+};
+
+var Sidebar = function Sidebar(_ref) {
+  var allInstallers = _ref.allInstallers,
+      installer = _ref.installer,
+      showLogin = _ref.showLogin;
+  var upgrades = allInstallers.filter(function (installer) {
+    return installer.type === "upgrade";
+  });
+  var installations = allInstallers.filter(function (installer) {
+    return installer.type === "install";
+  });
+
+  var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+
+  return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+    tags: {
+      location: "installer"
+    }
+  }, /*#__PURE__*/_react.default.createElement(Logo, null, /*#__PURE__*/_react.default.createElement(_Brand.Brand, null)), upgrades.length > 0 ? /*#__PURE__*/_react.default.createElement(Installations, {
+    title: /*#__PURE__*/_react.default.createElement("span", null, "The following apps will be upgraded to ", /*#__PURE__*/_react.default.createElement("strong", null, wbyVersion), ":"),
+    allInstallers: upgrades,
+    installer: installer,
+    showLogin: showLogin
+  }) : null, installations.length > 0 && /*#__PURE__*/_react.default.createElement(Installations, {
+    title: "The following apps will be installed and configured:",
+    allInstallers: installations,
+    installer: installer,
+    showLogin: upgrades.length > 0 ? false : showLogin
+  }));
+};
+
+var _default = Sidebar;
+exports.default = _default;

package/components/AppInstaller/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Logo","styled","padding","borderBottom","List","li","display","alignItems","borderRadius","height","width","marginRight","textAlign","lineHeight","fontSize","paddingTop","color","img","backgroundColor","fontWeight","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","signInDivider","items","i","length","name","secure","installed","prev","push","active","classSet","pending","Sidebar","upgrades","filter","type","installations","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","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 { config as appConfig } from \"@webiny/app/config\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport { Installer } from \"./useInstaller\";\nimport { Brand } from \"~/base/ui/Brand\";\nimport { Tags } from \"~/base/ui/Tags\";\n\nconst Logo = styled(\"div\")({\n    padding: 15,\n    borderBottom: \"1px solid var(--mdc-theme-background)\"\n});\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: React.FC<InstallationsProps> = props => {\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: React.FC<SidebarProps> = ({ allInstallers, installer, showLogin }) => {\n    const upgrades = allInstallers.filter(installer => installer.type === \"upgrade\");\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n    return (\n        <Tags tags={{ location: \"installer\" }}>\n            <Logo>\n                <Brand />\n            </Logo>\n            {upgrades.length > 0 ? (\n                <Installations\n                    title={\n                        <span>\n                            The following apps will be upgraded to <strong>{wbyVersion}</strong>:\n                        </span>\n                    }\n                    allInstallers={upgrades}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            ) : null}\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={upgrades.length > 0 ? false : showLogin}\n                />\n            )}\n        </Tags>\n    );\n};\nexport default Sidebar;\n"],"mappings":"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"}

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,2 @@
+/// <reference types="react" />
+export declare const AppInstaller: () => JSX.Element;

package/components/AppInstaller/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppInstaller = void 0;
+
+var _ = require("../..");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AppInstaller = require("./AppInstaller");
+
+var AppInstallerHOC = function AppInstallerHOC(Component) {
+  return function AppInstallerProvider(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react.default.createElement(_AppInstaller.AppInstaller, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+  };
+};
+
+var AppInstaller = function AppInstaller() {
+  return /*#__PURE__*/_react.default.createElement(_.Provider, {
+    hoc: AppInstallerHOC
+  });
+};
+
+exports.AppInstaller = AppInstaller;

package/components/AppInstaller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AppInstallerHOC","Component","AppInstallerProvider","children","AppInstaller"],"sources":["index.tsx"],"sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { ComponentType } from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\n\nconst AppInstallerHOC = (Component: ComponentType<unknown>): React.FC => {\n    return function AppInstallerProvider({ children }) {\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;;AACA;;AAEA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAiD;EACrE,OAAO,SAASC,oBAAT,OAA4C;IAAA,IAAZC,QAAY,QAAZA,QAAY;IAC/C,oBACI,6BAAC,0BAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;EAKH,CAND;AAOH,CARD;;AAUO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;EAC9B,oBAAO,6BAAC,UAAD;IAAU,GAAG,EAAEJ;EAAf,EAAP;AACH,CAFM"}

package/components/AppInstaller/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>, keyof import("react").HTMLAttributes<HTMLElement>>, object>;
+export declare const InstallContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, 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").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const InnerContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const alertClass: string;

package/components/AppInstaller/styled.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.installerSplitView = exports.alertClass = exports.Wrapper = exports.SuccessDialog = exports.InstallContent = exports.InnerContent = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var Wrapper = /*#__PURE__*/(0, _styled.default)("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"
+    }
+  }
+});
+exports.Wrapper = Wrapper;
+var InstallContent = /*#__PURE__*/(0, _styled.default)("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)"
+  }
+});
+exports.InstallContent = InstallContent;
+var installerSplitView = /*#__PURE__*/(0, _emotion.css)({
+  // height: "100vh",
+  ".webiny-split-view__inner": {
+    height: "100vh"
+  },
+  ".webiny-split-view__right-panel-wrapper": {
+    height: "100vh"
+  }
+}, "label:installerSplitView;");
+exports.installerSplitView = installerSplitView;
+var SuccessDialog = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1l7r4wj2",
+  label: "SuccessDialog"
+})({
+  padding: 40,
+  textAlign: "center",
+  p: {
+    paddingBottom: 40
+  }
+});
+exports.SuccessDialog = SuccessDialog;
+var InnerContent = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1l7r4wj3",
+  label: "InnerContent"
+})({
+  padding: 25,
+  position: "relative"
+});
+exports.InnerContent = InnerContent;
+var alertClass = /*#__PURE__*/(0, _emotion.css)({
+  borderLeft: "3px solid red",
+  margin: "5px 0 15px 0",
+  padding: "2px 0 2px 10px"
+}, "label:alertClass;");
+exports.alertClass = alertClass;

package/components/AppInstaller/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Wrapper","styled","display","flexDirection","justifyContent","minHeight","color","whiteSpace","ul","listStyle","paddingLeft","li","MozOsxFontSmoothing","WebkitFontSmoothing","fontSize","lineHeight","fontWeight","letterSpacing","textDecoration","textTransform","marginTop","marginBottom","InstallContent","maxWidth","margin","borderRadius","boxShadow","installerSplitView","css","height","SuccessDialog","padding","textAlign","p","paddingBottom","InnerContent","position","alertClass","borderLeft"],"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        paddingBottom: 40\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":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,OAAO,oBAAGC,eAAH,EAAU,SAAV;EAAA;EAAA;AAAA,GAAqB;EACrCC,OAAO,EAAE,MAD4B;EAErCC,aAAa,EAAE,QAFsB;EAGrCC,cAAc,EAAE,QAHqB;EAIrCC,SAAS,EAAE,OAJ0B;EAKrCC,KAAK,EAAE,6BAL8B;EAMrC,2BAA2B;IACvBC,UAAU,EAAE;EADW,CANU;EASrCC,EAAE,EAAE;IACAC,SAAS,EAAE,MADX;IAEAC,WAAW,EAAE,6CAFb;IAGAC,EAAE,EAAE;MACAL,KAAK,EAAE,+EADP;MAEAM,mBAAmB,EAAE,WAFrB;MAGAC,mBAAmB,EAAE,aAHrB;MAIAC,QAAQ,EAAE,MAJV;MAKAC,UAAU,EAAE,QALZ;MAMAC,UAAU,EAAE,GANZ;MAOAC,aAAa,EAAE,WAPf;MAQAC,cAAc,EAAE,SARhB;MASAC,aAAa,EAAE,SATf;MAUAC,SAAS,EAAE,MAVX;MAWAC,YAAY,EAAE;IAXd;EAHJ;AATiC,CAArB,CAAb;;AA4BA,IAAMC,cAAc,oBAAGrB,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACxCsB,QAAQ,EAAE,GAD8B;EAExCC,MAAM,EAAE,kBAFgC;EAGxC,sBAAsB;IAClBC,YAAY,EAAE,CADI;IAElBC,SAAS,EAAE;EAFO;AAHkB,CAAjB,CAApB;;AASA,IAAMC,kBAAkB,gBAAG,IAAAC,YAAA,EAAI;EAClC;EACA,6BAA6B;IACzBC,MAAM,EAAE;EADiB,CAFK;EAKlC,2CAA2C;IACvCA,MAAM,EAAE;EAD+B;AALT,CAAJ,8BAA3B;;AAUA,IAAMC,aAAa,oBAAG7B,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvC8B,OAAO,EAAE,EAD8B;EAEvCC,SAAS,EAAE,QAF4B;EAGvCC,CAAC,EAAE;IACCC,aAAa,EAAE;EADhB;AAHoC,CAAjB,CAAnB;;AAQA,IAAMC,YAAY,oBAAGlC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACtC8B,OAAO,EAAE,EAD6B;EAEtCK,QAAQ,EAAE;AAF4B,CAAjB,CAAlB;;AAKA,IAAMC,UAAU,gBAAG,IAAAT,YAAA,EAAI;EAC1BU,UAAU,EAAE,eADc;EAE1Bd,MAAM,EAAE,cAFkB;EAG1BO,OAAO,EAAE;AAHiB,CAAJ,sBAAnB"}

package/components/AppInstaller/useInstaller.d.ts

@@ -0,0 +1,31 @@
+import { AdminInstallationPlugin } from "../../types";
+interface UseInstallerParams {
+    isInstalled: boolean;
+}
+interface SkippingVersionState {
+    current: string;
+    latest: string;
+    availableUpgrades: string[];
+}
+interface BaseInstaller {
+    installed: string | null;
+    plugin: AdminInstallationPlugin;
+}
+export interface Installer extends BaseInstaller {
+    type: "install" | "upgrade";
+    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: SkippingVersionState | null;
+};
+export {};