@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/components/AdminLayout.js

@@ -1,16 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdminLayout = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("./..");
-var AdminLayout = exports.AdminLayout = function AdminLayout(_ref) {
-  var title = _ref.title,
-    children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_.Layout, {
+import React from "react";
+import { Layout } from "./..";
+export const AdminLayout = ({
+  title,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Layout, {
     title: title
   }, children);
 };

package/components/AdminLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","AdminLayout","exports","_ref","title","children","default","createElement","Layout"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAOO,IAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAA8C;EAAA,IAAxCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACzC,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,CAAA,CAAAQ,MAAM;IAACJ,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Layout","AdminLayout","title","children","createElement"],"sources":["AdminLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n    children?: React.ReactNode;\n}\n\nexport const AdminLayout = ({ title, children }: AdminLayoutProps) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AAOf,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EAClE,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACE,KAAK,EAAEA;EAAM,GAAEC,QAAiB,CAAC;AACpD,CAAC","ignoreList":[]}

package/components/AppInstaller/AppInstaller.js

@@ -1,90 +1,80 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppInstaller = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _store = _interopRequireDefault(require("store"));
-var _ = require("../..");
-var _appSecurity = require("@webiny/app-security");
-var _Progress = require("@webiny/ui/Progress");
-var _Button = require("@webiny/ui/Button");
-var _SplitView = require("../SplitView");
-var _Elevation = require("@webiny/ui/Elevation");
-var _Typography = require("@webiny/ui/Typography");
-var _useInstaller2 = require("./useInstaller");
-var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-var _styled = require("./styled");
-var AppInstaller = exports.AppInstaller = function AppInstaller(_ref) {
-  var children = _ref.children;
-  var tenantId = _store.default.get("webiny_tenant") || "root";
-  var lsKey = "webiny_installation_".concat(tenantId);
-  var isRootTenant = tenantId === "root";
+import React, { useEffect, useState } from "react";
+import { default as localStorage } from "store";
+import { LoginScreen, Tags } from "../..";
+import { useSecurity } from "@webiny/app-security";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { SplitView, LeftPanel, RightPanel } from "../SplitView";
+import { Elevation } from "@webiny/ui/Elevation";
+import { Typography } from "@webiny/ui/Typography";
+import { useInstaller } from "./useInstaller";
+import Sidebar from "./Sidebar";
+import { Wrapper, InnerContent, InstallContent, installerSplitView, SuccessDialog } from "./styled";
+export const AppInstaller = ({
+  children
+}) => {
+  const tenantId = localStorage.get("webiny_tenant") || "root";
+  const lsKey = `webiny_installation_${tenantId}`;
+  const isRootTenant = tenantId === "root";
   /*
    * This flag allows us to avoid rendering the <iframe> when the app is tested with Cypress
    * (Cypress doesn't work with cross domains because of security-related implications).
    * @see https://docs.cypress.io/guides/guides/web-security#Insecure-Content
    */
-  var isCypressTest = window && window.Cypress;
-  var markInstallerAsCompleted = function markInstallerAsCompleted() {
-    _store.default.set(lsKey, true);
+  const isCypressTest = window && window.Cypress;
+  const markInstallerAsCompleted = () => {
+    localStorage.set(lsKey, true);
   };
-  var isInstallerCompleted = function isInstallerCompleted() {
-    return _store.default.get(lsKey) === true;
+  const isInstallerCompleted = () => {
+    return localStorage.get(lsKey) === true;
   };
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    finished = _useState2[0],
-    setFinished = _useState2[1];
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    identity = _useSecurity.identity;
-  var _useInstaller = (0, _useInstaller2.useInstaller)({
-      isInstalled: isInstallerCompleted()
-    }),
-    loading = _useInstaller.loading,
-    installers = _useInstaller.installers,
-    installer = _useInstaller.installer,
-    isFirstInstall = _useInstaller.isFirstInstall,
-    showNextInstaller = _useInstaller.showNextInstaller,
-    showLogin = _useInstaller.showLogin,
-    onUser = _useInstaller.onUser;
-  (0, _react.useEffect)(function () {
+  const [finished, setFinished] = useState(false);
+  const {
+    identity
+  } = useSecurity();
+  const {
+    loading,
+    installers,
+    installer,
+    isFirstInstall,
+    showNextInstaller,
+    showLogin,
+    onUser
+  } = useInstaller({
+    isInstalled: isInstallerCompleted()
+  });
+  useEffect(() => {
     if (identity) {
       onUser();
     }
   }, [identity]);
   if (isInstallerCompleted()) {
-    return /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, children);
+    return /*#__PURE__*/React.createElement(LoginScreen, null, children);
   }
-  var renderLayout = function renderLayout(content) {
-    var secure = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return /*#__PURE__*/_react.default.createElement(_.Tags, {
+  const renderLayout = (content, secure = false) => {
+    return /*#__PURE__*/React.createElement(Tags, {
       tags: {
         installer: true
       }
-    }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, {
-      className: _styled.installerSplitView
-    }, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+    }, /*#__PURE__*/React.createElement(SplitView, {
+      className: installerSplitView
+    }, /*#__PURE__*/React.createElement(LeftPanel, {
       span: 2
-    }, /*#__PURE__*/_react.default.createElement(_Sidebar.default, {
+    }, /*#__PURE__*/React.createElement(Sidebar, {
       allInstallers: installers,
       installer: installer,
       showLogin: showLogin
-    })), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+    })), /*#__PURE__*/React.createElement(RightPanel, {
       span: 10
-    }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, content))));
+    }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/React.createElement(LoginScreen, null, content))));
   };
-  var renderBody = function renderBody(content) {
-    return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styled.InstallContent, null, /*#__PURE__*/_react.default.createElement(_styled.InnerContent, null, content)));
+  const renderBody = content => {
+    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(InstallContent, null, /*#__PURE__*/React.createElement(InnerContent, null, content)));
   };
 
   // Loading installers data
   if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    return /*#__PURE__*/React.createElement(CircularProgress, {
       label: "Checking apps..."
     });
   }
