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

package/Dashboard/components/CommunityWidget.js

@@ -1,65 +1,58 @@
-import React from "react";
-import { Heading, Icon, Text } from "@webiny/admin-ui";
-import { Link } from "@webiny/react-router";
-// Icons
-import { ReactComponent as YouTubeIcon } from "./assets/youtube.svg";
-import { ReactComponent as GithubIcon } from "./assets/github.svg";
-import { ReactComponent as SlackIcon } from "./assets/slack.svg";
-import { ReactComponent as TwitterIcon } from "./assets/x-twitter.svg";
-const SocialLink = ({
-  link,
-  label,
-  icon
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-[64px] wby-bg-neutral-base wby-rounded-md hover:wby-opacity-80 wby-transition-opacity"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: link,
-    className: "!wby-no-underline",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-xs wby-pt-sm-extra wby-pb-sm wby-text-center"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    label: `${label} icon`,
-    icon: icon,
-    size: "lg",
-    color: "inherit",
-    className: "wby-mx-auto wby-mb-sm"
-  }), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "wby-text-neutral-strong"
-  }, label))));
-};
-export const CommunityWidget = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-light wby-rounded-xl wby-p-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-md"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Join our community:"), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "wby-text-neutral-strong"
-  }, "Get to know Webiny team members, discuss new ideas and get help:")), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-start wby-items-stretch wby-gap-md"
-  }, /*#__PURE__*/React.createElement(SocialLink, {
-    link: "https://github.com/webiny/webiny-js",
-    label: "GitHub",
-    icon: /*#__PURE__*/React.createElement(GithubIcon, null)
-  }), /*#__PURE__*/React.createElement(SocialLink, {
-    link: "https://www.webiny.com/slack",
-    label: "Slack",
-    icon: /*#__PURE__*/React.createElement(SlackIcon, null)
-  }), /*#__PURE__*/React.createElement(SocialLink, {
-    link: "https://youtube.com/webiny",
-    label: "YouTube",
-    icon: /*#__PURE__*/React.createElement(YouTubeIcon, null)
-  }), /*#__PURE__*/React.createElement(SocialLink, {
-    link: "https://x.com/WebinyCMS",
-    label: "X.com",
-    icon: /*#__PURE__*/React.createElement(TwitterIcon, null)
-  })));
-};
+import react from "react";
+import { Icon, Text, Widget } from "@webiny/admin-ui";
+import { SimpleLink } from "@webiny/app-admin";
+import { ReactComponent } from "./assets/youtube.js";
+import { ReactComponent as github_js_ReactComponent } from "./assets/github.js";
+import { ReactComponent as slack_js_ReactComponent } from "./assets/slack.js";
+import { ReactComponent as x_twitter_js_ReactComponent } from "./assets/x-twitter.js";
+import { ReactComponent as people_alt_svg_ReactComponent } from "@webiny/icons/people_alt.svg";
+const SocialLink = ({ link, label, icon })=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-3xl bg-neutral-base rounded-md hover:opacity-80 transition-opacity"
+    }, /*#__PURE__*/ react.createElement(SimpleLink, {
+        to: link,
+        className: "no-underline!",
+        target: "_blank",
+        rel: "noopener noreferrer"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "px-xs pt-sm-extra pb-sm text-center"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        label: `${label} icon`,
+        icon: icon,
+        size: "lg",
+        color: "inherit",
+        className: "mx-auto mb-sm"
+    }), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, label))));
+const CommunityWidget = ()=>/*#__PURE__*/ react.createElement(Widget, {
+        icon: /*#__PURE__*/ react.createElement(Widget.Icon, {
+            icon: /*#__PURE__*/ react.createElement(people_alt_svg_ReactComponent, null),
+            label: "Join our community"
+        }),
+        variant: "light",
+        title: "Join our community",
+        description: "Get to know Webiny team members, discuss new ideas and get help:",
+        padding: "md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-start items-stretch gap-md"
+    }, /*#__PURE__*/ react.createElement(SocialLink, {
+        link: "https://github.com/webiny/webiny-js",
+        label: "GitHub",
+        icon: /*#__PURE__*/ react.createElement(github_js_ReactComponent, null)
+    }), /*#__PURE__*/ react.createElement(SocialLink, {
+        link: "https://www.webiny.com/slack",
+        label: "Slack",
+        icon: /*#__PURE__*/ react.createElement(slack_js_ReactComponent, null)
+    }), /*#__PURE__*/ react.createElement(SocialLink, {
+        link: "https://youtube.com/webiny",
+        label: "YouTube",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }), /*#__PURE__*/ react.createElement(SocialLink, {
+        link: "https://x.com/WebinyCMS",
+        label: "X.com",
+        icon: /*#__PURE__*/ react.createElement(x_twitter_js_ReactComponent, null)
+    })));
+export { CommunityWidget };
 
 //# sourceMappingURL=CommunityWidget.js.map

