@webiny/app-admin-cognito 5.43.3 → 6.0.0-alpha.1

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-full 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-full 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;EAA0D,gBACtEV,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.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export declare const federatedIdentityProviders: Record<string, string>;
 export interface SignInProps {
     signIn: () => void;

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 type 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

@@ -1,7 +1,7 @@
 import React from "react";
-import { AuthOptions } from "@aws-amplify/auth/lib-esm/types";
-import ApolloClient from "apollo-client";
-import { FederatedIdentityProvider } from "./federatedIdentityProviders";
+import type { AuthOptions } from "@aws-amplify/auth/lib-esm/types";
+import type ApolloClient from "apollo-client";
+import type { FederatedIdentityProvider } from "./federatedIdentityProviders";
 export declare const Components: {
     View: {
         Container: (({ children }: import("./components/View").ContainerProps) => React.JSX.Element) & {
@@ -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) & {