@webiny/app-admin-cognito 5.43.2 → 6.0.0-alpha.0

package/components/Divider.d.ts

@@ -1,5 +1,2 @@
-/// <reference types="react" />
-export declare const Divider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import React from "react";
+export declare const Divider: () => React.JSX.Element;

package/components/Divider.js

@@ -1,25 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Divider = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Divider = exports.Divider = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1v7qj260"
-} : {
-  target: "e1v7qj260",
-  label: "Divider"
-})(process.env.NODE_ENV === "production" ? {
-  name: "sdtygy",
-  styles: "border-top:1px solid #ececec"
-} : {
-  name: "sdtygy",
-  styles: "border-top:1px solid #ececec",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpQyIsImZpbGUiOiJEaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5kaXZgXG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNlY2VjZWM7XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import React from "react";
+import { Separator, Text } from "@webiny/admin-ui";
+export const Divider = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-relative wby-my-lg"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-absolute wby-inset-0 wby-flex wby-items-center"
+  }, /*#__PURE__*/React.createElement(Separator, null)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-relative wby-flex wby-justify-center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong wby-px-sm wby-bg-neutral-base wby-uppercase"
+  }, "Or continue with")));
+};
 
 //# sourceMappingURL=Divider.js.map

package/components/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["Divider","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Divider = styled.div`\n    border-top: 1px solid #ececec;\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,oBAAAE,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAEnB","ignoreList":[]}
+{"version":3,"names":["React","Separator","Text","Divider","createElement","className","size"],"sources":["Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator, Text } from \"@webiny/admin-ui\";\n\nexport const Divider = () => {\n    return (\n        <div className={\"wby-relative wby-my-lg\"}>\n            <div className={\"wby-absolute wby-inset-0 wby-flex wby-items-center\"}>\n                <Separator />\n            </div>\n            <div className={\"wby-relative wby-flex wby-justify-center\"}>\n                <Text\n                    size={\"sm\"}\n                    className={\n                        \"wby-text-neutral-strong wby-px-sm wby-bg-neutral-base wby-uppercase\"\n                    }\n                >\n                    {\"Or continue with\"}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AAElD,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACzB,oBACIH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrCL,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjEL,KAAA,CAAAI,aAAA,CAACH,SAAS,MAAE,CACX,CAAC,eACND,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDL,KAAA,CAAAI,aAAA,CAACF,IAAI;IACDI,IAAI,EAAE,IAAK;IACXD,SAAS,EACL;EACH,GAEA,kBACC,CACL,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/FederatedProviders.js

@@ -1,34 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FederatedProviders = exports.Container = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var FlexContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e14conl60"
-} : {
-  target: "e14conl60",
-  label: "FlexContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1fqucy2",
-  styles: "display:flex;column-gap:10px;padding-top:20px;justify-content:center"
-} : {
-  name: "1fqucy2",
-  styles: "display:flex;column-gap:10px;padding-top:20px;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZlZGVyYXRlZFByb3ZpZGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdDIiwiZmlsZSI6IkZlZGVyYXRlZFByb3ZpZGVycy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuXG5jb25zdCBGbGV4Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbHVtbi1nYXA6IDEwcHg7XG4gICAgcGFkZGluZy10b3A6IDIwcHg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbnRhaW5lclByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiRmVkZXJhdGVkUHJvdmlkZXJzQ29udGFpbmVyXCIsXG4gICAgKHsgY2hpbGRyZW4gfTogQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIDxGbGV4Q29udGFpbmVyPntjaGlsZHJlbn08L0ZsZXhDb250YWluZXI+O1xuICAgIH1cbik7XG5cbmV4cG9ydCBjb25zdCBGZWRlcmF0ZWRQcm92aWRlcnMgPSB7XG4gICAgQ29udGFpbmVyXG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Container = exports.Container = (0, _appAdmin.makeDecoratable)("FederatedProvidersContainer", function (_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(FlexContainer, null, children);
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+export const Container = makeDecoratable("FederatedProvidersContainer", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-gap-xs"
+  }, children);
 });