package/Dashboard/components/CommunityWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Heading","Icon","Text","Link","ReactComponent","YouTubeIcon","GithubIcon","SlackIcon","TwitterIcon","SocialLink","link","label","icon","createElement","className","to","target","rel","size","color","CommunityWidget","level"],"sources":["CommunityWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\nimport { Link } from \"@webiny/react-router\";\n// Icons\nimport { ReactComponent as YouTubeIcon } from \"./assets/youtube.svg\";\nimport { ReactComponent as GithubIcon } from \"./assets/github.svg\";\nimport { ReactComponent as SlackIcon } from \"./assets/slack.svg\";\nimport { ReactComponent as TwitterIcon } from \"./assets/x-twitter.svg\";\n\ninterface SocialLinkProps {\n    link: string;\n    label: string;\n    icon: React.ReactElement;\n}\n\nconst SocialLink = ({ link, label, icon }: SocialLinkProps) => {\n    return (\n        <div\n            className={\n                \"wby-w-[64px] wby-bg-neutral-base wby-rounded-md hover:wby-opacity-80 wby-transition-opacity\"\n            }\n        >\n            <Link\n                to={link}\n                className={\"!wby-no-underline\"}\n                target={\"_blank\"}\n                rel={\"noopener noreferrer\"}\n            >\n                <div className={\"wby-px-xs wby-pt-sm-extra wby-pb-sm wby-text-center\"}>\n                    <Icon\n                        label={`${label} icon`}\n                        icon={icon}\n                        size={\"lg\"}\n                        color={\"inherit\"}\n                        className={\"wby-mx-auto wby-mb-sm\"}\n                    />\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {label}\n                    </Text>\n                </div>\n            </Link>\n        </div>\n    );\n};\n\nexport const CommunityWidget = () => {\n    return (\n        <div className={\"wby-bg-neutral-light wby-rounded-xl wby-p-lg\"}>\n            <div className={\"wby-mb-md\"}>\n                <Heading level={6}>{\"Join our community:\"}</Heading>\n                <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                    {\"Get to know Webiny team members, discuss new ideas and get help:\"}\n                </Text>\n            </div>\n            <div className={\"wby-flex wby-justify-start wby-items-stretch wby-gap-md\"}>\n                <SocialLink\n                    link={\"https://github.com/webiny/webiny-js\"}\n                    label={\"GitHub\"}\n                    icon={<GithubIcon />}\n                />\n                <SocialLink\n                    link={\"https://www.webiny.com/slack\"}\n                    label={\"Slack\"}\n                    icon={<SlackIcon />}\n                />\n                <SocialLink\n                    link={\"https://youtube.com/webiny\"}\n                    label={\"YouTube\"}\n                    icon={<YouTubeIcon />}\n                />\n                <SocialLink\n                    link={\"https://x.com/WebinyCMS\"}\n                    label={\"X.com\"}\n                    icon={<TwitterIcon />}\n                />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,IAAI,QAAQ,sBAAsB;AAC3C;AACA,SAASC,cAAc,IAAIC,WAAW;AACtC,SAASD,cAAc,IAAIE,UAAU;AACrC,SAASF,cAAc,IAAIG,SAAS;AACpC,SAASH,cAAc,IAAII,WAAW;AAQtC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EAC3D,oBACIb,KAAA,CAAAc,aAAA;IACIC,SAAS,EACL;EACH,gBAEDf,KAAA,CAAAc,aAAA,CAACV,IAAI;IACDY,EAAE,EAAEL,IAAK;IACTI,SAAS,EAAE,mBAAoB;IAC/BE,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE;EAAsB,gBAE3BlB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAsD,gBAClEf,KAAA,CAAAc,aAAA,CAACZ,IAAI;IACDU,KAAK,EAAE,GAAGA,KAAK,OAAQ;IACvBC,IAAI,EAAEA,IAAK;IACXM,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,SAAU;IACjBL,SAAS,EAAE;EAAwB,CACtC,CAAC,eACFf,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACgB,IAAI,EAAE,IAAK;IAACJ,SAAS,EAAE;EAA0B,GAClDH,KACC,CACL,CACH,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGA,CAAA,KAAM;EACjC,oBACIrB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA+C,gBAC3Df,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBf,KAAA,CAAAc,aAAA,CAACb,OAAO;IAACqB,KAAK,EAAE;EAAE,GAAE,qBAA+B,CAAC,eACpDtB,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACgB,IAAI,EAAE,IAAK;IAACJ,SAAS,EAAE;EAA0B,GAClD,kEACC,CACL,CAAC,eACNf,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA0D,gBACtEf,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,qCAAsC;IAC5CC,KAAK,EAAE,QAAS;IAChBC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACP,UAAU,MAAE;EAAE,CACxB,CAAC,eACFP,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,8BAA+B;IACrCC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACN,SAAS,MAAE;EAAE,CACvB,CAAC,eACFR,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,4BAA6B;IACnCC,KAAK,EAAE,SAAU;IACjBC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACR,WAAW,MAAE;EAAE,CACzB,CAAC,eACFN,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,yBAA0B;IAChCC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACL,WAAW,MAAE;EAAE,CACzB,CACA,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Dashboard/components/CommunityWidget.js","sources":["../../../src/Dashboard/components/CommunityWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget, Icon, Text } from \"@webiny/admin-ui\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n// Icons\nimport { ReactComponent as YouTubeIcon } from \"./assets/youtube.svg\";\nimport { ReactComponent as GithubIcon } from \"./assets/github.svg\";\nimport { ReactComponent as SlackIcon } from \"./assets/slack.svg\";\nimport { ReactComponent as TwitterIcon } from \"./assets/x-twitter.svg\";\nimport { ReactComponent as PeopleAltIcon } from \"@webiny/icons/people_alt.svg\";\n\ninterface SocialLinkProps {\n    link: string;\n    label: string;\n    icon: React.ReactElement;\n}\n\nconst SocialLink = ({ link, label, icon }: SocialLinkProps) => {\n    return (\n        <div className={\"w-3xl bg-neutral-base rounded-md hover:opacity-80 transition-opacity\"}>\n            <SimpleLink\n                to={link}\n                className={\"no-underline!\"}\n                target={\"_blank\"}\n                rel={\"noopener noreferrer\"}\n            >\n                <div className={\"px-xs pt-sm-extra pb-sm text-center\"}>\n                    <Icon\n                        label={`${label} icon`}\n                        icon={icon}\n                        size={\"lg\"}\n                        color={\"inherit\"}\n                        className={\"mx-auto mb-sm\"}\n                    />\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {label}\n                    </Text>\n                </div>\n            </SimpleLink>\n        </div>\n    );\n};\n\nexport const CommunityWidget = () => {\n    return (\n        <Widget\n            icon={<Widget.Icon icon={<PeopleAltIcon />} label={\"Join our community\"} />}\n            variant=\"light\"\n            title=\"Join our community\"\n            description=\"Get to know Webiny team members, discuss new ideas and get help:\"\n            padding=\"md\"\n        >\n            <div className={\"flex justify-start items-stretch gap-md\"}>\n                <SocialLink\n                    link={\"https://github.com/webiny/webiny-js\"}\n                    label={\"GitHub\"}\n                    icon={<GithubIcon />}\n                />\n                <SocialLink\n                    link={\"https://www.webiny.com/slack\"}\n                    label={\"Slack\"}\n                    icon={<SlackIcon />}\n                />\n                <SocialLink\n                    link={\"https://youtube.com/webiny\"}\n                    label={\"YouTube\"}\n                    icon={<YouTubeIcon />}\n                />\n                <SocialLink\n                    link={\"https://x.com/WebinyCMS\"}\n                    label={\"X.com\"}\n                    icon={<TwitterIcon />}\n                />\n            </div>\n        </Widget>\n    );\n};\n"],"names":["SocialLink","link","label","icon","SimpleLink","Icon","Text","CommunityWidget","Widget","PeopleAltIcon","GithubIcon","SlackIcon","YouTubeIcon","TwitterIcon"],"mappings":";;;;;;;;AAgBA,MAAMA,aAAa,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAmB,GAC/C,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QACP,IAAIH;QACJ,WAAW;QACX,QAAQ;QACR,KAAK;qBAEL,oBAAC;QAAI,WAAW;qBACZ,oBAACI,MAAIA;QACD,OAAO,GAAGH,MAAM,KAAK,CAAC;QACtB,MAAMC;QACN,MAAM;QACN,OAAO;QACP,WAAW;sBAEf,oBAACG,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ;AAQlB,MAAMK,kBAAkB,IACpB,WAAP,GACI,oBAACC,QAAMA;QACH,oBAAM,oBAACA,OAAO,IAAI;YAAC,oBAAM,oBAACC,+BAAaA;YAAK,OAAO;;QACnD,SAAQ;QACR,OAAM;QACN,aAAY;QACZ,SAAQ;qBAER,oBAAC;QAAI,WAAW;qBACZ,oBAACT,YAAUA;QACP,MAAM;QACN,OAAO;QACP,oBAAM,oBAACU,0BAAUA;sBAErB,oBAACV,YAAUA;QACP,MAAM;QACN,OAAO;QACP,oBAAM,oBAACW,yBAASA;sBAEpB,oBAACX,YAAUA;QACP,MAAM;QACN,OAAO;QACP,oBAAM,oBAACY,gBAAWA;sBAEtB,oBAACZ,YAAUA;QACP,MAAM;QACN,OAAO;QACP,oBAAM,oBAACa,6BAAWA"}

