@webiny/app-admin 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/types.d.ts

@@ -1,79 +1,6 @@
-import type { ReactElement } from "react";
-import type React from "react";
-import type { Plugin } from "@webiny/plugins/types";
-import type { ApolloClient } from "apollo-client";
-import type { SecurityPermission } from "@webiny/app-security/types";
-export { Icon } from "./components/IconPicker/types";
-export interface AdminFileManagerFileTypePluginRenderParams {
-    file: FileItem;
-}
-export type AdminFileManagerFileTypePlugin = Plugin & {
-    type: "admin-file-manager-file-type";
-    types: string[];
-    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;
-    fileDetails?: {
-        actions: Array<React.ComponentType | React.Component>;
-    };
-};
-export interface AdminInstallationPluginRenderParams {
-    onInstalled: () => Promise<void>;
-}
-export type AdminInstallationPlugin = Plugin & {
-    type: "admin-installation";
-    getInstalledVersion(params: {
-        client: ApolloClient<object>;
-    }): Promise<string | null>;
-    title: string;
-    dependencies?: string[];
-    secure: boolean;
-    render(params: AdminInstallationPluginRenderParams): React.ReactNode;
-};
-export type AdminAppPermissionRendererPlugin = Plugin & {
-    type: "admin-app-permissions-renderer";
-    system?: boolean;
-    render(params: any): ReactElement;
-};
-/**
- * Represents a file as we receive from the GraphQL API.
- */
-export interface FileItem {
-    id: string;
-    name: string;
-    key: string;
-    src: string;
-    size: number;
-    type: string;
-    tags: string[];
-    aliases: string[];
-    createdOn: string;
-    createdBy: {
-        id: string;
-        displayName: string;
-    };
-    savedOn: string;
-    savedBy: {
-        id: string;
-        displayName: string;
-    };
-    modifiedOn: string;
-    modifiedBy: {
-        id: string;
-        displayName: string;
-    };
-    location: {
-        folderId: string;
-    };
-    meta?: {
-        private?: boolean;
-        width?: number;
-        height?: number;
-    };
-    accessControl?: {
-        type: "public" | "private-authenticated";
-    };
-    extensions?: Record<string, any>;
-}
-export interface FileManagerSecurityPermission extends SecurityPermission {
+import { Identity } from "./domain/Identity.js";
+export type { Icon } from "./components/IconPicker/types.js";
+export interface FileManagerSecurityPermission extends Identity.Permission {
     rwd?: string;
     own?: boolean;
 }

package/types.js

@@ -1,7 +1,3 @@
-export { Icon } from "./components/IconPicker/types";
-
-/**
- * Represents a file as we receive from the GraphQL API.
- */
+export {};
 
 //# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["Icon"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type React from \"react\";\nimport type { Plugin } from \"@webiny/plugins/types\";\nimport type { ApolloClient } from \"apollo-client\";\nimport type { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport { Icon } from \"~/components/IconPicker/types\";\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\n\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.ComponentType | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\n\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n        displayName: string;\n    };\n    savedOn: string;\n    savedBy: {\n        id: string;\n        displayName: string;\n    };\n    modifiedOn: string;\n    modifiedBy: {\n        id: string;\n        displayName: string;\n    };\n    location: {\n        folderId: string;\n    };\n    meta?: {\n        private?: boolean;\n        width?: number;\n        height?: number;\n    };\n    accessControl?: {\n        type: \"public\" | \"private-authenticated\";\n    };\n    extensions?: Record<string, any>;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n\nexport type ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n"],"mappings":"AAMA,SAASA,IAAI;;AAkCb;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { Identity } from \"~/domain/Identity.js\";\n\nexport type { Icon } from \"~/components/IconPicker/types.js\";\n\nexport interface FileManagerSecurityPermission extends Identity.Permission {\n    rwd?: string;\n    own?: boolean;\n}\n\nexport type ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n"],"mappings":"","ignoreList":[]}

package/base/Base/Routes.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Routes: React.MemoExoticComponent<() => React.JSX.Element>;

package/base/Base/Routes.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { Dashboard, Layout, NotFound } from "../..";
-import { AdminConfig } from "../../config/AdminConfig";
-const {
-  Route
-} = AdminConfig;
-export const Routes = /*#__PURE__*/React.memo(() => {
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Route, {
-    name: "home",
-    path: "/",
-    element: /*#__PURE__*/React.createElement(Layout, {
-      title: "Welcome!"
-    }, /*#__PURE__*/React.createElement(Dashboard, null))
-  }), /*#__PURE__*/React.createElement(Route, {
-    name: "default",
-    path: "*",
-    element: /*#__PURE__*/React.createElement(Layout, {
-      title: "Not Accessible"
-    }, /*#__PURE__*/React.createElement(NotFound, null))
-  }));
-});
-Routes.displayName = "Routes";
-
-//# sourceMappingURL=Routes.js.map

