@webiny/app-admin-ui 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/CommandPalette/modes/PaletteMode.d.ts

@@ -0,0 +1,73 @@
+import type React from "react";
+import type { Hint } from "../components/index.js";
+/**
+ * What a mode needs from the palette while it is handling a key.
+ *
+ * The palette owns the query and the input element, because there is ONE input row across every
+ * mode and switching must not move or remount it. A mode reads and writes the query through this
+ * rather than holding its own.
+ */
+export interface PaletteModeKeyContext {
+    query: string;
+    setQuery(value: string): void;
+    /** Leave this mode and return to the command list. */
+    exit(): void;
+}
+/** How the palette should present itself while this mode is active. */
+export interface PaletteModeAppearance {
+    /** Rendered in the input row, ahead of the input itself. */
+    icon: React.ReactNode;
+    iconColor: "accent" | "neutral-light";
+    iconLabel: string;
+    /** Optional marker beside the icon, e.g. a mode name pill. */
+    badge?: React.ReactNode;
+    placeholder: string;
+    footerLabel: string;
+    hints: Hint[];
+    /**
+     * Taller panel. A conversation grows and wants the room; a command list does not, and a list
+     * stretched to full height looks broken when it holds three items.
+     */
+    tall: boolean;
+}
+/**
+ * One way the palette can behave.
+ *
+ * A mode supplies its body, its keys and how the palette should look while it is active; the palette
+ * owns the shell, the query and the input. The point of the split is that adding a mode does not
+ * mean editing the palette: everything AI lives in `createAiMode`, and the palette only knows this
+ * interface.
+ *
+ * `appearance` and `body` are read during render, so an implementation can serve them from getters
+ * over observable state and let a reactive palette re-render on its own.
+ */
+export interface PaletteMode {
+    appearance: PaletteModeAppearance;
+    /** Rendered in the palette's scroll area, in place of the command list. */
+    body: React.ReactNode;
+    /**
+     * Enter the mode, optionally carrying what the user had already typed.
+     *
+     * The seed exists for ONE entry point: the "Ask AI" button in the no-results state. A command
+     * search that found nothing already holds a sentence the user typed, and the button turns it
+     * into the question instead of making them retype it. Every other way in (space on an empty
+     * query, `mod+k`, selecting the Ask AI command) passes nothing and leaves an empty input.
+     *
+     * The palette calls this; the mode decides what a seed means. Returning focus to the shared
+     * input is the palette's job, since the input is the palette's.
+     */
+    enter(seed?: string): void;
+    /** Drop any state. Called when the mode is left and when the palette closes. */
+    reset(): void;
+    /**
+     * Handle a key while this mode is active. Return true when the key was consumed, so the palette
+     * leaves it alone.
+     */
+    handleKey(event: React.KeyboardEvent, context: PaletteModeKeyContext): boolean;
+    /**
+     * Called after the palette renders this mode's body, with the scroll container it was rendered
+     * into. For a mode whose body grows, such as a conversation, this is where it keeps the newest
+     * content in view. The element belongs to the palette; a mode only reads or scrolls it.
+     */
+    afterRender?(scrollContainer: HTMLElement): void;
+}

package/CommandPalette/modes/createAiMode.d.ts

@@ -0,0 +1,13 @@
+import type { AdminAssistantPresenter } from "@webiny/app-admin";
+import type { PaletteMode } from "./PaletteMode.js";
+/**
+ * The assistant, as a palette mode.
+ *
+ * Everything specific to it lives here: what the input row shows, what Enter and Backspace do, and
+ * what fills the panel. The conversation itself belongs to `AdminAssistantPresenter`.
+ *
+ * A plain object rather than a hook. `appearance` and `body` are getters, so reading them during a
+ * reactive component's render tracks the presenter's observables and re-renders on a new turn, with
+ * no dependency arrays to keep honest.
+ */
+export declare const createAiMode: (presenter: AdminAssistantPresenter.Interface) => PaletteMode;

package/CommandPalette/modes/createAiMode.js