package/Dashboard/components/MissingPermissionsWidget.js

@@ -1,17 +1,16 @@
-import React from "react";
-import { ReactComponent as VisibilityOff } from "@webiny/icons/visibility_off.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/visibility_off.svg";
 import { Heading, Icon, Text } from "@webiny/admin-ui";
-export const MissingPermissionsWidget = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-text-center wby-bg-neutral-light wby-rounded-xl wby-px-xxl wby-py-lg wby-gap-sm"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(VisibilityOff, null),
-    label: "Access permission required",
-    color: "accent",
-    size: "lg"
-  })), /*#__PURE__*/React.createElement(Heading, {
-    level: 4
-  }, "Access permission required"), /*#__PURE__*/React.createElement(Text, null, "It seems you do not have access to Webiny apps. Please contact the administrator to set up your Webiny account."));
-};
+const MissingPermissionsWidget = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-full h-full flex flex-col items-center justify-center text-center bg-neutral-light rounded-xl px-xxl py-lg gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Access permission required",
+        color: "accent",
+        size: "lg"
+    })), /*#__PURE__*/ react.createElement(Heading, {
+        level: 4
+    }, "Access permission required"), /*#__PURE__*/ react.createElement(Text, null, "It seems you do not have access to Webiny apps. Please contact the administrator to set up your Webiny account."));
+export { MissingPermissionsWidget };
 
 //# sourceMappingURL=MissingPermissionsWidget.js.map

package/Dashboard/components/MissingPermissionsWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","VisibilityOff","Heading","Icon","Text","MissingPermissionsWidget","createElement","className","icon","label","color","size","level"],"sources":["MissingPermissionsWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as VisibilityOff } from \"@webiny/icons/visibility_off.svg\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\nexport const MissingPermissionsWidget = () => {\n    return (\n        <div className=\"wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-text-center wby-bg-neutral-light wby-rounded-xl wby-px-xxl wby-py-lg wby-gap-sm\">\n            <div>\n                <Icon\n                    icon={<VisibilityOff />}\n                    label={\"Access permission required\"}\n                    color={\"accent\"}\n                    size={\"lg\"}\n                />\n            </div>\n            <Heading level={4}>{\"Access permission required\"}</Heading>\n            <Text>\n                {\n                    \"It seems you do not have access to Webiny apps. Please contact the administrator to set up your Webiny account.\"\n                }\n            </Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEtD,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAqK,gBAChLR,KAAA,CAAAO,aAAA,2BACIP,KAAA,CAAAO,aAAA,CAACH,IAAI;IACDK,IAAI,eAAET,KAAA,CAAAO,aAAA,CAACL,aAAa,MAAE,CAAE;IACxBQ,KAAK,EAAE,4BAA6B;IACpCC,KAAK,EAAE,QAAS;IAChBC,IAAI,EAAE;EAAK,CACd,CACA,CAAC,eACNZ,KAAA,CAAAO,aAAA,CAACJ,OAAO;IAACU,KAAK,EAAE;EAAE,GAAE,4BAAsC,CAAC,eAC3Db,KAAA,CAAAO,aAAA,CAACF,IAAI,QAEG,iHAEF,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Dashboard/components/MissingPermissionsWidget.js","sources":["../../../src/Dashboard/components/MissingPermissionsWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as VisibilityOff } from \"@webiny/icons/visibility_off.svg\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\nexport const MissingPermissionsWidget = () => {\n    return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center text-center bg-neutral-light rounded-xl px-xxl py-lg gap-sm\">\n            <div>\n                <Icon\n                    icon={<VisibilityOff />}\n                    label={\"Access permission required\"}\n                    color={\"accent\"}\n                    size={\"lg\"}\n                />\n            </div>\n            <Heading level={4}>{\"Access permission required\"}</Heading>\n            <Text>\n                {\n                    \"It seems you do not have access to Webiny apps. Please contact the administrator to set up your Webiny account.\"\n                }\n            </Text>\n        </div>\n    );\n};\n"],"names":["MissingPermissionsWidget","Icon","VisibilityOff","Heading","Text"],"mappings":";;;AAIO,MAAMA,2BAA2B,IAC7B,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC,2BACG,oBAACC,MAAIA;QACD,oBAAM,oBAACC,gBAAaA;QACpB,OAAO;QACP,OAAO;QACP,MAAM;uBAGd,oBAACC,SAAOA;QAAC,OAAO;OAAI,6CACpB,oBAACC,MAAIA,MAEG"}