@@ -92,18 +82,18 @@ var AppInstaller = exports.AppInstaller = function AppInstaller(_ref) {
   // This means there are no installers to run or installation was finished
   if (!loading && (installers.length === 0 || finished)) {
     markInstallerAsCompleted();
-    return /*#__PURE__*/_react.default.createElement(_.LoginScreen, null, children);
+    return /*#__PURE__*/React.createElement(LoginScreen, null, children);
   }
   if (installer) {
     return renderLayout(renderBody(installer.render({
       onInstalled: showNextInstaller
     })), installer.secure);
   }
-  return renderLayout(renderBody(/*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+  return renderLayout(renderBody(/*#__PURE__*/React.createElement(Elevation, {
     z: 1
-  }, /*#__PURE__*/_react.default.createElement(_styled.SuccessDialog, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+  }, /*#__PURE__*/React.createElement(SuccessDialog, null, /*#__PURE__*/React.createElement(Typography, {
     use: "headline4"
-  }, "You're ready!"), /*#__PURE__*/_react.default.createElement("p", null, "All applications were successfully installed."), !isCypressTest && isRootTenant && isFirstInstall ? /*#__PURE__*/_react.default.createElement("iframe", {
+  }, "You're ready!"), /*#__PURE__*/React.createElement("p", null, "All applications were successfully installed."), !isCypressTest && isRootTenant && isFirstInstall ? /*#__PURE__*/React.createElement("iframe", {
     height: "0",
     width: "0",
     frameBorder: "0",
@@ -111,9 +101,9 @@ var AppInstaller = exports.AppInstaller = function AppInstaller(_ref) {
       opacity: "0"
     },
     src: "https://www.webiny.com/thank-you/new-install"
-  }) : null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+  }) : null, /*#__PURE__*/React.createElement(ButtonPrimary, {
     "data-testid": "open-webiny-cms-admin-button",
-    onClick: function onClick() {
+    onClick: () => {
       markInstallerAsCompleted();
       setFinished(true);
     }

package/components/AppInstaller/AppInstaller.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_store","_interopRequireDefault","_","_appSecurity","_Progress","_Button","_SplitView","_Elevation","_Typography","_useInstaller2","_Sidebar","_styled","AppInstaller","exports","_ref","children","tenantId","localStorage","get","lsKey","concat","isRootTenant","isCypressTest","window","Cypress","markInstallerAsCompleted","set","isInstallerCompleted","_useState","useState","_useState2","_slicedToArray2","default","finished","setFinished","_useSecurity","useSecurity","identity","_useInstaller","useInstaller","isInstalled","loading","installers","installer","isFirstInstall","showNextInstaller","showLogin","onUser","useEffect","createElement","LoginScreen","renderLayout","content","secure","arguments","length","undefined","Tags","tags","SplitView","className","installerSplitView","LeftPanel","span","allInstallers","RightPanel","renderBody","Wrapper","InstallContent","InnerContent","CircularProgress","label","render","onInstalled","Elevation","z","SuccessDialog","Typography","use","height","width","frameBorder","style","opacity","src","ButtonPrimary","onClick"],"sources":["AppInstaller.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen, Tags } from \"~/index\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { SplitView, LeftPanel, RightPanel } from \"../SplitView\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { useInstaller } from \"./useInstaller\";\nimport Sidebar from \"./Sidebar\";\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nimport { Wrapper, InnerContent, InstallContent, installerSplitView, SuccessDialog } from \"./styled\";\n\ninterface AppInstallerProps {\n    children: React.ReactNode;\n}\n\nexport const AppInstaller = ({ children }: AppInstallerProps) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n    const lsKey = `webiny_installation_${tenantId}`;\n    const isRootTenant = tenantId === \"root\";\n    /*\n     * This flag allows us to avoid rendering the <iframe> when the app is tested with Cypress\n     * (Cypress doesn't work with cross domains because of security-related implications).\n     * @see https://docs.cypress.io/guides/guides/web-security#Insecure-Content\n     */\n    const isCypressTest = window && window.Cypress;\n\n    const markInstallerAsCompleted = () => {\n        localStorage.set(lsKey, true);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === true;\n    };\n\n    const [finished, setFinished] = useState(false);\n    const { identity } = useSecurity();\n    const { loading, installers, installer, isFirstInstall, showNextInstaller, showLogin, onUser } =\n        useInstaller({ isInstalled: isInstallerCompleted() });\n\n    useEffect(() => {\n        if (identity) {\n            onUser();\n        }\n    }, [identity]);\n\n    if (isInstallerCompleted()) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    const renderLayout = (content: React.ReactNode, secure = false): React.ReactElement => {\n        return (\n            <Tags tags={{ installer: true }}>\n                <SplitView className={installerSplitView}>\n                    <LeftPanel span={2}>\n                        <Sidebar\n                            allInstallers={installers}\n                            installer={installer}\n                            showLogin={showLogin}\n                        />\n                    </LeftPanel>\n                    <RightPanel span={10}>\n                        {!showLogin && !secure && content}\n                        {(showLogin || secure) && <LoginScreen>{content}</LoginScreen>}\n                    </RightPanel>\n                </SplitView>\n            </Tags>\n        );\n    };\n\n    const renderBody = (content: React.ReactNode): React.ReactElement => {\n        return (\n            <Wrapper>\n                <InstallContent>\n                    <InnerContent>{content}</InnerContent>\n                </InstallContent>\n            </Wrapper>\n        );\n    };\n\n    // Loading installers data\n    if (loading) {\n        return <CircularProgress label={\"Checking apps...\"} />;\n    }\n\n    // This means there are no installers to run or installation was finished\n    if (!loading && (installers.length === 0 || finished)) {\n        markInstallerAsCompleted();\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    if (installer) {\n        return renderLayout(\n            renderBody(installer.render({ onInstalled: showNextInstaller })),\n            installer.secure\n        );\n    }\n\n    return renderLayout(\n        renderBody(\n            <Elevation z={1}>\n                <SuccessDialog>\n                    <Typography use={\"headline4\"}>You&apos;re ready!</Typography>\n                    <p>All applications were successfully installed.</p>\n                    {!isCypressTest && isRootTenant && isFirstInstall ? (\n                        <iframe\n                            height=\"0\"\n                            width=\"0\"\n                            frameBorder=\"0\"\n                            style={{ opacity: \"0\" }}\n                            src=\"https://www.webiny.com/thank-you/new-install\"\n                        ></iframe>\n                    ) : null}\n                    <ButtonPrimary\n                        data-testid={\"open-webiny-cms-admin-button\"}\n                        onClick={() => {\n                            markInstallerAsCompleted();\n                            setFinished(true);\n                        }}\n                    >\n                        Finish install\n                    </ButtonPrimary>\n                </SuccessDialog>\n            </Elevation>\n        ),\n        true\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","default","localStorage","LoginScreen","Tags","useSecurity","CircularProgress","ButtonPrimary","SplitView","LeftPanel","RightPanel","Elevation","Typography","useInstaller","Sidebar","Wrapper","InnerContent","InstallContent","installerSplitView","SuccessDialog","AppInstaller","children","tenantId","get","lsKey","isRootTenant","isCypressTest","window","Cypress","markInstallerAsCompleted","set","isInstallerCompleted","finished","setFinished","identity","loading","installers","installer","isFirstInstall","showNextInstaller","showLogin","onUser","isInstalled","createElement","renderLayout","content","secure","tags","className","span","allInstallers","renderBody","label","length","render","onInstalled","z","use","height","width","frameBorder","style","opacity","src","onClick"],"sources":["AppInstaller.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen, Tags } from \"~/index\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { SplitView, LeftPanel, RightPanel } from \"../SplitView\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { useInstaller } from \"./useInstaller\";\nimport Sidebar from \"./Sidebar\";\n\ndeclare global {\n    interface Window {\n        Cypress: any;\n    }\n}\n\nimport { Wrapper, InnerContent, InstallContent, installerSplitView, SuccessDialog } from \"./styled\";\n\ninterface AppInstallerProps {\n    children: React.ReactNode;\n}\n\nexport const AppInstaller = ({ children }: AppInstallerProps) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n    const lsKey = `webiny_installation_${tenantId}`;\n    const isRootTenant = tenantId === \"root\";\n    /*\n     * This flag allows us to avoid rendering the <iframe> when the app is tested with Cypress\n     * (Cypress doesn't work with cross domains because of security-related implications).\n     * @see https://docs.cypress.io/guides/guides/web-security#Insecure-Content\n     */\n    const isCypressTest = window && window.Cypress;\n\n    const markInstallerAsCompleted = () => {\n        localStorage.set(lsKey, true);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === true;\n    };\n\n    const [finished, setFinished] = useState(false);\n    const { identity } = useSecurity();\n    const { loading, installers, installer, isFirstInstall, showNextInstaller, showLogin, onUser } =\n        useInstaller({ isInstalled: isInstallerCompleted() });\n\n    useEffect(() => {\n        if (identity) {\n            onUser();\n        }\n    }, [identity]);\n\n    if (isInstallerCompleted()) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    const renderLayout = (content: React.ReactNode, secure = false): React.ReactElement => {\n        return (\n            <Tags tags={{ installer: true }}>\n                <SplitView className={installerSplitView}>\n                    <LeftPanel span={2}>\n                        <Sidebar\n                            allInstallers={installers}\n                            installer={installer}\n                            showLogin={showLogin}\n                        />\n                    </LeftPanel>\n                    <RightPanel span={10}>\n                        {!showLogin && !secure && content}\n                        {(showLogin || secure) && <LoginScreen>{content}</LoginScreen>}\n                    </RightPanel>\n                </SplitView>\n            </Tags>\n        );\n    };\n\n    const renderBody = (content: React.ReactNode): React.ReactElement => {\n        return (\n            <Wrapper>\n                <InstallContent>\n                    <InnerContent>{content}</InnerContent>\n                </InstallContent>\n            </Wrapper>\n        );\n    };\n\n    // Loading installers data\n    if (loading) {\n        return <CircularProgress label={\"Checking apps...\"} />;\n    }\n\n    // This means there are no installers to run or installation was finished\n    if (!loading && (installers.length === 0 || finished)) {\n        markInstallerAsCompleted();\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    if (installer) {\n        return renderLayout(\n            renderBody(installer.render({ onInstalled: showNextInstaller })),\n            installer.secure\n        );\n    }\n\n    return renderLayout(\n        renderBody(\n            <Elevation z={1}>\n                <SuccessDialog>\n                    <Typography use={\"headline4\"}>You&apos;re ready!</Typography>\n                    <p>All applications were successfully installed.</p>\n                    {!isCypressTest && isRootTenant && isFirstInstall ? (\n                        <iframe\n                            height=\"0\"\n                            width=\"0\"\n                            frameBorder=\"0\"\n                            style={{ opacity: \"0\" }}\n                            src=\"https://www.webiny.com/thank-you/new-install\"\n                        ></iframe>\n                    ) : null}\n                    <ButtonPrimary\n                        data-testid={\"open-webiny-cms-admin-button\"}\n                        onClick={() => {\n                            markInstallerAsCompleted();\n                            setFinished(true);\n                        }}\n                    >\n                        Finish install\n                    </ButtonPrimary>\n                </SuccessDialog>\n            </Elevation>\n        ),\n        true\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/AppInstaller/Sidebar.js

@@ -1,34 +1,12 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Typography = require("@webiny/ui/Typography");
-var _signInDivider = _interopRequireDefault(require("./assets/sign-in-divider.svg"));
-var _Brand = require("../../base/ui/Brand");
-var _Tags = require("../../base/ui/Tags");
+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)."; }
-var Logo = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eu74ttw2"
-} : {
-  target: "eu74ttw2",
-  label: "Logo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ei4uwi",
-  styles: "padding:15px;border-bottom:1px solid var(--mdc-theme-background)"
-} : {
-  name: "1ei4uwi",
-  styles: "padding:15px;border-bottom:1px solid var(--mdc-theme-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNhIiwiZmlsZSI6IlNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NTZXQgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzaWduSW5EaXZpZGVyIGZyb20gXCIuL2Fzc2V0cy9zaWduLWluLWRpdmlkZXIuc3ZnXCI7XG5pbXBvcnQgeyBJbnN0YWxsZXIgfSBmcm9tIFwiLi91c2VJbnN0YWxsZXJcIjtcbmltcG9ydCB7IEJyYW5kIH0gZnJvbSBcIn4vYmFzZS91aS9CcmFuZFwiO1xuaW1wb3J0IHsgVGFncyB9IGZyb20gXCJ+L2Jhc2UvdWkvVGFnc1wiO1xuXG5jb25zdCBMb2dvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiXG59KTtcblxuY29uc3QgTGlzdCA9IHN0eWxlZChcInVsXCIpKHtcbiAgICBsaToge1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIxNXB4IDE1cHhcIixcbiAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwLFxuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5zaWduLWluXCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIFwiLm5vdGVcIjoge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodDogXCIxNTAlXCIsXG4gICAgICAgICAgICAgICAgZm9udFNpemU6IDEwLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6IDEwLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LWljb24tb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGltZzoge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuYWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5wZW5kaW5nXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5pbnN0YWxsZWRcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IE5vdGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDE1XG59KTtcbmludGVyZmFjZSBJbnN0YWxsYXRpb25zUHJvcHMge1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuY29uc3QgSW5zdGFsbGF0aW9ucyA9IChwcm9wczogSW5zdGFsbGF0aW9uc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyB0aXRsZSwgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfSA9IHByb3BzO1xuICAgIGNvbnN0IHJlbmRlckxpc3QgPSAoKSA9PiB7XG4gICAgICAgIGNvbnN0IGxvZ2luSXRlbSA9IChcbiAgICAgICAgICAgIDxsaSBrZXk9e1wibG9naW5cIn0gY2xhc3NOYW1lPXtcInNpZ24taW5cIn0+XG4gICAgICAgICAgICAgICAgPGltZyBzcmM9e3NpZ25JbkRpdmlkZXJ9IGFsdD17XCJcIn0gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0gY2xhc3NOYW1lPXtcIm5vdGVcIn0+XG4gICAgICAgICAgICAgICAgICAgIFRPIENPTlRJTlVFIFRIRSBJTlNUQUxMQVRJT04gQUZURVIgVEhJUyBQT0lOVCBZT1XigJlMTCBORUVEIFRPIFNJR04gSU5cbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IGl0ZW1zID0gW107XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYWxsSW5zdGFsbGVycy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB0aXRsZSwgc2VjdXJlLCBpbnN0YWxsZWQgfSA9IGFsbEluc3RhbGxlcnNbaV07XG4gICAgICAgICAgICBjb25zdCBwcmV2ID0gaSA9PT0gMCA/IG51bGwgOiBhbGxJbnN0YWxsZXJzW2kgLSAxXTtcbiAgICAgICAgICAgIGlmICgoIXByZXYgfHwgIXByZXYuc2VjdXJlKSAmJiBzZWN1cmUgJiYgc2hvd0xvZ2luKSB7XG4gICAgICAgICAgICAgICAgaXRlbXMucHVzaChsb2dpbkl0ZW0pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBhY3RpdmUgPSBpbnN0YWxsZXIgJiYgIXNob3dMb2dpbiAmJiBuYW1lID09PSBpbnN0YWxsZXIubmFtZTtcblxuICAgICAgICAgICAgaXRlbXMucHVzaChcbiAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzU2V0KFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBpbnN0YWxsZWQ6IGluc3RhbGxlZCB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBhY3RpdmU6IGFjdGl2ZSB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBwZW5kaW5nOiAhaW5zdGFsbGVkICYmICFhY3RpdmUgfVxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInN0YXR1c1wifSAvPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1widGl0bGVcIn0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgIDxOb3RlPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifT57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgPExpc3Q+e3JlbmRlckxpc3QoKX08L0xpc3Q+XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMge1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU2lkZWJhciA9ICh7IGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH06IFNpZGViYXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IGluc3RhbGxhdGlvbnMgPSBhbGxJbnN0YWxsZXJzLmZpbHRlcihpbnN0YWxsZXIgPT4gaW5zdGFsbGVyLnR5cGUgPT09IFwiaW5zdGFsbFwiKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUYWdzIHRhZ3M9e3sgbG9jYXRpb246IFwiaW5zdGFsbGVyXCIgfX0+XG4gICAgICAgICAgICA8TG9nbz5cbiAgICAgICAgICAgICAgICA8QnJhbmQgLz5cbiAgICAgICAgICAgIDwvTG9nbz5cbiAgICAgICAgICAgIHtpbnN0YWxsYXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgIDxJbnN0YWxsYXRpb25zXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcIlRoZSBmb2xsb3dpbmcgYXBwcyB3aWxsIGJlIGluc3RhbGxlZCBhbmQgY29uZmlndXJlZDpcIn1cbiAgICAgICAgICAgICAgICAgICAgYWxsSW5zdGFsbGVycz17aW5zdGFsbGF0aW9uc31cbiAgICAgICAgICAgICAgICAgICAgaW5zdGFsbGVyPXtpbnN0YWxsZXJ9XG4gICAgICAgICAgICAgICAgICAgIHNob3dMb2dpbj17c2hvd0xvZ2lufVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1RhZ3M+XG4gICAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBTaWRlYmFyO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var List = /*#__PURE__*/(0, _base.default)("ul", process.env.NODE_ENV === "production" ? {
+import React, { Fragment } from "react";
+import classSet from "classnames";
+import { Typography } from "@webiny/ui/Typography";
+import signInDivider from "./assets/sign-in-divider.svg";
+import { Tags } from "../../base/ui/Tags";
+import { Logo } from "../../base/ui/Logo";
+const List = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
   target: "eu74ttw1"
 } : {
   target: "eu74ttw1",
@@ -39,10 +17,10 @@ var List = /*#__PURE__*/(0, _base.default)("ul", process.env.NODE_ENV === "produ
 } : {
   name: "1u5uctp",
   styles: "li{display:flex;align-items:center;padding:15px 15px;.status{border-radius:50%;display:inline-block;height:20px;width:20px;margin-right:15px;}&.sign-in{display:block;text-align:center;.note{display:inline-block;line-height:150%;font-size:10px;padding-top:10px;color:var(--mdc-theme-text-icon-on-background);}img{width:100%;}}&.active{background-color:var(--mdc-theme-background);font-weight:600;.status{background-color:var(--mdc-theme-primary);}}&.pending{.status{background-color:var(--mdc-theme-on-surface);}}&.installed{.status{background-color:var(--mdc-theme-secondary);}}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNhIiwiZmlsZSI6IlNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NTZXQgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzaWduSW5EaXZpZGVyIGZyb20gXCIuL2Fzc2V0cy9zaWduLWluLWRpdmlkZXIuc3ZnXCI7XG5pbXBvcnQgeyBJbnN0YWxsZXIgfSBmcm9tIFwiLi91c2VJbnN0YWxsZXJcIjtcbmltcG9ydCB7IEJyYW5kIH0gZnJvbSBcIn4vYmFzZS91aS9CcmFuZFwiO1xuaW1wb3J0IHsgVGFncyB9IGZyb20gXCJ+L2Jhc2UvdWkvVGFnc1wiO1xuXG5jb25zdCBMb2dvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiXG59KTtcblxuY29uc3QgTGlzdCA9IHN0eWxlZChcInVsXCIpKHtcbiAgICBsaToge1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIxNXB4IDE1cHhcIixcbiAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwLFxuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5zaWduLWluXCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIFwiLm5vdGVcIjoge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodDogXCIxNTAlXCIsXG4gICAgICAgICAgICAgICAgZm9udFNpemU6IDEwLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6IDEwLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LWljb24tb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGltZzoge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuYWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5wZW5kaW5nXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5pbnN0YWxsZWRcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IE5vdGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDE1XG59KTtcbmludGVyZmFjZSBJbnN0YWxsYXRpb25zUHJvcHMge1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuY29uc3QgSW5zdGFsbGF0aW9ucyA9IChwcm9wczogSW5zdGFsbGF0aW9uc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyB0aXRsZSwgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfSA9IHByb3BzO1xuICAgIGNvbnN0IHJlbmRlckxpc3QgPSAoKSA9PiB7XG4gICAgICAgIGNvbnN0IGxvZ2luSXRlbSA9IChcbiAgICAgICAgICAgIDxsaSBrZXk9e1wibG9naW5cIn0gY2xhc3NOYW1lPXtcInNpZ24taW5cIn0+XG4gICAgICAgICAgICAgICAgPGltZyBzcmM9e3NpZ25JbkRpdmlkZXJ9IGFsdD17XCJcIn0gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0gY2xhc3NOYW1lPXtcIm5vdGVcIn0+XG4gICAgICAgICAgICAgICAgICAgIFRPIENPTlRJTlVFIFRIRSBJTlNUQUxMQVRJT04gQUZURVIgVEhJUyBQT0lOVCBZT1XigJlMTCBORUVEIFRPIFNJR04gSU5cbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IGl0ZW1zID0gW107XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYWxsSW5zdGFsbGVycy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB0aXRsZSwgc2VjdXJlLCBpbnN0YWxsZWQgfSA9IGFsbEluc3RhbGxlcnNbaV07XG4gICAgICAgICAgICBjb25zdCBwcmV2ID0gaSA9PT0gMCA/IG51bGwgOiBhbGxJbnN0YWxsZXJzW2kgLSAxXTtcbiAgICAgICAgICAgIGlmICgoIXByZXYgfHwgIXByZXYuc2VjdXJlKSAmJiBzZWN1cmUgJiYgc2hvd0xvZ2luKSB7XG4gICAgICAgICAgICAgICAgaXRlbXMucHVzaChsb2dpbkl0ZW0pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBhY3RpdmUgPSBpbnN0YWxsZXIgJiYgIXNob3dMb2dpbiAmJiBuYW1lID09PSBpbnN0YWxsZXIubmFtZTtcblxuICAgICAgICAgICAgaXRlbXMucHVzaChcbiAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzU2V0KFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBpbnN0YWxsZWQ6IGluc3RhbGxlZCB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBhY3RpdmU6IGFjdGl2ZSB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBwZW5kaW5nOiAhaW5zdGFsbGVkICYmICFhY3RpdmUgfVxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInN0YXR1c1wifSAvPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1widGl0bGVcIn0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgIDxOb3RlPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifT57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgPExpc3Q+e3JlbmRlckxpc3QoKX08L0xpc3Q+XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMge1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU2lkZWJhciA9ICh7IGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH06IFNpZGViYXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IGluc3RhbGxhdGlvbnMgPSBhbGxJbnN0YWxsZXJzLmZpbHRlcihpbnN0YWxsZXIgPT4gaW5zdGFsbGVyLnR5cGUgPT09IFwiaW5zdGFsbFwiKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUYWdzIHRhZ3M9e3sgbG9jYXRpb246IFwiaW5zdGFsbGVyXCIgfX0+XG4gICAgICAgICAgICA8TG9nbz5cbiAgICAgICAgICAgICAgICA8QnJhbmQgLz5cbiAgICAgICAgICAgIDwvTG9nbz5cbiAgICAgICAgICAgIHtpbnN0YWxsYXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgIDxJbnN0YWxsYXRpb25zXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcIlRoZSBmb2xsb3dpbmcgYXBwcyB3aWxsIGJlIGluc3RhbGxlZCBhbmQgY29uZmlndXJlZDpcIn1cbiAgICAgICAgICAgICAgICAgICAgYWxsSW5zdGFsbGVycz17aW5zdGFsbGF0aW9uc31cbiAgICAgICAgICAgICAgICAgICAgaW5zdGFsbGVyPXtpbnN0YWxsZXJ9XG4gICAgICAgICAgICAgICAgICAgIHNob3dMb2dpbj17c2hvd0xvZ2lufVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1RhZ3M+XG4gICAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBTaWRlYmFyO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNhIiwiZmlsZSI6IlNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NTZXQgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzaWduSW5EaXZpZGVyIGZyb20gXCIuL2Fzc2V0cy9zaWduLWluLWRpdmlkZXIuc3ZnXCI7XG5pbXBvcnQgeyBJbnN0YWxsZXIgfSBmcm9tIFwiLi91c2VJbnN0YWxsZXJcIjtcbmltcG9ydCB7IFRhZ3MgfSBmcm9tIFwifi9iYXNlL3VpL1RhZ3NcIjtcbmltcG9ydCB7IExvZ28gfSBmcm9tIFwifi9iYXNlL3VpL0xvZ29cIjtcblxuY29uc3QgTGlzdCA9IHN0eWxlZChcInVsXCIpKHtcbiAgICBsaToge1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIxNXB4IDE1cHhcIixcbiAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwLFxuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5zaWduLWluXCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIFwiLm5vdGVcIjoge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodDogXCIxNTAlXCIsXG4gICAgICAgICAgICAgICAgZm9udFNpemU6IDEwLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6IDEwLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LWljb24tb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGltZzoge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuYWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5wZW5kaW5nXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5pbnN0YWxsZWRcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IE5vdGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDE1XG59KTtcbmludGVyZmFjZSBJbnN0YWxsYXRpb25zUHJvcHMge1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuY29uc3QgSW5zdGFsbGF0aW9ucyA9IChwcm9wczogSW5zdGFsbGF0aW9uc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyB0aXRsZSwgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfSA9IHByb3BzO1xuICAgIGNvbnN0IHJlbmRlckxpc3QgPSAoKSA9PiB7XG4gICAgICAgIGNvbnN0IGxvZ2luSXRlbSA9IChcbiAgICAgICAgICAgIDxsaSBrZXk9e1wibG9naW5cIn0gY2xhc3NOYW1lPXtcInNpZ24taW5cIn0+XG4gICAgICAgICAgICAgICAgPGltZyBzcmM9e3NpZ25JbkRpdmlkZXJ9IGFsdD17XCJcIn0gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0gY2xhc3NOYW1lPXtcIm5vdGVcIn0+XG4gICAgICAgICAgICAgICAgICAgIFRPIENPTlRJTlVFIFRIRSBJTlNUQUxMQVRJT04gQUZURVIgVEhJUyBQT0lOVCBZT1XigJlMTCBORUVEIFRPIFNJR04gSU5cbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IGl0ZW1zID0gW107XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYWxsSW5zdGFsbGVycy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB0aXRsZSwgc2VjdXJlLCBpbnN0YWxsZWQgfSA9IGFsbEluc3RhbGxlcnNbaV07XG4gICAgICAgICAgICBjb25zdCBwcmV2ID0gaSA9PT0gMCA/IG51bGwgOiBhbGxJbnN0YWxsZXJzW2kgLSAxXTtcbiAgICAgICAgICAgIGlmICgoIXByZXYgfHwgIXByZXYuc2VjdXJlKSAmJiBzZWN1cmUgJiYgc2hvd0xvZ2luKSB7XG4gICAgICAgICAgICAgICAgaXRlbXMucHVzaChsb2dpbkl0ZW0pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBhY3RpdmUgPSBpbnN0YWxsZXIgJiYgIXNob3dMb2dpbiAmJiBuYW1lID09PSBpbnN0YWxsZXIubmFtZTtcblxuICAgICAgICAgICAgaXRlbXMucHVzaChcbiAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzU2V0KFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBpbnN0YWxsZWQ6IGluc3RhbGxlZCB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBhY3RpdmU6IGFjdGl2ZSB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBwZW5kaW5nOiAhaW5zdGFsbGVkICYmICFhY3RpdmUgfVxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInN0YXR1c1wifSAvPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1widGl0bGVcIn0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgIDxOb3RlPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifT57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgPExpc3Q+e3JlbmRlckxpc3QoKX08L0xpc3Q+XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMge1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU2lkZWJhciA9ICh7IGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH06IFNpZGViYXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IGluc3RhbGxhdGlvbnMgPSBhbGxJbnN0YWxsZXJzLmZpbHRlcihpbnN0YWxsZXIgPT4gaW5zdGFsbGVyLnR5cGUgPT09IFwiaW5zdGFsbFwiKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUYWdzIHRhZ3M9e3sgbG9jYXRpb246IFwiaW5zdGFsbGVyXCIgfX0+XG4gICAgICAgICAgICA8TG9nbyAvPlxuICAgICAgICAgICAge2luc3RhbGxhdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgPEluc3RhbGxhdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1wiVGhlIGZvbGxvd2luZyBhcHBzIHdpbGwgYmUgaW5zdGFsbGVkIGFuZCBjb25maWd1cmVkOlwifVxuICAgICAgICAgICAgICAgICAgICBhbGxJbnN0YWxsZXJzPXtpbnN0YWxsYXRpb25zfVxuICAgICAgICAgICAgICAgICAgICBpbnN0YWxsZXI9e2luc3RhbGxlcn1cbiAgICAgICAgICAgICAgICAgICAgc2hvd0xvZ2luPXtzaG93TG9naW59XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvVGFncz5cbiAgICApO1xufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGViYXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Note = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Note = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eu74ttw0"
 } : {
   target: "eu74ttw0",
@@ -53,76 +31,78 @@ var Note = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "prod
 } : {
   name: "1jj7er4",
   styles: "padding:15px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREYSIsImZpbGUiOiJTaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzU2V0IGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgc2lnbkluRGl2aWRlciBmcm9tIFwiLi9hc3NldHMvc2lnbi1pbi1kaXZpZGVyLnN2Z1wiO1xuaW1wb3J0IHsgSW5zdGFsbGVyIH0gZnJvbSBcIi4vdXNlSW5zdGFsbGVyXCI7XG5pbXBvcnQgeyBCcmFuZCB9IGZyb20gXCJ+L2Jhc2UvdWkvQnJhbmRcIjtcbmltcG9ydCB7IFRhZ3MgfSBmcm9tIFwifi9iYXNlL3VpL1RhZ3NcIjtcblxuY29uc3QgTG9nbyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogMTUsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxufSk7XG5cbmNvbnN0IExpc3QgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gICAgbGk6IHtcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMTVweCAxNXB4XCIsXG4gICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgICAgICAgaGVpZ2h0OiAyMCxcbiAgICAgICAgICAgIHdpZHRoOiAyMCxcbiAgICAgICAgICAgIG1hcmdpblJpZ2h0OiAxNVxuICAgICAgICB9LFxuICAgICAgICBcIiYuc2lnbi1pblwiOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgICAgICBcIi5ub3RlXCI6IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ6IFwiMTUwJVwiLFxuICAgICAgICAgICAgICAgIGZvbnRTaXplOiAxMCxcbiAgICAgICAgICAgICAgICBwYWRkaW5nVG9wOiAxMCxcbiAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWJhY2tncm91bmQpXCJcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBpbWc6IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLmFjdGl2ZVwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYucGVuZGluZ1wiOiB7XG4gICAgICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuaW5zdGFsbGVkXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5jb25zdCBOb3RlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAxNVxufSk7XG5pbnRlcmZhY2UgSW5zdGFsbGF0aW9uc1Byb3BzIHtcbiAgICB0aXRsZTogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cbmNvbnN0IEluc3RhbGxhdGlvbnMgPSAocHJvcHM6IEluc3RhbGxhdGlvbnNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgdGl0bGUsIGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH0gPSBwcm9wcztcbiAgICBjb25zdCByZW5kZXJMaXN0ID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBsb2dpbkl0ZW0gPSAoXG4gICAgICAgICAgICA8bGkga2V5PXtcImxvZ2luXCJ9IGNsYXNzTmFtZT17XCJzaWduLWluXCJ9PlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXtzaWduSW5EaXZpZGVyfSBhbHQ9e1wiXCJ9IC8+XG4gICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcIm92ZXJsaW5lXCJ9IGNsYXNzTmFtZT17XCJub3RlXCJ9PlxuICAgICAgICAgICAgICAgICAgICBUTyBDT05USU5VRSBUSEUgSU5TVEFMTEFUSU9OIEFGVEVSIFRISVMgUE9JTlQgWU9V4oCZTEwgTkVFRCBUTyBTSUdOIElOXG4gICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgKTtcblxuICAgICAgICBjb25zdCBpdGVtcyA9IFtdO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IGFsbEluc3RhbGxlcnMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGNvbnN0IHsgbmFtZSwgdGl0bGUsIHNlY3VyZSwgaW5zdGFsbGVkIH0gPSBhbGxJbnN0YWxsZXJzW2ldO1xuICAgICAgICAgICAgY29uc3QgcHJldiA9IGkgPT09IDAgPyBudWxsIDogYWxsSW5zdGFsbGVyc1tpIC0gMV07XG4gICAgICAgICAgICBpZiAoKCFwcmV2IHx8ICFwcmV2LnNlY3VyZSkgJiYgc2VjdXJlICYmIHNob3dMb2dpbikge1xuICAgICAgICAgICAgICAgIGl0ZW1zLnB1c2gobG9naW5JdGVtKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgYWN0aXZlID0gaW5zdGFsbGVyICYmICFzaG93TG9naW4gJiYgbmFtZSA9PT0gaW5zdGFsbGVyLm5hbWU7XG5cbiAgICAgICAgICAgIGl0ZW1zLnB1c2goXG4gICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc1NldChcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgaW5zdGFsbGVkOiBpbnN0YWxsZWQgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgYWN0aXZlOiBhY3RpdmUgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgcGVuZGluZzogIWluc3RhbGxlZCAmJiAhYWN0aXZlIH1cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17XCJzdGF0dXNcIn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInRpdGxlXCJ9Pnt0aXRsZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RnJhZ21lbnQ+XG4gICAgICAgICAgICA8Tm90ZT5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvTm90ZT5cbiAgICAgICAgICAgIDxMaXN0PntyZW5kZXJMaXN0KCl9PC9MaXN0PlxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICk7XG59O1xuXG5pbnRlcmZhY2UgU2lkZWJhclByb3BzIHtcbiAgICBhbGxJbnN0YWxsZXJzOiBJbnN0YWxsZXJbXTtcbiAgICBpbnN0YWxsZXI6IEluc3RhbGxlcjtcbiAgICBzaG93TG9naW46IGJvb2xlYW47XG59XG5cbmNvbnN0IFNpZGViYXIgPSAoeyBhbGxJbnN0YWxsZXJzLCBpbnN0YWxsZXIsIHNob3dMb2dpbiB9OiBTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCBpbnN0YWxsYXRpb25zID0gYWxsSW5zdGFsbGVycy5maWx0ZXIoaW5zdGFsbGVyID0+IGluc3RhbGxlci50eXBlID09PSBcImluc3RhbGxcIik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGFncyB0YWdzPXt7IGxvY2F0aW9uOiBcImluc3RhbGxlclwiIH19PlxuICAgICAgICAgICAgPExvZ28+XG4gICAgICAgICAgICAgICAgPEJyYW5kIC8+XG4gICAgICAgICAgICA8L0xvZ28+XG4gICAgICAgICAgICB7aW5zdGFsbGF0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICA8SW5zdGFsbGF0aW9uc1xuICAgICAgICAgICAgICAgICAgICB0aXRsZT17XCJUaGUgZm9sbG93aW5nIGFwcHMgd2lsbCBiZSBpbnN0YWxsZWQgYW5kIGNvbmZpZ3VyZWQ6XCJ9XG4gICAgICAgICAgICAgICAgICAgIGFsbEluc3RhbGxlcnM9e2luc3RhbGxhdGlvbnN9XG4gICAgICAgICAgICAgICAgICAgIGluc3RhbGxlcj17aW5zdGFsbGVyfVxuICAgICAgICAgICAgICAgICAgICBzaG93TG9naW49e3Nob3dMb2dpbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9UYWdzPlxuICAgICk7XG59O1xuZXhwb3J0IGRlZmF1bHQgU2lkZWJhcjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEYSIsImZpbGUiOiJTaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzU2V0IGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgc2lnbkluRGl2aWRlciBmcm9tIFwiLi9hc3NldHMvc2lnbi1pbi1kaXZpZGVyLnN2Z1wiO1xuaW1wb3J0IHsgSW5zdGFsbGVyIH0gZnJvbSBcIi4vdXNlSW5zdGFsbGVyXCI7XG5pbXBvcnQgeyBUYWdzIH0gZnJvbSBcIn4vYmFzZS91aS9UYWdzXCI7XG5pbXBvcnQgeyBMb2dvIH0gZnJvbSBcIn4vYmFzZS91aS9Mb2dvXCI7XG5cbmNvbnN0IExpc3QgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gICAgbGk6IHtcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMTVweCAxNXB4XCIsXG4gICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgICAgICAgaGVpZ2h0OiAyMCxcbiAgICAgICAgICAgIHdpZHRoOiAyMCxcbiAgICAgICAgICAgIG1hcmdpblJpZ2h0OiAxNVxuICAgICAgICB9LFxuICAgICAgICBcIiYuc2lnbi1pblwiOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgICAgICBcIi5ub3RlXCI6IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ6IFwiMTUwJVwiLFxuICAgICAgICAgICAgICAgIGZvbnRTaXplOiAxMCxcbiAgICAgICAgICAgICAgICBwYWRkaW5nVG9wOiAxMCxcbiAgICAgICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWJhY2tncm91bmQpXCJcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBpbWc6IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLmFjdGl2ZVwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYucGVuZGluZ1wiOiB7XG4gICAgICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuaW5zdGFsbGVkXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5jb25zdCBOb3RlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAxNVxufSk7XG5pbnRlcmZhY2UgSW5zdGFsbGF0aW9uc1Byb3BzIHtcbiAgICB0aXRsZTogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cbmNvbnN0IEluc3RhbGxhdGlvbnMgPSAocHJvcHM6IEluc3RhbGxhdGlvbnNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgdGl0bGUsIGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH0gPSBwcm9wcztcbiAgICBjb25zdCByZW5kZXJMaXN0ID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBsb2dpbkl0ZW0gPSAoXG4gICAgICAgICAgICA8bGkga2V5PXtcImxvZ2luXCJ9IGNsYXNzTmFtZT17XCJzaWduLWluXCJ9PlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXtzaWduSW5EaXZpZGVyfSBhbHQ9e1wiXCJ9IC8+XG4gICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcIm92ZXJsaW5lXCJ9IGNsYXNzTmFtZT17XCJub3RlXCJ9PlxuICAgICAgICAgICAgICAgICAgICBUTyBDT05USU5VRSBUSEUgSU5TVEFMTEFUSU9OIEFGVEVSIFRISVMgUE9JTlQgWU9V4oCZTEwgTkVFRCBUTyBTSUdOIElOXG4gICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgKTtcblxuICAgICAgICBjb25zdCBpdGVtcyA9IFtdO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IGFsbEluc3RhbGxlcnMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGNvbnN0IHsgbmFtZSwgdGl0bGUsIHNlY3VyZSwgaW5zdGFsbGVkIH0gPSBhbGxJbnN0YWxsZXJzW2ldO1xuICAgICAgICAgICAgY29uc3QgcHJldiA9IGkgPT09IDAgPyBudWxsIDogYWxsSW5zdGFsbGVyc1tpIC0gMV07XG4gICAgICAgICAgICBpZiAoKCFwcmV2IHx8ICFwcmV2LnNlY3VyZSkgJiYgc2VjdXJlICYmIHNob3dMb2dpbikge1xuICAgICAgICAgICAgICAgIGl0ZW1zLnB1c2gobG9naW5JdGVtKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgYWN0aXZlID0gaW5zdGFsbGVyICYmICFzaG93TG9naW4gJiYgbmFtZSA9PT0gaW5zdGFsbGVyLm5hbWU7XG5cbiAgICAgICAgICAgIGl0ZW1zLnB1c2goXG4gICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc1NldChcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgaW5zdGFsbGVkOiBpbnN0YWxsZWQgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgYWN0aXZlOiBhY3RpdmUgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgcGVuZGluZzogIWluc3RhbGxlZCAmJiAhYWN0aXZlIH1cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17XCJzdGF0dXNcIn0gLz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInRpdGxlXCJ9Pnt0aXRsZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGl0ZW1zO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RnJhZ21lbnQ+XG4gICAgICAgICAgICA8Tm90ZT5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTFcIn0+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvTm90ZT5cbiAgICAgICAgICAgIDxMaXN0PntyZW5kZXJMaXN0KCl9PC9MaXN0PlxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICk7XG59O1xuXG5pbnRlcmZhY2UgU2lkZWJhclByb3BzIHtcbiAgICBhbGxJbnN0YWxsZXJzOiBJbnN0YWxsZXJbXTtcbiAgICBpbnN0YWxsZXI6IEluc3RhbGxlcjtcbiAgICBzaG93TG9naW46IGJvb2xlYW47XG59XG5cbmNvbnN0IFNpZGViYXIgPSAoeyBhbGxJbnN0YWxsZXJzLCBpbnN0YWxsZXIsIHNob3dMb2dpbiB9OiBTaWRlYmFyUHJvcHMpID0+IHtcbiAgICBjb25zdCBpbnN0YWxsYXRpb25zID0gYWxsSW5zdGFsbGVycy5maWx0ZXIoaW5zdGFsbGVyID0+IGluc3RhbGxlci50eXBlID09PSBcImluc3RhbGxcIik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGFncyB0YWdzPXt7IGxvY2F0aW9uOiBcImluc3RhbGxlclwiIH19PlxuICAgICAgICAgICAgPExvZ28gLz5cbiAgICAgICAgICAgIHtpbnN0YWxsYXRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgIDxJbnN0YWxsYXRpb25zXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcIlRoZSBmb2xsb3dpbmcgYXBwcyB3aWxsIGJlIGluc3RhbGxlZCBhbmQgY29uZmlndXJlZDpcIn1cbiAgICAgICAgICAgICAgICAgICAgYWxsSW5zdGFsbGVycz17aW5zdGFsbGF0aW9uc31cbiAgICAgICAgICAgICAgICAgICAgaW5zdGFsbGVyPXtpbnN0YWxsZXJ9XG4gICAgICAgICAgICAgICAgICAgIHNob3dMb2dpbj17c2hvd0xvZ2lufVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1RhZ3M+XG4gICAgKTtcbn07XG5leHBvcnQgZGVmYXVsdCBTaWRlYmFyO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-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", {
+const Installations = props => {
+  const {
+    title,
+    allInstallers,
+    installer,
+    showLogin
+  } = props;
+  const renderList = () => {
+    const loginItem = /*#__PURE__*/React.createElement("li", {
       key: "login",
       className: "sign-in"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: _signInDivider.default,
+    }, /*#__PURE__*/React.createElement("img", {
+      src: signInDivider,
       alt: ""
-    }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    }), /*#__PURE__*/React.createElement(Typography, {
       use: "overline",
       className: "note"
     }, "TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU\u2019LL NEED TO SIGN IN"));
-    var items = [];
-    for (var i = 0; i < allInstallers.length; i++) {
-      var _allInstallers$i = allInstallers[i],
-        name = _allInstallers$i.name,
-        _title = _allInstallers$i.title,
-        secure = _allInstallers$i.secure,
-        installed = _allInstallers$i.installed;
-      var prev = i === 0 ? null : allInstallers[i - 1];
+    const items = [];
+    for (let i = 0; i < allInstallers.length; i++) {
+      const {
+        name,
+        title,
+        secure,
+        installed
+      } = allInstallers[i];
+      const prev = i === 0 ? null : allInstallers[i - 1];
       if ((!prev || !prev.secure) && secure && showLogin) {
         items.push(loginItem);
       }
-      var active = installer && !showLogin && name === installer.name;
-      items.push(/*#__PURE__*/_react.default.createElement("li", {
+      const active = installer && !showLogin && name === installer.name;
+      items.push(/*#__PURE__*/React.createElement("li", {
         key: name,
-        className: (0, _classnames.default)({
+        className: classSet({
           installed: installed
         }, {
           active: active
         }, {
           pending: !installed && !active
         })
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "status"
-      }), /*#__PURE__*/_react.default.createElement("span", {
+      }), /*#__PURE__*/React.createElement("span", {
         className: "title"
-      }, _title)));
+      }, title)));
     }
     return items;
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
     use: "body1"
-  }, title)), /*#__PURE__*/_react.default.createElement(List, null, renderList()));
+  }, title)), /*#__PURE__*/React.createElement(List, null, renderList()));
 };