@@ -0,0 +1,80 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/auto_awesome.svg";
+import { ReactComponent as keyboard_return_svg_ReactComponent } from "@webiny/icons/keyboard_return.svg";
+import { ReactComponent as backspace_svg_ReactComponent } from "@webiny/icons/backspace.svg";
+import { AiModeBadge, AiSuggestions, AiTurn, HintIcon } from "../components/index.js";
+const HINTS = [
+    {
+        keys: /*#__PURE__*/ react.createElement(HintIcon, {
+            element: /*#__PURE__*/ react.createElement(keyboard_return_svg_ReactComponent, null)
+        }),
+        label: "Ask"
+    },
+    {
+        keys: /*#__PURE__*/ react.createElement(HintIcon, {
+            element: /*#__PURE__*/ react.createElement(backspace_svg_ReactComponent, null)
+        }),
+        label: "Commands"
+    },
+    {
+        keys: "esc",
+        label: "Close"
+    }
+];
+const createAiMode = (presenter)=>({
+        get appearance () {
+            const started = presenter.vm.turns.length > 0;
+            return {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                iconColor: "accent",
+                iconLabel: "Ask AI",
+                badge: /*#__PURE__*/ react.createElement(AiModeBadge, null),
+                placeholder: started ? "Ask a follow-up…" : "Ask about this project…",
+                footerLabel: "Webiny AI",
+                hints: HINTS,
+                tall: true
+            };
+        },
+        get body () {
+            const { turns, busy } = presenter.vm;
+            if (0 === turns.length) return /*#__PURE__*/ react.createElement(AiSuggestions, {
+                onAsk: (question)=>presenter.ask(question)
+            });
+            return turns.map((turn, index)=>/*#__PURE__*/ react.createElement(AiTurn, {
+                    key: index,
+                    turn: turn,
+                    initials: "You",
+                    busy: busy,
+                    onApprove: ()=>presenter.decide(index, true),
+                    onReject: ()=>presenter.decide(index, false)
+                }));
+        },
+        enter (seed) {
+            if (seed?.trim()) presenter.ask(seed);
+        },
+        reset () {
+            presenter.reset();
+        },
+        handleKey (event, context) {
+            if ("Enter" === event.key) {
+                event.preventDefault();
+                presenter.ask(context.query);
+                context.setQuery("");
+                return true;
+            }
+            if ("Backspace" === event.key && "" === context.query) {
+                event.preventDefault();
+                context.exit();
+                return true;
+            }
+            return false;
+        },
+        afterRender (container) {
+            container.scrollTo({
+                top: container.scrollHeight
+            });
+        }
+    });
+export { createAiMode };
+
+//# sourceMappingURL=createAiMode.js.map

package/CommandPalette/modes/createAiMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette/modes/createAiMode.js","sources":["../../../src/CommandPalette/modes/createAiMode.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AdminAssistantPresenter } from \"@webiny/app-admin\";\nimport { ReactComponent as AiIcon } from \"@webiny/icons/auto_awesome.svg\";\nimport { ReactComponent as ReturnIcon } from \"@webiny/icons/keyboard_return.svg\";\nimport { ReactComponent as BackspaceIcon } from \"@webiny/icons/backspace.svg\";\nimport { AiModeBadge, AiSuggestions, AiTurn, HintIcon, type Hint } from \"../components/index.js\";\nimport type { PaletteMode, PaletteModeKeyContext } from \"./PaletteMode.js\";\n\nconst HINTS: Hint[] = [\n    { keys: <HintIcon element={<ReturnIcon />} />, label: \"Ask\" },\n    { keys: <HintIcon element={<BackspaceIcon />} />, label: \"Commands\" },\n    { keys: \"esc\", label: \"Close\" }\n];\n\n/**\n * The assistant, as a palette mode.\n *\n * Everything specific to it lives here: what the input row shows, what Enter and Backspace do, and\n * what fills the panel. The conversation itself belongs to `AdminAssistantPresenter`.\n *\n * A plain object rather than a hook. `appearance` and `body` are getters, so reading them during a\n * reactive component's render tracks the presenter's observables and re-renders on a new turn, with\n * no dependency arrays to keep honest.\n */\nexport const createAiMode = (presenter: AdminAssistantPresenter.Interface): PaletteMode => ({\n    get appearance() {\n        const started = presenter.vm.turns.length > 0;\n\n        return {\n            icon: <AiIcon />,\n            iconColor: \"accent\" as const,\n            iconLabel: \"Ask AI\",\n            badge: <AiModeBadge />,\n            placeholder: started ? \"Ask a follow-up…\" : \"Ask about this project…\",\n            footerLabel: \"Webiny AI\",\n            hints: HINTS,\n            tall: true\n        };\n    },\n\n    get body() {\n        const { turns, busy } = presenter.vm;\n\n        if (turns.length === 0) {\n            return <AiSuggestions onAsk={question => presenter.ask(question)} />;\n        }\n\n        return turns.map((turn, index) => (\n            <AiTurn\n                key={index}\n                turn={turn}\n                initials=\"You\"\n                busy={busy}\n                onApprove={() => presenter.decide(index, true)}\n                onReject={() => presenter.decide(index, false)}\n            />\n        ));\n    },\n\n    // A seed only arrives from the no-results \"Ask AI\" button; see `PaletteMode.enter`.\n    enter(seed?: string) {\n        if (seed?.trim()) {\n            presenter.ask(seed);\n        }\n    },\n\n    reset() {\n        presenter.reset();\n    },\n\n    handleKey(event: React.KeyboardEvent, context: PaletteModeKeyContext) {\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            presenter.ask(context.query);\n            context.setQuery(\"\");\n            return true;\n        }\n\n        // Backspace on an empty input leaves the mode, mirroring how space entered it.\n        if (event.key === \"Backspace\" && context.query === \"\") {\n            event.preventDefault();\n            context.exit();\n            return true;\n        }\n\n        return false;\n    },\n\n    // Answers are long enough to push earlier turns off-screen, so keep the newest one visible.\n    afterRender(container: HTMLElement) {\n        container.scrollTo({ top: container.scrollHeight });\n    }\n});\n"],"names":["HINTS","HintIcon","ReturnIcon","BackspaceIcon","createAiMode","presenter","started","AiIcon","AiModeBadge","turns","busy","AiSuggestions","question","turn","index","AiTurn","seed","event","context","container"],"mappings":";;;;;AAQA,MAAMA,QAAgB;IAClB;QAAE,MAAM,WAAN,GAAM,oBAACC,UAAQA;YAAC,uBAAS,oBAACC,oCAAUA;;QAAS,OAAO;IAAM;IAC5D;QAAE,MAAM,WAAN,GAAM,oBAACD,UAAQA;YAAC,uBAAS,oBAACE,8BAAaA;;QAAS,OAAO;IAAW;IACpE;QAAE,MAAM;QAAO,OAAO;IAAQ;CACjC;AAYM,MAAMC,eAAe,CAACC,YAA+D;QACxF,IAAI,cAAa;YACb,MAAMC,UAAUD,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG;YAE5C,OAAO;gBACH,MAAM,WAAN,GAAM,oBAACE,gBAAMA;gBACb,WAAW;gBACX,WAAW;gBACX,OAAO,WAAP,GAAO,oBAACC,aAAWA;gBACnB,aAAaF,UAAU,qBAAqB;gBAC5C,aAAa;gBACb,OAAON;gBACP,MAAM;YACV;QACJ;QAEA,IAAI,QAAO;YACP,MAAM,EAAES,KAAK,EAAEC,IAAI,EAAE,GAAGL,UAAU,EAAE;YAEpC,IAAII,AAAiB,MAAjBA,MAAM,MAAM,EACZ,OAAO,WAAP,GAAO,oBAACE,eAAaA;gBAAC,OAAOC,CAAAA,WAAYP,UAAU,GAAG,CAACO;;YAG3D,OAAOH,MAAM,GAAG,CAAC,CAACI,MAAMC,QAAAA,WAAAA,GACpB,oBAACC,QAAMA;oBACH,KAAKD;oBACL,MAAMD;oBACN,UAAS;oBACT,MAAMH;oBACN,WAAW,IAAML,UAAU,MAAM,CAACS,OAAO;oBACzC,UAAU,IAAMT,UAAU,MAAM,CAACS,OAAO;;QAGpD;QAGA,OAAME,IAAa;YACf,IAAIA,MAAM,QACNX,UAAU,GAAG,CAACW;QAEtB;QAEA;YACIX,UAAU,KAAK;QACnB;QAEA,WAAUY,KAA0B,EAAEC,OAA8B;YAChE,IAAID,AAAc,YAAdA,MAAM,GAAG,EAAc;gBACvBA,MAAM,cAAc;gBACpBZ,UAAU,GAAG,CAACa,QAAQ,KAAK;gBAC3BA,QAAQ,QAAQ,CAAC;gBACjB,OAAO;YACX;YAGA,IAAID,AAAc,gBAAdA,MAAM,GAAG,IAAoBC,AAAkB,OAAlBA,QAAQ,KAAK,EAAS;gBACnDD,MAAM,cAAc;gBACpBC,QAAQ,IAAI;gBACZ,OAAO;YACX;YAEA,OAAO;QACX;QAGA,aAAYC,SAAsB;YAC9BA,UAAU,QAAQ,CAAC;gBAAE,KAAKA,UAAU,YAAY;YAAC;QACrD;IACJ"}

