@webiny/app-admin 0.0.0-unstable.aa00eecd97 → 0.0.0-unstable.ac6ebf63c6

package/plugins/MenuPlugin.js

@@ -1,43 +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);
-exports.MenuPlugin = MenuPlugin;
-(0, _defineProperty2.default)(MenuPlugin, "type", "admin-menu");
+    return this._config.render(props);
+  }
+}
+
+//# 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;AAAyC,IAkC5BA,UAAU;EAAA;EAAA;EAInB,oBAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAY;MACR,OAAO,IAAI,CAACC,OAAO,CAACC,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAY,EAAmB;MACzC,IAAI,CAAC,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlB2BE,eAAM;AAAA;AAAA,8BAAzBN,UAAU,UAC4B,YAAY"}
+{"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,43 +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);
-exports.PermissionRendererPlugin = PermissionRendererPlugin;
-(0, _defineProperty2.default)(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");
+    return this._config.render(props);
+  }
+}
+
+//# 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;AAAyC,IAiB5BA,wBAAwB;EAAA;EAAA;EAIjC,kCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAOE,OAAO,CAAC,IAAI,CAACD,OAAO,CAACE,MAAM,CAAC;IACvC;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAmB,EAA6B;MAC1D,IAAI,CAAC,IAAI,CAACH,OAAO,CAACI,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,OAAO,CAACI,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlByCE,eAAM;AAAA;AAAA,8BAAvCP,wBAAwB,UACc,gCAAgC"}
+{"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":"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","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 {};

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

@@ -0,0 +1,69 @@
+import React from "react";
+import { Button, Grid, Input } from "@webiny/admin-ui";
+import { Bind, Form, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+import { usePasswordValidator } from "./AdminUserStep/usePasswordValidator.js";
+export const AdminUserStep = ({
+  nextStep
+}) => {
+  return /*#__PURE__*/React.createElement(Container, {
+    title: "Admin account",
+    message: "This is the account you’ll use to access and manage your Webiny instance."
+  }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => nextStep(data)
+  }, () => /*#__PURE__*/React.createElement(AdminUserInputs, null)))));
+};
+const AdminUserInputs = () => {
+  const form = useForm();
+  const passwordValidator = usePasswordValidator();
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "Cognito.firstName",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "First name"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "Cognito.lastName",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Last name"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "Cognito.email",
+    beforeChange: (value, cb) => cb(value.toLowerCase()),
+    validators: validation.create("required,email")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Your email",
+    autoComplete: "new-password"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "Cognito.password",
+    validators: [passwordValidator, validation.create("required")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Choose password",
+    type: "password",
+    autoComplete: "new-password"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Button, {
+    containerClassName: "w-full",
+    className: "w-full",
+    variant: "primary",
+    size: "lg",
+    text: "Next step",
+    onClick: form.submit
+  })));
+};
+
+//# sourceMappingURL=AdminUserStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Input","Bind","Form","useForm","validation","Center","Container","usePasswordValidator","AdminUserStep","nextStep","createElement","title","message","style","width","onSubmit","data","AdminUserInputs","form","passwordValidator","Column","span","name","validators","create","label","beforeChange","value","cb","toLowerCase","autoComplete","type","containerClassName","className","variant","size","text","onClick","submit"],"sources":["AdminUserStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind, Form, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { usePasswordValidator } from \"./AdminUserStep/usePasswordValidator.js\";\n\ninterface StepProps {\n    nextStep: ISystemInstallerPresenter[\"nextStep\"];\n}\n\nexport const AdminUserStep = ({ nextStep }: StepProps) => {\n    return (\n        <Container\n            title={\"Admin account\"}\n            message={\"This is the account you’ll use to access and manage your Webiny instance.\"}\n        >\n            <Center>\n                <div style={{ width: 400 }}>\n                    <Form onSubmit={data => nextStep(data)}>{() => <AdminUserInputs />}</Form>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n\nconst AdminUserInputs = () => {\n    const form = useForm();\n    const passwordValidator = usePasswordValidator();\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Bind name={\"Cognito.firstName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"First name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={6}>\n                <Bind name={\"Cognito.lastName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"Last name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"Cognito.email\"}\n                    beforeChange={(value: string, cb) => cb(value.toLowerCase())}\n                    validators={validation.create(\"required,email\")}\n                >\n                    <Input label={\"Your email\"} autoComplete={\"new-password\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"Cognito.password\"}\n                    validators={[passwordValidator, validation.create(\"required\")]}\n                >\n                    <Input\n                        label={\"Choose password\"}\n                        type={\"password\"}\n                        autoComplete={\"new-password\"}\n                    />\n                </Bind>\n            </Grid.Column>\n\n            <Grid.Column span={12}>\n                <Button\n                    containerClassName={\"w-full\"}\n                    className={\"w-full\"}\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Next step\"}\n                    onClick={form.submit}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/presentation/installation/components/SystemInstaller/steps/BasicInfoStep.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 BasicInfoStep: ({ nextStep }: StepProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,95 @@
+import React from "react";
+import { Button, Checkbox, Grid, Input, Select } from "@webiny/admin-ui";
+import { Bind, Form, useBind, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+import { referralSources } from "./referralSources.js";
+const ExternalLink = ({
+  to,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("a", {
+    href: to,
+    target: "_blank",
+    rel: "noreferrer"
+  }, children);
+};
+export const BasicInfoStep = ({
+  nextStep
+}) => {
+  return /*#__PURE__*/React.createElement(Container, {
+    title: "Basic info",
+    message: "To get started, we need some basic information about your project and how you found us."
+  }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => nextStep(data)
+  }, () => /*#__PURE__*/React.createElement(BasicInfoFormInputs, null)))));
+};
+const referralOptions = referralSources.map(label => ({
+  label,
+  value: label
+}));
+const requireChecked = value => {
+  if (!value) {
+    throw Error(`You must accept our Terms of Service and Privacy Policy.`);
+  }
+};
+const BasicInfoFormInputs = () => {
+  const form = useForm();
+  const tosBind = useBind({
+    name: "basicInfo.termsOfService",
+    defaultValue: false,
+    validators: requireChecked
+  });
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "basicInfo.projectName",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Project name"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "basicInfo.organizationName",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Organization name"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "basicInfo.referralSource",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Select, {
+    label: "Where did you hear about Webiny?",
+    displayResetAction: false,
+    options: referralOptions
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    onChange: tosBind.onChange,
+    checked: tosBind.value,
+    label: /*#__PURE__*/React.createElement(React.Fragment, null, "I agree to Webiny\u2019s", " ", /*#__PURE__*/React.createElement(ExternalLink, {
+      to: "https://www.webiny.com/terms-of-service"
+    }, "Terms of Service"), " ", "and", " ", /*#__PURE__*/React.createElement(ExternalLink, {
+      to: "https://www.webiny.com/privacy-policy"
+    }, "Privacy Policy")),
+    validation: tosBind.validation
+  })), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Button, {
+    disabled: tosBind.value !== true,
+    containerClassName: "w-full",
+    className: "w-full",
+    variant: "primary",
+    size: "lg",
+    text: "Next step",
+    onClick: form.submit
+  })));
+};
+
+//# sourceMappingURL=BasicInfoStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Checkbox","Grid","Input","Select","Bind","Form","useBind","useForm","validation","Center","Container","referralSources","ExternalLink","to","children","createElement","href","target","rel","BasicInfoStep","nextStep","title","message","style","width","onSubmit","data","BasicInfoFormInputs","referralOptions","map","label","value","requireChecked","Error","form","tosBind","name","defaultValue","validators","Column","span","create","displayResetAction","options","onChange","checked","Fragment","disabled","containerClassName","className","variant","size","text","onClick","submit"],"sources":["BasicInfoStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Checkbox, Grid, Input, Select } from \"@webiny/admin-ui\";\nimport { Bind, Form, useBind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { referralSources } from \"~/presentation/installation/components/SystemInstaller/steps/referralSources.js\";\n\ninterface StepProps {\n    nextStep: ISystemInstallerPresenter[\"nextStep\"];\n}\n\ntype ExternalLinkProps = {\n    to: string;\n    children: React.ReactNode;\n};\n\nconst ExternalLink = ({ to, children }: ExternalLinkProps) => {\n    return (\n        <a href={to} target={\"_blank\"} rel=\"noreferrer\">\n            {children}\n        </a>\n    );\n};\n\nexport const BasicInfoStep = ({ nextStep }: StepProps) => {\n    return (\n        <Container\n            title={\"Basic info\"}\n            message={\n                \"To get started, we need some basic information about your project and how you found us.\"\n            }\n        >\n            <Center>\n                <div style={{ width: 400 }}>\n                    <Form onSubmit={data => nextStep(data)}>{() => <BasicInfoFormInputs />}</Form>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n\nconst referralOptions = referralSources.map(label => ({ label, value: label }));\n\nconst requireChecked = (value: boolean) => {\n    if (!value) {\n        throw Error(`You must accept our Terms of Service and Privacy Policy.`);\n    }\n};\n\nconst BasicInfoFormInputs = () => {\n    const form = useForm();\n\n    const tosBind = useBind({\n        name: \"basicInfo.termsOfService\",\n        defaultValue: false,\n        validators: requireChecked\n    });\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"basicInfo.projectName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"Project name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"basicInfo.organizationName\"}\n                    validators={validation.create(\"required\")}\n                >\n                    <Input label={\"Organization name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"basicInfo.referralSource\"} validators={validation.create(\"required\")}>\n                    <Select\n                        label={\"Where did you hear about Webiny?\"}\n                        displayResetAction={false}\n                        options={referralOptions}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Checkbox\n                    onChange={tosBind.onChange}\n                    checked={tosBind.value}\n                    label={\n                        <>\n                            I agree to Webiny’s{\" \"}\n                            <ExternalLink to={\"https://www.webiny.com/terms-of-service\"}>\n                                Terms of Service\n                            </ExternalLink>{\" \"}\n                            and{\" \"}\n                            <ExternalLink to={\"https://www.webiny.com/privacy-policy\"}>\n                                Privacy Policy\n                            </ExternalLink>\n                        </>\n                    }\n                    validation={tosBind.validation}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Button\n                    disabled={tosBind.value !== true}\n                    containerClassName={\"w-full\"}\n                    className={\"w-full\"}\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Next step\"}\n                    onClick={form.submit}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const Center: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from "react";
+export const Center = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center"
+  }, children);
+};
+
+//# sourceMappingURL=Center.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Center","children","createElement","className"],"sources":["Center.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const Center = ({ children }: { children: React.ReactNode }) => {\n    return <div className={\"flex justify-center\"}>{children}</div>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnE,oBAAOF,KAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE;EAAsB,GAAEF,QAAc,CAAC;AAClE,CAAC","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+    title: string;
+    message: string;
+    splashImage?: string;
+}
+export declare const Container: ({ title, message, splashImage, children }: ContainerProps) => React.JSX.Element;