package/Dashboard/components/assets/github.js

@@ -0,0 +1,14 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/github.08a73b00.svg";
+import * as __rspack_external_react from "react";
+const SvgGithub = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 496 512",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"
+    }));
+const github = __rslib_svgr_url__0__;
+export default github;
+export { SvgGithub as ReactComponent };
+
+//# sourceMappingURL=github.js.map

package/Dashboard/components/assets/github.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/components/assets/github.js","sources":["../../../../src/Dashboard/components/assets/github.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgGithub = props => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 496 512\" {...props}><path d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2\" /></svg>;\nexport { SvgGithub as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/github.08a73b00.svg\";"],"names":["SvgGithub","props"],"mappings":";;AACA,MAAMA,YAAYC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,SAAQ;QAAe,GAAGA,KAAK;qBAAE,sCAAC;QAAK,GAAE;;AAE5G"}

package/Dashboard/components/assets/slack.js

@@ -0,0 +1,27 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/slack.1b2ba162.svg";
+import * as __rspack_external_react from "react";
+const SvgSlack = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        viewBox: "0 0 20 20",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#2EB67D",
+        d: "M17.875 9.25A1.875 1.875 0 1 0 16 7.375V9.25zm-5.25 0c1.036 0 1.875-.84 1.875-1.875v-5.25a1.875 1.875 0 0 0-3.75 0v5.25c0 1.035.84 1.875 1.875 1.875"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#E01E5A",
+        d: "M2.125 10.75A1.875 1.875 0 1 0 4 12.625V10.75zm5.25 0c-1.036 0-1.875.84-1.875 1.875v5.25a1.875 1.875 0 1 0 3.75 0v-5.25c0-1.035-.84-1.875-1.875-1.875"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#ECB22E",
+        d: "M10.75 17.875A1.875 1.875 0 1 0 12.625 16H10.75zm0-5.25c0 1.036.84 1.875 1.875 1.875h5.25a1.875 1.875 0 1 0 0-3.75h-5.25c-1.035 0-1.875.84-1.875 1.875"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#36C5F0",
+        d: "M9.25 2.125A1.875 1.875 0 1 0 7.375 4H9.25zm0 5.25c0-1.036-.84-1.875-1.875-1.875h-5.25a1.875 1.875 0 1 0 0 3.75h5.25c1.035 0 1.875-.84 1.875-1.875"
+    }));
+const slack = __rslib_svgr_url__0__;
+export default slack;
+export { SvgSlack as ReactComponent };
+
+//# sourceMappingURL=slack.js.map

package/Dashboard/components/assets/slack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/components/assets/slack.js","sources":["../../../../src/Dashboard/components/assets/slack.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgSlack = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={20} height={20} fill=\"none\" viewBox=\"0 0 20 20\" {...props}><path fill=\"#2EB67D\" d=\"M17.875 9.25A1.875 1.875 0 1 0 16 7.375V9.25zm-5.25 0c1.036 0 1.875-.84 1.875-1.875v-5.25a1.875 1.875 0 0 0-3.75 0v5.25c0 1.035.84 1.875 1.875 1.875\" /><path fill=\"#E01E5A\" d=\"M2.125 10.75A1.875 1.875 0 1 0 4 12.625V10.75zm5.25 0c-1.036 0-1.875.84-1.875 1.875v5.25a1.875 1.875 0 1 0 3.75 0v-5.25c0-1.035-.84-1.875-1.875-1.875\" /><path fill=\"#ECB22E\" d=\"M10.75 17.875A1.875 1.875 0 1 0 12.625 16H10.75zm0-5.25c0 1.036.84 1.875 1.875 1.875h5.25a1.875 1.875 0 1 0 0-3.75h-5.25c-1.035 0-1.875.84-1.875 1.875\" /><path fill=\"#36C5F0\" d=\"M9.25 2.125A1.875 1.875 0 1 0 7.375 4H9.25zm0 5.25c0-1.036-.84-1.875-1.875-1.875h-5.25a1.875 1.875 0 1 0 0 3.75h5.25c1.035 0 1.875-.84 1.875-1.875\" /></svg>;\nexport { SvgSlack as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/slack.1b2ba162.svg\";"],"names":["SvgSlack","props"],"mappings":";;AACA,MAAMA,WAAWC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,MAAK;QAAO,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAAyJ,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA0J,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA2J,sCAAC;QAAK,MAAK;QAAU,GAAE;;AAE9qB"}

package/Dashboard/components/assets/x-twitter.js

@@ -0,0 +1,18 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/x-twitter.46e7218c.svg";
+import * as __rspack_external_react from "react";
+const SvgXTwitter = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#000",
+        d: "M18.326 1.904H21.7l-7.37 8.423L23 21.79h-6.789l-5.317-6.952L4.81 21.79H1.434l7.883-9.01L1 1.904h6.961l4.806 6.354zM17.142 19.77h1.87L6.945 3.817H4.94z"
+    }));
+const x_twitter = __rslib_svgr_url__0__;
+export default x_twitter;
+export { SvgXTwitter as ReactComponent };
+
+//# sourceMappingURL=x-twitter.js.map

package/Dashboard/components/assets/x-twitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/components/assets/x-twitter.js","sources":["../../../../src/Dashboard/components/assets/x-twitter.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgXTwitter = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" viewBox=\"0 0 24 24\" {...props}><path fill=\"#000\" d=\"M18.326 1.904H21.7l-7.37 8.423L23 21.79h-6.789l-5.317-6.952L4.81 21.79H1.434l7.883-9.01L1 1.904h6.961l4.806 6.354zM17.142 19.77h1.87L6.945 3.817H4.94z\" /></svg>;\nexport { SvgXTwitter as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/x-twitter.46e7218c.svg\";"],"names":["SvgXTwitter","props"],"mappings":";;AACA,MAAMA,cAAcC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,MAAK;QAAO,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;;AAE3J"}