package/CommandPalette/modes/index.d.ts

@@ -0,0 +1,2 @@
+export { createAiMode } from "./createAiMode.js";
+export type { PaletteMode, PaletteModeAppearance, PaletteModeKeyContext } from "./PaletteMode.js";

package/CommandPalette/modes/index.js

@@ -0,0 +1 @@
+export { createAiMode } from "./createAiMode.js";

package/CommandPalette/types.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+export interface CommandRow {
+    key: string;
+    value: string;
+    label: string;
+    sub?: string;
+    icon?: React.ReactNode;
+    shortcut?: string[];
+    verb: string;
+    onRun: () => void;
+}
+export interface CommandGroup {
+    title: string;
+    rows: CommandRow[];
+}

package/CommandPalette/usePaletteHotkeys.d.ts

@@ -0,0 +1,16 @@
+import { type CommandPalettePresenter } from "@webiny/app-admin";
+interface PaletteHotkeysParams {
+    presenter: CommandPalettePresenter.Interface;
+    close: () => void;
+    /** False when the license blocks the assistant, so mod+k must not cycle into it. */
+    aiEnabled: boolean;
+}
+/**
+ * The palette's global keys: the ones that work while it is closed, or while focus is not in the
+ * input. Keys that only mean something while typing stay on the input's `onKeyDown`.
+ *
+ * Reads the view model during render, so a reactive component calling this still re-renders when
+ * the palette opens, a detail view appears, or AI mode is entered.
+ */
+export declare const usePaletteHotkeys: ({ presenter, close, aiEnabled }: PaletteHotkeysParams) => void;
+export {};

package/CommandPalette/usePaletteHotkeys.js

