@webiny/app-admin 0.0.0-unstable.615a930a68 → 0.0.0-unstable.61c048f412

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "0.0.0-unstable.615a930a68",
+	"version": "0.0.0-unstable.61c048f412",
+	"type": "module",
 	"main": "index.js",
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
@@ -10,94 +11,98 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.19.0",
-		"@editorjs/editorjs": "2.25.0",
-		"@emotion/core": "10.3.1",
-		"@emotion/styled": "10.3.0",
-		"@svgr/webpack": "6.4.0",
+		"@emotion/react": "11.10.8",
+		"@emotion/styled": "11.10.6",
+		"@iconify/json": "2.2.438",
+		"@monaco-editor/react": "4.7.0",
+		"@svgr/webpack": "6.5.1",
 		"@types/mime": "2.0.3",
-		"@types/react": "17.0.39",
-		"@webiny/app": "0.0.0-unstable.615a930a68",
-		"@webiny/app-admin-core": "0.0.0-unstable.615a930a68",
-		"@webiny/app-security": "0.0.0-unstable.615a930a68",
-		"@webiny/app-wcp": "0.0.0-unstable.615a930a68",
-		"@webiny/form": "0.0.0-unstable.615a930a68",
-		"@webiny/plugins": "0.0.0-unstable.615a930a68",
-		"@webiny/react-composition": "0.0.0-unstable.615a930a68",
-		"@webiny/react-router": "0.0.0-unstable.615a930a68",
-		"@webiny/telemetry": "0.0.0-unstable.615a930a68",
-		"@webiny/ui": "0.0.0-unstable.615a930a68",
-		"@webiny/ui-composer": "0.0.0-unstable.615a930a68",
-		"@webiny/validation": "0.0.0-unstable.615a930a68",
+		"@types/react": "18.2.79",
+		"@webiny/admin-ui": "0.0.0-unstable.61c048f412",
+		"@webiny/app": "0.0.0-unstable.61c048f412",
+		"@webiny/di": "0.2.3",
+		"@webiny/feature": "0.0.0-unstable.61c048f412",
+		"@webiny/form": "0.0.0-unstable.61c048f412",
+		"@webiny/icons": "0.0.0-unstable.61c048f412",
+		"@webiny/lexical-converter": "0.0.0-unstable.61c048f412",
+		"@webiny/lexical-editor": "0.0.0-unstable.61c048f412",
+		"@webiny/lexical-theme": "0.0.0-unstable.61c048f412",
+		"@webiny/plugins": "0.0.0-unstable.61c048f412",
+		"@webiny/project": "0.0.0-unstable.61c048f412",
+		"@webiny/react-composition": "0.0.0-unstable.61c048f412",
+		"@webiny/react-properties": "0.0.0-unstable.61c048f412",
+		"@webiny/telemetry": "0.0.0-unstable.61c048f412",
+		"@webiny/ui": "0.0.0-unstable.61c048f412",
+		"@webiny/utils": "0.0.0-unstable.61c048f412",
+		"@webiny/validation": "0.0.0-unstable.61c048f412",
+		"@webiny/wcp": "0.0.0-unstable.61c048f412",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
+		"apollo-link-context": "1.0.20",
 		"apollo-utilities": "1.3.4",
-		"bytes": "3.1.2",
-		"classnames": "2.3.2",
-		"dataurl-to-blob": "0.0.1",
-		"dayjs": "1.11.5",
-		"dot-prop-immutable": "2.1.1",
-		"downshift": "3.4.8",
+		"classnames": "2.5.1",
 		"emotion": "10.0.27",
-		"graphlib": "2.1.8",
-		"graphql": "15.8.0",
+		"graphql": "16.12.0",
 		"graphql-tag": "2.12.6",
-		"invariant": "2.2.4",
-		"lodash": "4.17.21",
-		"mime": "2.6.0",
-		"minimatch": "3.1.2",
-		"nanoid": "3.3.4",
+		"history": "5.3.0",
+		"is-hotkey": "0.2.0",
+		"lodash": "4.17.23",
+		"minimatch": "5.1.6",
+		"mobx": "6.15.0",
+		"mobx-react-lite": "3.4.3",
+		"monaco-editor": "0.53.0",
 		"prop-types": "15.8.1",