-var FederatedProviders = exports.FederatedProviders = {
-  Container: Container
+export const FederatedProviders = {
+  Container
 };
 
 //# sourceMappingURL=FederatedProviders.js.map

package/components/FederatedProviders.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_EMOTION_STRINGIFIED_CSS_ERROR__","FlexContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Container","exports","makeDecoratable","_ref","children","createElement","FederatedProviders"],"sources":["FederatedProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nconst FlexContainer = styled.div`\n    display: flex;\n    column-gap: 10px;\n    padding-top: 20px;\n    justify-content: center;\n`;\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nexport const Container = makeDecoratable(\n    \"FederatedProvidersContainer\",\n    ({ children }: ContainerProps) => {\n        return <FlexContainer>{children}</FlexContainer>;\n    }\n);\n\nexport const FederatedProviders = {\n    Container\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAAoD,SAAAE,iCAAA;AAEpD,IAAMC,aAAa,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAKlB;AAMM,IAAMa,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAe,EACpC,6BAA6B,EAC7B,UAAAC,IAAA,EAAkC;EAAA,IAA/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACP,oBAAOrB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACjB,aAAa,QAAEgB,QAAwB,CAAC;AACpD,CACJ,CAAC;AAEM,IAAME,kBAAkB,GAAAL,OAAA,CAAAK,kBAAA,GAAG;EAC9BN,SAAS,EAATA;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","Container","children","createElement","className","FederatedProviders"],"sources":["FederatedProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nexport const Container = makeDecoratable(\n    \"FederatedProvidersContainer\",\n    ({ children }: ContainerProps) => {\n        return <div className={\"wby-flex wby-flex-col wby-gap-xs\"}>{children}</div>;\n    }\n);\n\nexport const FederatedProviders = {\n    Container\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AAMnD,OAAO,MAAMC,SAAS,GAAGD,eAAe,CACpC,6BAA6B,EAC7B,CAAC;EAAEE;AAAyB,CAAC,KAAK;EAC9B,oBAAOH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAAmC,GAAEF,QAAc,CAAC;AAC/E,CACJ,CAAC;AAED,OAAO,MAAMG,kBAAkB,GAAG;EAC9BJ;AACJ,CAAC","ignoreList":[]}

package/components/View.d.ts

@@ -12,6 +12,11 @@ export interface TitleProps {
     title: string;
     description?: React.ReactNode;
 }
+export interface ErrorProps {
+    title?: string;
+    description?: string | null;
+}
+export declare const Error: ({ title, description }: ErrorProps) => React.JSX.Element | null;
 export declare const View: {
     Container: (({ children }: ContainerProps) => React.JSX.Element) & {
         original: ({ children }: ContainerProps) => React.JSX.Element;
@@ -32,25 +37,6 @@ export declare const View: {
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Logo: (() => React.JSX.Element) & {
-        original: () => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    } & {
-        original: (() => React.JSX.Element) & {
-            original: () => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        };
-        originalName: string;
-        displayName: string;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
-            original: () => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: unknown) => React.JSX.Element;
-    };
     Content: (({ children }: ContentProps) => React.JSX.Element) & {
         original: ({ children }: ContentProps) => React.JSX.Element;
         originalName: string;
@@ -108,4 +94,5 @@ export declare const View: {
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
+    Error: ({ title, description }: ErrorProps) => React.JSX.Element | null;
 };

package/components/View.js

@@ -1,50 +1,66 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.View = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var Styled = _interopRequireWildcard(require("./StyledComponents"));
-var _Elevation = require("@webiny/ui/Elevation");
-var _Grid = require("@webiny/ui/Grid");
-var _Typography = require("@webiny/ui/Typography");
-var Container = (0, _appAdmin.makeDecoratable)("ViewContainer", function (_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(Styled.Wrapper, null, /*#__PURE__*/React.createElement(Styled.LogoWrapper, null, /*#__PURE__*/React.createElement(_appAdmin.Logo, null)), /*#__PURE__*/React.createElement(Styled.LoginContent, null, children));
+import * as React from "react";
+import { Logo, makeDecoratable } from "@webiny/app-admin";
+import { Alert, Grid, Heading, Text } from "@webiny/admin-ui";
+const Container = makeDecoratable("ViewContainer", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-screen wby-h-screen wby-bg-neutral-light wby-flex-1"
+  }, /*#__PURE__*/React.createElement("section", {
+    className: "wby-m-auto wby-flex wby-flex-col wby-justify-center wby-min-h-screen"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-mx-auto"
+  }, /*#__PURE__*/React.createElement(Logo, null)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-max-w-[480px] wby-mx-auto wby-my-lg"
+  }, children)));
 });
-var Content = (0, _appAdmin.makeDecoratable)("ViewContent", function (_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React.createElement(_Elevation.Elevation, {
-    z: 2
-  }, /*#__PURE__*/React.createElement(Styled.InnerContent, null, children));
-});
-var Footer = (0, _appAdmin.makeDecoratable)("ViewFooter", function (_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
+const Content = makeDecoratable("ViewContent", ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "wby-relative wby-p-lg wby-pt-md wby-bg-neutral-base wby-rounded-xl"
+}, children));
+const Footer = makeDecoratable("ViewFooter", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12,
-    style: {
-      textAlign: "center"
-    }
+    className: "wby-text-center wby-mt-lg"
   }, children));
 });