@@ -0,0 +1,38 @@
+import { useMemo } from "react";
+import { useHotkeys } from "@webiny/app-admin";
+import { PALETTE_HOTKEY_ZINDEX } from "./constants.js";
+const usePaletteHotkeys = ({ presenter, close, aiEnabled })=>{
+    const { isOpen, activeCommand, aiModeActive } = presenter.vm;
+    const keys = useMemo(()=>({
+            "mod+k": (e)=>{
+                e.preventDefault();
+                if (!isOpen) return void presenter.open();
+                if (activeCommand) return void presenter.cancelCommand();
+                if (aiEnabled && !aiModeActive) return void presenter.enterAiMode();
+                close();
+            },
+            backspace: (e)=>{
+                const target = e.target;
+                const editable = target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target?.isContentEditable;
+                if (!isOpen || !activeCommand || editable) return;
+                e.preventDefault();
+                presenter.cancelCommand();
+            },
+            ...presenter.shortcutKeys
+        }), [
+        presenter,
+        presenter.shortcutKeys,
+        isOpen,
+        activeCommand,
+        aiModeActive,
+        close,
+        aiEnabled
+    ]);
+    useHotkeys({
+        zIndex: PALETTE_HOTKEY_ZINDEX,
+        keys
+    });
+};
+export { usePaletteHotkeys };
+
+//# sourceMappingURL=usePaletteHotkeys.js.map

package/CommandPalette/usePaletteHotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette/usePaletteHotkeys.js","sources":["../../src/CommandPalette/usePaletteHotkeys.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useHotkeys, type CommandPalettePresenter } from \"@webiny/app-admin\";\nimport { PALETTE_HOTKEY_ZINDEX } from \"./constants.js\";\n\ninterface PaletteHotkeysParams {\n    presenter: CommandPalettePresenter.Interface;\n    /* Not `presenter.close`: closing also resets the mode, which is the palette's business. */\n    close: () => void;\n    /** False when the license blocks the assistant, so mod+k must not cycle into it. */\n    aiEnabled: boolean;\n}\n\n/**\n * The palette's global keys: the ones that work while it is closed, or while focus is not in the\n * input. Keys that only mean something while typing stay on the input's `onKeyDown`.\n *\n * Reads the view model during render, so a reactive component calling this still re-renders when\n * the palette opens, a detail view appears, or AI mode is entered.\n */\nexport const usePaletteHotkeys = ({ presenter, close, aiEnabled }: PaletteHotkeysParams) => {\n    const { isOpen, activeCommand, aiModeActive } = presenter.vm;\n\n    /*\n     * mod+k cycles closed -> commands -> AI -> closed, so the same key that opens the palette also\n     * reaches the assistant without the user having to know about the space shortcut. Closing from AI\n     * mode keeps mod+k a way OUT of the palette, which is what it does everywhere else.\n     * Backspace backs out of a detail view; command shortcuts run directly.\n     */\n    const keys = useMemo(\n        () => ({\n            \"mod+k\": (e: KeyboardEvent) => {\n                e.preventDefault();\n\n                if (!isOpen) {\n                    presenter.open();\n                    return;\n                }\n\n                /*\n                 * A detail view renders in place of the command list, so switching to AI mode from\n                 * there would put the user in a mode they cannot see. Back out to the list instead.\n                 */\n                if (activeCommand) {\n                    presenter.cancelCommand();\n                    return;\n                }\n\n                if (aiEnabled && !aiModeActive) {\n                    presenter.enterAiMode();\n                    return;\n                }\n\n                close();\n            },\n            backspace: (e: KeyboardEvent) => {\n                /*\n                 * This listener is global and stays registered while the palette is closed, so it\n                 * must leave Backspace alone unless there is a detail view to back out of, and never\n                 * touch it inside an input, textarea or rich text editor.\n                 */\n                const target = e.target as HTMLElement | null;\n                const editable =\n                    target instanceof HTMLInputElement ||\n                    target instanceof HTMLTextAreaElement ||\n                    target?.isContentEditable;\n                if (!isOpen || !activeCommand || editable) {\n                    return;\n                }\n                e.preventDefault();\n                presenter.cancelCommand();\n            },\n            ...presenter.shortcutKeys\n        }),\n        [presenter, presenter.shortcutKeys, isOpen, activeCommand, aiModeActive, close, aiEnabled]\n    );\n\n    useHotkeys({ zIndex: PALETTE_HOTKEY_ZINDEX, keys });\n};\n"],"names":["usePaletteHotkeys","presenter","close","aiEnabled","isOpen","activeCommand","aiModeActive","keys","useMemo","e","target","editable","HTMLInputElement","HTMLTextAreaElement","useHotkeys","PALETTE_HOTKEY_ZINDEX"],"mappings":";;;AAmBO,MAAMA,oBAAoB,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAEC,SAAS,EAAwB;IACnF,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAAGL,UAAU,EAAE;IAQ5D,MAAMM,OAAOC,QACT,IAAO;YACH,SAAS,CAACC;gBACNA,EAAE,cAAc;gBAEhB,IAAI,CAACL,QAAQ,YACTH,UAAU,IAAI;gBAQlB,IAAII,eAAe,YACfJ,UAAU,aAAa;gBAI3B,IAAIE,aAAa,CAACG,cAAc,YAC5BL,UAAU,WAAW;gBAIzBC;YACJ;YACA,WAAW,CAACO;gBAMR,MAAMC,SAASD,EAAE,MAAM;gBACvB,MAAME,WACFD,kBAAkBE,oBAClBF,kBAAkBG,uBAClBH,QAAQ;gBACZ,IAAI,CAACN,UAAU,CAACC,iBAAiBM,UAC7B;gBAEJF,EAAE,cAAc;gBAChBR,UAAU,aAAa;YAC3B;YACA,GAAGA,UAAU,YAAY;QAC7B,IACA;QAACA;QAAWA,UAAU,YAAY;QAAEG;QAAQC;QAAeC;QAAcJ;QAAOC;KAAU;IAG9FW,WAAW;QAAE,QAAQC;QAAuBR;IAAK;AACrD"}