-		"react": "17.0.2",
-		"react-butterfiles": "1.3.3",
-		"react-dom": "17.0.2",
-		"react-hotkeyz": "1.0.4",
-		"react-lazy-load": "3.1.14",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"react-draggable": "4.5.0",
+		"react-resizable": "3.0.5",
+		"react-resizable-panels": "4.6.2",
 		"react-transition-group": "4.4.5",
-		"semver": "7.3.8",
-		"store": "2.0.12"
+		"react-virtualized": "9.22.6",
+		"reset-css": "5.0.2",
+		"tinycolor2": "1.6.0",
+		"ts-morph": "27.0.2",
+		"unicode-emoji-json": "0.8.0",
+		"zod": "3.25.76"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/bytes": "^3.1.1",
-		"@types/graphlib": "^2.1.8",
-		"@types/store": "^2.0.2",
-		"@webiny/cli": "^0.0.0-unstable.615a930a68",
-		"@webiny/project-utils": "^0.0.0-unstable.615a930a68",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-lodash": "^3.3.4",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "4.7.4"
+		"@emotion/babel-plugin": "11.13.5",
+		"@testing-library/react": "15.0.7",
+		"@types/bytes": "3.1.5",
+		"@types/graphlib": "2.1.12",
+		"@types/is-hotkey": "0.1.10",
+		"@types/react-resizable": "3.0.8",
+		"@types/react-transition-group": "4.4.12",
+		"@types/store": "2.0.5",
+		"@types/tinycolor2": "1.4.6",
+		"@webiny/build-tools": "0.0.0-unstable.61c048f412",
+		"rimraf": "6.1.2",
+		"typescript": "5.9.3",
+		"vitest": "3.2.4"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
 				"@svgr/webpack",
-				"@emotion/core",
-				"@types/mime"
+				"@iconify/json",
+				"unicode-emoji-json",
+				"@emotion/react",
+				"@types/mime",
+				"reset-css",
+				"unicode-emoji-json",
+				"monaco-editor"
 			],
 			"peerDependencies": [
 				"react-dom"
 			]
 		}
 	},
-	"gitHead": "615a930a68d692c832e4f100405eeb3f5a8874af"
+	"gitHead": "61c048f412d6b4aa70c1d105aab21e3fa69730f3"
 }

