@webiny/app-admin-cognito 5.39.4-beta.0 → 5.39.4-beta.1

package/components/Divider.d.ts

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

package/components/Divider.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Divider = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Divider",
+  target: "e1v7qj260"
+})("border-top:1px solid #ececec;");
+exports.Divider = Divider;
+
+//# sourceMappingURL=Divider.js.map

package/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","Divider","styled","label","target","exports"],"sources":["Divider.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Divider = styled.div`\n    border-top: 1px solid #ececec;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,OAAO,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,mCAE5B;AAACC,OAAA,CAAAJ,OAAA,GAAAA,OAAA"}

package/components/FederatedProviders.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+}
+export declare const Container: import("@webiny/app-admin").GenericComponent<ContainerProps> & {
+    original: import("@webiny/app-admin").GenericComponent<ContainerProps>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+};
+export declare const FederatedProviders: {
+    Container: import("@webiny/app-admin").GenericComponent<ContainerProps> & {
+        original: import("@webiny/app-admin").GenericComponent<ContainerProps>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+};

package/components/FederatedProviders.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FederatedProviders = exports.Container = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _appAdmin = require("@webiny/app-admin");
+var FlexContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FlexContainer",
+  target: "e14conl60"
+})("display:flex;column-gap:10px;padding-top:20px;justify-content:center;");
+var Container = (0, _appAdmin.makeDecoratable)("FederatedProvidersContainer", function (_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(FlexContainer, null, children);
+});
+exports.Container = Container;
+var FederatedProviders = {
+  Container: Container
+};
+exports.FederatedProviders = FederatedProviders;
+
+//# sourceMappingURL=FederatedProviders.js.map

package/components/FederatedProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_appAdmin","FlexContainer","styled","label","target","Container","makeDecoratable","_ref","children","default","createElement","exports","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;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAMG,aAAa,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,2EAK3B;AAMM,IAAMC,SAAS,GAAG,IAAAC,yBAAe,EACpC,6BAA6B,EAC7B,UAAAC,IAAA,EAAkC;EAAA,IAA/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACP,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,aAAa,QAAEO,QAAwB,CAAC;AACpD,CACJ,CAAC;AAACG,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEK,IAAMO,kBAAkB,GAAG;EAC9BP,SAAS,EAATA;AACJ,CAAC;AAACM,OAAA,CAAAC,kBAAA,GAAAA,kBAAA"}

package/{views → components}/StyledComponents.js

@@ -8,7 +8,7 @@ exports.errorMessage = exports.alignRight = exports.alignCenter = exports.Wrappe
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _emotion = require("emotion");
 var Wrapper = /*#__PURE__*/(0, _styled.default)("section", {
-  target: "exiqwj40",
+  target: "e1uiqc0x0",
   label: "Wrapper"
 })({
   display: "flex",
@@ -19,7 +19,7 @@ var Wrapper = /*#__PURE__*/(0, _styled.default)("section", {
 });
 exports.Wrapper = Wrapper;
 var LogoWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exiqwj41",
+  target: "e1uiqc0x1",
   label: "LogoWrapper"
 })({
   margin: "0 auto",
@@ -27,7 +27,7 @@ var LogoWrapper = /*#__PURE__*/(0, _styled.default)("div", {
 });
 exports.LogoWrapper = LogoWrapper;
 var LoginContent = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exiqwj42",
+  target: "e1uiqc0x2",
   label: "LoginContent"
 })({
   width: "100%",
@@ -48,7 +48,7 @@ var LoginContent = /*#__PURE__*/(0, _styled.default)("div", {
 });
 exports.LoginContent = LoginContent;
 var InnerContent = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exiqwj43",
+  target: "e1uiqc0x3",
   label: "InnerContent"
 })({
   position: "relative",
@@ -56,7 +56,7 @@ var InnerContent = /*#__PURE__*/(0, _styled.default)("div", {
 });
 exports.InnerContent = InnerContent;
 var Footer = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exiqwj44",
+  target: "e1uiqc0x4",
   label: "Footer"
 })({
   textAlign: "center",
@@ -68,7 +68,7 @@ var Footer = /*#__PURE__*/(0, _styled.default)("div", {
 });
 exports.Footer = Footer;
 var Title = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exiqwj45",
+  target: "e1uiqc0x5",
   label: "Title"
 })({
   textAlign: "center",

package/components/View.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+}
+export interface ContentProps {
+    children: React.ReactNode;
+}
+export interface FooterProps {
+    children: React.ReactNode;
+}
+export interface TitleProps {
+    title: string;
+    description?: React.ReactNode;
+}
+export declare const View: {
+    Container: import("@webiny/app-admin").GenericComponent<ContainerProps> & {
+        original: import("@webiny/app-admin").GenericComponent<ContainerProps>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+    Logo: import("@webiny/app-admin").GenericComponent<any> & {
+        original: import("@webiny/app-admin").GenericComponent<any>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+    Content: import("@webiny/app-admin").GenericComponent<ContentProps> & {
+        original: import("@webiny/app-admin").GenericComponent<ContentProps>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContentProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+    Title: import("@webiny/app-admin").GenericComponent<TitleProps> & {
+        original: import("@webiny/app-admin").GenericComponent<TitleProps>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: TitleProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+    Footer: import("@webiny/app-admin").GenericComponent<FooterProps> & {
+        original: import("@webiny/app-admin").GenericComponent<FooterProps>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FooterProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+};

package/components/View.js

@@ -0,0 +1,51 @@
+"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));
+});
+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, {
+    span: 12,
+    style: {
+      textAlign: "center"
+    }
+  }, 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("h1", null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    use: "headline4"
+  }, title)), description ? /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    use: "body1"
+  }, description)) : null);
+});
+var View = {
+  Container: Container,
+  Logo: _appAdmin.Logo,
+  Content: Content,
+  Title: Title,
+  Footer: Footer
+};
+exports.View = View;
+
+//# sourceMappingURL=View.js.map

package/components/View.js.map

@@ -0,0 +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            <h1>\n                <Typography use=\"headline4\">{title}</Typography>\n            </h1>\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,0BACIZ,KAAA,CAAAY,aAAA,CAACL,WAAA,CAAA0B,UAAU;IAACC,GAAG,EAAC;EAAW,GAAEH,KAAkB,CAC/C,CAAC,EACJC,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,GAAG;EAChB3B,SAAS,EAATA,SAAS;EACTO,IAAI,EAAJA,cAAI;EACJE,OAAO,EAAPA,OAAO;EACPY,KAAK,EAALA,KAAK;EACLP,MAAM,EAANA;AACJ,CAAC;AAACc,OAAA,CAAAD,IAAA,GAAAA,IAAA"}

package/federatedIdentityProviders.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export declare const federatedIdentityProviders: Record<string, string>;
+export interface SignInProps {
+    signIn: () => void;
+}
+export declare type FederatedIdentityProvider = {
+    name: string;
+    component: React.FunctionComponent<SignInProps>;
+};

package/federatedIdentityProviders.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.federatedIdentityProviders = void 0;
+var federatedIdentityProviders = {
+  cognito: "COGNITO",
+  google: "Google",
+  facebook: "Facebook",
+  amazon: "LoginWithAmazon",
+  apple: "SignInWithApple"
+};
+exports.federatedIdentityProviders = federatedIdentityProviders;
+
+//# sourceMappingURL=federatedIdentityProviders.js.map

package/federatedIdentityProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["federatedIdentityProviders","cognito","google","facebook","amazon","apple","exports"],"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,GAAG;EAC9DC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,iBAAiB;EACzBC,KAAK,EAAE;AACX,CAAC;AAACC,OAAA,CAAAN,0BAAA,GAAAA,0BAAA"}

package/index.d.ts

@@ -1,19 +1,68 @@
 import React from "react";
-import { AuthOptions, CognitoHostedUIIdentityProvider } from "@aws-amplify/auth/lib-esm/types";
+import { AuthOptions } from "@aws-amplify/auth/lib-esm/types";
 import ApolloClient from "apollo-client";
+import { FederatedIdentityProvider } from "./federatedIdentityProviders";
+export declare const Components: {
+    View: {
+        Container: import("@webiny/react-composition").GenericComponent<import("./components/View").ContainerProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./components/View").ContainerProps>;
+            originalName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./components/View").ContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        };
+        Logo: import("@webiny/react-composition").GenericComponent<any> & {
+            original: import("@webiny/react-composition").GenericComponent<any>;
+            originalName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        };
+        Content: import("@webiny/react-composition").GenericComponent<import("./components/View").ContentProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./components/View").ContentProps>;
+            originalName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./components/View").ContentProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        };
+        Title: import("@webiny/react-composition").GenericComponent<import("./components/View").TitleProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./components/View").TitleProps>;
+            originalName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./components/View").TitleProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        };
+        Footer: import("@webiny/react-composition").GenericComponent<import("./components/View").FooterProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./components/View").FooterProps>;
+            originalName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./components/View").FooterProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        };
+    };
+    FederatedProviders: {
+        Container: import("@webiny/react-composition").GenericComponent<import("./components/FederatedProviders").ContainerProps> & {
+            original: import("@webiny/react-composition").GenericComponent<import("./components/FederatedProviders").ContainerProps>;
+            originalName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./components/FederatedProviders").ContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+        };
+    };
+    SignIn: import("@webiny/react-composition").GenericComponent<import("./views/SignIn").SignInProps> & {
+        original: import("@webiny/react-composition").GenericComponent<import("./views/SignIn").SignInProps>;
+        originalName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./views/SignIn").SignInProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    };
+};
 export interface AuthenticationProps {
     children: React.ReactNode;
 }
-export declare type CognitoFederatedProvider = keyof typeof CognitoHostedUIIdentityProvider;
 export interface AuthenticationFactoryConfig extends AuthOptions {
-    federatedProviders?: CognitoFederatedProvider[];
-    onError?(error: Error): void;
-    getIdentityData(params: {
+    allowSignInWithCredentials?: boolean;
+    federatedProviders?: FederatedIdentityProvider[];
+    onError?: (error: Error) => void;
+    getIdentityData: (params: {
         client: ApolloClient<any>;
         payload: {
             [key: string]: any;
         };
-    }): Promise<{
+    }) => Promise<{
         [key: string]: any;
     }>;
 }

package/index.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createAuthentication = void 0;
+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"));
@@ -18,14 +18,22 @@ 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 = _interopRequireDefault(require("./views/SignIn"));
-var _RequireNewPassword = _interopRequireDefault(require("./views/RequireNewPassword"));
-var _ForgotPassword = _interopRequireDefault(require("./views/ForgotPassword"));
-var _SetNewPassword = _interopRequireDefault(require("./views/SetNewPassword"));
-var _SignedIn = _interopRequireDefault(require("./views/SignedIn"));
-var _LoggingIn = _interopRequireDefault(require("./views/LoggingIn"));
-var _excluded = ["getIdentityData", "onError"],
+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 = {
+  View: _View.View,
+  FederatedProviders: _FederatedProviders.FederatedProviders,
+  SignIn: _SignIn.SignIn
+};
+exports.Components = Components;
 var createApolloLinkPlugin = function createApolloLinkPlugin() {
   return new _ApolloLinkPlugin.ApolloLinkPlugin(function () {
     return (0, _apolloLinkContext.setContext)(async function (_, _ref) {
@@ -66,7 +74,9 @@ var defaultOptions = {
   userPoolWebClientId: _config.config.getKey("USER_POOL_WEB_CLIENT_ID", process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID)
 };
 var createAuthentication = function createAuthentication(_ref2) {
-  var getIdentityData = _ref2.getIdentityData,
+  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);
   /**
@@ -127,9 +137,10 @@ var createAuthentication = function createAuthentication(_ref2) {
     }, []);
     return /*#__PURE__*/_react.default.createElement(_Authenticator.Authenticator, {
       onToken: onToken
-    }, loadingIdentity ? /*#__PURE__*/_react.default.createElement(_LoggingIn.default, null) : /*#__PURE__*/_react.default.createElement(_SignIn.default, {
-      federatedProviders: config.federatedProviders
-    }), /*#__PURE__*/_react.default.createElement(_RequireNewPassword.default, null), /*#__PURE__*/_react.default.createElement(_ForgotPassword.default, null), /*#__PURE__*/_react.default.createElement(_SetNewPassword.default, null), /*#__PURE__*/_react.default.createElement(_SignedIn.default, null, children));
+    }, loadingIdentity ? /*#__PURE__*/_react.default.createElement(_LoggingIn.LoggingIn, null) : /*#__PURE__*/_react.default.createElement(_SignIn.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));
   };
   return Authentication;
 };

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_auth","_reactHooks","_apolloLinkContext","_plugins","_ApolloLinkPlugin","_Authenticator","_appSecurity","_config","_SignIn","_interopRequireDefault","_RequireNewPassword","_ForgotPassword","_SetNewPassword","_SignedIn","_LoggingIn","_excluded","_excluded2","createApolloLinkPlugin","ApolloLinkPlugin","setContext","_","_ref","headers","user","Auth","currentSession","idToken","getIdToken","Authorization","_objectSpread2","default","concat","getJwtToken","validatePermissions","permissions","appPermissions","filter","p","name","length","Error","defaultOptions","region","appConfig","getKey","process","env","REACT_APP_USER_POOL_REGION","userPoolId","REACT_APP_USER_POOL_ID","userPoolWebClientId","REACT_APP_USER_POOL_WEB_CLIENT_ID","createAuthentication","_ref2","getIdentityData","onError","config","_objectWithoutProperties2","Object","keys","forEach","key","undefined","configure","Authentication","props","children","_useState","useState","_useState2","_slicedToArray2","loadingIdentity","setLoadingIdentity","_useSecurity","useSecurity","setIdentity","client","useApolloClient","onToken","useCallback","token","payload","logout","_await$getIdentityDat","id","displayName","type","data","err","console","log","error","useEffect","plugins","register","createElement","Authenticator","federatedProviders","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { AuthOptions, CognitoHostedUIIdentityProvider } from \"@aws-amplify/auth/lib-esm/types\";\nimport ApolloClient from \"apollo-client\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { setContext } from \"apollo-link-context\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"@webiny/app/plugins/ApolloLinkPlugin\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { CognitoIdToken } from \"@webiny/app-cognito-authenticator/types\";\nimport { Authenticator } from \"@webiny/app-cognito-authenticator/Authenticator\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport SignIn from \"~/views/SignIn\";\nimport RequireNewPassword from \"~/views/RequireNewPassword\";\nimport ForgotPassword from \"~/views/ForgotPassword\";\nimport SetNewPassword from \"~/views/SetNewPassword\";\nimport SignedIn from \"~/views/SignedIn\";\nimport LoggingIn from \"~/views/LoggingIn\";\n\nconst createApolloLinkPlugin = (): ApolloLinkPlugin => {\n    return new ApolloLinkPlugin(() => {\n        return setContext(async (_, { headers }) => {\n            const user = await Auth.currentSession();\n            const idToken = user.getIdToken();\n\n            if (!idToken) {\n                return { headers };\n            }\n\n            // If \"Authorization\" header is already set, don't overwrite it.\n            if (headers && headers.Authorization) {\n                return { headers };\n            }\n\n            return {\n                headers: {\n                    ...headers,\n                    Authorization: `Bearer ${idToken.getJwtToken()}`\n                }\n            };\n        });\n    });\n};\n\nconst validatePermissions = (permissions: SecurityPermission[]) => {\n    const appPermissions = permissions.filter(p => p.name !== \"aacl\");\n    if (appPermissions.length === 0) {\n        throw new Error(\"You have no permissions on this tenant!\");\n    }\n};\n\nconst defaultOptions = {\n    region: appConfig.getKey(\"USER_POOL_REGION\", process.env.REACT_APP_USER_POOL_REGION),\n    userPoolId: appConfig.getKey(\"USER_POOL_ID\", process.env.REACT_APP_USER_POOL_ID),\n    userPoolWebClientId: appConfig.getKey(\n        \"USER_POOL_WEB_CLIENT_ID\",\n        process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID\n    )\n};\n\nexport interface AuthenticationProps {\n    children: React.ReactNode;\n}\n\nexport type CognitoFederatedProvider = keyof typeof CognitoHostedUIIdentityProvider;\n\nexport interface AuthenticationFactoryConfig extends AuthOptions {\n    federatedProviders?: CognitoFederatedProvider[];\n    onError?(error: Error): void;\n    getIdentityData(params: {\n        client: ApolloClient<any>;\n        payload: { [key: string]: any };\n    }): Promise<{ [key: string]: any }>;\n}\n\ninterface AuthenticationFactory {\n    (params: AuthenticationFactoryConfig): React.ComponentType<AuthenticationProps>;\n}\n\nexport const createAuthentication: AuthenticationFactory = ({\n    getIdentityData,\n    onError,\n    ...config\n}) => {\n    /**\n     * TODO @ts-refactor\n     */\n    // @ts-expect-error\n    Object.keys(config).forEach(key => config[key] === undefined && delete config[key]);\n    Auth.configure({ ...defaultOptions, ...config });\n\n    const Authentication = (props: AuthenticationProps) => {\n        const { children } = props;\n        const [loadingIdentity, setLoadingIdentity] = useState(false);\n        const { setIdentity } = useSecurity();\n        const client = useApolloClient();\n\n        const onToken = useCallback(async (token: CognitoIdToken) => {\n            const { payload, logout } = token;\n\n            setLoadingIdentity(true);\n\n            try {\n                const { id, displayName, type, permissions, ...data } = await getIdentityData({\n                    client,\n                    payload\n                });\n\n                setIdentity({\n                    id,\n                    displayName,\n                    type,\n                    permissions,\n                    ...data,\n                    logout:\n                        logout ||\n                        (() => {\n                            return void 0;\n                        })\n                });\n\n                validatePermissions(permissions);\n            } catch (err) {\n                console.log(\"ERROR\", err);\n                if (typeof onError === \"function\") {\n                    onError(err);\n                } else {\n                    console.error(err);\n                }\n            } finally {\n                setLoadingIdentity(false);\n            }\n        }, []);\n\n        useEffect(() => {\n            plugins.register(createApolloLinkPlugin());\n        }, []);\n\n        return (\n            <Authenticator onToken={onToken}>\n                {loadingIdentity ? (\n                    <LoggingIn />\n                ) : (\n                    <SignIn federatedProviders={config.federatedProviders} />\n                )}\n                <RequireNewPassword />\n                <ForgotPassword />\n                <SetNewPassword />\n                <SignedIn>{children}</SignedIn>\n            </Authenticator>\n        );\n    };\n\n    return Authentication;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_auth","_reactHooks","_apolloLinkContext","_plugins","_ApolloLinkPlugin","_Authenticator","_appSecurity","_config","_SignIn","_RequireNewPassword","_ForgotPassword","_SetNewPassword","_SignedIn","_LoggingIn","_FederatedProviders","_View","_excluded","_excluded2","Components","View","FederatedProviders","SignIn","exports","createApolloLinkPlugin","ApolloLinkPlugin","setContext","_","_ref","headers","user","Auth","currentSession","idToken","getIdToken","Authorization","_objectSpread2","default","concat","getJwtToken","validatePermissions","permissions","appPermissions","filter","p","name","length","Error","defaultOptions","region","appConfig","getKey","process","env","REACT_APP_USER_POOL_REGION","userPoolId","REACT_APP_USER_POOL_ID","userPoolWebClientId","REACT_APP_USER_POOL_WEB_CLIENT_ID","createAuthentication","_ref2","_ref2$allowSignInWith","allowSignInWithCredentials","getIdentityData","onError","config","_objectWithoutProperties2","Object","keys","forEach","key","undefined","configure","Authentication","props","children","_useState","useState","_useState2","_slicedToArray2","loadingIdentity","setLoadingIdentity","_useSecurity","useSecurity","setIdentity","client","useApolloClient","onToken","useCallback","token","payload","logout","_await$getIdentityDat","id","displayName","type","data","err","console","log","error","useEffect","plugins","register","createElement","Authenticator","LoggingIn","federatedProviders","RequireNewPassword","ForgotPassword","SetNewPassword","SignedIn"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { AuthOptions } from \"@aws-amplify/auth/lib-esm/types\";\nimport ApolloClient from \"apollo-client\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { setContext } from \"apollo-link-context\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"@webiny/app/plugins/ApolloLinkPlugin\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { CognitoIdToken } from \"@webiny/app-cognito-authenticator/types\";\nimport { Authenticator } from \"@webiny/app-cognito-authenticator/Authenticator\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { SignIn } from \"~/views/SignIn\";\nimport { RequireNewPassword } from \"~/views/RequireNewPassword\";\nimport { ForgotPassword } from \"~/views/ForgotPassword\";\nimport { SetNewPassword } from \"~/views/SetNewPassword\";\nimport { SignedIn } from \"~/views/SignedIn\";\nimport { LoggingIn } from \"~/views/LoggingIn\";\nimport { FederatedIdentityProvider } from \"~/federatedIdentityProviders\";\nimport { FederatedProviders } from \"~/components/FederatedProviders\";\nimport { View } from \"~/components/View\";\n\nexport const Components = {\n    View,\n    FederatedProviders,\n    SignIn\n};\n\nconst createApolloLinkPlugin = (): ApolloLinkPlugin => {\n    return new ApolloLinkPlugin(() => {\n        return setContext(async (_, { headers }) => {\n            const user = await Auth.currentSession();\n            const idToken = user.getIdToken();\n\n            if (!idToken) {\n                return { headers };\n            }\n\n            // If \"Authorization\" header is already set, don't overwrite it.\n            if (headers && headers.Authorization) {\n                return { headers };\n            }\n\n            return {\n                headers: {\n                    ...headers,\n                    Authorization: `Bearer ${idToken.getJwtToken()}`\n                }\n            };\n        });\n    });\n};\n\nconst validatePermissions = (permissions: SecurityPermission[]) => {\n    const appPermissions = permissions.filter(p => p.name !== \"aacl\");\n    if (appPermissions.length === 0) {\n        throw new Error(\"You have no permissions on this tenant!\");\n    }\n};\n\nconst defaultOptions = {\n    region: appConfig.getKey(\"USER_POOL_REGION\", process.env.REACT_APP_USER_POOL_REGION),\n    userPoolId: appConfig.getKey(\"USER_POOL_ID\", process.env.REACT_APP_USER_POOL_ID),\n    userPoolWebClientId: appConfig.getKey(\n        \"USER_POOL_WEB_CLIENT_ID\",\n        process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID\n    )\n};\n\nexport interface AuthenticationProps {\n    children: React.ReactNode;\n}\n\nexport interface AuthenticationFactoryConfig extends AuthOptions {\n    allowSignInWithCredentials?: boolean;\n    federatedProviders?: FederatedIdentityProvider[];\n    onError?: (error: Error) => void;\n    getIdentityData: (params: {\n        client: ApolloClient<any>;\n        payload: { [key: string]: any };\n    }) => Promise<{ [key: string]: any }>;\n}\n\ninterface AuthenticationFactory {\n    (params: AuthenticationFactoryConfig): React.ComponentType<AuthenticationProps>;\n}\n\nexport const createAuthentication: AuthenticationFactory = ({\n    allowSignInWithCredentials = true,\n    getIdentityData,\n    onError,\n    ...config\n}) => {\n    /**\n     * TODO @ts-refactor\n     */\n    // @ts-expect-error\n    Object.keys(config).forEach(key => config[key] === undefined && delete config[key]);\n    Auth.configure({ ...defaultOptions, ...config });\n\n    const Authentication = (props: AuthenticationProps) => {\n        const { children } = props;\n        const [loadingIdentity, setLoadingIdentity] = useState(false);\n        const { setIdentity } = useSecurity();\n        const client = useApolloClient();\n\n        const onToken = useCallback(async (token: CognitoIdToken) => {\n            const { payload, logout } = token;\n\n            setLoadingIdentity(true);\n\n            try {\n                const { id, displayName, type, permissions, ...data } = await getIdentityData({\n                    client,\n                    payload\n                });\n\n                setIdentity({\n                    id,\n                    displayName,\n                    type,\n                    permissions,\n                    ...data,\n                    logout:\n                        logout ||\n                        (() => {\n                            return void 0;\n                        })\n                });\n\n                validatePermissions(permissions);\n            } catch (err) {\n                console.log(\"ERROR\", err);\n                if (typeof onError === \"function\") {\n                    onError(err);\n                } else {\n                    console.error(err);\n                }\n            } finally {\n                setLoadingIdentity(false);\n            }\n        }, []);\n\n        useEffect(() => {\n            plugins.register(createApolloLinkPlugin());\n        }, []);\n\n        return (\n            <Authenticator onToken={onToken}>\n                {loadingIdentity ? (\n                    <LoggingIn />\n                ) : (\n                    <SignIn\n                        federatedProviders={config.federatedProviders}\n                        allowSignInWithCredentials={allowSignInWithCredentials}\n                    />\n                )}\n                <RequireNewPassword />\n                <ForgotPassword />\n                <SetNewPassword />\n                <SignedIn>{children}</SignedIn>\n            </Authenticator>\n        );\n    };\n\n    return Authentication;\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin-cognito",
-	"version": "5.39.4-beta.0",
+	"version": "5.39.4-beta.1",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -15,20 +15,20 @@
 		"@apollo/react-hooks": "3.1.5",
 		"@aws-amplify/auth": "5.1.9",
 		"@emotion/styled": "11.10.6",
-		"@webiny/app": "5.39.4-beta.0",
-		"@webiny/app-admin": "5.39.4-beta.0",
-		"@webiny/app-cognito-authenticator": "5.39.4-beta.0",
-		"@webiny/app-security": "5.39.4-beta.0",
-		"@webiny/form": "5.39.4-beta.0",
-		"@webiny/plugins": "5.39.4-beta.0",
-		"@webiny/ui": "5.39.4-beta.0",
-		"@webiny/validation": "5.39.4-beta.0",
+		"@webiny/app": "5.39.4-beta.1",
+		"@webiny/app-admin": "5.39.4-beta.1",
+		"@webiny/app-cognito-authenticator": "5.39.4-beta.1",
+		"@webiny/app-security": "5.39.4-beta.1",
+		"@webiny/form": "5.39.4-beta.1",
+		"@webiny/plugins": "5.39.4-beta.1",
+		"@webiny/react-composition": "5.39.4-beta.1",
+		"@webiny/ui": "5.39.4-beta.1",
+		"@webiny/validation": "5.39.4-beta.1",
 		"apollo-client": "2.6.10",
 		"apollo-link-context": "1.0.20",
 		"emotion": "10.0.27",
 		"react": "17.0.2",
-		"react-dom": "17.0.2",
-		"react-social-login-buttons": "3.9.1"
+		"react-dom": "17.0.2"
 	},
 	"devDependencies": {
 		"@babel/cli": "7.22.6",
@@ -38,8 +38,8 @@
 		"@babel/preset-env": "7.22.7",
 		"@babel/preset-react": "7.22.5",
 		"@babel/preset-typescript": "7.22.5",
-		"@webiny/cli": "5.39.4-beta.0",
-		"@webiny/project-utils": "5.39.4-beta.0",
+		"@webiny/cli": "5.39.4-beta.1",
+		"@webiny/project-utils": "5.39.4-beta.1",
 		"rimraf": "3.0.2",
 		"ttypescript": "1.5.15",
 		"typescript": "4.7.4"
@@ -54,10 +54,13 @@
 	},
 	"adio": {
 		"ignore": {
+			"dependencies": [
+				"@webiny/react-composition"
+			],
 			"peerDependencies": [
 				"react-dom"
 			]
 		}
 	},
-	"gitHead": "56d175e63932a33fe821db662c3b64ca444c9034"
+	"gitHead": "e3eb846a11cecc35882c84879464dfa2706cfcd9"
 }

package/views/FederatedLogin.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CognitoFederatedProvider } from "../index";
+import { FederatedIdentityProvider } from "../federatedIdentityProviders";
 interface FederatedLoginProps {
-    providers: CognitoFederatedProvider[];
+    providers: FederatedIdentityProvider[];
 }
 export declare const FederatedLogin: ({ providers }: FederatedLoginProps) => JSX.Element;
 export {};

package/views/FederatedLogin.js

@@ -6,33 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FederatedLogin = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _auth = require("@aws-amplify/auth");
-var _reactSocialLoginButtons = require("react-social-login-buttons");
-var federatedButtons = {
-  Facebook: _reactSocialLoginButtons.FacebookLoginButton,
-  Google: _reactSocialLoginButtons.GoogleLoginButton,
-  Amazon: _reactSocialLoginButtons.AmazonLoginButton,
-  Apple: _reactSocialLoginButtons.AppleLoginButton,
-  Cognito: function Cognito() {
-    return null;
-  }
-};
-var FederatedContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "FederatedContainer",
-  target: "e1ucz8yn0"
-})("border-top:1px solid #ececec;padding-top:20px;");
+var _federatedIdentityProviders = require("../federatedIdentityProviders");
+var _FederatedProviders = require("../components/FederatedProviders");
 var FederatedLogin = function FederatedLogin(_ref) {
   var providers = _ref.providers;
-  return /*#__PURE__*/_react.default.createElement(FederatedContainer, null, providers.map(function (provider) {
-    var Button = federatedButtons[provider];
-    return /*#__PURE__*/_react.default.createElement(Button, {
-      key: provider,
-      onClick: function onClick() {
-        return _auth.Auth.federatedSignIn({
-          provider: _auth.CognitoHostedUIIdentityProvider[provider]
+  return /*#__PURE__*/_react.default.createElement(_FederatedProviders.FederatedProviders.Container, null, providers.map(function (_ref2) {
+    var name = _ref2.name,
+      Component = _ref2.component;
+    var cognitoProviderName = _federatedIdentityProviders.federatedIdentityProviders[name] ?? name;
+    var isCustomProvider = !(name in _federatedIdentityProviders.federatedIdentityProviders);
+    var signIn = function signIn() {
+      if (isCustomProvider) {
+        _auth.Auth.federatedSignIn({
+          customProvider: cognitoProviderName
+        });
+      } else {
+        _auth.Auth.federatedSignIn({
+          provider: cognitoProviderName
         });
       }
+    };
+    return /*#__PURE__*/_react.default.createElement(Component, {
+      key: name,
+      signIn: signIn
     });
   }));
 };