package/Dashboard/Welcome.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Welcome: () => React.JSX.Element | null;
+declare const Welcome: () => React.JSX.Element;
 export default Welcome;

package/Dashboard/Welcome.js

@@ -1,48 +1,33 @@
-import React from "react";
+import react from "react";
 import { Grid, Heading } from "@webiny/admin-ui";
-import { useSecurity } from "@webiny/app-security/hooks/useSecurity";
-import { plugins } from "@webiny/plugins";
-import { ApplicationWidget, AssistanceWidget, CommunityWidget, MissingPermissionsWidget } from "./components";
-const Welcome = () => {
-  const {
-    identity,
-    getPermission
-  } = useSecurity();
-  if (!identity) {
-    return null;
-  }
-  const widgets = plugins.byType("admin-welcome-screen-widget").filter(pl => {
-    if (pl.permission) {
-      return getPermission(pl.permission);
-    }
-    return true;
-  });
-  const canSeeAnyWidget = widgets.length > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-xxl"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-3xl"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 3
-  }, `Hi ${identity.displayName}, what are we doing today?`)), /*#__PURE__*/React.createElement(Grid, {
-    gap: "spacious"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 5
-  }, !canSeeAnyWidget && /*#__PURE__*/React.createElement(MissingPermissionsWidget, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-lg"
-  }, widgets.map(pl => /*#__PURE__*/React.createElement(ApplicationWidget, {
-    key: pl.name,
-    cta: pl.widget.cta,
-    description: pl.widget.description,
-    icon: pl.widget.icon,
-    name: pl.name,
-    title: pl.widget.title
-  })))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 7
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-lg"
-  }, /*#__PURE__*/React.createElement(AssistanceWidget, null), /*#__PURE__*/React.createElement(CommunityWidget, null)))));
+import { useAdminConfig, useSecurity } from "@webiny/app-admin";
+const Welcome = ()=>{
+    const { identity } = useSecurity();
+    const { widgets } = useAdminConfig();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "my-xxl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "mb-3xl"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 3
+    }, `Hi ${identity.displayName}, what are we doing today?`)), /*#__PURE__*/ react.createElement(Grid, {
+        gap: "spacious",
+        className: "max-w-[1200px]"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg"
+    }, widgets.filter((w)=>"left" === w.column).map((widget)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: widget.name
+        }, widget.element)))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg"
+    }, widgets.filter((w)=>"right" === w.column).map((widget)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: widget.name
+        }, widget.element))))));
 };
-export default Welcome;
+const Dashboard_Welcome = Welcome;
+export default Dashboard_Welcome;
 
 //# sourceMappingURL=Welcome.js.map