package/base/Base/Routes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Dashboard","Layout","NotFound","AdminConfig","Route","Routes","memo","createElement","name","path","element","title","displayName"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dashboard, Layout, NotFound } from \"~/index\";\nimport { AdminConfig } from \"~/config/AdminConfig\";\n\nconst { Route } = AdminConfig;\n\nexport const Routes = React.memo(() => {\n    return (\n        <AdminConfig>\n            <Route\n                name={\"home\"}\n                path={\"/\"}\n                element={\n                    <Layout title={\"Welcome!\"}>\n                        <Dashboard />\n                    </Layout>\n                }\n            />\n\n            <Route\n                name={\"default\"}\n                path={\"*\"}\n                element={\n                    <Layout title={\"Not Accessible\"}>\n                        <NotFound />\n                    </Layout>\n                }\n            />\n        </AdminConfig>\n    );\n});\n\nRoutes.displayName = \"Routes\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ;AACpC,SAASC,WAAW;AAEpB,MAAM;EAAEC;AAAM,CAAC,GAAGD,WAAW;AAE7B,OAAO,MAAME,MAAM,gBAAGN,KAAK,CAACO,IAAI,CAAC,MAAM;EACnC,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,WAAW,qBACRJ,KAAA,CAAAQ,aAAA,CAACH,KAAK;IACFI,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE,GAAI;IACVC,OAAO,eACHX,KAAA,CAAAQ,aAAA,CAACN,MAAM;MAACU,KAAK,EAAE;IAAW,gBACtBZ,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACR;EACX,CACJ,CAAC,eAEFD,KAAA,CAAAQ,aAAA,CAACH,KAAK;IACFI,IAAI,EAAE,SAAU;IAChBC,IAAI,EAAE,GAAI;IACVC,OAAO,eACHX,KAAA,CAAAQ,aAAA,CAACN,MAAM;MAACU,KAAK,EAAE;IAAiB,gBAC5BZ,KAAA,CAAAQ,aAAA,CAACL,QAAQ,MAAE,CACP;EACX,CACJ,CACQ,CAAC;AAEtB,CAAC,CAAC;AAEFG,MAAM,CAACO,WAAW,GAAG,QAAQ","ignoreList":[]}

package/base/providers/TelemetryProvider.d.ts

@@ -1 +0,0 @@
-export declare const createTelemetryProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/base/providers/TelemetryProvider.js

@@ -1,22 +0,0 @@
-import React, { useEffect } from "react";
-import { sendEvent } from "@webiny/telemetry/react";
-import { createProvider } from "@webiny/app";
-let eventSent = false;
-export const createTelemetryProvider = () => {
-  return createProvider(Component => {
-    return function TelemetryProvider({
-      children
-    }) {
-      useEffect(() => {
-        if (eventSent) {
-          return;
-        }
-        eventSent = true;
-        sendEvent("admin-app-start");
-      }, []);
-      return /*#__PURE__*/React.createElement(Component, null, children);
-    };
-  });
-};
-
-//# sourceMappingURL=TelemetryProvider.js.map