package/Dashboard/components/assets/youtube.js

@@ -0,0 +1,28 @@
+import __rslib_svgr_url__0__ from "../../../static/svg/youtube.3c232651.svg";
+import * as __rspack_external_react from "react";
+const SvgYoutube = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("g", {
+        clipPath: "url(#youtube_svg__a)"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#FF0302",
+        d: "M23.522 6.185A3.02 3.02 0 0 0 21.4 4.05c-1.876-.505-9.376-.505-9.376-.505s-7.5 0-9.376.505A3.02 3.02 0 0 0 .526 6.185C.024 8.07.024 12 .024 12s0 3.93.502 5.815a3.02 3.02 0 0 0 2.122 2.135c1.876.505 9.376.505 9.376.505s7.5 0 9.376-.505a3.02 3.02 0 0 0 2.122-2.135c.502-1.885.502-5.815.502-5.815s0-3.93-.502-5.815"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#FEFEFE",
+        d: "M9.57 15.569V8.43L15.841 12z"
+    })), /*#__PURE__*/ __rspack_external_react.createElement("defs", null, /*#__PURE__*/ __rspack_external_react.createElement("clipPath", {
+        id: "youtube_svg__a"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#fff",
+        d: "M0 0h24v24H0z"
+    }))));
+const youtube = __rslib_svgr_url__0__;
+export default youtube;
+export { SvgYoutube as ReactComponent };
+
+//# sourceMappingURL=youtube.js.map

package/Dashboard/components/assets/youtube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/components/assets/youtube.js","sources":["../../../../src/Dashboard/components/assets/youtube.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgYoutube = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} fill=\"none\" viewBox=\"0 0 24 24\" {...props}><g clipPath=\"url(#youtube_svg__a)\"><path fill=\"#FF0302\" d=\"M23.522 6.185A3.02 3.02 0 0 0 21.4 4.05c-1.876-.505-9.376-.505-9.376-.505s-7.5 0-9.376.505A3.02 3.02 0 0 0 .526 6.185C.024 8.07.024 12 .024 12s0 3.93.502 5.815a3.02 3.02 0 0 0 2.122 2.135c1.876.505 9.376.505 9.376.505s7.5 0 9.376-.505a3.02 3.02 0 0 0 2.122-2.135c.502-1.885.502-5.815.502-5.815s0-3.93-.502-5.815\" /><path fill=\"#FEFEFE\" d=\"M9.57 15.569V8.43L15.841 12z\" /></g><defs><clipPath id=\"youtube_svg__a\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\" /></clipPath></defs></svg>;\nexport { SvgYoutube as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/youtube.3c232651.svg\";"],"names":["SvgYoutube","props"],"mappings":";;AACA,MAAMA,aAAaC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,MAAK;QAAO,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAE,UAAS;qBAAuB,sCAAC;QAAK,MAAK;QAAU,GAAE;sBAA4T,sCAAC;QAAK,MAAK;QAAU,GAAE;uBAAqC,sCAAC,4BAAK,sCAAC;QAAS,IAAG;qBAAiB,sCAAC;QAAK,MAAK;QAAO,GAAE;;AAEhnB"}

package/Dashboard/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./ApplicationWidget";
-export * from "./AssistanceWidget";
-export * from "./CommunityWidget";
-export * from "./MissingPermissionsWidget";
+export * from "./AssistanceWidget.js";
+export * from "./CommunityWidget.js";
+export * from "./MissingPermissionsWidget.js";

package/Dashboard/components/index.js

@@ -1,6 +1,3 @@
-export * from "./ApplicationWidget";
-export * from "./AssistanceWidget";
-export * from "./CommunityWidget";
-export * from "./MissingPermissionsWidget";
-
-//# sourceMappingURL=index.js.map
+export * from "./AssistanceWidget.js";
+export * from "./CommunityWidget.js";
+export * from "./MissingPermissionsWidget.js";

package/Dashboard.js

@@ -1,10 +1,9 @@
-import * as React from "react";
-import { CenteredView, DashboardRenderer } from "@webiny/app-admin";
-import Welcome from "./Dashboard/Welcome";
-export const Dashboard = DashboardRenderer.createDecorator(() => {
-  return function DashboardRenderer() {
-    return /*#__PURE__*/React.createElement(CenteredView, null, /*#__PURE__*/React.createElement(Welcome, null));
-  };
-});
+import { CenteredView, DashboardRenderer as app_admin_DashboardRenderer } from "@webiny/app-admin";
+import Welcome from "./Dashboard/Welcome.js";
+import * as __rspack_external_react from "react";
+const Dashboard = app_admin_DashboardRenderer.createDecorator(()=>function() {
+        return /*#__PURE__*/ __rspack_external_react.createElement(CenteredView, null, /*#__PURE__*/ __rspack_external_react.createElement(Welcome, null));
+    });
+export { Dashboard };
 
 //# sourceMappingURL=Dashboard.js.map

package/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CenteredView","DashboardRenderer","Welcome","Dashboard","createDecorator","createElement"],"sources":["Dashboard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CenteredView, DashboardRenderer } from \"@webiny/app-admin\";\nimport Welcome from \"./Dashboard/Welcome\";\n\nexport const Dashboard = DashboardRenderer.createDecorator(() => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,mBAAmB;AACnE,OAAOC,OAAO;AAEd,OAAO,MAAMC,SAAS,GAAGF,iBAAiB,CAACG,eAAe,CAAC,MAAM;EAC7D,OAAO,SAASH,iBAAiBA,CAAA,EAAG;IAChC,oBACIF,KAAA,CAAAM,aAAA,CAACL,YAAY,qBACTD,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE,CACA,CAAC;EAEvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Dashboard.js","sources":["../src/Dashboard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CenteredView, DashboardRenderer } from \"@webiny/app-admin\";\nimport Welcome from \"./Dashboard/Welcome.js\";\n\nexport const Dashboard = DashboardRenderer.createDecorator(() => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n});\n"],"names":["Dashboard","DashboardRenderer","CenteredView","Welcome"],"mappings":";;;AAIO,MAAMA,YAAYC,4BAAAA,eAAiC,CAAC,IAChD;QACH,OAAO,WAAP,GACI,sCAACC,cAAYA,MAAAA,WAAAA,GACT,sCAACC,SAAOA;IAGpB"}