package/Dashboard/Welcome.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Heading","useSecurity","plugins","ApplicationWidget","AssistanceWidget","CommunityWidget","MissingPermissionsWidget","Welcome","identity","getPermission","widgets","byType","filter","pl","permission","canSeeAnyWidget","length","createElement","className","level","displayName","gap","Column","span","map","key","name","cta","widget","description","icon","title"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-security/hooks/useSecurity\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { AdminWelcomeScreenWidgetPlugin } from \"@webiny/app-plugin-admin-welcome-screen/types\";\nimport {\n    ApplicationWidget,\n    AssistanceWidget,\n    CommunityWidget,\n    MissingPermissionsWidget\n} from \"./components\";\n\nconst Welcome = () => {\n    const { identity, getPermission } = useSecurity();\n\n    if (!identity) {\n        return null;\n    }\n\n    const widgets = plugins\n        .byType<AdminWelcomeScreenWidgetPlugin>(\"admin-welcome-screen-widget\")\n        .filter(pl => {\n            if (pl.permission) {\n                return getPermission(pl.permission);\n            }\n            return true;\n        });\n\n    const canSeeAnyWidget = widgets.length > 0;\n\n    return (\n        <div className={\"wby-my-xxl\"}>\n            <div className={\"wby-mb-3xl\"}>\n                <Heading\n                    level={3}\n                >{`Hi ${identity.displayName}, what are we doing today?`}</Heading>\n            </div>\n            <Grid gap={\"spacious\"}>\n                <Grid.Column span={5}>\n                    {!canSeeAnyWidget && <MissingPermissionsWidget />}\n                    <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n                        {widgets.map(pl => (\n                            <ApplicationWidget\n                                key={pl.name}\n                                cta={pl.widget.cta}\n                                description={pl.widget.description}\n                                icon={pl.widget.icon}\n                                name={pl.name}\n                                title={pl.widget.title}\n                            />\n                        ))}\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={7}>\n                    <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n                        <AssistanceWidget />\n                        <CommunityWidget />\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport default Welcome;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,QAAQ,wCAAwC;AACpE,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,SACIC,iBAAiB,EACjBC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB;AAG5B,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,IAAI,CAACO,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,MAAME,OAAO,GAAGR,OAAO,CAClBS,MAAM,CAAiC,6BAA6B,CAAC,CACrEC,MAAM,CAACC,EAAE,IAAI;IACV,IAAIA,EAAE,CAACC,UAAU,EAAE;MACf,OAAOL,aAAa,CAACI,EAAE,CAACC,UAAU,CAAC;IACvC;IACA,OAAO,IAAI;EACf,CAAC,CAAC;EAEN,MAAMC,eAAe,GAAGL,OAAO,CAACM,MAAM,GAAG,CAAC;EAE1C,oBACIlB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA,CAACjB,OAAO;IACJmB,KAAK,EAAE;EAAE,GACX,MAAMX,QAAQ,CAACY,WAAW,4BAAsC,CACjE,CAAC,eACNtB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACsB,GAAG,EAAE;EAAW,gBAClBvB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,GAChB,CAACR,eAAe,iBAAIjB,KAAA,CAAAmB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eACjDR,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,GAC9CR,OAAO,CAACc,GAAG,CAACX,EAAE,iBACXf,KAAA,CAAAmB,aAAA,CAACd,iBAAiB;IACdsB,GAAG,EAAEZ,EAAE,CAACa,IAAK;IACbC,GAAG,EAAEd,EAAE,CAACe,MAAM,CAACD,GAAI;IACnBE,WAAW,EAAEhB,EAAE,CAACe,MAAM,CAACC,WAAY;IACnCC,IAAI,EAAEjB,EAAE,CAACe,MAAM,CAACE,IAAK;IACrBJ,IAAI,EAAEb,EAAE,CAACa,IAAK;IACdK,KAAK,EAAElB,EAAE,CAACe,MAAM,CAACG;EAAM,CAC1B,CACJ,CACA,CACI,CAAC,eACdjC,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,gBAC/CpB,KAAA,CAAAmB,aAAA,CAACb,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAmB,aAAA,CAACZ,eAAe,MAAE,CACjB,CACI,CACX,CACL,CAAC;AAEd,CAAC;AAED,eAAeE,OAAO","ignoreList":[]}
+{"version":3,"file":"Dashboard/Welcome.js","sources":["../../src/Dashboard/Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nconst Welcome = () => {\n    const { identity } = useSecurity();\n    const { widgets } = useAdminConfig();\n\n    return (\n        <div className={\"my-xxl\"}>\n            <div className={\"mb-3xl\"}>\n                <Heading\n                    level={3}\n                >{`Hi ${identity!.displayName}, what are we doing today?`}</Heading>\n            </div>\n            <Grid gap={\"spacious\"} className={\"max-w-[1200px]\"}>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"left\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"right\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport default Welcome;\n"],"names":["Welcome","identity","useSecurity","widgets","useAdminConfig","Heading","Grid","w","widget","React"],"mappings":";;;AAKA,MAAMA,UAAU;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QACJ,OAAO;OACT,CAAC,GAAG,EAAEJ,SAAU,WAAW,CAAC,0BAA0B,CAAC,kBAE7D,oBAACK,MAAIA;QAAC,KAAK;QAAY,WAAW;qBAC9B,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OACXH,QACI,MAAM,CAACI,CAAAA,IAAKA,AAAa,WAAbA,EAAE,MAAM,EACpB,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACD,oBAACC,MAAAA,QAAc;YAAC,KAAKD,OAAO,IAAI;WAAGA,OAAO,OAAO,oBAIjE,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;OACXH,QACI,MAAM,CAACI,CAAAA,IAAKA,AAAa,YAAbA,EAAE,MAAM,EACpB,GAAG,CAACC,CAAAA,SAAAA,WAAAA,GACD,oBAACC,MAAAA,QAAc;YAAC,KAAKD,OAAO,IAAI;WAAGA,OAAO,OAAO;AAOjF;AAEA,0BAAeR"}

package/Dashboard/components/AssistanceWidget.js