package/base/providers/TelemetryProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","sendEvent","createProvider","eventSent","createTelemetryProvider","Component","TelemetryProvider","children","createElement"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { sendEvent } from \"@webiny/telemetry/react\";\nimport { createProvider } from \"@webiny/app\";\n\nlet eventSent = false;\n\ninterface TelemetryProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createTelemetryProvider = () => {\n    return createProvider(Component => {\n        return function TelemetryProvider({ children }: TelemetryProviderProps) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n\n                sendEvent(\"admin-app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,cAAc,QAAQ,aAAa;AAE5C,IAAIC,SAAS,GAAG,KAAK;AAMrB,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAOF,cAAc,CAACG,SAAS,IAAI;IAC/B,OAAO,SAASC,iBAAiBA,CAAC;MAAEC;IAAiC,CAAC,EAAE;MACpEP,SAAS,CAAC,MAAM;QACZ,IAAIG,SAAS,EAAE;UACX;QACJ;QAEAA,SAAS,GAAG,IAAI;QAEhBF,SAAS,CAAC,iBAAiB,CAAC;MAChC,CAAC,EAAE,EAAE,CAAC;MAEN,oBAAOF,KAAA,CAAAS,aAAA,CAACH,SAAS,QAAEE,QAAoB,CAAC;IAC5C,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/base/providers/ViewCompositionProvider.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import type { ComponentWithChildren } from "../../types";
-export interface ViewElement {
-    name: string;
-    elements: JSX.Element[];
-    label?: string;
-    [key: string]: any;
-}
-interface ElementSetter {
-    (element: ViewElement): ViewElement;
-}
-export interface ViewCompositionContext {
-    getViewElement(view: string, name: string): ViewElement | null;
-    setViewElement(view: string, name: string, setter: ElementSetter): void;
-}
-export declare function useViewComposition(): ViewCompositionContext;
-interface ViewCompositionProviderHOCProps {
-    children: React.ReactNode;
-}
-export declare const createViewCompositionProvider: () => (Component: ComponentWithChildren) => ({ children }: ViewCompositionProviderHOCProps) => React.JSX.Element;
-export {};

package/base/providers/ViewCompositionProvider.js

@@ -1,47 +0,0 @@
-import React, { createContext, useContext, useMemo, useState } from "react";
-const ViewCompositionContext = /*#__PURE__*/createContext({
-  getViewElement: () => {
-    return null;
-  },
-  setViewElement: () => {
-    return void 0;
-  }
-});
-ViewCompositionContext.displayName = "ViewCompositionContext";
-const ViewCompositionProvider = ({
-  children
-}) => {
-  const [state, setState] = useState({});
-  const context = useMemo(() => ({
-    getViewElement(view, name) {
-      return state[view] && state[view][name];
-    },
-    setViewElement(view, name, setter) {
-      setState(state => {
-        const existing = state[view] && state[view][name];
-        return {
-          ...state,
-          [view]: {
-            ...state[view],
-            [name]: setter(existing)
-          }
-        };
-      });
-    }
-  }), [state]);
-  return /*#__PURE__*/React.createElement(ViewCompositionContext.Provider, {
-    value: context
-  }, children);
-};
-export function useViewComposition() {
-  return useContext(ViewCompositionContext);
-}
-export const createViewCompositionProvider = () => Component => {
-  return function ViewCompositionProviderHOC({
-    children
-  }) {
-    return /*#__PURE__*/React.createElement(ViewCompositionProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
-  };
-};
-
-//# sourceMappingURL=ViewCompositionProvider.js.map

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createContext","useContext","useMemo","useState","ViewCompositionContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","state","setState","context","view","name","setter","existing","createElement","Provider","value","useViewComposition","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport type { ComponentWithChildren } from \"~/types\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\ninterface ViewCompositionProviderProps {\n    children: React.ReactNode;\n}\nconst ViewCompositionProvider = ({ children }: ViewCompositionProviderProps) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\ninterface ViewCompositionProviderHOCProps {\n    children: React.ReactNode;\n}\n\nexport const createViewCompositionProvider = () => (Component: ComponentWithChildren) => {\n    return function ViewCompositionProviderHOC({ children }: ViewCompositionProviderHOCProps) {\n        return (\n            <ViewCompositionProvider>\n                <Component>{children}</Component>\n            </ViewCompositionProvider>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAmB3E,MAAMC,sBAAsB,gBAAGJ,aAAa,CAAyB;EACjEK,cAAc,EAAEA,CAAA,KAAM;IAClB,OAAO,IAAI;EACf,CAAC;EACDC,cAAc,EAAEA,CAAA,KAAM;IAClB,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFF,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAQ7D,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAuC,CAAC,KAAK;EAC5E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAA+B,CAAC,CAAC,CAAC;EAEpE,MAAMS,OAAO,GAAGV,OAAO,CACnB,OAAO;IACHG,cAAcA,CAACQ,IAAY,EAAEC,IAAY,EAAe;MACpD,OAAOJ,KAAK,CAACG,IAAI,CAAC,IAAIH,KAAK,CAACG,IAAI,CAAC,CAACC,IAAI,CAAC;IAC3C,CAAC;IACDR,cAAcA,CAACO,IAAY,EAAEC,IAAY,EAAEC,MAAqB,EAAE;MAC9DJ,QAAQ,CAACD,KAAK,IAAI;QACd,MAAMM,QAAQ,GAAGN,KAAK,CAACG,IAAI,CAAC,IAAIH,KAAK,CAACG,IAAI,CAAC,CAACC,IAAI,CAAC;QACjD,OAAO;UACH,GAAGJ,KAAK;UACR,CAACG,IAAI,GAAG;YACJ,GAAGH,KAAK,CAACG,IAAI,CAAC;YACd,CAACC,IAAI,GAAGC,MAAM,CAACC,QAAQ;UAC3B;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC,CAAC,EACF,CAACN,KAAK,CACV,CAAC;EAED,oBACIX,KAAA,CAAAkB,aAAA,CAACb,sBAAsB,CAACc,QAAQ;IAACC,KAAK,EAAEP;EAAQ,GAC3CH,QAC4B,CAAC;AAE1C,CAAC;AAED,OAAO,SAASW,kBAAkBA,CAAA,EAAG;EACjC,OAAOnB,UAAU,CAACG,sBAAsB,CAAC;AAC7C;AAMA,OAAO,MAAMiB,6BAA6B,GAAGA,CAAA,KAAOC,SAAgC,IAAK;EACrF,OAAO,SAASC,0BAA0BA,CAAC;IAAEd;EAA0C,CAAC,EAAE;IACtF,oBACIV,KAAA,CAAAkB,aAAA,CAACT,uBAAuB,qBACpBT,KAAA,CAAAkB,aAAA,CAACK,SAAS,QAAEb,QAAoB,CACX,CAAC;EAElC,CAAC;AACL,CAAC","ignoreList":[]}