-var Title = (0, _appAdmin.makeDecoratable)("ViewTitle", function (_ref4) {
-  var title = _ref4.title,
-    description = _ref4.description;
-  return /*#__PURE__*/React.createElement(Styled.Title, null, /*#__PURE__*/React.createElement(_Typography.Typography, {
-    use: "headline4"
-  }, title), description ? /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Typography.Typography, {
-    use: "body1"
-  }, description)) : null);
+const Title = makeDecoratable("ViewTitle", ({
+  title,
+  description
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-md"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4
+  }, title), description && /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, description));
 });
-var View = exports.View = {
-  Container: Container,
-  Logo: _appAdmin.Logo,
-  Content: Content,
-  Title: Title,
-  Footer: Footer
+export const Error = ({
+  title = "Something went wrong",
+  description
+}) => {
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: title,
+    type: "danger"
+  }, description));
+};
+export const View = {
+  Container,
+  Content,
+  Title,
+  Footer,
+  Error
 };
 
 //# sourceMappingURL=View.js.map

package/components/View.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_appAdmin","Styled","_Elevation","_Grid","_Typography","Container","makeDecoratable","_ref","children","createElement","Wrapper","LogoWrapper","Logo","LoginContent","Content","_ref2","Elevation","z","InnerContent","Footer","_ref3","Grid","Cell","span","style","textAlign","Title","_ref4","title","description","Typography","use","View","exports"],"sources":["View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Logo, makeDecoratable } from \"@webiny/app-admin\";\nimport * as Styled from \"./StyledComponents\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nconst Container = makeDecoratable(\"ViewContainer\", ({ children }: ContainerProps) => (\n    <Styled.Wrapper>\n        <Styled.LogoWrapper>\n            <Logo />\n        </Styled.LogoWrapper>\n        <Styled.LoginContent>{children}</Styled.LoginContent>\n    </Styled.Wrapper>\n));\n\nexport interface ContentProps {\n    children: React.ReactNode;\n}\n\nconst Content = makeDecoratable(\"ViewContent\", ({ children }: ContentProps) => (\n    <Elevation z={2}>\n        <Styled.InnerContent>{children}</Styled.InnerContent>\n    </Elevation>\n));\n\nexport interface FooterProps {\n    children: React.ReactNode;\n}\n\nconst Footer = makeDecoratable(\"ViewFooter\", ({ children }: FooterProps) => {\n    return (\n        <Grid>\n            <Cell span={12} style={{ textAlign: \"center\" }}>\n                {children}\n            </Cell>\n        </Grid>\n    );\n});\n\nexport interface TitleProps {\n    title: string;\n    description?: React.ReactNode;\n}\n\nconst Title = makeDecoratable(\"ViewTitle\", ({ title, description }: TitleProps) => {\n    return (\n        <Styled.Title>\n            <Typography use=\"headline4\">{title}</Typography>\n            {description ? (\n                <p>\n                    <Typography use=\"body1\">{description}</Typography>\n                </p>\n            ) : null}\n        </Styled.Title>\n    );\n});\n\nexport const View = {\n    Container,\n    Logo,\n    Content,\n    Title,\n    Footer\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAMA,IAAMM,SAAS,GAAG,IAAAC,yBAAe,EAAC,eAAe,EAAE,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBAC1DX,KAAA,CAAAY,aAAA,CAACR,MAAM,CAACS,OAAO,qBACXb,KAAA,CAAAY,aAAA,CAACR,MAAM,CAACU,WAAW,qBACfd,KAAA,CAAAY,aAAA,CAACT,SAAA,CAAAY,IAAI,MAAE,CACS,CAAC,eACrBf,KAAA,CAAAY,aAAA,CAACR,MAAM,CAACY,YAAY,QAAEL,QAA8B,CACxC,CAAC;AAAA,CACpB,CAAC;AAMF,IAAMM,OAAO,GAAG,IAAAR,yBAAe,EAAC,aAAa,EAAE,UAAAS,KAAA;EAAA,IAAGP,QAAQ,GAAAO,KAAA,CAARP,QAAQ;EAAA,oBACtDX,KAAA,CAAAY,aAAA,CAACP,UAAA,CAAAc,SAAS;IAACC,CAAC,EAAE;EAAE,gBACZpB,KAAA,CAAAY,aAAA,CAACR,MAAM,CAACiB,YAAY,QAAEV,QAA8B,CAC7C,CAAC;AAAA,CACf,CAAC;AAMF,IAAMW,MAAM,GAAG,IAAAb,yBAAe,EAAC,YAAY,EAAE,UAAAc,KAAA,EAA+B;EAAA,IAA5BZ,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;EACpD,oBACIX,KAAA,CAAAY,aAAA,CAACN,KAAA,CAAAkB,IAAI,qBACDxB,KAAA,CAAAY,aAAA,CAACN,KAAA,CAAAmB,IAAI;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,GAC1CjB,QACC,CACJ,CAAC;AAEf,CAAC,CAAC;AAOF,IAAMkB,KAAK,GAAG,IAAApB,yBAAe,EAAC,WAAW,EAAE,UAAAqB,KAAA,EAAwC;EAAA,IAArCC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;EAC5D,oBACIhC,KAAA,CAAAY,aAAA,CAACR,MAAM,CAACyB,KAAK,qBACT7B,KAAA,CAAAY,aAAA,CAACL,WAAA,CAAA0B,UAAU;IAACC,GAAG,EAAC;EAAW,GAAEH,KAAkB,CAAC,EAC/CC,WAAW,gBACRhC,KAAA,CAAAY,aAAA,yBACIZ,KAAA,CAAAY,aAAA,CAACL,WAAA,CAAA0B,UAAU;IAACC,GAAG,EAAC;EAAO,GAAEF,WAAwB,CAClD,CAAC,GACJ,IACM,CAAC;AAEvB,CAAC,CAAC;AAEK,IAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAChB3B,SAAS,EAATA,SAAS;EACTO,IAAI,EAAJA,cAAI;EACJE,OAAO,EAAPA,OAAO;EACPY,KAAK,EAALA,KAAK;EACLP,MAAM,EAANA;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Logo","makeDecoratable","Alert","Grid","Heading","Text","Container","children","createElement","className","Content","Footer","Column","span","Title","title","description","level","as","size","Error","type","View"],"sources":["View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Logo, makeDecoratable } from \"@webiny/app-admin\";\nimport { Alert, Grid, Heading, Text } from \"@webiny/admin-ui\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nconst Container = makeDecoratable(\"ViewContainer\", ({ children }: ContainerProps) => {\n    return (\n        <div className={\"wby-w-screen wby-h-screen wby-bg-neutral-light wby-flex-1\"}>\n            <section\n                className={\"wby-m-auto wby-flex wby-flex-col wby-justify-center wby-min-h-screen\"}\n            >\n                <div className={\"wby-mx-auto\"}>\n                    <Logo />\n                </div>\n                <div className={\"wby-w-full wby-max-w-[480px] wby-mx-auto wby-my-lg\"}>\n                    {children}\n                </div>\n            </section>\n        </div>\n    );\n});\n\nexport interface ContentProps {\n    children: React.ReactNode;\n}\n\nconst Content = makeDecoratable(\"ViewContent\", ({ children }: ContentProps) => (\n    <div className={\"wby-relative wby-p-lg wby-pt-md wby-bg-neutral-base wby-rounded-xl\"}>\n        {children}\n    </div>\n));\n\nexport interface FooterProps {\n    children: React.ReactNode;\n}\n\nconst Footer = makeDecoratable(\"ViewFooter\", ({ children }: FooterProps) => {\n    return (\n        <Grid>\n            <Grid.Column span={12} className={\"wby-text-center wby-mt-lg\"}>\n                {children}\n            </Grid.Column>\n        </Grid>\n    );\n});\n\nexport interface TitleProps {\n    title: string;\n    description?: React.ReactNode;\n}\n\nconst Title = makeDecoratable(\"ViewTitle\", ({ title, description }: TitleProps) => {\n    return (\n        <div className={\"wby-mb-md\"}>\n            <Heading level={4}>{title}</Heading>\n            {description && (\n                <Text as={\"div\"} size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                    {description}\n                </Text>\n            )}\n        </div>\n    );\n});\n\nexport interface ErrorProps {\n    title?: string;\n    description?: string | null;\n}\n\nexport const Error = ({ title = \"Something went wrong\", description }: ErrorProps) => {\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-mb-lg\"}>\n            <Alert title={title} type={\"danger\"}>\n                {description}\n            </Alert>\n        </div>\n    );\n};\n\nexport const View = {\n    Container,\n    Content,\n    Title,\n    Footer,\n    Error\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,eAAe,QAAQ,mBAAmB;AACzD,SAASC,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAM7D,MAAMC,SAAS,GAAGL,eAAe,CAAC,eAAe,EAAE,CAAC;EAAEM;AAAyB,CAAC,KAAK;EACjF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA4D,gBACxEV,KAAA,CAAAS,aAAA;IACIC,SAAS,EAAE;EAAuE,gBAElFV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAc,gBAC1BV,KAAA,CAAAS,aAAA,CAACR,IAAI,MAAE,CACN,CAAC,eACND,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAqD,GAChEF,QACA,CACA,CACR,CAAC;AAEd,CAAC,CAAC;AAMF,MAAMG,OAAO,GAAGT,eAAe,CAAC,aAAa,EAAE,CAAC;EAAEM;AAAuB,CAAC,kBACtER,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAE;AAAqE,GAChFF,QACA,CACR,CAAC;AAMF,MAAMI,MAAM,GAAGV,eAAe,CAAC,YAAY,EAAE,CAAC;EAAEM;AAAsB,CAAC,KAAK;EACxE,oBACIR,KAAA,CAAAS,aAAA,CAACL,IAAI,qBACDJ,KAAA,CAAAS,aAAA,CAACL,IAAI,CAACS,MAAM;IAACC,IAAI,EAAE,EAAG;IAACJ,SAAS,EAAE;EAA4B,GACzDF,QACQ,CACX,CAAC;AAEf,CAAC,CAAC;AAOF,MAAMO,KAAK,GAAGb,eAAe,CAAC,WAAW,EAAE,CAAC;EAAEc,KAAK;EAAEC;AAAwB,CAAC,KAAK;EAC/E,oBACIjB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBV,KAAA,CAAAS,aAAA,CAACJ,OAAO;IAACa,KAAK,EAAE;EAAE,GAAEF,KAAe,CAAC,EACnCC,WAAW,iBACRjB,KAAA,CAAAS,aAAA,CAACH,IAAI;IAACa,EAAE,EAAE,KAAM;IAACC,IAAI,EAAE,IAAK;IAACV,SAAS,EAAE;EAA0B,GAC7DO,WACC,CAET,CAAC;AAEd,CAAC,CAAC;AAOF,OAAO,MAAMI,KAAK,GAAGA,CAAC;EAAEL,KAAK,GAAG,sBAAsB;EAAEC;AAAwB,CAAC,KAAK;EAClF,IAAI,CAACA,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBV,KAAA,CAAAS,aAAA,CAACN,KAAK;IAACa,KAAK,EAAEA,KAAM;IAACM,IAAI,EAAE;EAAS,GAC/BL,WACE,CACN,CAAC;AAEd,CAAC;AAED,OAAO,MAAMM,IAAI,GAAG;EAChBhB,SAAS;EACTI,OAAO;EACPI,KAAK;EACLH,MAAM;EACNS;AACJ,CAAC","ignoreList":[]}

