@webiny/app-admin 6.3.0 → 6.4.0-beta.0

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

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import { observer } from "mobx-react-lite";
 import { useFeature } from "@webiny/app";
 import { OverlayLoader, ProgressItemState, SteppedProgress, Text } from "@webiny/admin-ui";
@@ -11,60 +11,53 @@ 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
+    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..."
+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));
+    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"
+    }, "introduction" === vm.currentStep ? /*#__PURE__*/ react.createElement(IntroductionStep, {
+        nextStep: presenter.nextStep
+    }) : null, "basic-info" === vm.currentStep ? /*#__PURE__*/ react.createElement(BasicInfoStep, {
+        nextStep: presenter.nextStep
+    }) : null, "admin-account" === vm.currentStep ? /*#__PURE__*/ react.createElement(AdminUserStep, {
+        nextStep: presenter.nextStep
+    }) : null, "finish" === vm.currentStep ? /*#__PURE__*/ react.createElement(FinishSetupStep, {
+        error: vm.error,
+        installing: vm.installing,
+        isInstalled: vm.isInstalled,
+        finishInstallation: presenter.finishInstallation,
+        installSystem: presenter.installSystem
+    }) : null));
 });
+export { SystemInstaller };
 
 //# sourceMappingURL=SystemInstaller.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/SystemInstaller.js","sources":["../../../../../src/presentation/installation/components/SystemInstaller/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"],"names":["stateMap","ProgressItemState","SystemInstaller","observer","children","presenter","useFeature","SystemInstallerFeature","vm","OverlayLoader","LoginScreen","Tags","Logo","Text","SteppedProgress","step","IntroductionStep","BasicInfoStep","AdminUserStep","FinishSetupStep"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,WAAW;IACb,MAAMC,kBAAkB,IAAI;IAC5B,SAASA,kBAAkB,WAAW;IACtC,WAAWA,kBAAkB,qBAAqB;AACtD;AAEO,MAAMC,kBAAkBC,SAAS,CAAC,EAAEC,QAAQ,EAAwB;IACvE,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,KAAKH,UAAU,EAAE;IAEvB,IAAIG,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACC,eAAaA;QAAC,MAAM;;IAGhC,IAAID,GAAG,UAAU,EACb,OAAO,WAAP,GAAO,oBAACE,aAAWA,MAAEN;IAGzB,OAAO,WAAP,GACI,oBAACO,MAAIA;QAAC,MAAM;YAAE,WAAW;QAAK;qBAC1B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA,QAAAA,WAAAA,GAET,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OAA6B,+EAGnE,oBAACC,iBAAeA;QACZ,OAAON,GAAG,KAAK,CAAC,GAAG,CAACO,CAAAA,OAAS;gBACzB,IAAIA,KAAK,IAAI;gBACb,OAAOA,KAAK,KAAK;gBACjB,OAAOf,QAAQ,CAACe,KAAK,KAAK,CAAC;YAC/B;wBAIZ,oBAAC;QAAI,WAAW;OACXP,AAAmB,mBAAnBA,GAAG,WAAW,GAAsB,WAAjB,GAChB,oBAACQ,kBAAgBA;QAAC,UAAUX,UAAU,QAAQ;SAC9C,MACHG,AAAmB,iBAAnBA,GAAG,WAAW,GAAoB,WAAf,GAChB,oBAACS,eAAaA;QAAC,UAAUZ,UAAU,QAAQ;SAC3C,MACHG,AAAmB,oBAAnBA,GAAG,WAAW,GAAuB,WAAlB,GAChB,oBAACU,eAAaA;QAAC,UAAUb,UAAU,QAAQ;SAC3C,MACHG,AAAmB,aAAnBA,GAAG,WAAW,GAAgB,WAAX,GAChB,oBAACW,iBAAeA;QACZ,OAAOX,GAAG,KAAK;QACf,YAAYA,GAAG,UAAU;QACzB,aAAaA,GAAG,WAAW;QAC3B,oBAAoBH,UAAU,kBAAkB;QAChD,eAAeA,UAAU,aAAa;SAE1C;AAIpB"}

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

@@ -1,17 +1,12 @@
-import React from "react";
-import { createProvider, Provider } from "../../../../index.js";
+import react from "react";
+import { Provider, createProvider } from "@webiny/app";
 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
-  });
-};
+const SystemInstallerHoc = createProvider((Original)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(SystemInstaller, null, /*#__PURE__*/ react.createElement(Original, null, children));
+    });
+const SystemInstallerProvider_SystemInstallerProvider = ()=>/*#__PURE__*/ react.createElement(Provider, {
+        hoc: SystemInstallerHoc
+    });
+export { SystemInstallerProvider_SystemInstallerProvider as SystemInstallerProvider };
 
 //# sourceMappingURL=SystemInstallerProvider.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/SystemInstallerProvider.js","sources":["../../../../../src/presentation/installation/components/SystemInstaller/SystemInstallerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, Provider } from \"@webiny/app\";\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"],"names":["SystemInstallerHoc","createProvider","Original","children","SystemInstaller","SystemInstallerProvider","Provider"],"mappings":";;;AAIA,MAAMA,qBAAqBC,eAAeC,CAAAA,WAC/B,SAAiC,EAAEC,QAAQ,EAAE;QAChD,OAAO,WAAP,GACI,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACF,UAAAA,MAAUC;IAGvB;AAGG,MAAME,kDAA0B,IAC5B,WAAP,GAAO,oBAACC,UAAQA;QAAC,KAAKN"}

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

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

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