package/base/ui/LocaleSelector.d.ts

@@ -1,39 +0,0 @@
-import React from "react";
-export declare const LocaleSelector: (() => React.JSX.Element) & {
-    original: () => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (() => React.JSX.Element) & {
-        original: () => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(() => React.JSX.Element) & {
-        original: () => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export declare const LocaleSelectorRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
-    originalName: string;
-    displayName: string;
-} & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};

package/base/ui/LocaleSelector.js

@@ -1,8 +0,0 @@
-import React from "react";
-import { createVoidComponent, makeDecoratable } from "@webiny/app";
-export const LocaleSelector = makeDecoratable("LocaleSelector", () => {
-  return /*#__PURE__*/React.createElement(LocaleSelectorRenderer, null);
-});
-export const LocaleSelectorRenderer = makeDecoratable("LocaleSelectorRenderer", createVoidComponent());
-
-//# sourceMappingURL=LocaleSelector.js.map

package/base/ui/LocaleSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createVoidComponent","makeDecoratable","LocaleSelector","createElement","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeDecoratable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeDecoratable(\n    \"LocaleSelectorRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACC,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGH,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/components/AppInstaller/AppInstaller.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-declare global {
-    interface Window {
-        Cypress: any;
-    }
-}
-interface AppInstallerProps {
-    children: React.ReactNode;
-}
-export declare const AppInstaller: ({ children }: AppInstallerProps) => React.JSX.Element;
-export {};

package/components/AppInstaller/AppInstaller.js

@@ -1,113 +0,0 @@
-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
-   */
-  const isCypressTest = window && window.Cypress;
-  const markInstallerAsCompleted = () => {
-    localStorage.set(lsKey, true);
-  };
-  const isInstallerCompleted = () => {
-    return localStorage.get(lsKey) === true;
-  };
-  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.createElement(LoginScreen, null, children);
-  }
-  const renderLayout = (content, secure = false) => {
-    return /*#__PURE__*/React.createElement(Tags, {
-      tags: {
-        installer: true
-      }
-    }, /*#__PURE__*/React.createElement(SplitView, {
-      className: installerSplitView
-    }, /*#__PURE__*/React.createElement(LeftPanel, {
-      span: 2
-    }, /*#__PURE__*/React.createElement(Sidebar, {
-      allInstallers: installers,
-      installer: installer,
-      showLogin: showLogin
-    })), /*#__PURE__*/React.createElement(RightPanel, {
-      span: 10
-    }, !showLogin && !secure && content, (showLogin || secure) && /*#__PURE__*/React.createElement(LoginScreen, 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.createElement(CircularProgress, {
-      label: "Checking apps..."
-    });
-  }
-
-  // This means there are no installers to run or installation was finished
-  if (!loading && (installers.length === 0 || finished)) {
-    markInstallerAsCompleted();
-    return /*#__PURE__*/React.createElement(LoginScreen, null, children);
-  }
-  if (installer) {
-    return renderLayout(renderBody(installer.render({
-      onInstalled: showNextInstaller
-    })), installer.secure);
-  }
-  return renderLayout(renderBody(/*#__PURE__*/React.createElement(Elevation, {
-    z: 1
-  }, /*#__PURE__*/React.createElement(SuccessDialog, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "headline4"
-  }, "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",
-    style: {
-      opacity: "0"
-    },
-    src: "https://www.webiny.com/thank-you/new-install"
-  }) : null, /*#__PURE__*/React.createElement(ButtonPrimary, {
-    "data-testid": "open-webiny-cms-admin-button",
-    onClick: () => {
-      markInstallerAsCompleted();
-      setFinished(true);
-    }
-  }, "Finish install")))), true);
-};
-
-//# sourceMappingURL=AppInstaller.js.map