package/Dialog/DialogContainer.js

@@ -1,71 +1,59 @@
-import React, { useCallback, useEffect, useState } from "react";
-import { useUi } from "@webiny/app/hooks/useUi";
+import react, { useCallback, useEffect, useState } from "react";
+import { useUi } from "@webiny/app/hooks/useUi.js";
 import { Dialog } from "@webiny/admin-ui";
-export const DialogContainer = () => {
-  const ui = useUi();
-  const [isLoading, setIsLoading] = useState(false);
-  const message = ui.dialog?.message;
-  const {
-    dataTestId,
-    title,
-    loading,
-    actions = {
-      cancel: null,
-      accept: {
-        label: "OK"
-      }
-    },
-    style,
-    onClose,
-    showCloseButton
-  } = ui.dialog?.options || {};
-  const hideDialog = useCallback(() => {
-    ui.setState(ui => ({
-      ...ui,
-      dialog: null
-    }));
-    if (typeof onClose === "function") {
-      onClose();
-    }
-  }, [ui]);
-
-  /**
-   * We need this part because message can change while the dialog is opened and in loading state.
-   */
-  useEffect(() => {
-    setIsLoading(false);
-  }, [ui.dialog?.message]);
-  const handleConfirm = async () => {
-    if (!actions.accept.onClick) {
-      /**
-       * Should not happen as users should define "accept.onClick" function, but just in case lets show the information.
-       * Possible to happen in development process.
-       */
-      console.info("There is no actions.accept.onClick callback defined.");
-      hideDialog();
-      return;
-    }
-    setIsLoading(true);
-    await actions.accept.onClick();
-    setIsLoading(false);
-    hideDialog();
-  };
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: !!message,
-    onClose: hideDialog,
-    "data-testid": dataTestId,
-    style: style,
-    showCloseButton: showCloseButton,
-    title: title,
-    actions: !actions.cancel && !actions.accept ? null : /*#__PURE__*/React.createElement(React.Fragment, null, actions.cancel && /*#__PURE__*/React.createElement(Dialog.CancelButton, {
-      onClick: actions.cancel.onClick,
-      text: actions.cancel.label
-    }), actions.accept && /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
-      onClick: handleConfirm,
-      text: actions.accept.label,
-      "data-testid": "confirmationdialog-confirm-action"
-    }))
-  }, isLoading ? loading : null, message);
+const DialogContainer = ()=>{
+    const ui = useUi();
+    const [isLoading, setIsLoading] = useState(false);
+    const message = ui.dialog?.message;
+    const { dataTestId, title, loading, actions = {
+        cancel: null,
+        accept: {
+            label: "OK"
+        }
+    }, style, onClose, showCloseButton } = ui.dialog?.options || {};
+    const hideDialog = useCallback(()=>{
+        ui.setState((ui)=>({
+                ...ui,
+                dialog: null
+            }));
+        if ("function" == typeof onClose) onClose();
+    }, [
+        ui
+    ]);
+    useEffect(()=>{
+        setIsLoading(false);
+    }, [
+        ui.dialog?.message
+    ]);
+    const handleConfirm = async ()=>{
+        if (!actions.accept.onClick) {
+            console.info("There is no actions.accept.onClick callback defined.");
+            hideDialog();
+            return;
+        }
+        setIsLoading(true);
+        await actions.accept.onClick();
+        setIsLoading(false);
+        hideDialog();
+    };
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: !!message,
+        onClose: hideDialog,
+        "data-testid": dataTestId,
+        style: style,
+        showCloseButton: showCloseButton,
+        title: title,
+        loading: isLoading ? loading : false,
+        actions: actions.cancel || actions.accept ? /*#__PURE__*/ react.createElement(react.Fragment, null, actions.cancel && /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: actions.cancel.onClick,
+            text: actions.cancel.label
+        }), actions.accept && /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: handleConfirm,
+            text: actions.accept.label,
+            "data-testid": "confirmationdialog-confirm-action"
+        })) : null
+    }, message);
 };
+export { DialogContainer };
 
 //# sourceMappingURL=DialogContainer.js.map