@@ -1,59 +1,54 @@
-import React from "react";
-import { Heading, Icon, Link as AdminLink, Text } from "@webiny/admin-ui";
-import { ReactComponent as HelpIcon } from "@webiny/icons/help_outline.svg";
-import { Link } from "@webiny/react-router";
-export const AssistanceWidget = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-light wby-rounded-xl wby-p-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm wby-mb-md"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(HelpIcon, null),
-    label: "Need some assistance?",
-    size: "md",
-    color: "accent"
-  }), /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Need some assistance?")), /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra wby-mb-md"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: "https://www.webiny.com/docs",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "!wby-no-underline"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-font-semibold !wby-text-neutral-primary"
-  }, "Documentation"), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "!wby-text-neutral-strong"
-  }, "Explore the Webiny documentation and check out code examples and guides."))), /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-font-semibold"
-  }, "Contact us"), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "wby-text-neutral-strong"
-  }, /*#__PURE__*/React.createElement(AdminLink, {
-    to: "https://www.webiny.com/forms/product-demo",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    variant: "secondary",
-    underline: true
-  }, "Contact Sales"), ",", " ", /*#__PURE__*/React.createElement(AdminLink, {
-    to: "https://www.webiny.com/partners",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    variant: "secondary",
-    underline: true
-  }, "Explore Partnerships"), " ", "or", " ", /*#__PURE__*/React.createElement(AdminLink, {
-    to: "https://www.webiny.com/slack",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    variant: "secondary",
-    underline: true
-  }, "Slack us"), ".")));
-};
+import react from "react";
+import { Link, List, Text, Widget } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/help_outline.svg";
+import { ReactComponent as arrow_forward_svg_ReactComponent } from "@webiny/icons/arrow_forward.svg";
+import { SimpleLink } from "@webiny/app-admin";
+const AssistanceWidget = ()=>/*#__PURE__*/ react.createElement(Widget, {
+        variant: "light",
+        title: "Need some assistance?",
+        icon: /*#__PURE__*/ react.createElement(Widget.Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Need some assistance?"
+        }),
+        padding: "md"
+    }, /*#__PURE__*/ react.createElement(List, {
+        variant: "container",
+        className: "flex flex-col gap-y-sm"
+    }, /*#__PURE__*/ react.createElement(List.Item, {
+        title: "Documentation",
+        description: "Explore the Webiny documentation and check out code examples and guides.",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SimpleLink, {
+            to: "https://www.webiny.com/docs",
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, /*#__PURE__*/ react.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/ react.createElement(arrow_forward_svg_ReactComponent, null)
+        })))
+    }), /*#__PURE__*/ react.createElement(List.Item, {
+        title: "Contact us",
+        description: /*#__PURE__*/ react.createElement(Text, {
+            size: "sm",
+            className: "text-neutral-strong"
+        }, /*#__PURE__*/ react.createElement(Link, {
+            to: "https://www.webiny.com/forms/product-demo",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "secondary",
+            underline: true
+        }, "Contact Sales"), ",", " ", /*#__PURE__*/ react.createElement(Link, {
+            to: "https://www.webiny.com/partners",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "secondary",
+            underline: true
+        }, "Explore Partnerships"), " ", "or", " ", /*#__PURE__*/ react.createElement(Link, {
+            to: "https://www.webiny.com/slack",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "secondary",
+            underline: true
+        }, "Slack us"), ".")
+    })));
+export { AssistanceWidget };
 
 //# sourceMappingURL=AssistanceWidget.js.map