@@ -1,32 +1,17 @@
 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.");
-  }
-};
+const createPasswordValidator = (policy)=>(value)=>{
+        if (!value) return;
+        value += "";
+        const requireSymbols = /([=+\-^$*.[\]{}()?"!@#%&/,><':;|_~`])+/;
+        const requireNumber = /[0-9]/;
+        const requireLowercase = /[a-z]/;
+        const requireUppercase = /[A-Z]/;
+        if (void 0 !== policy.minimumLength && 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.");
+    };
+export { createPasswordValidator };
 
 //# sourceMappingURL=createPasswordValidator.js.map

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

@@ -1 +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,wCAAwC;EAC/D,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":[]}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep/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"],"names":["createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","undefined","ValidationError"],"mappings":";AAUO,MAAMA,0BACT,CAACC,SACD,CAACC;QACG,IAAI,CAACA,OACD;QAMJA,SAAgB;QAEhB,MAAMC,iBAAiB;QACvB,MAAMC,gBAAgB;QACtB,MAAMC,mBAAmB;QACzB,MAAMC,mBAAmB;QAEzB,IAAIL,AAAyBM,WAAzBN,OAAO,aAAa,IAAkBC,MAAM,MAAM,GAAGD,OAAO,aAAa,EACzE,MAAM,IAAIO,gBACN,CAAC,wBAAwB,EAAEP,OAAO,aAAa,CAAC,YAAY,CAAC;QAIrE,IAAIA,OAAO,gBAAgB,IAAI,CAACI,iBAAiB,IAAI,CAACH,QAClD,MAAM,IAAIM,gBAAgB;QAG9B,IAAIP,OAAO,cAAc,IAAI,CAACG,cAAc,IAAI,CAACF,QAC7C,MAAM,IAAIM,gBAAgB;QAG9B,IAAIP,OAAO,gBAAgB,IAAI,CAACK,iBAAiB,IAAI,CAACJ,QAClD,MAAM,IAAIM,gBAAgB;QAG9B,IAAIP,OAAO,cAAc,IAAI,CAACE,eAAe,IAAI,CAACD,QAC9C,MAAM,IAAIM,gBAAgB;IAElC"}

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

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

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

@@ -1 +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":[]}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep/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"],"names":["usePasswordValidator","envPasswordValidatorPolicy","JSON","process","passwordValidatorPolicy","appConfig","useMemo","createPasswordValidator"],"mappings":";;;AAIO,SAASA;IACZ,IAAIC;IACJ,IAAI;QACAA,6BAA6BC,KAAK,KAAK,CACnCC,QAAQ,GAAG,CAAC,mCAAmC;IAEvD,EAAE,OAAM,CAER;IAEA,MAAMC,0BAA0BC,OAAAA,MAAgB,CAC5C,6BACAJ;IAGJ,OAAOK,QACH,IAAMC,wBAAwBH,0BAC9B;QAACA;KAAwB;AAEjC"}

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

@@ -1,69 +1,69 @@
-import React from "react";
+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
-  })));
+const AdminUserStep = ({ nextStep })=>/*#__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
+    })));
 };
+export { AdminUserStep };
 
 //# sourceMappingURL=AdminUserStep.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/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"],"names":["AdminUserStep","nextStep","Container","Center","Form","data","AdminUserInputs","form","useForm","passwordValidator","usePasswordValidator","Grid","Bind","validation","Input","value","cb","Button"],"mappings":";;;;;;;AAaO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAa,GAC1C,WAAP,GACI,oBAACC,WAASA;QACN,OAAO;QACP,SAAS;qBAET,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA;QAAC,UAAUC,CAAAA,OAAQJ,SAASI;OAAQ,kBAAM,oBAACC,iBAAeA;AAOnF,MAAMA,kBAAkB;IACpB,MAAMC,OAAOC;IACb,MAAMC,oBAAoBC;IAE1B,OAAO,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAqB,YAAYC,WAAW,MAAM,CAAC;qBAC3D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAoB,YAAYC,WAAW,MAAM,CAAC;qBAC1D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAc,CAACG,OAAeC,KAAOA,GAAGD,MAAM,WAAW;QACzD,YAAYF,WAAW,MAAM,CAAC;qBAE9B,oBAACC,OAAKA;QAAC,OAAO;QAAc,cAAc;wBAGlD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,YAAY;YAACH;YAAmBI,WAAW,MAAM,CAAC;SAAY;qBAE9D,oBAACC,OAAKA;QACF,OAAO;QACP,MAAM;QACN,cAAc;wBAK1B,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASV,KAAK,MAAM;;AAKxC"}