package/Dialog/DialogContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","useUi","Dialog","DialogContainer","ui","isLoading","setIsLoading","message","dialog","dataTestId","title","loading","actions","cancel","accept","label","style","onClose","showCloseButton","options","hideDialog","setState","handleConfirm","onClick","console","info","createElement","open","Fragment","CancelButton","text","ConfirmButton"],"sources":["DialogContainer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport const DialogContainer = () => {\n    const ui = useUi();\n    const [isLoading, setIsLoading] = useState(false);\n    const message: React.ReactNode = ui.dialog?.message;\n\n    const {\n        dataTestId,\n        title,\n        loading,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style,\n        onClose,\n        showCloseButton\n    } = ui.dialog?.options || {};\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n        if (typeof onClose === \"function\") {\n            onClose();\n        }\n    }, [ui]);\n\n    /**\n     * We need this part because message can change while the dialog is opened and in loading state.\n     */\n    useEffect(() => {\n        setIsLoading(false);\n    }, [ui.dialog?.message]);\n\n    const handleConfirm = async () => {\n        if (!actions.accept.onClick) {\n            /**\n             * Should not happen as users should define \"accept.onClick\" function, but just in case lets show the information.\n             * Possible to happen in development process.\n             */\n            console.info(\"There is no actions.accept.onClick callback defined.\");\n            hideDialog();\n            return;\n        }\n        setIsLoading(true);\n        await actions.accept.onClick();\n        setIsLoading(false);\n        hideDialog();\n    };\n\n    return (\n        <Dialog\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            showCloseButton={showCloseButton}\n            title={title}\n            actions={\n                !actions.cancel && !actions.accept ? null : (\n                    <>\n                        {actions.cancel && (\n                            <Dialog.CancelButton\n                                onClick={actions.cancel.onClick}\n                                text={actions.cancel.label}\n                            />\n                        )}\n                        {actions.accept && (\n                            <Dialog.ConfirmButton\n                                onClick={handleConfirm}\n                                text={actions.accept.label}\n                                data-testid={\"confirmationdialog-confirm-action\"}\n                            />\n                        )}\n                    </>\n                )\n            }\n        >\n            {isLoading ? loading : null}\n            {message}\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,EAAE,GAAGH,KAAK,CAAC,CAAC;EAClB,MAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMO,OAAwB,GAAGH,EAAE,CAACI,MAAM,EAAED,OAAO;EAEnD,MAAM;IACFE,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,OAAO,GAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC,KAAK;IACLC,OAAO;IACPC;EACJ,CAAC,GAAGd,EAAE,CAACI,MAAM,EAAEW,OAAO,IAAI,CAAC,CAAC;EAE5B,MAAMC,UAAU,GAAGtB,WAAW,CAAC,MAAM;IACjCM,EAAE,CAACiB,QAAQ,CAACjB,EAAE,KAAK;MAAE,GAAGA,EAAE;MAAEI,MAAM,EAAE;IAAK,CAAC,CAAC,CAAC;IAC5C,IAAI,OAAOS,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EAAE,CAACb,EAAE,CAAC,CAAC;;EAER;AACJ;AACA;EACIL,SAAS,CAAC,MAAM;IACZO,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,CAACF,EAAE,CAACI,MAAM,EAAED,OAAO,CAAC,CAAC;EAExB,MAAMe,aAAa,GAAG,MAAAA,CAAA,KAAY;IAC9B,IAAI,CAACV,OAAO,CAACE,MAAM,CAACS,OAAO,EAAE;MACzB;AACZ;AACA;AACA;MACYC,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;MACpEL,UAAU,CAAC,CAAC;MACZ;IACJ;IACAd,YAAY,CAAC,IAAI,CAAC;IAClB,MAAMM,OAAO,CAACE,MAAM,CAACS,OAAO,CAAC,CAAC;IAC9BjB,YAAY,CAAC,KAAK,CAAC;IACnBc,UAAU,CAAC,CAAC;EAChB,CAAC;EAED,oBACIvB,KAAA,CAAA6B,aAAA,CAACxB,MAAM;IACHyB,IAAI,EAAE,CAAC,CAACpB,OAAQ;IAChBU,OAAO,EAAEG,UAAW;IACpB,eAAaX,UAAW;IACxBO,KAAK,EAAEA,KAAM;IACbE,eAAe,EAAEA,eAAgB;IACjCR,KAAK,EAAEA,KAAM;IACbE,OAAO,EACH,CAACA,OAAO,CAACC,MAAM,IAAI,CAACD,OAAO,CAACE,MAAM,GAAG,IAAI,gBACrCjB,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAA+B,QAAA,QACKhB,OAAO,CAACC,MAAM,iBACXhB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC2B,YAAY;MAChBN,OAAO,EAAEX,OAAO,CAACC,MAAM,CAACU,OAAQ;MAChCO,IAAI,EAAElB,OAAO,CAACC,MAAM,CAACE;IAAM,CAC9B,CACJ,EACAH,OAAO,CAACE,MAAM,iBACXjB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC6B,aAAa;MACjBR,OAAO,EAAED,aAAc;MACvBQ,IAAI,EAAElB,OAAO,CAACE,MAAM,CAACC,KAAM;MAC3B,eAAa;IAAoC,CACpD,CAEP;EAET,GAEAV,SAAS,GAAGM,OAAO,GAAG,IAAI,EAC1BJ,OACG,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/DialogContainer.js","sources":["../../src/Dialog/DialogContainer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport const DialogContainer = () => {\n    const ui = useUi();\n    const [isLoading, setIsLoading] = useState(false);\n    const message: React.ReactNode = ui.dialog?.message;\n\n    const {\n        dataTestId,\n        title,\n        loading,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style,\n        onClose,\n        showCloseButton\n    } = ui.dialog?.options || {};\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n        if (typeof onClose === \"function\") {\n            onClose();\n        }\n    }, [ui]);\n\n    /**\n     * We need this part because message can change while the dialog is opened and in loading state.\n     */\n    useEffect(() => {\n        setIsLoading(false);\n    }, [ui.dialog?.message]);\n\n    const handleConfirm = async () => {\n        if (!actions.accept.onClick) {\n            /**\n             * Should not happen as users should define \"accept.onClick\" function, but just in case lets show the information.\n             * Possible to happen in development process.\n             */\n            console.info(\"There is no actions.accept.onClick callback defined.\");\n            hideDialog();\n            return;\n        }\n        setIsLoading(true);\n        await actions.accept.onClick();\n        setIsLoading(false);\n        hideDialog();\n    };\n\n    return (\n        <Dialog\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            showCloseButton={showCloseButton}\n            title={title}\n            loading={isLoading ? loading : false}\n            actions={\n                !actions.cancel && !actions.accept ? null : (\n                    <>\n                        {actions.cancel && (\n                            <Dialog.CancelAction\n                                onClick={actions.cancel.onClick}\n                                text={actions.cancel.label}\n                            />\n                        )}\n                        {actions.accept && (\n                            <Dialog.ConfirmAction\n                                onClick={handleConfirm}\n                                text={actions.accept.label}\n                                data-testid={\"confirmationdialog-confirm-action\"}\n                            />\n                        )}\n                    </>\n                )\n            }\n        >\n            {message}\n        </Dialog>\n    );\n};\n"],"names":["DialogContainer","ui","useUi","isLoading","setIsLoading","useState","message","dataTestId","title","loading","actions","style","onClose","showCloseButton","hideDialog","useCallback","useEffect","handleConfirm","console","Dialog"],"mappings":";;;AAIO,MAAMA,kBAAkB;IAC3B,MAAMC,KAAKC;IACX,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAMC,UAA2BL,GAAG,MAAM,EAAE;IAE5C,MAAM,EACFM,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,UAAU;QAAE,QAAQ;QAAM,QAAQ;YAAE,OAAO;QAAK;IAAE,CAAC,EACnDC,KAAK,EACLC,OAAO,EACPC,eAAe,EAClB,GAAGZ,GAAG,MAAM,EAAE,WAAW,CAAC;IAE3B,MAAMa,aAAaC,YAAY;QAC3Bd,GAAG,QAAQ,CAACA,CAAAA,KAAO;gBAAE,GAAGA,EAAE;gBAAE,QAAQ;YAAK;QACzC,IAAI,AAAmB,cAAnB,OAAOW,SACPA;IAER,GAAG;QAACX;KAAG;IAKPe,UAAU;QACNZ,aAAa;IACjB,GAAG;QAACH,GAAG,MAAM,EAAE;KAAQ;IAEvB,MAAMgB,gBAAgB;QAClB,IAAI,CAACP,QAAQ,MAAM,CAAC,OAAO,EAAE;YAKzBQ,QAAQ,IAAI,CAAC;YACbJ;YACA;QACJ;QACAV,aAAa;QACb,MAAMM,QAAQ,MAAM,CAAC,OAAO;QAC5BN,aAAa;QACbU;IACJ;IAEA,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAM,CAAC,CAACb;QACR,SAASQ;QACT,eAAaP;QACb,OAAOI;QACP,iBAAiBE;QACjB,OAAOL;QACP,SAASL,YAAYM,UAAU;QAC/B,SACI,AAACC,QAAQ,MAAM,IAAKA,QAAQ,MAAM,GAAU,WAAP,GACjC,0CACKA,QAAQ,MAAM,IAAI,WAAJ,GACX,oBAACS,OAAO,YAAY;YAChB,SAAST,QAAQ,MAAM,CAAC,OAAO;YAC/B,MAAMA,QAAQ,MAAM,CAAC,KAAK;YAGjCA,QAAQ,MAAM,IAAI,WAAJ,GACX,oBAACS,OAAO,aAAa;YACjB,SAASF;YACT,MAAMP,QAAQ,MAAM,CAAC,KAAK;YAC1B,eAAa;cAZQ;OAmBxCJ;AAGb"}

package/Dialog/DialogProvider.js

@@ -1,11 +1,8 @@
-import React from "react";
-import { DialogContainer } from "./DialogContainer";
-export const DialogProvider = Component => {
-  return function DialogProviderProps({
-    children
-  }) {
-    return /*#__PURE__*/React.createElement(Component, null, children, /*#__PURE__*/React.createElement(DialogContainer, null));
-  };
-};
+import react from "react";
+import { DialogContainer } from "./DialogContainer.js";
+const DialogProvider = (Component)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(Component, null, children, /*#__PURE__*/ react.createElement(DialogContainer, null));
+    };
+export { DialogProvider };
 
 //# sourceMappingURL=DialogProvider.js.map