package/Dashboard/components/AssistanceWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Heading","Icon","Link","AdminLink","Text","ReactComponent","HelpIcon","AssistanceWidget","createElement","className","icon","label","size","color","level","to","target","rel","as","variant","underline"],"sources":["AssistanceWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Icon, Link as AdminLink, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help_outline.svg\";\nimport { Link } from \"@webiny/react-router\";\n\nexport const AssistanceWidget = () => {\n    return (\n        <div className={\"wby-bg-neutral-light wby-rounded-xl wby-p-lg\"}>\n            <div className={\"wby-flex wby-items-center wby-gap-sm wby-mb-md\"}>\n                <Icon\n                    icon={<HelpIcon />}\n                    label={\"Need some assistance?\"}\n                    size={\"md\"}\n                    color={\"accent\"}\n                />\n                <Heading level={6}>{\"Need some assistance?\"}</Heading>\n            </div>\n            <div\n                className={\"wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra wby-mb-md\"}\n            >\n                <Link\n                    to=\"https://www.webiny.com/docs\"\n                    target={\"_blank\"}\n                    rel={\"noopener noreferrer\"}\n                    className={\"!wby-no-underline\"}\n                >\n                    <Text as={\"div\"} className={\"wby-font-semibold !wby-text-neutral-primary\"}>\n                        {\"Documentation\"}\n                    </Text>\n                    <Text size={\"sm\"} className={\"!wby-text-neutral-strong\"}>\n                        {\"Explore the Webiny documentation and check out code examples and guides.\"}\n                    </Text>\n                </Link>\n            </div>\n\n            <div className={\"wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra\"}>\n                <Text as={\"div\"} className={\"wby-font-semibold\"}>\n                    {\"Contact us\"}\n                </Text>\n                <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                    <AdminLink\n                        to={\"https://www.webiny.com/forms/product-demo\"}\n                        target={\"_blank\"}\n                        rel={\"noopener noreferrer\"}\n                        variant={\"secondary\"}\n                        underline\n                    >\n                        Contact Sales\n                    </AdminLink>\n                    ,{\" \"}\n                    <AdminLink\n                        to={\"https://www.webiny.com/partners\"}\n                        target={\"_blank\"}\n                        rel={\"noopener noreferrer\"}\n                        variant={\"secondary\"}\n                        underline\n                    >\n                        Explore Partnerships\n                    </AdminLink>{\" \"}\n                    or{\" \"}\n                    <AdminLink\n                        to={\"https://www.webiny.com/slack\"}\n                        target={\"_blank\"}\n                        rel={\"noopener noreferrer\"}\n                        variant={\"secondary\"}\n                        underline\n                    >\n                        Slack us\n                    </AdminLink>\n                    .\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,IAAIC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AACzE,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASJ,IAAI,QAAQ,sBAAsB;AAE3C,OAAO,MAAMK,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA+C,gBAC3DV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAiD,gBAC7DV,KAAA,CAAAS,aAAA,CAACP,IAAI;IACDS,IAAI,eAAEX,KAAA,CAAAS,aAAA,CAACF,QAAQ,MAAE,CAAE;IACnBK,KAAK,EAAE,uBAAwB;IAC/BC,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAS,CACnB,CAAC,eACFd,KAAA,CAAAS,aAAA,CAACR,OAAO;IAACc,KAAK,EAAE;EAAE,GAAE,uBAAiC,CACpD,CAAC,eACNf,KAAA,CAAAS,aAAA;IACIC,SAAS,EAAE;EAAyE,gBAEpFV,KAAA,CAAAS,aAAA,CAACN,IAAI;IACDa,EAAE,EAAC,6BAA6B;IAChCC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BR,SAAS,EAAE;EAAoB,gBAE/BV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACc,EAAE,EAAE,KAAM;IAACT,SAAS,EAAE;EAA8C,GACrE,eACC,CAAC,eACPV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACQ,IAAI,EAAE,IAAK;IAACH,SAAS,EAAE;EAA2B,GACnD,0EACC,CACJ,CACL,CAAC,eAENV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA+D,gBAC3EV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACc,EAAE,EAAE,KAAM;IAACT,SAAS,EAAE;EAAoB,GAC3C,YACC,CAAC,eACPV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACQ,IAAI,EAAE,IAAK;IAACH,SAAS,EAAE;EAA0B,gBACnDV,KAAA,CAAAS,aAAA,CAACL,SAAS;IACNY,EAAE,EAAE,2CAA4C;IAChDC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BE,OAAO,EAAE,WAAY;IACrBC,SAAS;EAAA,GACZ,eAEU,CAAC,KACX,EAAC,GAAG,eACLrB,KAAA,CAAAS,aAAA,CAACL,SAAS;IACNY,EAAE,EAAE,iCAAkC;IACtCC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BE,OAAO,EAAE,WAAY;IACrBC,SAAS;EAAA,GACZ,sBAEU,CAAC,EAAC,GAAG,EAAC,IACf,EAAC,GAAG,eACNrB,KAAA,CAAAS,aAAA,CAACL,SAAS;IACNY,EAAE,EAAE,8BAA+B;IACnCC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BE,OAAO,EAAE,WAAY;IACrBC,SAAS;EAAA,GACZ,UAEU,CAAC,KAEV,CACL,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Dashboard/components/AssistanceWidget.js","sources":["../../../src/Dashboard/components/AssistanceWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget, List, Link, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help_outline.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n\nexport const AssistanceWidget = () => {\n    return (\n        <Widget\n            variant=\"light\"\n            title=\"Need some assistance?\"\n            icon={<Widget.Icon icon={<HelpIcon />} label={\"Need some assistance?\"} />}\n            padding=\"md\"\n        >\n            <List variant=\"container\" className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation and check out code examples and guides.\"\n                    actions={\n                        <>\n                            <SimpleLink\n                                to=\"https://www.webiny.com/docs\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                            >\n                                <List.Item.Action icon={<ArrowForwardIcon />} />\n                            </SimpleLink>\n                        </>\n                    }\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description={\n                        <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                            <Link\n                                to={\"https://www.webiny.com/forms/product-demo\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Contact Sales\n                            </Link>\n                            ,{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/partners\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Explore Partnerships\n                            </Link>{\" \"}\n                            or{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/slack\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Slack us\n                            </Link>\n                            .\n                        </Text>\n                    }\n                />\n            </List>\n        </Widget>\n    );\n};\n"],"names":["AssistanceWidget","Widget","HelpIcon","List","SimpleLink","ArrowForwardIcon","Text","Link"],"mappings":";;;;;AAMO,MAAMA,mBAAmB,IACrB,WAAP,GACI,oBAACC,QAAMA;QACH,SAAQ;QACR,OAAM;QACN,oBAAM,oBAACA,OAAO,IAAI;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,OAAO;;QAC9C,SAAQ;qBAER,oBAACC,MAAIA;QAAC,SAAQ;QAAY,WAAU;qBAChC,oBAACA,KAAK,IAAI;QACN,OAAM;QACN,aAAY;QACZ,uBACI,wDACI,oBAACC,YAAUA;YACP,IAAG;YACH,QAAO;YACP,KAAI;yBAEJ,oBAACD,KAAK,IAAI,CAAC,MAAM;YAAC,oBAAM,oBAACE,kCAAgBA;;sBAKzD,oBAACF,KAAK,IAAI;QACN,OAAM;QACN,2BACI,oBAACG,MAAIA;YAAC,MAAM;YAAM,WAAW;yBACzB,oBAACC,MAAIA;YACD,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,SAAS;YACT;WACH,kBAEM,KACL,mBACF,oBAACA,MAAIA;YACD,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,SAAS;YACT;WACH,yBAEO,KAAI,MACT,mBACH,oBAACA,MAAIA;YACD,IAAI;YACJ,QAAQ;YACR,KAAK;YACL,SAAS;YACT;WACH,aAEM"}