-var Sidebar = function Sidebar(_ref) {
-  var allInstallers = _ref.allInstallers,
-    installer = _ref.installer,
-    showLogin = _ref.showLogin;
-  var installations = allInstallers.filter(function (installer) {
-    return installer.type === "install";
-  });
-  return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+const Sidebar = ({
+  allInstallers,
+  installer,
+  showLogin
+}) => {
+  const installations = allInstallers.filter(installer => installer.type === "install");
+  return /*#__PURE__*/React.createElement(Tags, {
     tags: {
       location: "installer"
     }
-  }, /*#__PURE__*/_react.default.createElement(Logo, null, /*#__PURE__*/_react.default.createElement(_Brand.Brand, null)), installations.length > 0 && /*#__PURE__*/_react.default.createElement(Installations, {
+  }, /*#__PURE__*/React.createElement(Logo, null), installations.length > 0 && /*#__PURE__*/React.createElement(Installations, {
     title: "The following apps will be installed and configured:",
     allInstallers: installations,
     installer: installer,
     showLogin: showLogin
   }));
 };
-var _default = exports.default = Sidebar;
+export default Sidebar;
 
 //# sourceMappingURL=Sidebar.js.map

package/components/AppInstaller/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Typography","_signInDivider","_Brand","_Tags","_EMOTION_STRINGIFIED_CSS_ERROR__","Logo","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","List","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","createElement","key","className","src","signInDivider","alt","Typography","use","items","i","length","_allInstallers$i","secure","installed","prev","push","active","classSet","pending","Fragment","Sidebar","_ref","installations","filter","type","Tags","tags","location","Brand","_default","exports"],"sources":["Sidebar.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport classSet from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport { 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 = (props: InstallationsProps) => {\n    const { title, allInstallers, installer, showLogin } = props;\n    const renderList = () => {\n        const loginItem = (\n            <li key={\"login\"} className={\"sign-in\"}>\n                <img src={signInDivider} alt={\"\"} />\n                <Typography use={\"overline\"} className={\"note\"}>\n                    TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU’LL NEED TO SIGN IN\n                </Typography>\n            </li>\n        );\n\n        const items = [];\n        for (let i = 0; i < allInstallers.length; i++) {\n            const { name, title, secure, installed } = allInstallers[i];\n            const prev = i === 0 ? null : allInstallers[i - 1];\n            if ((!prev || !prev.secure) && secure && showLogin) {\n                items.push(loginItem);\n            }\n\n            const active = installer && !showLogin && name === installer.name;\n\n            items.push(\n                <li\n                    key={name}\n                    className={classSet(\n                        { installed: installed },\n                        { active: active },\n                        { pending: !installed && !active }\n                    )}\n                >\n                    <span className={\"status\"} />\n                    <span className={\"title\"}>{title}</span>\n                </li>\n            );\n        }\n        return items;\n    };\n\n    return (\n        <Fragment>\n            <Note>\n                <Typography use={\"body1\"}>{title}</Typography>\n            </Note>\n            <List>{renderList()}</List>\n        </Fragment>\n    );\n};\n\ninterface SidebarProps {\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\n\nconst Sidebar = ({ allInstallers, installer, showLogin }: SidebarProps) => {\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n\n    return (\n        <Tags tags={{ location: \"installer\" }}>\n            <Logo>\n                <Brand />\n            </Logo>\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            )}\n        </Tags>\n    );\n};\nexport default Sidebar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Fragment","classSet","Typography","signInDivider","Tags","Logo","List","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","createElement","key","className","src","alt","use","items","i","length","secure","installed","prev","push","active","pending","Sidebar","installations","filter","type","tags","location"],"sources":["Sidebar.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport classSet from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport { Installer } from \"./useInstaller\";\nimport { Tags } from \"~/base/ui/Tags\";\nimport { Logo } from \"~/base/ui/Logo\";\n\nconst List = styled(\"ul\")({\n    li: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"15px 15px\",\n        \".status\": {\n            borderRadius: \"50%\",\n            display: \"inline-block\",\n            height: 20,\n            width: 20,\n            marginRight: 15\n        },\n        \"&.sign-in\": {\n            display: \"block\",\n            textAlign: \"center\",\n            \".note\": {\n                display: \"inline-block\",\n                lineHeight: \"150%\",\n                fontSize: 10,\n                paddingTop: 10,\n                color: \"var(--mdc-theme-text-icon-on-background)\"\n            },\n            img: {\n                width: \"100%\"\n            }\n        },\n        \"&.active\": {\n            backgroundColor: \"var(--mdc-theme-background)\",\n            fontWeight: 600,\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-primary)\"\n            }\n        },\n        \"&.pending\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-on-surface)\"\n            }\n        },\n        \"&.installed\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-secondary)\"\n            }\n        }\n    }\n});\n\nconst Note = styled(\"div\")({\n    padding: 15\n});\ninterface InstallationsProps {\n    title: React.ReactNode;\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\nconst Installations = (props: InstallationsProps) => {\n    const { title, allInstallers, installer, showLogin } = props;\n    const renderList = () => {\n        const loginItem = (\n            <li key={\"login\"} className={\"sign-in\"}>\n                <img src={signInDivider} alt={\"\"} />\n                <Typography use={\"overline\"} className={\"note\"}>\n                    TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU’LL NEED TO SIGN IN\n                </Typography>\n            </li>\n        );\n\n        const items = [];\n        for (let i = 0; i < allInstallers.length; i++) {\n            const { name, title, secure, installed } = allInstallers[i];\n            const prev = i === 0 ? null : allInstallers[i - 1];\n            if ((!prev || !prev.secure) && secure && showLogin) {\n                items.push(loginItem);\n            }\n\n            const active = installer && !showLogin && name === installer.name;\n\n            items.push(\n                <li\n                    key={name}\n                    className={classSet(\n                        { installed: installed },\n                        { active: active },\n                        { pending: !installed && !active }\n                    )}\n                >\n                    <span className={\"status\"} />\n                    <span className={\"title\"}>{title}</span>\n                </li>\n            );\n        }\n        return items;\n    };\n\n    return (\n        <Fragment>\n            <Note>\n                <Typography use={\"body1\"}>{title}</Typography>\n            </Note>\n            <List>{renderList()}</List>\n        </Fragment>\n    );\n};\n\ninterface SidebarProps {\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\n\nconst Sidebar = ({ allInstallers, installer, showLogin }: SidebarProps) => {\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n\n    return (\n        <Tags tags={{ location: \"installer\" }}>\n            <Logo />\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            )}\n        </Tags>\n    );\n};\nexport default Sidebar;\n"],"mappings":"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","ignoreList":[]}

package/components/AppInstaller/index.js

@@ -1,21 +1,15 @@
-"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));
+import { Provider } from "../..";
+import React from "react";
+import { AppInstaller as Installer } from "./AppInstaller";
+const AppInstallerHOC = Component => {
+  return function AppInstallerProvider({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(Installer, null, /*#__PURE__*/React.createElement(Component, null, children));
   };
 };
-var AppInstaller = exports.AppInstaller = function AppInstaller() {
-  return /*#__PURE__*/_react.default.createElement(_.Provider, {
+export const AppInstaller = () => {
+  return /*#__PURE__*/React.createElement(Provider, {
     hoc: AppInstallerHOC
   });
 };

package/components/AppInstaller/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_","require","_react","_interopRequireDefault","_AppInstaller","AppInstallerHOC","Component","AppInstallerProvider","_ref","children","default","createElement","AppInstaller","exports","Provider","hoc"],"sources":["index.tsx"],"sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\nimport { ComponentWithChildren } from \"~/types\";\n\ninterface AppInstallerProviderProps {\n    children: React.ReactNode;\n}\n\nconst AppInstallerHOC = (Component: ComponentWithChildren) => {\n    return function AppInstallerProvider({ children }: AppInstallerProviderProps) {\n        return (\n            <Installer>\n                <Component>{children}</Component>\n            </Installer>\n        );\n    };\n};\n\nexport const AppInstaller = () => {\n    return <Provider hoc={AppInstallerHOC} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,CAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAOA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,SAAgC,EAAK;EAC1D,OAAO,SAASC,oBAAoBA,CAAAC,IAAA,EAA0C;IAAA,IAAvCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAC3C,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAS,qBACNV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,QAAoB,CACzB,CAAC;EAEpB,CAAC;AACL,CAAC;AAEM,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAC9B,oBAAOV,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACX,CAAA,CAAAc,QAAQ;IAACC,GAAG,EAAEV;EAAgB,CAAE,CAAC;AAC7C,CAAC","ignoreList":[]}
+{"version":3,"names":["Provider","React","AppInstaller","Installer","AppInstallerHOC","Component","AppInstallerProvider","children","createElement","hoc"],"sources":["index.tsx"],"sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\nimport { ComponentWithChildren } from \"~/types\";\n\ninterface AppInstallerProviderProps {\n    children: React.ReactNode;\n}\n\nconst AppInstallerHOC = (Component: ComponentWithChildren) => {\n    return function AppInstallerProvider({ children }: AppInstallerProviderProps) {\n        return (\n            <Installer>\n                <Component>{children}</Component>\n            </Installer>\n        );\n    };\n};\n\nexport const AppInstaller = () => {\n    return <Provider hoc={AppInstallerHOC} />;\n};\n"],"mappings":"AAAA,SAASA,QAAQ;AACjB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,IAAIC,SAAS;AAOlC,MAAMC,eAAe,GAAIC,SAAgC,IAAK;EAC1D,OAAO,SAASC,oBAAoBA,CAAC;IAAEC;EAAoC,CAAC,EAAE;IAC1E,oBACIN,KAAA,CAAAO,aAAA,CAACL,SAAS,qBACNF,KAAA,CAAAO,aAAA,CAACH,SAAS,QAAEE,QAAoB,CACzB,CAAC;EAEpB,CAAC;AACL,CAAC;AAED,OAAO,MAAML,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBAAOD,KAAA,CAAAO,aAAA,CAACR,QAAQ;IAACS,GAAG,EAAEL;EAAgB,CAAE,CAAC;AAC7C,CAAC","ignoreList":[]}