package/Dialog/DialogProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DialogContainer","DialogProvider","Component","DialogProviderProps","children","createElement"],"sources":["DialogProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogContainer } from \"./DialogContainer\";\n\nexport interface DialogProviderProps {\n    children?: React.ReactNode;\n}\n\nexport const DialogProvider = (Component: React.ComponentType<DialogProviderProps>) => {\n    return function DialogProviderProps({ children }: DialogProviderProps) {\n        return (\n            <Component>\n                {children}\n                <DialogContainer />\n            </Component>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAMxB,OAAO,MAAMC,cAAc,GAAIC,SAAmD,IAAK;EACnF,OAAO,SAASC,mBAAmBA,CAAC;IAAEC;EAA8B,CAAC,EAAE;IACnE,oBACIL,KAAA,CAAAM,aAAA,CAACH,SAAS,QACLE,QAAQ,eACTL,KAAA,CAAAM,aAAA,CAACL,eAAe,MAAE,CACX,CAAC;EAEpB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog/DialogProvider.js","sources":["../../src/Dialog/DialogProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogContainer } from \"./DialogContainer.js\";\n\nexport interface DialogProviderProps {\n    children?: React.ReactNode;\n}\n\nexport const DialogProvider = (Component: React.ComponentType<DialogProviderProps>) => {\n    return function DialogProviderProps({ children }: DialogProviderProps) {\n        return (\n            <Component>\n                {children}\n                <DialogContainer />\n            </Component>\n        );\n    };\n};\n"],"names":["DialogProvider","Component","children","DialogContainer"],"mappings":";;AAOO,MAAMA,iBAAiB,CAACC,YACpB,SAA6B,EAAEC,QAAQ,EAAuB;QACjE,OAAO,WAAP,GACI,oBAACD,WAAAA,MACIC,UAAAA,WAAAA,GACD,oBAACC,iBAAeA;IAG5B"}

package/Dialog.js

@@ -1,13 +1,9 @@
-import React from "react";
+import react from "react";
 import { Provider } from "@webiny/app-admin";
-import { DialogProvider } from "./Dialog/DialogProvider";
-
-// This implements the global dialog, which is controlled via the
-// `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).
-export const Dialog = () => {
-  return /*#__PURE__*/React.createElement(Provider, {
-    hoc: DialogProvider
-  });
-};
+import { DialogProvider } from "./Dialog/DialogProvider.js";
+const Dialog = ()=>/*#__PURE__*/ react.createElement(Provider, {
+        hoc: DialogProvider
+    });
+export { Dialog };
 
 //# sourceMappingURL=Dialog.js.map

package/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Provider","DialogProvider","Dialog","createElement","hoc"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin\";\nimport { DialogProvider } from \"./Dialog/DialogProvider\";\n\n// This implements the global dialog, which is controlled via the\n// `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).\nexport const Dialog = () => {\n    return <Provider hoc={DialogProvider} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,cAAc;;AAEvB;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBAAOH,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,GAAG,EAAEH;EAAe,CAAE,CAAC;AAC5C,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog.js","sources":["../src/Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin\";\nimport { DialogProvider } from \"./Dialog/DialogProvider.js\";\n\n// This implements the global dialog, which is controlled via the\n// `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).\nexport const Dialog = () => {\n    return <Provider hoc={DialogProvider} />;\n};\n"],"names":["Dialog","Provider","DialogProvider"],"mappings":";;;AAMO,MAAMA,SAAS,IACX,WAAP,GAAO,oBAACC,UAAQA;QAAC,KAAKC"}