package/components/AppInstaller/AppInstaller.js.map

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { Installer } from "./useInstaller";
-interface SidebarProps {
-    allInstallers: Installer[];
-    installer: Installer;
-    showLogin: boolean;
-}
-declare const Sidebar: ({ allInstallers, installer, showLogin }: SidebarProps) => React.JSX.Element;
-export default Sidebar;

package/components/AppInstaller/Sidebar.js

@@ -1,108 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React, { Fragment } from "react";
-import 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",
-  label: "List"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1u5uctp",
-  styles: "li{display:flex;align-items:center;padding:15px 15px;.status{border-radius:50%;display:inline-block;height:20px;width:20px;margin-right:15px;}&.sign-in{display:block;text-align:center;.note{display:inline-block;line-height:150%;font-size:10px;padding-top:10px;color:var(--mdc-theme-text-icon-on-background);}img{width:100%;}}&.active{background-color:var(--mdc-theme-background);font-weight:600;.status{background-color:var(--mdc-theme-primary);}}&.pending{.status{background-color:var(--mdc-theme-on-surface);}}&.installed{.status{background-color:var(--mdc-theme-secondary);}}}"
-} : {
-  name: "1u5uctp",
-  styles: "li{display:flex;align-items:center;padding:15px 15px;.status{border-radius:50%;display:inline-block;height:20px;width:20px;margin-right:15px;}&.sign-in{display:block;text-align:center;.note{display:inline-block;line-height:150%;font-size:10px;padding-top:10px;color:var(--mdc-theme-text-icon-on-background);}img{width:100%;}}&.active{background-color:var(--mdc-theme-background);font-weight:600;.status{background-color:var(--mdc-theme-primary);}}&.pending{.status{background-color:var(--mdc-theme-on-surface);}}&.installed{.status{background-color:var(--mdc-theme-secondary);}}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNhIiwiZmlsZSI6IlNpZGViYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NTZXQgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzaWduSW5EaXZpZGVyIGZyb20gXCIuL2Fzc2V0cy9zaWduLWluLWRpdmlkZXIuc3ZnXCI7XG5pbXBvcnQgdHlwZSB7IEluc3RhbGxlciB9IGZyb20gXCIuL3VzZUluc3RhbGxlclwiO1xuaW1wb3J0IHsgVGFncyB9IGZyb20gXCJ+L2Jhc2UvdWkvVGFnc1wiO1xuaW1wb3J0IHsgTG9nbyB9IGZyb20gXCJ+L2Jhc2UvdWkvTG9nb1wiO1xuXG5jb25zdCBMaXN0ID0gc3R5bGVkKFwidWxcIikoe1xuICAgIGxpOiB7XG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiBcIjE1cHggMTVweFwiLFxuICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgICAgICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgICAgICAgIGhlaWdodDogMjAsXG4gICAgICAgICAgICB3aWR0aDogMjAsXG4gICAgICAgICAgICBtYXJnaW5SaWdodDogMTVcbiAgICAgICAgfSxcbiAgICAgICAgXCImLnNpZ24taW5cIjoge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgXCIubm90ZVwiOiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiBcIjE1MCVcIixcbiAgICAgICAgICAgICAgICBmb250U2l6ZTogMTAsXG4gICAgICAgICAgICAgICAgcGFkZGluZ1RvcDogMTAsXG4gICAgICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtaWNvbi1vbi1iYWNrZ3JvdW5kKVwiXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgaW1nOiB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5hY3RpdmVcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICAgICAgZm9udFdlaWdodDogNjAwLFxuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLnBlbmRpbmdcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgXCImLmluc3RhbGxlZFwiOiB7XG4gICAgICAgICAgICBcIi5zdGF0dXNcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgTm90ZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcGFkZGluZzogMTVcbn0pO1xuaW50ZXJmYWNlIEluc3RhbGxhdGlvbnNQcm9wcyB7XG4gICAgdGl0bGU6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBhbGxJbnN0YWxsZXJzOiBJbnN0YWxsZXJbXTtcbiAgICBpbnN0YWxsZXI6IEluc3RhbGxlcjtcbiAgICBzaG93TG9naW46IGJvb2xlYW47XG59XG5jb25zdCBJbnN0YWxsYXRpb25zID0gKHByb3BzOiBJbnN0YWxsYXRpb25zUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHRpdGxlLCBhbGxJbnN0YWxsZXJzLCBpbnN0YWxsZXIsIHNob3dMb2dpbiB9ID0gcHJvcHM7XG4gICAgY29uc3QgcmVuZGVyTGlzdCA9ICgpID0+IHtcbiAgICAgICAgY29uc3QgbG9naW5JdGVtID0gKFxuICAgICAgICAgICAgPGxpIGtleT17XCJsb2dpblwifSBjbGFzc05hbWU9e1wic2lnbi1pblwifT5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz17c2lnbkluRGl2aWRlcn0gYWx0PXtcIlwifSAvPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJvdmVybGluZVwifSBjbGFzc05hbWU9e1wibm90ZVwifT5cbiAgICAgICAgICAgICAgICAgICAgVE8gQ09OVElOVUUgVEhFIElOU1RBTExBVElPTiBBRlRFUiBUSElTIFBPSU5UIFlPVeKAmUxMIE5FRUQgVE8gU0lHTiBJTlxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICk7XG5cbiAgICAgICAgY29uc3QgaXRlbXMgPSBbXTtcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhbGxJbnN0YWxsZXJzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBjb25zdCB7IG5hbWUsIHRpdGxlLCBzZWN1cmUsIGluc3RhbGxlZCB9ID0gYWxsSW5zdGFsbGVyc1tpXTtcbiAgICAgICAgICAgIGNvbnN0IHByZXYgPSBpID09PSAwID8gbnVsbCA6IGFsbEluc3RhbGxlcnNbaSAtIDFdO1xuICAgICAgICAgICAgaWYgKCghcHJldiB8fCAhcHJldi5zZWN1cmUpICYmIHNlY3VyZSAmJiBzaG93TG9naW4pIHtcbiAgICAgICAgICAgICAgICBpdGVtcy5wdXNoKGxvZ2luSXRlbSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGFjdGl2ZSA9IGluc3RhbGxlciAmJiAhc2hvd0xvZ2luICYmIG5hbWUgPT09IGluc3RhbGxlci5uYW1lO1xuXG4gICAgICAgICAgICBpdGVtcy5wdXNoKFxuICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NTZXQoXG4gICAgICAgICAgICAgICAgICAgICAgICB7IGluc3RhbGxlZDogaW5zdGFsbGVkIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICB7IGFjdGl2ZTogYWN0aXZlIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICB7IHBlbmRpbmc6ICFpbnN0YWxsZWQgJiYgIWFjdGl2ZSB9XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1wic3RhdHVzXCJ9IC8+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17XCJ0aXRsZVwifT57dGl0bGV9PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBpdGVtcztcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZyYWdtZW50PlxuICAgICAgICAgICAgPE5vdGU+XG4gICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkxXCJ9Pnt0aXRsZX08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L05vdGU+XG4gICAgICAgICAgICA8TGlzdD57cmVuZGVyTGlzdCgpfTwvTGlzdD5cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICApO1xufTtcblxuaW50ZXJmYWNlIFNpZGViYXJQcm9wcyB7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuXG5jb25zdCBTaWRlYmFyID0gKHsgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfTogU2lkZWJhclByb3BzKSA9PiB7XG4gICAgY29uc3QgaW5zdGFsbGF0aW9ucyA9IGFsbEluc3RhbGxlcnMuZmlsdGVyKGluc3RhbGxlciA9PiBpbnN0YWxsZXIudHlwZSA9PT0gXCJpbnN0YWxsXCIpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRhZ3MgdGFncz17eyBsb2NhdGlvbjogXCJpbnN0YWxsZXJcIiB9fT5cbiAgICAgICAgICAgIDxMb2dvIC8+XG4gICAgICAgICAgICB7aW5zdGFsbGF0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICA8SW5zdGFsbGF0aW9uc1xuICAgICAgICAgICAgICAgICAgICB0aXRsZT17XCJUaGUgZm9sbG93aW5nIGFwcHMgd2lsbCBiZSBpbnN0YWxsZWQgYW5kIGNvbmZpZ3VyZWQ6XCJ9XG4gICAgICAgICAgICAgICAgICAgIGFsbEluc3RhbGxlcnM9e2luc3RhbGxhdGlvbnN9XG4gICAgICAgICAgICAgICAgICAgIGluc3RhbGxlcj17aW5zdGFsbGVyfVxuICAgICAgICAgICAgICAgICAgICBzaG93TG9naW49e3Nob3dMb2dpbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9UYWdzPlxuICAgICk7XG59O1xuZXhwb3J0IGRlZmF1bHQgU2lkZWJhcjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Note = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eu74ttw0"
-} : {
-  target: "eu74ttw0",
-  label: "Note"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1jj7er4",
-  styles: "padding:15px"
-} : {
-  name: "1jj7er4",
-  styles: "padding:15px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEYSIsImZpbGUiOiJTaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzU2V0IGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgc2lnbkluRGl2aWRlciBmcm9tIFwiLi9hc3NldHMvc2lnbi1pbi1kaXZpZGVyLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBJbnN0YWxsZXIgfSBmcm9tIFwiLi91c2VJbnN0YWxsZXJcIjtcbmltcG9ydCB7IFRhZ3MgfSBmcm9tIFwifi9iYXNlL3VpL1RhZ3NcIjtcbmltcG9ydCB7IExvZ28gfSBmcm9tIFwifi9iYXNlL3VpL0xvZ29cIjtcblxuY29uc3QgTGlzdCA9IHN0eWxlZChcInVsXCIpKHtcbiAgICBsaToge1xuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIxNXB4IDE1cHhcIixcbiAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwLFxuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5zaWduLWluXCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIFwiLm5vdGVcIjoge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodDogXCIxNTAlXCIsXG4gICAgICAgICAgICAgICAgZm9udFNpemU6IDEwLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdUb3A6IDEwLFxuICAgICAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LWljb24tb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGltZzoge1xuICAgICAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYuYWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1wcmltYXJ5KVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5wZW5kaW5nXCI6IHtcbiAgICAgICAgICAgIFwiLnN0YXR1c1wiOiB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJi5pbnN0YWxsZWRcIjoge1xuICAgICAgICAgICAgXCIuc3RhdHVzXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IE5vdGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDE1XG59KTtcbmludGVyZmFjZSBJbnN0YWxsYXRpb25zUHJvcHMge1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgYWxsSW5zdGFsbGVyczogSW5zdGFsbGVyW107XG4gICAgaW5zdGFsbGVyOiBJbnN0YWxsZXI7XG4gICAgc2hvd0xvZ2luOiBib29sZWFuO1xufVxuY29uc3QgSW5zdGFsbGF0aW9ucyA9IChwcm9wczogSW5zdGFsbGF0aW9uc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyB0aXRsZSwgYWxsSW5zdGFsbGVycywgaW5zdGFsbGVyLCBzaG93TG9naW4gfSA9IHByb3BzO1xuICAgIGNvbnN0IHJlbmRlckxpc3QgPSAoKSA9PiB7XG4gICAgICAgIGNvbnN0IGxvZ2luSXRlbSA9IChcbiAgICAgICAgICAgIDxsaSBrZXk9e1wibG9naW5cIn0gY2xhc3NOYW1lPXtcInNpZ24taW5cIn0+XG4gICAgICAgICAgICAgICAgPGltZyBzcmM9e3NpZ25JbkRpdmlkZXJ9IGFsdD17XCJcIn0gLz5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wib3ZlcmxpbmVcIn0gY2xhc3NOYW1lPXtcIm5vdGVcIn0+XG4gICAgICAgICAgICAgICAgICAgIFRPIENPTlRJTlVFIFRIRSBJTlNUQUxMQVRJT04gQUZURVIgVEhJUyBQT0lOVCBZT1XigJlMTCBORUVEIFRPIFNJR04gSU5cbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IGl0ZW1zID0gW107XG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYWxsSW5zdGFsbGVycy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB0aXRsZSwgc2VjdXJlLCBpbnN0YWxsZWQgfSA9IGFsbEluc3RhbGxlcnNbaV07XG4gICAgICAgICAgICBjb25zdCBwcmV2ID0gaSA9PT0gMCA/IG51bGwgOiBhbGxJbnN0YWxsZXJzW2kgLSAxXTtcbiAgICAgICAgICAgIGlmICgoIXByZXYgfHwgIXByZXYuc2VjdXJlKSAmJiBzZWN1cmUgJiYgc2hvd0xvZ2luKSB7XG4gICAgICAgICAgICAgICAgaXRlbXMucHVzaChsb2dpbkl0ZW0pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBhY3RpdmUgPSBpbnN0YWxsZXIgJiYgIXNob3dMb2dpbiAmJiBuYW1lID09PSBpbnN0YWxsZXIubmFtZTtcblxuICAgICAgICAgICAgaXRlbXMucHVzaChcbiAgICAgICAgICAgICAgICA8bGlcbiAgICAgICAgICAgICAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzU2V0KFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBpbnN0YWxsZWQ6IGluc3RhbGxlZCB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBhY3RpdmU6IGFjdGl2ZSB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBwZW5kaW5nOiAhaW5zdGFsbGVkICYmICFhY3RpdmUgfVxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtcInN0YXR1c1wifSAvPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e1widGl0bGVcIn0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbXM7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudD5cbiAgICAgICAgICAgIDxOb3RlPlxuICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJib2R5MVwifT57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgPExpc3Q+e3JlbmRlckxpc3QoKX08L0xpc3Q+XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgKTtcbn07XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMge1xuICAgIGFsbEluc3RhbGxlcnM6IEluc3RhbGxlcltdO1xuICAgIGluc3RhbGxlcjogSW5zdGFsbGVyO1xuICAgIHNob3dMb2dpbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU2lkZWJhciA9ICh7IGFsbEluc3RhbGxlcnMsIGluc3RhbGxlciwgc2hvd0xvZ2luIH06IFNpZGViYXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IGluc3RhbGxhdGlvbnMgPSBhbGxJbnN0YWxsZXJzLmZpbHRlcihpbnN0YWxsZXIgPT4gaW5zdGFsbGVyLnR5cGUgPT09IFwiaW5zdGFsbFwiKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUYWdzIHRhZ3M9e3sgbG9jYXRpb246IFwiaW5zdGFsbGVyXCIgfX0+XG4gICAgICAgICAgICA8TG9nbyAvPlxuICAgICAgICAgICAge2luc3RhbGxhdGlvbnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgPEluc3RhbGxhdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1wiVGhlIGZvbGxvd2luZyBhcHBzIHdpbGwgYmUgaW5zdGFsbGVkIGFuZCBjb25maWd1cmVkOlwifVxuICAgICAgICAgICAgICAgICAgICBhbGxJbnN0YWxsZXJzPXtpbnN0YWxsYXRpb25zfVxuICAgICAgICAgICAgICAgICAgICBpbnN0YWxsZXI9e2luc3RhbGxlcn1cbiAgICAgICAgICAgICAgICAgICAgc2hvd0xvZ2luPXtzaG93TG9naW59XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvVGFncz5cbiAgICApO1xufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGViYXI7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Installations = props => {
-  const {
-    title,
-    allInstallers,
-    installer,
-    showLogin
-  } = props;
-  const renderList = () => {
-    const loginItem = /*#__PURE__*/React.createElement("li", {
-      key: "login",
-      className: "sign-in"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: signInDivider,
-      alt: ""
-    }), /*#__PURE__*/React.createElement(Typography, {
-      use: "overline",
-      className: "note"
-    }, "TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU\u2019LL NEED TO SIGN IN"));
-    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);
-      }
-      const active = installer && !showLogin && name === installer.name;
-      items.push(/*#__PURE__*/React.createElement("li", {
-        key: name,
-        className: classSet({
-          installed: installed
-        }, {
-          active: active
-        }, {
-          pending: !installed && !active
-        })
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "status"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "title"
-      }, title)));
-    }
-    return items;
-  };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
-    use: "body1"
-  }, title)), /*#__PURE__*/React.createElement(List, null, renderList()));
-};
-const Sidebar = ({
-  allInstallers,
-  installer,
-  showLogin
-}) => {
-  const installations = allInstallers.filter(installer => installer.type === "install");
-  return /*#__PURE__*/React.createElement(Tags, {
-    tags: {
-      location: "installer"
-    }
-  }, /*#__PURE__*/React.createElement(Logo, null), installations.length > 0 && /*#__PURE__*/React.createElement(Installations, {
-    title: "The following apps will be installed and configured:",
-    allInstallers: installations,
-    installer: installer,
-    showLogin: showLogin
-  }));
-};
-export default Sidebar;
-
-//# sourceMappingURL=Sidebar.js.map

package/components/AppInstaller/Sidebar.js.map

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