package/plugins/MenuPlugin.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 import { Plugin } from "@webiny/plugins";
 export interface MenuProps {
     name: string;

package/plugins/MenuPlugin.js

@@ -1,58 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuPlugin = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _plugins = require("@webiny/plugins");
-
-var MenuPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(MenuPlugin, _Plugin);
-
-  var _super = (0, _createSuper2.default)(MenuPlugin);
-
-  function MenuPlugin(config) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, MenuPlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
-    _this._config = config || {};
-    return _this;
+import { Plugin } from "@webiny/plugins";
+export class MenuPlugin extends Plugin {
+  static type = "admin-menu";
+  constructor(config) {
+    super();
+    this._config = config || {};
   }
-
-  (0, _createClass2.default)(MenuPlugin, [{
-    key: "order",
-    get: function get() {
-      return this._config.order;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      if (!this._config.render) {
-        return null;
-      }
-
-      return this._config.render(props);
+  get order() {
+    return this._config.order;
+  }
+  render(props) {
+    if (!this._config.render) {
+      return null;
     }
-  }]);
-  return MenuPlugin;
-}(_plugins.Plugin);
+    return this._config.render(props);
+  }
+}
 
-exports.MenuPlugin = MenuPlugin;
-(0, _defineProperty2.default)(MenuPlugin, "type", "admin-menu");
+//# sourceMappingURL=MenuPlugin.js.map

package/plugins/MenuPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuPlugin","config","_config","order","props","render","Plugin"],"sources":["MenuPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;IAkCaA,U;;;;;EAIT,oBAAmBC,MAAnB,EAAoC;IAAA;;IAAA;IAChC;IADgC;IAEhC,MAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;IAFgC;EAGnC;;;;SAED,eAAY;MACR,OAAO,KAAKC,OAAL,CAAaC,KAApB;IACH;;;WAED,gBAAcC,KAAd,EAA6C;MACzC,IAAI,CAAC,KAAKF,OAAL,CAAaG,MAAlB,EAA0B;QACtB,OAAO,IAAP;MACH;;MACD,OAAO,KAAKH,OAAL,CAAaG,MAAb,CAAoBD,KAApB,CAAP;IACH;;;EAlB2BE,e;;;8BAAnBN,U,UACsC,Y"}
+{"version":3,"names":["Plugin","MenuPlugin","type","constructor","config","_config","order","render","props"],"sources":["MenuPlugin.ts"],"sourcesContent":["import type * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,iBAAiB;AAkCxC,OAAO,MAAMC,UAAU,SAASD,MAAM,CAAC;EACnC,OAAgCE,IAAI,GAAW,YAAY;EAGpDC,WAAWA,CAACC,MAAe,EAAE;IAChC,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;EAC/B;EAEA,IAAIE,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,OAAO,CAACC,KAAK;EAC7B;EAEOC,MAAMA,CAACC,KAAY,EAAmB;IACzC,IAAI,CAAC,IAAI,CAACH,OAAO,CAACE,MAAM,EAAE;MACtB,OAAO,IAAI;IACf;IACA,OAAO,IAAI,CAACF,OAAO,CAACE,MAAM,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}

package/plugins/PermissionRendererPlugin.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { Plugin } from "@webiny/plugins";
 interface Permission {
     name: string;

package/plugins/PermissionRendererPlugin.js

@@ -1,58 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PermissionRendererPlugin = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _plugins = require("@webiny/plugins");
-
-var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(PermissionRendererPlugin, _Plugin);
-
-  var _super = (0, _createSuper2.default)(PermissionRendererPlugin);
-
-  function PermissionRendererPlugin(config) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, PermissionRendererPlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
-    _this._config = config || {};
-    return _this;
+import { Plugin } from "@webiny/plugins";
+export class PermissionRendererPlugin extends Plugin {
+  static type = "admin-app-permissions-renderer";
+  constructor(config) {
+    super();
+    this._config = config || {};
   }
-
-  (0, _createClass2.default)(PermissionRendererPlugin, [{
-    key: "system",
-    get: function get() {
-      return Boolean(this._config.system);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      if (!this._config.render) {
-        return null;
-      }
-
-      return this._config.render(props);
+  get system() {
+    return Boolean(this._config.system);
+  }
+  render(props) {
+    if (!this._config.render) {
+      return null;
     }
-  }]);
-  return PermissionRendererPlugin;
-}(_plugins.Plugin);
+    return this._config.render(props);
+  }
+}
 
-exports.PermissionRendererPlugin = PermissionRendererPlugin;
-(0, _defineProperty2.default)(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");
+//# sourceMappingURL=PermissionRendererPlugin.js.map

package/plugins/PermissionRendererPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["PermissionRendererPlugin","config","_config","Boolean","system","props","render","Plugin"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA;;IAiBaA,wB;;;;;EAIT,kCAAmBC,MAAnB,EAAoC;IAAA;;IAAA;IAChC;IADgC;IAEhC,MAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;IAFgC;EAGnC;;;;SAED,eAAsB;MAClB,OAAOE,OAAO,CAAC,KAAKD,OAAL,CAAaE,MAAd,CAAd;IACH;;;WAED,gBAAcC,KAAd,EAA8D;MAC1D,IAAI,CAAC,KAAKH,OAAL,CAAaI,MAAlB,EAA0B;QACtB,OAAO,IAAP;MACH;;MACD,OAAO,KAAKJ,OAAL,CAAaI,MAAb,CAAoBD,KAApB,CAAP;IACH;;;EAlByCE,e;;;8BAAjCP,wB,UACsC,gC"}
+{"version":3,"names":["Plugin","PermissionRendererPlugin","type","constructor","config","_config","system","Boolean","render","props"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import type React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,iBAAiB;AAiBxC,OAAO,MAAMC,wBAAwB,SAASD,MAAM,CAAC;EACjD,OAAgCE,IAAI,GAAW,gCAAgC;EAGxEC,WAAWA,CAACC,MAAe,EAAE;IAChC,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;EAC/B;EAEA,IAAIE,MAAMA,CAAA,EAAY;IAClB,OAAOC,OAAO,CAAC,IAAI,CAACF,OAAO,CAACC,MAAM,CAAC;EACvC;EAEOE,MAAMA,CAACC,KAAmB,EAA6B;IAC1D,IAAI,CAAC,IAAI,CAACJ,OAAO,CAACG,MAAM,EAAE;MACtB,OAAO,IAAI;IACf;IACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/SystemInstaller.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SystemInstallerProps {
+    children: React.ReactNode;
+}
+export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/presentation/installation/components/SystemInstaller/SystemInstaller.js

@@ -0,0 +1,70 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { OverlayLoader, ProgressItemState, SteppedProgress, Text } from "@webiny/admin-ui";
+import { SystemInstallerFeature } from "../../presenters/SystemInstaller/feature.js";
+import { LoginScreen } from "../../../../base/ui/LoginScreen.js";
+import { Tags } from "../../../../base/ui/Tags.js";
+import { Logo } from "../../../../base/ui/Logo.js";
+import { IntroductionStep } from "./steps/IntroductionStep.js";
+import { BasicInfoStep } from "./steps/BasicInfoStep.js";
+import { AdminUserStep } from "./steps/AdminUserStep.js";
+import { FinishSetupStep } from "./steps/FinishSetup.js";
+const stateMap = {
+  idle: ProgressItemState.IDLE,
+  current: ProgressItemState.IN_PROGRESS,
+  completed: ProgressItemState.COMPLETED_AFFIRMATIVE
+};
+export const SystemInstaller = observer(({
+  children
+}) => {
+  const {
+    presenter
+  } = useFeature(SystemInstallerFeature);
+  const vm = presenter.vm;
+  if (vm.loading) {
+    return /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: "Preparing system..."
+    });
+  }
+  if (vm.startUsing) {
+    return /*#__PURE__*/React.createElement(LoginScreen, null, children);
+  }
+  return /*#__PURE__*/React.createElement(Tags, {
+    tags: {
+      installer: true
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "bg-neutral-light h-screen w-[312px] p-xl"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-[240px] p-"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Logo, null)), /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "md",
+    className: "text-neutral-strong mb-lg"
+  }, "Follow these steps to create your very first Webiny project:"), /*#__PURE__*/React.createElement(SteppedProgress, {
+    items: vm.steps.map(step => ({
+      id: step.name,
+      label: step.label,
+      state: stateMap[step.state]
+    }))
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "flex h-screen w-full justify-center"
+  }, vm.currentStep === "introduction" ? /*#__PURE__*/React.createElement(IntroductionStep, {
+    nextStep: presenter.nextStep
+  }) : null, vm.currentStep === "basic-info" ? /*#__PURE__*/React.createElement(BasicInfoStep, {
+    nextStep: presenter.nextStep
+  }) : null, vm.currentStep === "admin-account" ? /*#__PURE__*/React.createElement(AdminUserStep, {
+    nextStep: presenter.nextStep
+  }) : null, vm.currentStep === "finish" ? /*#__PURE__*/React.createElement(FinishSetupStep, {
+    error: vm.error,
+    installing: vm.installing,
+    isInstalled: vm.isInstalled,
+    finishInstallation: presenter.finishInstallation,
+    installSystem: presenter.installSystem
+  }) : null));
+});
+
+//# sourceMappingURL=SystemInstaller.js.map

package/presentation/installation/components/SystemInstaller/SystemInstaller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","observer","useFeature","OverlayLoader","ProgressItemState","SteppedProgress","Text","SystemInstallerFeature","LoginScreen","Tags","Logo","IntroductionStep","BasicInfoStep","AdminUserStep","FinishSetupStep","stateMap","idle","IDLE","current","IN_PROGRESS","completed","COMPLETED_AFFIRMATIVE","SystemInstaller","children","presenter","vm","loading","createElement","text","startUsing","tags","installer","className","as","size","items","steps","map","step","id","name","label","state","currentStep","nextStep","error","installing","isInstalled","finishInstallation","installSystem"],"sources":["SystemInstaller.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { OverlayLoader, ProgressItemState, SteppedProgress, Text } from \"@webiny/admin-ui\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { LoginScreen } from \"~/base/ui/LoginScreen.js\";\nimport { Tags } from \"~/base/ui/Tags.js\";\nimport { Logo } from \"~/base/ui/Logo.js\";\nimport { IntroductionStep } from \"./steps/IntroductionStep.js\";\nimport { BasicInfoStep } from \"./steps/BasicInfoStep.js\";\nimport { AdminUserStep } from \"./steps/AdminUserStep.js\";\nimport { FinishSetupStep } from \"~/presentation/installation/components/SystemInstaller/steps/FinishSetup.js\";\n\ninterface SystemInstallerProps {\n    children: React.ReactNode;\n}\n\nconst stateMap = {\n    idle: ProgressItemState.IDLE,\n    current: ProgressItemState.IN_PROGRESS,\n    completed: ProgressItemState.COMPLETED_AFFIRMATIVE\n};\n\nexport const SystemInstaller = observer(({ children }: SystemInstallerProps) => {\n    const { presenter } = useFeature(SystemInstallerFeature);\n\n    const vm = presenter.vm;\n\n    if (vm.loading) {\n        return <OverlayLoader text={\"Preparing system...\"} />;\n    }\n\n    if (vm.startUsing) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    return (\n        <Tags tags={{ installer: true }}>\n            <div className={\"bg-neutral-light h-screen w-[312px] p-xl\"}>\n                <div className={\"w-[240px] p-\"}>\n                    <div className={\"mb-lg\"}>\n                        <Logo />\n                    </div>\n                    <Text as=\"div\" size={\"md\"} className={\"text-neutral-strong mb-lg\"}>\n                        Follow these steps to create your very first Webiny project:\n                    </Text>\n                    <SteppedProgress\n                        items={vm.steps.map(step => ({\n                            id: step.name,\n                            label: step.label,\n                            state: stateMap[step.state]\n                        }))}\n                    />\n                </div>\n            </div>\n            <div className={\"flex h-screen w-full justify-center\"}>\n                {vm.currentStep === \"introduction\" ? (\n                    <IntroductionStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"basic-info\" ? (\n                    <BasicInfoStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"admin-account\" ? (\n                    <AdminUserStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"finish\" ? (\n                    <FinishSetupStep\n                        error={vm.error}\n                        installing={vm.installing}\n                        isInstalled={vm.isInstalled}\n                        finishInstallation={presenter.finishInstallation}\n                        installSystem={presenter.installSystem}\n                    />\n                ) : null}\n            </div>\n        </Tags>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,aAAa,EAAEC,iBAAiB,EAAEC,eAAe,EAAEC,IAAI,QAAQ,kBAAkB;AAC1F,SAASC,sBAAsB;AAC/B,SAASC,WAAW;AACpB,SAASC,IAAI;AACb,SAASC,IAAI;AACb,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa;AACtB,SAASC,eAAe;AAMxB,MAAMC,QAAQ,GAAG;EACbC,IAAI,EAAEZ,iBAAiB,CAACa,IAAI;EAC5BC,OAAO,EAAEd,iBAAiB,CAACe,WAAW;EACtCC,SAAS,EAAEhB,iBAAiB,CAACiB;AACjC,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGrB,QAAQ,CAAC,CAAC;EAAEsB;AAA+B,CAAC,KAAK;EAC5E,MAAM;IAAEC;EAAU,CAAC,GAAGtB,UAAU,CAACK,sBAAsB,CAAC;EAExD,MAAMkB,EAAE,GAAGD,SAAS,CAACC,EAAE;EAEvB,IAAIA,EAAE,CAACC,OAAO,EAAE;IACZ,oBAAO1B,KAAA,CAAA2B,aAAA,CAACxB,aAAa;MAACyB,IAAI,EAAE;IAAsB,CAAE,CAAC;EACzD;EAEA,IAAIH,EAAE,CAACI,UAAU,EAAE;IACf,oBAAO7B,KAAA,CAAA2B,aAAA,CAACnB,WAAW,QAAEe,QAAsB,CAAC;EAChD;EAEA,oBACIvB,KAAA,CAAA2B,aAAA,CAAClB,IAAI;IAACqB,IAAI,EAAE;MAAEC,SAAS,EAAE;IAAK;EAAE,gBAC5B/B,KAAA,CAAA2B,aAAA;IAAKK,SAAS,EAAE;EAA2C,gBACvDhC,KAAA,CAAA2B,aAAA;IAAKK,SAAS,EAAE;EAAe,gBAC3BhC,KAAA,CAAA2B,aAAA;IAAKK,SAAS,EAAE;EAAQ,gBACpBhC,KAAA,CAAA2B,aAAA,CAACjB,IAAI,MAAE,CACN,CAAC,eACNV,KAAA,CAAA2B,aAAA,CAACrB,IAAI;IAAC2B,EAAE,EAAC,KAAK;IAACC,IAAI,EAAE,IAAK;IAACF,SAAS,EAAE;EAA4B,GAAC,8DAE7D,CAAC,eACPhC,KAAA,CAAA2B,aAAA,CAACtB,eAAe;IACZ8B,KAAK,EAAEV,EAAE,CAACW,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;MACzBC,EAAE,EAAED,IAAI,CAACE,IAAI;MACbC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,KAAK,EAAE3B,QAAQ,CAACuB,IAAI,CAACI,KAAK;IAC9B,CAAC,CAAC;EAAE,CACP,CACA,CACJ,CAAC,eACN1C,KAAA,CAAA2B,aAAA;IAAKK,SAAS,EAAE;EAAsC,GACjDP,EAAE,CAACkB,WAAW,KAAK,cAAc,gBAC9B3C,KAAA,CAAA2B,aAAA,CAAChB,gBAAgB;IAACiC,QAAQ,EAAEpB,SAAS,CAACoB;EAAS,CAAE,CAAC,GAClD,IAAI,EACPnB,EAAE,CAACkB,WAAW,KAAK,YAAY,gBAC5B3C,KAAA,CAAA2B,aAAA,CAACf,aAAa;IAACgC,QAAQ,EAAEpB,SAAS,CAACoB;EAAS,CAAE,CAAC,GAC/C,IAAI,EACPnB,EAAE,CAACkB,WAAW,KAAK,eAAe,gBAC/B3C,KAAA,CAAA2B,aAAA,CAACd,aAAa;IAAC+B,QAAQ,EAAEpB,SAAS,CAACoB;EAAS,CAAE,CAAC,GAC/C,IAAI,EACPnB,EAAE,CAACkB,WAAW,KAAK,QAAQ,gBACxB3C,KAAA,CAAA2B,aAAA,CAACb,eAAe;IACZ+B,KAAK,EAAEpB,EAAE,CAACoB,KAAM;IAChBC,UAAU,EAAErB,EAAE,CAACqB,UAAW;IAC1BC,WAAW,EAAEtB,EAAE,CAACsB,WAAY;IAC5BC,kBAAkB,EAAExB,SAAS,CAACwB,kBAAmB;IACjDC,aAAa,EAAEzB,SAAS,CAACyB;EAAc,CAC1C,CAAC,GACF,IACH,CACH,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/SystemInstallerProvider.d.ts

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

package/presentation/installation/components/SystemInstaller/SystemInstallerProvider.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { createProvider, Provider } from "../../../../index.js";
+import { SystemInstaller } from "./SystemInstaller.js";
+const SystemInstallerHoc = createProvider(Original => {
+  return function SystemInstallerProvider({
+    children
+  }) {
+    return /*#__PURE__*/React.createElement(SystemInstaller, null, /*#__PURE__*/React.createElement(Original, null, children));
+  };
+});
+export const SystemInstallerProvider = () => {
+  return /*#__PURE__*/React.createElement(Provider, {
+    hoc: SystemInstallerHoc
+  });
+};
+
+//# sourceMappingURL=SystemInstallerProvider.js.map

package/presentation/installation/components/SystemInstaller/SystemInstallerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createProvider","Provider","SystemInstaller","SystemInstallerHoc","Original","SystemInstallerProvider","children","createElement","hoc"],"sources":["SystemInstallerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, Provider } from \"~/index.js\";\nimport { SystemInstaller } from \"./SystemInstaller.js\";\n\nconst SystemInstallerHoc = createProvider(Original => {\n    return function SystemInstallerProvider({ children }) {\n        return (\n            <SystemInstaller>\n                <Original>{children}</Original>\n            </SystemInstaller>\n        );\n    };\n});\n\nexport const SystemInstallerProvider = () => {\n    return <Provider hoc={SystemInstallerHoc} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,QAAQ;AACjC,SAASC,eAAe;AAExB,MAAMC,kBAAkB,GAAGH,cAAc,CAACI,QAAQ,IAAI;EAClD,OAAO,SAASC,uBAAuBA,CAAC;IAAEC;EAAS,CAAC,EAAE;IAClD,oBACIP,KAAA,CAAAQ,aAAA,CAACL,eAAe,qBACZH,KAAA,CAAAQ,aAAA,CAACH,QAAQ,QAAEE,QAAmB,CACjB,CAAC;EAE1B,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMD,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBAAON,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,GAAG,EAAEL;EAAmB,CAAE,CAAC;AAChD,CAAC","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/index.d.ts

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

package/presentation/installation/components/SystemInstaller/index.js

@@ -0,0 +1,3 @@
+export { SystemInstallerProvider } from "./SystemInstallerProvider.js";
+
+//# sourceMappingURL=index.js.map

package/presentation/installation/components/SystemInstaller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SystemInstallerProvider"],"sources":["index.ts"],"sourcesContent":["export { SystemInstallerProvider } from \"./SystemInstallerProvider.js\";\n"],"mappings":"AAAA,SAASA,uBAAuB","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.d.ts

@@ -0,0 +1,8 @@
+export interface PasswordPolicy {
+    minimumLength?: number;
+    requireLowercase?: boolean;
+    requireNumbers?: boolean;
+    requireSymbols?: boolean;
+    requireUppercase?: boolean;
+}
+export declare const createPasswordValidator: (policy: PasswordPolicy) => (value?: string) => void;

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js

@@ -0,0 +1,32 @@
+import { ValidationError } from "@webiny/validation";
+export const createPasswordValidator = policy => value => {
+  if (!value) {
+    return;
+  }
+  /**
+   * TODO @ts-refactor
+   * @pavel expl
+   */
+  value = value + "";
+  const requireSymbols = /([=+\-^$*.\[\]{}()?"!@#%&/,><':;|_~`])+/;
+  const requireNumber = /[0-9]/;
+  const requireLowercase = /[a-z]/;
+  const requireUppercase = /[A-Z]/;
+  if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {
+    throw new ValidationError(`Value requires at least ${policy.minimumLength} characters.`);
+  }
+  if (policy.requireLowercase && !requireLowercase.test(value)) {
+    throw new ValidationError("Value must contain a lowercase character.");
+  }
+  if (policy.requireNumbers && !requireNumber.test(value)) {
+    throw new ValidationError("Value must contain a number.");
+  }
+  if (policy.requireUppercase && !requireUppercase.test(value)) {
+    throw new ValidationError("Value must contain an uppercase character.");
+  }
+  if (policy.requireSymbols && !requireSymbols.test(value)) {
+    throw new ValidationError("Value must contain a special character.");
+  }
+};
+
+//# sourceMappingURL=createPasswordValidator.js.map

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ValidationError","createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","minimumLength","undefined","length","test","requireNumbers"],"sources":["createPasswordValidator.ts"],"sourcesContent":["import { ValidationError } from \"@webiny/validation\";\n\nexport interface PasswordPolicy {\n    minimumLength?: number;\n    requireLowercase?: boolean;\n    requireNumbers?: boolean;\n    requireSymbols?: boolean;\n    requireUppercase?: boolean;\n}\n\nexport const createPasswordValidator =\n    (policy: PasswordPolicy) =>\n    (value?: string): void => {\n        if (!value) {\n            return;\n        }\n        /**\n         * TODO @ts-refactor\n         * @pavel expl\n         */\n        value = value + \"\";\n\n        const requireSymbols = /([=+\\-^$*.\\[\\]{}()?\"!@#%&/,><':;|_~`])+/;\n        const requireNumber = /[0-9]/;\n        const requireLowercase = /[a-z]/;\n        const requireUppercase = /[A-Z]/;\n\n        if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {\n            throw new ValidationError(\n                `Value requires at least ${policy.minimumLength} characters.`\n            );\n        }\n\n        if (policy.requireLowercase && !requireLowercase.test(value)) {\n            throw new ValidationError(\"Value must contain a lowercase character.\");\n        }\n\n        if (policy.requireNumbers && !requireNumber.test(value)) {\n            throw new ValidationError(\"Value must contain a number.\");\n        }\n\n        if (policy.requireUppercase && !requireUppercase.test(value)) {\n            throw new ValidationError(\"Value must contain an uppercase character.\");\n        }\n\n        if (policy.requireSymbols && !requireSymbols.test(value)) {\n            throw new ValidationError(\"Value must contain a special character.\");\n        }\n    };\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAUpD,OAAO,MAAMC,uBAAuB,GAC/BC,MAAsB,IACtBC,KAAc,IAAW;EACtB,IAAI,CAACA,KAAK,EAAE;IACR;EACJ;EACA;AACR;AACA;AACA;EACQA,KAAK,GAAGA,KAAK,GAAG,EAAE;EAElB,MAAMC,cAAc,GAAG,yCAAyC;EAChE,MAAMC,aAAa,GAAG,OAAO;EAC7B,MAAMC,gBAAgB,GAAG,OAAO;EAChC,MAAMC,gBAAgB,GAAG,OAAO;EAEhC,IAAIL,MAAM,CAACM,aAAa,KAAKC,SAAS,IAAIN,KAAK,CAACO,MAAM,GAAGR,MAAM,CAACM,aAAa,EAAE;IAC3E,MAAM,IAAIR,eAAe,CACrB,2BAA2BE,MAAM,CAACM,aAAa,cACnD,CAAC;EACL;EAEA,IAAIN,MAAM,CAACI,gBAAgB,IAAI,CAACA,gBAAgB,CAACK,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,2CAA2C,CAAC;EAC1E;EAEA,IAAIE,MAAM,CAACU,cAAc,IAAI,CAACP,aAAa,CAACM,IAAI,CAACR,KAAK,CAAC,EAAE;IACrD,MAAM,IAAIH,eAAe,CAAC,8BAA8B,CAAC;EAC7D;EAEA,IAAIE,MAAM,CAACK,gBAAgB,IAAI,CAACA,gBAAgB,CAACI,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,4CAA4C,CAAC;EAC3E;EAEA,IAAIE,MAAM,CAACE,cAAc,IAAI,CAACA,cAAc,CAACO,IAAI,CAACR,KAAK,CAAC,EAAE;IACtD,MAAM,IAAIH,eAAe,CAAC,yCAAyC,CAAC;EACxE;AACJ,CAAC","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.d.ts

@@ -0,0 +1 @@
+export declare function usePasswordValidator(): (value?: string) => void;

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.js

@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+import { config as appConfig } from "@webiny/app/config.js";
+import { createPasswordValidator } from "./createPasswordValidator.js";
+export function usePasswordValidator() {
+  let envPasswordValidatorPolicy;
+  try {
+    envPasswordValidatorPolicy = JSON.parse(process.env.REACT_APP_USER_POOL_PASSWORD_POLICY);
+  } catch {
+    // Do nothing.
+  }
+  const passwordValidatorPolicy = appConfig.getKey("USER_POOL_PASSWORD_POLICY", envPasswordValidatorPolicy);
+  return useMemo(() => createPasswordValidator(passwordValidatorPolicy), [passwordValidatorPolicy]);
+}
+
+//# sourceMappingURL=usePasswordValidator.js.map

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","config","appConfig","createPasswordValidator","usePasswordValidator","envPasswordValidatorPolicy","JSON","parse","process","env","REACT_APP_USER_POOL_PASSWORD_POLICY","passwordValidatorPolicy","getKey"],"sources":["usePasswordValidator.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { createPasswordValidator, type PasswordPolicy } from \"./createPasswordValidator.js\";\n\nexport function usePasswordValidator() {\n    let envPasswordValidatorPolicy;\n    try {\n        envPasswordValidatorPolicy = JSON.parse(\n            process.env.REACT_APP_USER_POOL_PASSWORD_POLICY as string\n        );\n    } catch {\n        // Do nothing.\n    }\n\n    const passwordValidatorPolicy = appConfig.getKey<PasswordPolicy>(\n        \"USER_POOL_PASSWORD_POLICY\",\n        envPasswordValidatorPolicy\n    );\n\n    return useMemo(\n        () => createPasswordValidator(passwordValidatorPolicy),\n        [passwordValidatorPolicy]\n    );\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAC3D,SAASC,uBAAuB;AAEhC,OAAO,SAASC,oBAAoBA,CAAA,EAAG;EACnC,IAAIC,0BAA0B;EAC9B,IAAI;IACAA,0BAA0B,GAAGC,IAAI,CAACC,KAAK,CACnCC,OAAO,CAACC,GAAG,CAACC,mCAChB,CAAC;EACL,CAAC,CAAC,MAAM;IACJ;EAAA;EAGJ,MAAMC,uBAAuB,GAAGT,SAAS,CAACU,MAAM,CAC5C,2BAA2B,EAC3BP,0BACJ,CAAC;EAED,OAAOL,OAAO,CACV,MAAMG,uBAAuB,CAACQ,uBAAuB,CAAC,EACtD,CAACA,uBAAuB,CAC5B,CAAC;AACL","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ISystemInstallerPresenter } from "../../../../../presentation/installation/presenters/SystemInstaller/abstractions.js";
+interface StepProps {
+    nextStep: ISystemInstallerPresenter["nextStep"];
+}
+export declare const AdminUserStep: ({ nextStep }: StepProps) => React.JSX.Element;
+export {};