@ttoss/react-auth 2.2.1 → 2.3.0

package/dist/esm/index.js

@@ -833,11 +833,12 @@ var AuthSignUp = ({
 };
 
 // src/Auth.tsx
+import { Flex as Flex5 } from "@ttoss/ui";
 import { assign, createMachine } from "xstate";
 import { confirmResetPassword, confirmSignUp, resendSignUpCode, resetPassword, signIn, signUp } from "aws-amplify/auth";
 import { useMachine } from "@xstate/react";
 import { useNotifications as useNotifications4 } from "@ttoss/react-notifications";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var authMachine = createMachine({
   predictableActionArguments: true,
   initial: "signIn",
@@ -1107,7 +1108,9 @@ var AuthLogic = () => {
 };
 var Auth = ({
   logo,
-  fullScreen = true
+  layout = {
+    fullScreen: true
+  }
 }) => {
   const withLogoNode = React6.useMemo(() => {
     return /* @__PURE__ */jsx9(LogoProvider, {
@@ -1115,7 +1118,37 @@ var Auth = ({
       children: /* @__PURE__ */jsx9(AuthLogic, {})
     });
   }, [logo]);
-  if (fullScreen) {
+  if (layout.fullScreen) {
+    if (layout.sideImage) {
+      return /* @__PURE__ */jsx9(AuthFullScreen, {
+        children: /* @__PURE__ */jsxs6(Flex5, {
+          sx: {
+            width: "100%",
+            height: "100%",
+            flexDirection: layout.sideImagePosition === "left" ? "row" : "row-reverse"
+          },
+          children: [/* @__PURE__ */jsx9(Flex5, {
+            sx: {
+              width: "100%",
+              height: "100%",
+              flex: [0, 0, 1],
+              justifyContent: "center",
+              alignItems: "center"
+            },
+            children: layout.sideImage
+          }), /* @__PURE__ */jsx9(Flex5, {
+            sx: {
+              width: "100%",
+              height: "100%",
+              flex: [1],
+              justifyContent: "center",
+              alignItems: "center"
+            },
+            children: withLogoNode
+          })]
+        })
+      });
+    }
     return /* @__PURE__ */jsx9(AuthFullScreen, {
       children: withLogoNode
     });

package/dist/index.d.ts

@@ -26,10 +26,15 @@ type LogoContextProps = {
     children?: React.ReactNode;
 };
 
-type AuthProps = LogoContextProps & {
+type AuthLayout = {
     fullScreen?: boolean;
+    sideImage?: React.ReactNode;
+    sideImagePosition?: 'left' | 'right';
+};
+type AuthProps = LogoContextProps & {
+    layout?: AuthLayout;
 };
-declare const Auth: ({ logo, fullScreen }: AuthProps) => react_jsx_runtime.JSX.Element;
+declare const Auth: ({ logo, layout }: AuthProps) => react_jsx_runtime.JSX.Element;
 
 type OnSignInInput = {
     email: string;
@@ -55,4 +60,4 @@ type OnForgotPasswordResetPassword = (input: {
     newPassword: string;
 }) => void;
 
-export { Auth, AuthProvider, type OnConfirmSignUp, type OnForgotPassword, type OnForgotPasswordResetPassword, type OnSignIn, type OnSignInInput, type OnSignUp, type OnSignUpInput, useAuth };
+export { Auth, type AuthProps, AuthProvider, type OnConfirmSignUp, type OnForgotPassword, type OnForgotPasswordResetPassword, type OnSignIn, type OnSignInInput, type OnSignUp, type OnSignUpInput, useAuth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "ttoss authentication module for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -27,29 +27,29 @@
   "dependencies": {
     "@xstate/react": "^3.2.2",
     "xstate": "^4.38.3",
-    "@ttoss/forms": "^0.26.2"
+    "@ttoss/forms": "^0.26.3"
   },
   "peerDependencies": {
     "aws-amplify": "^6.0.0",
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^2.0.4",
-    "@ttoss/ui": "^5.0.9",
-    "@ttoss/react-notifications": "^1.24.59"
+    "@ttoss/react-notifications": "^1.24.60",
+    "@ttoss/react-i18n": "^2.0.5",
+    "@ttoss/ui": "^5.0.10"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@types/react": "^18.3.7",
+    "@types/react": "^18.3.12",
     "aws-amplify": "^6.0.28",
     "jest": "^29.7.0",
     "react": "^18.3.1",
-    "tsup": "^8.3.0",
-    "@ttoss/config": "^1.34.1",
-    "@ttoss/cloud-auth": "^0.12.22",
-    "@ttoss/i18n-cli": "^0.7.22",
-    "@ttoss/react-i18n": "^2.0.4",
-    "@ttoss/test-utils": "^2.1.17",
-    "@ttoss/react-notifications": "^1.24.59",
-    "@ttoss/ui": "^5.0.9"
+    "tsup": "^8.3.5",
+    "@ttoss/i18n-cli": "^0.7.23",
+    "@ttoss/react-notifications": "^1.24.60",
+    "@ttoss/config": "^1.34.2",
+    "@ttoss/cloud-auth": "^0.12.23",
+    "@ttoss/react-i18n": "^2.0.5",
+    "@ttoss/test-utils": "^2.1.18",
+    "@ttoss/ui": "^5.0.10"
   },
   "keywords": [
     "React",