package/federatedIdentityProviders.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.federatedIdentityProviders = void 0;
-var federatedIdentityProviders = exports.federatedIdentityProviders = {
+export const federatedIdentityProviders = {
   cognito: "COGNITO",
   google: "Google",
   facebook: "Facebook",

package/federatedIdentityProviders.js.map

@@ -1 +1 @@
-{"version":3,"names":["federatedIdentityProviders","exports","cognito","google","facebook","amazon","apple"],"sources":["federatedIdentityProviders.ts"],"sourcesContent":["import React from \"react\";\n\nexport const federatedIdentityProviders: Record<string, string> = {\n    cognito: \"COGNITO\",\n    google: \"Google\",\n    facebook: \"Facebook\",\n    amazon: \"LoginWithAmazon\",\n    apple: \"SignInWithApple\"\n};\n\nexport interface SignInProps {\n    signIn: () => void;\n}\n\nexport type FederatedIdentityProvider = {\n    name: string;\n    component: React.FunctionComponent<SignInProps>;\n};\n"],"mappings":";;;;;;AAEO,IAAMA,0BAAkD,GAAAC,OAAA,CAAAD,0BAAA,GAAG;EAC9DE,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,iBAAiB;EACzBC,KAAK,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["federatedIdentityProviders","cognito","google","facebook","amazon","apple"],"sources":["federatedIdentityProviders.ts"],"sourcesContent":["import React from \"react\";\n\nexport const federatedIdentityProviders: Record<string, string> = {\n    cognito: \"COGNITO\",\n    google: \"Google\",\n    facebook: \"Facebook\",\n    amazon: \"LoginWithAmazon\",\n    apple: \"SignInWithApple\"\n};\n\nexport interface SignInProps {\n    signIn: () => void;\n}\n\nexport type FederatedIdentityProvider = {\n    name: string;\n    component: React.FunctionComponent<SignInProps>;\n};\n"],"mappings":"AAEA,OAAO,MAAMA,0BAAkD,GAAG;EAC9DC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,iBAAiB;EACzBC,KAAK,EAAE;AACX,CAAC","ignoreList":[]}

package/index.d.ts

@@ -23,25 +23,6 @@ export declare const Components: {
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        Logo: (() => React.JSX.Element) & {
-            original: () => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        } & {
-            original: (() => React.JSX.Element) & {
-                original: () => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            };
-            originalName: string;
-            displayName: string;
-        } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(() => React.JSX.Element) & {
-                original: () => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            }>) => (props: unknown) => React.JSX.Element;
-        };
         Content: (({ children }: import("./components/View").ContentProps) => React.JSX.Element) & {
             original: ({ children }: import("./components/View").ContentProps) => React.JSX.Element;
             originalName: string;
@@ -99,6 +80,7 @@ export declare const Components: {
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
+        Error: ({ title, description }: import("./components/View").ErrorProps) => React.JSX.Element | null;
     };
     FederatedProviders: {
         Container: (({ children }: import("./components/FederatedProviders").ContainerProps) => React.JSX.Element) & {

package/index.js

@@ -1,125 +1,116 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAuthentication = exports.Components = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _auth = require("@aws-amplify/auth");
-var _reactHooks = require("@apollo/react-hooks");
-var _apolloLinkContext = require("apollo-link-context");
-var _plugins = require("@webiny/plugins");
-var _ApolloLinkPlugin = require("@webiny/app/plugins/ApolloLinkPlugin");
-var _Authenticator = require("@webiny/app-cognito-authenticator/Authenticator");
-var _appSecurity = require("@webiny/app-security");
-var _config = require("@webiny/app/config");
-var _SignIn = require("./views/SignIn");
-var _RequireNewPassword = require("./views/RequireNewPassword");
-var _ForgotPassword = require("./views/ForgotPassword");
-var _SetNewPassword = require("./views/SetNewPassword");
-var _SignedIn = require("./views/SignedIn");
-var _LoggingIn = require("./views/LoggingIn");
-var _FederatedProviders = require("./components/FederatedProviders");
-var _View = require("./components/View");
-var _excluded = ["allowSignInWithCredentials", "getIdentityData", "onError"],
-  _excluded2 = ["id", "displayName", "type", "permissions"];
-var Components = exports.Components = {
-  View: _View.View,
-  FederatedProviders: _FederatedProviders.FederatedProviders,
-  SignIn: _SignIn.SignIn
+import React, { useCallback, useEffect, useState } from "react";
+import { Auth } from "@aws-amplify/auth";
+import { useApolloClient } from "@apollo/react-hooks";
+import { setContext } from "apollo-link-context";
+import { plugins } from "@webiny/plugins";
+import { ApolloLinkPlugin } from "@webiny/app/plugins/ApolloLinkPlugin";
+import { Authenticator } from "@webiny/app-cognito-authenticator/Authenticator";
+import { useSecurity } from "@webiny/app-security";
+import { config as appConfig } from "@webiny/app/config";
+import { SignIn } from "./views/SignIn";
+import { RequireNewPassword } from "./views/RequireNewPassword";
+import { ForgotPassword } from "./views/ForgotPassword";
+import { SetNewPassword } from "./views/SetNewPassword";
+import { SignedIn } from "./views/SignedIn";
+import { LoggingIn } from "./views/LoggingIn";
+import { FederatedProviders } from "./components/FederatedProviders";
+import { View } from "./components/View";
+export const Components = {
+  View,
+  FederatedProviders,
+  SignIn
 };
-var createApolloLinkPlugin = function createApolloLinkPlugin() {
-  return new _ApolloLinkPlugin.ApolloLinkPlugin(function () {
-    return (0, _apolloLinkContext.setContext)(async function (_, _ref) {
-      var headers = _ref.headers;
-      var user = await _auth.Auth.currentSession();
-      var idToken = user.getIdToken();
+const createApolloLinkPlugin = () => {
+  return new ApolloLinkPlugin(() => {
+    return setContext(async (_, {
+      headers
+    }) => {
+      const user = await Auth.currentSession();
+      const idToken = user.getIdToken();
       if (!idToken) {
         return {
-          headers: headers
+          headers
         };
       }
 
       // If "Authorization" header is already set, don't overwrite it.
       if (headers && headers.Authorization) {
         return {
-          headers: headers
+          headers
         };
       }
       return {
-        headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
-          Authorization: "Bearer ".concat(idToken.getJwtToken())
-        })
+        headers: {
+          ...headers,
+          Authorization: `Bearer ${idToken.getJwtToken()}`
+        }
       };
     });
   });
 };
-var validatePermissions = function validatePermissions(permissions) {
-  var appPermissions = permissions.filter(function (p) {
-    return p.name !== "aacl";
-  });
+const validatePermissions = permissions => {
+  const appPermissions = permissions.filter(p => p.name !== "aacl");
   if (appPermissions.length === 0) {
     throw new Error("You have no permissions on this tenant!");
   }
 };
-var defaultOptions = {
-  region: _config.config.getKey("USER_POOL_REGION", process.env.REACT_APP_USER_POOL_REGION),
-  userPoolId: _config.config.getKey("USER_POOL_ID", process.env.REACT_APP_USER_POOL_ID),
-  userPoolWebClientId: _config.config.getKey("USER_POOL_WEB_CLIENT_ID", process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID)
+const defaultOptions = {
+  region: appConfig.getKey("USER_POOL_REGION", process.env.REACT_APP_USER_POOL_REGION),
+  userPoolId: appConfig.getKey("USER_POOL_ID", process.env.REACT_APP_USER_POOL_ID),
+  userPoolWebClientId: appConfig.getKey("USER_POOL_WEB_CLIENT_ID", process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID)
 };
-var createAuthentication = exports.createAuthentication = function createAuthentication(_ref2) {
-  var _ref2$allowSignInWith = _ref2.allowSignInWithCredentials,
-    allowSignInWithCredentials = _ref2$allowSignInWith === void 0 ? true : _ref2$allowSignInWith,
-    getIdentityData = _ref2.getIdentityData,
-    onError = _ref2.onError,
-    config = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+export const createAuthentication = ({
+  allowSignInWithCredentials = true,
+  getIdentityData,
+  onError,
+  ...config
+}) => {
   /**
    * TODO @ts-refactor
    */
   // @ts-expect-error
-  Object.keys(config).forEach(function (key) {
-    return config[key] === undefined && delete config[key];
+  Object.keys(config).forEach(key => config[key] === undefined && delete config[key]);
+  Auth.configure({
+    ...defaultOptions,
+    ...config
   });
-  _auth.Auth.configure((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultOptions), config));
-  var Authentication = function Authentication(props) {
-    var children = props.children;
-    var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loadingIdentity = _useState2[0],
-      setLoadingIdentity = _useState2[1];
-    var _useSecurity = (0, _appSecurity.useSecurity)(),
-      setIdentity = _useSecurity.setIdentity,
-      setIdTokenProvider = _useSecurity.setIdTokenProvider;
-    var client = (0, _reactHooks.useApolloClient)();
-    var onToken = (0, _react.useCallback)(async function (token) {
-      var payload = token.payload,
-        logout = token.logout;
+  const Authentication = props => {
+    const {
+      children
+    } = props;
+    const [loadingIdentity, setLoadingIdentity] = useState(false);
+    const {
+      setIdentity,
+      setIdTokenProvider
+    } = useSecurity();
+    const client = useApolloClient();
+    const onToken = useCallback(async token => {
+      const {
+        payload,
+        logout
+      } = token;
       setLoadingIdentity(true);
       try {
-        var _await$getIdentityDat = await getIdentityData({
-            client: client,
-            payload: payload
-          }),
-          id = _await$getIdentityDat.id,
-          displayName = _await$getIdentityDat.displayName,
-          type = _await$getIdentityDat.type,
-          permissions = _await$getIdentityDat.permissions,
-          data = (0, _objectWithoutProperties2.default)(_await$getIdentityDat, _excluded2);
-        setIdentity((0, _objectSpread2.default)((0, _objectSpread2.default)({
-          id: id,
-          displayName: displayName,
-          type: type,
-          permissions: permissions
-        }, data), {}, {
-          logout: logout || function () {
+        const {
+          id,
+          displayName,
+          type,
+          permissions,
+          ...data
+        } = await getIdentityData({
+          client,
+          payload
+        });
+        setIdentity({
+          id,
+          displayName,
+          type,
+          permissions,
+          ...data,
+          logout: logout || (() => {
             return void 0;
-          }
-        }));
+          })
+        });
         validatePermissions(permissions);
       } catch (err) {
         console.log("ERROR", err);
@@ -132,24 +123,24 @@ var createAuthentication = exports.createAuthentication = function createAuthent
         setLoadingIdentity(false);
       }
     }, []);
-    (0, _react.useEffect)(function () {
+    useEffect(() => {
       /**
        * We need to give the security layer a way to fetch the `idToken`, so other network clients can use
        * it when sending requests to external services (APIs, websockets,...).
        */
-      setIdTokenProvider(async function () {
-        var user = await _auth.Auth.currentSession();
-        var idToken = user.getIdToken();
+      setIdTokenProvider(async () => {
+        const user = await Auth.currentSession();
+        const idToken = user.getIdToken();
         return idToken ? idToken.getJwtToken() : undefined;
       });
-      _plugins.plugins.register(createApolloLinkPlugin());
+      plugins.register(createApolloLinkPlugin());
     }, []);
-    return /*#__PURE__*/_react.default.createElement(_Authenticator.Authenticator, {
+    return /*#__PURE__*/React.createElement(Authenticator, {
       onToken: onToken
-    }, loadingIdentity ? /*#__PURE__*/_react.default.createElement(_LoggingIn.LoggingIn, null) : /*#__PURE__*/_react.default.createElement(_SignIn.SignIn, {
+    }, loadingIdentity ? /*#__PURE__*/React.createElement(LoggingIn, null) : /*#__PURE__*/React.createElement(SignIn, {
       federatedProviders: config.federatedProviders,
       allowSignInWithCredentials: allowSignInWithCredentials
-    }), /*#__PURE__*/_react.default.createElement(_RequireNewPassword.RequireNewPassword, null), /*#__PURE__*/_react.default.createElement(_ForgotPassword.ForgotPassword, null), /*#__PURE__*/_react.default.createElement(_SetNewPassword.SetNewPassword, null), /*#__PURE__*/_react.default.createElement(_SignedIn.SignedIn, null, children));
+    }), /*#__PURE__*/React.createElement(RequireNewPassword, null), /*#__PURE__*/React.createElement(ForgotPassword, null), /*#__PURE__*/React.createElement(SetNewPassword, null), /*#__PURE__*/React.createElement(SignedIn, null, children));
   };
   return Authentication;
 };