@ttoss/react-auth-core 0.2.10 → 0.2.12

package/dist/index.js

@@ -7,6 +7,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
     get: all[name],
@@ -56,24 +60,22 @@ module.exports = __toCommonJS(index_exports);
 // src/Auth.tsx
 var import_react_notifications6 = require("@ttoss/react-notifications");
 var import_ui7 = require("@ttoss/ui");
-var React3 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 
 // src/AuthCard.tsx
 var import_react_notifications = require("@ttoss/react-notifications");
 var import_ui = require("@ttoss/ui");
-var React = __toESM(require("react"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var LogoContext = React.createContext({});
-var LogoProvider = ({
+var React2 = __toESM(require("react"), 1);
+var LogoContext = /* @__PURE__ */React2.createContext({});
+var LogoProvider = /* @__PURE__ */__name(({
   children,
   ...values
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(LogoContext.Provider, {
-    value: values,
-    children
-  });
-};
-var AuthCard = ({
+  return /* @__PURE__ */React2.createElement(LogoContext.Provider, {
+    value: values
+  }, children);
+}, "LogoProvider");
+var AuthCard = /* @__PURE__ */__name(({
   children,
   title,
   buttonLabel,
@@ -82,11 +84,11 @@ var AuthCard = ({
 }) => {
   const {
     logo
-  } = React.useContext(LogoContext);
+  } = React2.useContext(LogoContext);
   const {
     isLoading
   } = (0, import_react_notifications.useNotifications)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ui.Box, {
+  return /* @__PURE__ */React2.createElement(import_ui.Box, {
     sx: {
       maxWidth: "400px",
       width: "full",
@@ -95,100 +97,90 @@ var AuthCard = ({
       paddingX: "8",
       paddingY: "9",
       backgroundColor: "surface"
+    }
+  }, logo && /* @__PURE__ */React2.createElement(import_ui.Flex, {
+    sx: {
+      width: "full",
+      maxHeight: "90px",
+      justifyContent: "center",
+      marginBottom: "8"
+    }
+  }, logo), /* @__PURE__ */React2.createElement(import_ui.Flex, {
+    sx: {
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */React2.createElement(import_ui.Heading, {
+    as: "h2",
+    variant: "h2",
+    sx: {
+      marginBottom: "8"
+    }
+  }, title), children, /* @__PURE__ */React2.createElement(import_ui.Flex, {
+    sx: {
+      flexDirection: "column",
+      width: "100%",
+      gap: "7",
+      marginTop: "8"
+    }
+  }, /* @__PURE__ */React2.createElement(import_ui.Button, {
+    type: "submit",
+    variant: "accent",
+    disabled: isLoading || !isValidForm,
+    sx: {
+      textAlign: "center",
+      display: "initial"
     },
-    children: [logo && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Flex, {
-      sx: {
-        width: "full",
-        maxHeight: "90px",
-        justifyContent: "center",
-        marginBottom: "8"
-      },
-      children: logo
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ui.Flex, {
-      sx: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Heading, {
-        as: "h2",
-        variant: "h2",
-        sx: {
-          marginBottom: "8"
-        },
-        children: title
-      }), children, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ui.Flex, {
-        sx: {
-          flexDirection: "column",
-          width: "100%",
-          gap: "7",
-          marginTop: "8"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Button, {
-          type: "submit",
-          variant: "accent",
-          disabled: isLoading || !isValidForm,
-          sx: {
-            textAlign: "center",
-            display: "initial"
-          },
-          loading: isLoading,
-          children: buttonLabel
-        }), extraButton]
-      })]
-    })]
-  });
-};
+    loading: isLoading
+  }, buttonLabel), extraButton)));
+}, "AuthCard");
 
 // src/AuthConfirmSignUpCheckEmail.tsx
 var import_NotificationCard = require("@ttoss/components/NotificationCard");
 var import_react_i18n = require("@ttoss/react-i18n");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AuthConfirmSignUpCheckEmail = ({
+var AuthConfirmSignUpCheckEmail = /* @__PURE__ */__name(({
   onConfirmSignUpCheckEmail
 }) => {
   const {
     intl
   } = (0, import_react_i18n.useI18n)();
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)("form", {
-    onSubmit: e => {
+  return /* @__PURE__ */React.createElement("form", {
+    onSubmit: /* @__PURE__ */__name(e => {
       e.preventDefault();
       onConfirmSignUpCheckEmail();
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(AuthCard, {
-      isValidForm: true,
-      buttonLabel: intl.formatMessage({
-        id: "38HSjr",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign In"
-        }]
-      }),
-      title: intl.formatMessage({
-        id: "cGR2eI",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirmation"
-        }]
-      }),
-      children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_NotificationCard.NotificationCard, {
-        type: "info",
-        message: intl.formatMessage({
-          id: "qTQ4hP",
-          defaultMessage: [{
-            "type": 0,
-            "value": "An email has been sent to your address. Please check your inbox and follow the instructions to confirm your sign up."
-          }]
-        })
-      })
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    isValidForm: true,
+    buttonLabel: intl.formatMessage({
+      id: "38HSjr",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign In"
+      }]
+    }),
+    title: intl.formatMessage({
+      id: "cGR2eI",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirmation"
+      }]
     })
-  });
-};
+  }, /* @__PURE__ */React.createElement(import_NotificationCard.NotificationCard, {
+    type: "info",
+    message: intl.formatMessage({
+      id: "qTQ4hP",
+      defaultMessage: [{
+        "type": 0,
+        "value": "An email has been sent to your address. Please check your inbox and follow the instructions to confirm your sign up."
+      }]
+    })
+  })));
+}, "AuthConfirmSignUpCheckEmail");
 
 // src/AuthConfirmSignUpWithCode.tsx
 var import_NotificationCard2 = require("@ttoss/components/NotificationCard");
 var import_forms = require("@ttoss/forms");
 var import_react_i18n2 = require("@ttoss/react-i18n");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var AuthConfirmSignUpWithCode = ({
+var AuthConfirmSignUpWithCode = /* @__PURE__ */__name(({
   email,
   onConfirmSignUpWithCode
 }) => {
@@ -221,65 +213,62 @@ var AuthConfirmSignUpWithCode = ({
   const formMethods = (0, import_forms.useForm)({
     resolver: (0, import_forms.yupResolver)(schema)
   });
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_forms.Form, {
+  return /* @__PURE__ */React.createElement(import_forms.Form, {
     ...formMethods,
-    onSubmit: ({
+    onSubmit: /* @__PURE__ */__name(({
       code
     }) => {
       return onConfirmSignUpWithCode({
         code,
         email
       });
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "UNttd+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirm"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    title: intl.formatMessage({
+      id: "cGR2eI",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirmation"
+      }]
+    })
+  }, /* @__PURE__ */React.createElement(import_NotificationCard2.NotificationCard, {
+    type: "info",
+    message: intl.formatMessage({
+      id: "pwv2cR",
+      defaultMessage: [{
+        "type": 0,
+        "value": "We have sent a confirmation code to your email address. Please enter the code below."
+      }]
+    })
+  }), /* @__PURE__ */React.createElement(import_forms.FormFieldInput, {
+    sx: {
+      marginTop: "6"
     },
-    children: /* @__PURE__ */(0, import_jsx_runtime3.jsxs)(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "UNttd+",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirm"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      title: intl.formatMessage({
-        id: "cGR2eI",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirmation"
-        }]
-      }),
-      children: [/* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_NotificationCard2.NotificationCard, {
-        type: "info",
-        message: intl.formatMessage({
-          id: "pwv2cR",
-          defaultMessage: [{
-            "type": 0,
-            "value": "We have sent a confirmation code to your email address. Please enter the code below."
-          }]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_forms.FormFieldInput, {
-        sx: {
-          marginTop: "6"
-        },
-        name: "code",
-        label: intl.formatMessage({
-          id: "KY2T6J",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Code"
-          }]
-        })
-      })]
+    name: "code",
+    label: intl.formatMessage({
+      id: "KY2T6J",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Code"
+      }]
     })
-  });
-};
+  })));
+}, "AuthConfirmSignUpWithCode");
 
 // src/AuthForgotPassword.tsx
 var import_forms2 = require("@ttoss/forms");
 var import_react_i18n3 = require("@ttoss/react-i18n");
 var import_react_notifications2 = require("@ttoss/react-notifications");
 var import_ui2 = require("@ttoss/ui");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var AuthForgotPassword = props => {
+var AuthForgotPassword = /* @__PURE__ */__name(props => {
   const {
     intl
   } = (0, import_react_i18n3.useI18n)();
@@ -296,84 +285,79 @@ var AuthForgotPassword = props => {
     resolver: (0, import_forms2.yupResolver)(schema),
     mode: "onChange"
   });
-  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_forms2.Form, {
+  return /* @__PURE__ */React.createElement(import_forms2.Form, {
     ...formMethods,
     sx: {
       maxWidth: "390px"
     },
-    onSubmit: ({
+    onSubmit: /* @__PURE__ */__name(({
       email
     }) => {
       return props.onForgotPassword({
         email
       });
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "mZzmNV",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Recover Password"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      title: intl.formatMessage({
-        id: "S4bbEj",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Recovering Password"
-        }]
-      }),
-      extraButton: /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui2.Button, {
-        sx: {
-          textAlign: "center",
-          display: "initial"
-        },
-        variant: "secondary",
-        onClick: props.onGoToSignIn,
-        children: intl.formatMessage({
-          id: "6PdOcy",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Cancel"
-          }]
-        })
-      }),
-      children: [/* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_forms2.FormFieldInput, {
-        name: "email",
-        label: intl.formatMessage({
-          id: "XreZg+",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Registered Email"
-          }]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_notifications2.NotificationsBox, {}), props.onGoToSignUp && /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui2.Text, {
-        sx: {
-          marginTop: "xl",
-          cursor: "pointer"
-        },
-        as: import_ui2.Link,
-        onClick: props.onGoToSignUp,
-        children: intl.formatMessage({
-          id: "lZvoYL",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Sign up now"
-          }]
-        })
-      })]
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "mZzmNV",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Recover Password"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    title: intl.formatMessage({
+      id: "S4bbEj",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Recovering Password"
+      }]
+    }),
+    extraButton: /* @__PURE__ */React.createElement(import_ui2.Button, {
+      sx: {
+        textAlign: "center",
+        display: "initial"
+      },
+      variant: "secondary",
+      onClick: props.onGoToSignIn
+    }, intl.formatMessage({
+      id: "6PdOcy",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Cancel"
+      }]
+    }))
+  }, /* @__PURE__ */React.createElement(import_forms2.FormFieldInput, {
+    name: "email",
+    label: intl.formatMessage({
+      id: "XreZg+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Registered Email"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React.createElement(import_react_notifications2.NotificationsBox, null), props.onGoToSignUp && /* @__PURE__ */React.createElement(import_ui2.Text, {
+    sx: {
+      marginTop: "xl",
+      cursor: "pointer"
+    },
+    as: import_ui2.Link,
+    onClick: props.onGoToSignUp
+  }, intl.formatMessage({
+    id: "lZvoYL",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Sign up now"
+    }]
+  }))));
+}, "AuthForgotPassword");
 
 // src/AuthForgotPasswordResetPassword.tsx
 var import_forms3 = require("@ttoss/forms");
 var import_react_i18n4 = require("@ttoss/react-i18n");
 var import_react_notifications3 = require("@ttoss/react-notifications");
 var import_ui3 = require("@ttoss/ui");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var AuthForgotPasswordResetPassword = props => {
+var AuthForgotPasswordResetPassword = /* @__PURE__ */__name(props => {
   const {
     intl
   } = (0, import_react_i18n4.useI18n)();
@@ -425,12 +409,12 @@ var AuthForgotPasswordResetPassword = props => {
     resolver: (0, import_forms3.yupResolver)(schema),
     mode: "onChange"
   });
-  return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.Form, {
+  return /* @__PURE__ */React.createElement(import_forms3.Form, {
     ...formMethods,
     sx: {
       maxWidth: "390px"
     },
-    onSubmit: ({
+    onSubmit: /* @__PURE__ */__name(({
       code,
       newPassword
     }) => {
@@ -439,69 +423,65 @@ var AuthForgotPasswordResetPassword = props => {
         code,
         newPassword
       });
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "HT4tSM",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Reset Password"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      title: intl.formatMessage({
-        id: "HT4tSM",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Reset Password"
-        }]
-      }),
-      extraButton: props.onGoToSignIn ? /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui3.Button, {
-        type: "button",
-        sx: {
-          textAlign: "center",
-          display: "initial"
-        },
-        variant: "secondary",
-        onClick: props.onGoToSignIn,
-        children: intl.formatMessage({
-          id: "6PdOcy",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Cancel"
-          }]
-        })
-      }) : null,
-      children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.FormFieldInput, {
-        name: "code",
-        label: intl.formatMessage({
-          id: "s1OmP0",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Confirmation code"
-          }]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_forms3.FormFieldPassword, {
-        name: "newPassword",
-        label: intl.formatMessage({
-          id: "e3IQoc",
-          defaultMessage: [{
-            "type": 0,
-            "value": "New Password"
-          }]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_notifications3.NotificationsBox, {})]
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "HT4tSM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Reset Password"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    title: intl.formatMessage({
+      id: "HT4tSM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Reset Password"
+      }]
+    }),
+    extraButton: props.onGoToSignIn ? /* @__PURE__ */React.createElement(import_ui3.Button, {
+      type: "button",
+      sx: {
+        textAlign: "center",
+        display: "initial"
+      },
+      variant: "secondary",
+      onClick: props.onGoToSignIn
+    }, intl.formatMessage({
+      id: "6PdOcy",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Cancel"
+      }]
+    })) : null
+  }, /* @__PURE__ */React.createElement(import_forms3.FormFieldInput, {
+    name: "code",
+    label: intl.formatMessage({
+      id: "s1OmP0",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirmation code"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React.createElement(import_forms3.FormFieldPassword, {
+    name: "newPassword",
+    label: intl.formatMessage({
+      id: "e3IQoc",
+      defaultMessage: [{
+        "type": 0,
+        "value": "New Password"
+      }]
+    })
+  }), /* @__PURE__ */React.createElement(import_react_notifications3.NotificationsBox, null)));
+}, "AuthForgotPasswordResetPassword");
 
 // src/AuthFullScreen.tsx
 var import_ui4 = require("@ttoss/ui");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var AuthFullScreen = ({
+var AuthFullScreen = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_ui4.Flex, {
+  return /* @__PURE__ */React.createElement(import_ui4.Flex, {
     sx: {
       height: "100vh",
       width: "100vw",
@@ -511,18 +491,16 @@ var AuthFullScreen = ({
       backgroundPosition: "center",
       backgroundRepeat: "no-repeat",
       backgroundSize: "cover"
-    },
-    children
-  });
-};
+    }
+  }, children);
+}, "AuthFullScreen");
 
 // src/AuthSignIn.tsx
 var import_forms4 = require("@ttoss/forms");
 var import_react_i18n5 = require("@ttoss/react-i18n");
 var import_react_notifications4 = require("@ttoss/react-notifications");
 var import_ui5 = require("@ttoss/ui");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AuthSignIn = ({
+var AuthSignIn = /* @__PURE__ */__name(({
   onSignIn,
   onGoToSignUp,
   defaultValues,
@@ -573,112 +551,105 @@ var AuthSignIn = ({
     mode: "onChange",
     resolver: (0, import_forms4.yupResolver)(schema)
   });
-  const onSubmitForm = data => {
+  const onSubmitForm = /* @__PURE__ */__name(data => {
     return onSignIn(data);
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_forms4.Form, {
+  }, "onSubmitForm");
+  return /* @__PURE__ */React.createElement(import_forms4.Form, {
     sx: {
       maxWidth: "390px",
       width: "100%"
     },
     ...formMethods,
-    onSubmit: onSubmitForm,
-    children: /* @__PURE__ */(0, import_jsx_runtime7.jsxs)(AuthCard, {
-      title: intl.formatMessage({
-        id: "SQJto2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign in"
-        }]
-      }),
-      buttonLabel: intl.formatMessage({
-        id: "SQJto2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign in"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      extraButton: onGoToSignUp ? /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui5.Button, {
-        type: "button",
-        variant: "secondary",
-        sx: {
-          textAlign: "center",
-          display: "initial"
-        },
-        onClick: onGoToSignUp,
-        children: intl.formatMessage({
-          id: "EZ3YF2",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Sign up"
-          }]
-        })
-      }) : null,
-      children: [/* @__PURE__ */(0, import_jsx_runtime7.jsxs)(import_ui5.Flex, {
-        sx: {
-          flexDirection: "column",
-          gap: "xl"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_forms4.FormFieldInput, {
-          name: "email",
-          label: intl.formatMessage({
-            id: "5E12mO",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Email"
-            }]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_forms4.FormFieldPassword, {
-          name: "password",
-          label: intl.formatMessage({
-            id: "PylVqx",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Password"
-            }]
-          })
-        })]
-      }), onGoToForgotPassword && /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui5.Flex, {
-        sx: {
-          justifyContent: "space-between",
-          marginTop: "lg"
-        },
-        children: /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_ui5.Text, {
-          sx: {
-            marginLeft: "auto",
-            cursor: "pointer"
-          },
-          as: import_ui5.Link,
-          onClick: onGoToForgotPassword,
-          children: intl.formatMessage({
-            id: "BtK6KR",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Forgot password?"
-            }]
-          })
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_react_notifications4.NotificationsBox, {})]
+    onSubmit: onSubmitForm
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    title: intl.formatMessage({
+      id: "SQJto2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign in"
+      }]
+    }),
+    buttonLabel: intl.formatMessage({
+      id: "SQJto2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign in"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    extraButton: onGoToSignUp ? /* @__PURE__ */React.createElement(import_ui5.Button, {
+      type: "button",
+      variant: "secondary",
+      sx: {
+        textAlign: "center",
+        display: "initial"
+      },
+      onClick: onGoToSignUp
+    }, intl.formatMessage({
+      id: "EZ3YF2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign up"
+      }]
+    })) : null
+  }, /* @__PURE__ */React.createElement(import_ui5.Flex, {
+    sx: {
+      flexDirection: "column",
+      gap: "xl"
+    }
+  }, /* @__PURE__ */React.createElement(import_forms4.FormFieldInput, {
+    name: "email",
+    label: intl.formatMessage({
+      id: "5E12mO",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Email"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React.createElement(import_forms4.FormFieldPassword, {
+    name: "password",
+    label: intl.formatMessage({
+      id: "PylVqx",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Password"
+      }]
+    })
+  })), onGoToForgotPassword && /* @__PURE__ */React.createElement(import_ui5.Flex, {
+    sx: {
+      justifyContent: "space-between",
+      marginTop: "lg"
+    }
+  }, /* @__PURE__ */React.createElement(import_ui5.Text, {
+    sx: {
+      marginLeft: "auto",
+      cursor: "pointer"
+    },
+    as: import_ui5.Link,
+    onClick: onGoToForgotPassword
+  }, intl.formatMessage({
+    id: "BtK6KR",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Forgot password?"
+    }]
+  }))), /* @__PURE__ */React.createElement(import_react_notifications4.NotificationsBox, null)));
+}, "AuthSignIn");
 
 // src/AuthSignUp.tsx
 var import_forms5 = require("@ttoss/forms");
 var import_react_i18n6 = require("@ttoss/react-i18n");
 var import_react_notifications5 = require("@ttoss/react-notifications");
 var import_ui6 = require("@ttoss/ui");
-var React2 = __toESM(require("react"), 1);
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var AuthSignUp = props => {
+var React3 = __toESM(require("react"), 1);
+var AuthSignUp = /* @__PURE__ */__name(props => {
   const {
     intl
   } = (0, import_react_i18n6.useI18n)();
   const {
     passwordMinimumLength = 8
   } = props;
-  const schema = React2.useMemo(() => {
+  const schema = React3.useMemo(() => {
     return import_forms5.yup.object().shape({
       email: import_forms5.yup.string().required(intl.formatMessage({
         id: "d1YCuH",
@@ -736,7 +707,7 @@ var AuthSignUp = props => {
       })) : import_forms5.yup.boolean()
     });
   }, [intl, props.signUpTerms?.isRequired, passwordMinimumLength]);
-  const signUpTermsLabel = React2.useMemo(() => {
+  const signUpTermsLabel = React3.useMemo(() => {
     if (!props.signUpTerms) {
       return null;
     }
@@ -749,163 +720,152 @@ var AuthSignUp = props => {
     });
     const termsLinks = props.signUpTerms.terms.map((term, index, terms) => {
       const finalPunctuation = index === terms.length - 1 ? "." : ", ";
-      return /* @__PURE__ */(0, import_jsx_runtime8.jsxs)(React2.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_ui6.Link, {
-          href: term.url,
-          target: "_blank",
-          rel: "noreferrer",
-          children: term.label
-        }, index), finalPunctuation]
-      }, index);
-    });
-    const label = /* @__PURE__ */(0, import_jsx_runtime8.jsxs)(import_ui6.Text, {
-      children: [signUpTermsFirstMessage, " ", termsLinks]
+      return /* @__PURE__ */React3.createElement(React3.Fragment, {
+        key: index
+      }, /* @__PURE__ */React3.createElement(import_ui6.Link, {
+        key: index,
+        href: term.url,
+        target: "_blank",
+        rel: "noreferrer"
+      }, term.label), finalPunctuation);
     });
+    const label = /* @__PURE__ */React3.createElement(import_ui6.Text, null, signUpTermsFirstMessage, " ", termsLinks);
     return label;
   }, [intl, props.signUpTerms]);
-  const signUpTermsNode = React2.useMemo(() => {
+  const signUpTermsNode = React3.useMemo(() => {
     if (!props.signUpTerms) {
       return null;
     }
     if (props.signUpTerms.isRequired) {
-      return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldCheckbox, {
+      return /* @__PURE__ */React3.createElement(import_forms5.FormFieldCheckbox, {
         name: "signUpTerms",
         label: signUpTermsLabel
       });
     } else {
-      return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {
-        children: signUpTermsLabel
-      });
+      return /* @__PURE__ */React3.createElement(React3.Fragment, null, signUpTermsLabel);
     }
   }, [props.signUpTerms, signUpTermsLabel]);
   const formMethods = (0, import_forms5.useForm)({
     mode: "onChange",
     resolver: (0, import_forms5.yupResolver)(schema)
   });
-  const onSubmitForm = data => {
+  const onSubmitForm = /* @__PURE__ */__name(data => {
     return props.onSignUp(data);
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.Form, {
+  }, "onSubmitForm");
+  return /* @__PURE__ */React3.createElement(import_forms5.Form, {
     sx: {
       maxWidth: "390px",
       width: "100%"
     },
     ...formMethods,
-    onSubmit: onSubmitForm,
-    children: /* @__PURE__ */(0, import_jsx_runtime8.jsxs)(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "URJDrG",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign up"
-        }]
-      }),
-      title: intl.formatMessage({
-        id: "oayEC3",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign up"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      extraButton: /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_ui6.Text, {
-        sx: {
-          cursor: "pointer"
-        },
-        onClick: props.onGoToSignIn,
-        as: import_ui6.Link,
-        children: intl.formatMessage({
-          id: "8GMUPk",
-          defaultMessage: [{
-            "type": 0,
-            "value": "I'm already registered"
-          }]
-        })
-      }),
-      children: [/* @__PURE__ */(0, import_jsx_runtime8.jsxs)(import_ui6.Flex, {
-        sx: {
-          flexDirection: "column",
-          gap: "xl"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldInput, {
-          name: "email",
-          label: intl.formatMessage({
-            id: "5E12mO",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Email"
-            }]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldPassword, {
-          name: "password",
-          label: intl.formatMessage({
-            id: "PylVqx",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Password"
-            }]
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_forms5.FormFieldPassword, {
-          name: "confirmPassword",
-          label: intl.formatMessage({
-            id: "lY+cuM",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Confirm password"
-            }]
-          })
-        }), signUpTermsNode]
-      }), /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_react_notifications5.NotificationsBox, {})]
+    onSubmit: onSubmitForm
+  }, /* @__PURE__ */React3.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "URJDrG",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign up"
+      }]
+    }),
+    title: intl.formatMessage({
+      id: "oayEC3",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign up"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    extraButton: /* @__PURE__ */React3.createElement(import_ui6.Text, {
+      sx: {
+        cursor: "pointer"
+      },
+      onClick: props.onGoToSignIn,
+      as: import_ui6.Link
+    }, intl.formatMessage({
+      id: "8GMUPk",
+      defaultMessage: [{
+        "type": 0,
+        "value": "I'm already registered"
+      }]
+    }))
+  }, /* @__PURE__ */React3.createElement(import_ui6.Flex, {
+    sx: {
+      flexDirection: "column",
+      gap: "xl"
+    }
+  }, /* @__PURE__ */React3.createElement(import_forms5.FormFieldInput, {
+    name: "email",
+    label: intl.formatMessage({
+      id: "5E12mO",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Email"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React3.createElement(import_forms5.FormFieldPassword, {
+    name: "password",
+    label: intl.formatMessage({
+      id: "PylVqx",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Password"
+      }]
+    })
+  }), /* @__PURE__ */React3.createElement(import_forms5.FormFieldPassword, {
+    name: "confirmPassword",
+    label: intl.formatMessage({
+      id: "lY+cuM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirm password"
+      }]
+    })
+  }), signUpTermsNode), /* @__PURE__ */React3.createElement(import_react_notifications5.NotificationsBox, null)));
+}, "AuthSignUp");
 
 // src/ErrorBoundary.tsx
 var import_NotificationCard3 = require("@ttoss/components/NotificationCard");
 var import_logger = require("@ttoss/logger");
 var import_react_i18n7 = require("@ttoss/react-i18n");
+var React4 = __toESM(require("react"), 1);
 var import_react_error_boundary = require("react-error-boundary");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ErrorFallback = ({
+var ErrorFallback = /* @__PURE__ */__name(({
   resetErrorBoundary
 }) => {
   const {
     intl
   } = (0, import_react_i18n7.useI18n)();
-  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)("div", {
-    role: "alert",
-    children: /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_NotificationCard3.NotificationCard, {
-      type: "error",
-      message: intl.formatMessage({
-        id: "khMx/2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "An error occurred with your authentication. Please try again."
-        }]
-      }),
-      onClose: resetErrorBoundary
-    })
-  });
-};
-var ErrorBoundary = ({
+  return /* @__PURE__ */React4.createElement("div", {
+    role: "alert"
+  }, /* @__PURE__ */React4.createElement(import_NotificationCard3.NotificationCard, {
+    type: "error",
+    message: intl.formatMessage({
+      id: "khMx/2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "An error occurred with your authentication. Please try again."
+      }]
+    }),
+    onClose: resetErrorBoundary
+  }));
+}, "ErrorFallback");
+var ErrorBoundary = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_react_error_boundary.ErrorBoundary, {
+  return /* @__PURE__ */React4.createElement(import_react_error_boundary.ErrorBoundary, {
     FallbackComponent: ErrorFallback,
-    onError: error => {
+    onError: /* @__PURE__ */__name(error => {
       (0, import_logger.notify)({
         type: "error",
         title: "Authentication Error",
         message: error.message
       });
-    },
-    children
-  });
-};
+    }, "onError")
+  }, children);
+}, "ErrorBoundary");
 
 // src/Auth.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var AuthLogic = props => {
+var AuthLogic = /* @__PURE__ */__name(props => {
   const {
     screen,
     setScreen,
@@ -922,18 +882,18 @@ var AuthLogic = props => {
     clearNotifications,
     setLoading
   } = (0, import_react_notifications6.useNotifications)();
-  React3.useEffect(() => {
+  React5.useEffect(() => {
     clearNotifications();
   }, [screen.value, clearNotifications]);
-  React3.useEffect(() => {
+  React5.useEffect(() => {
     return clearNotifications;
   }, [clearNotifications]);
-  const onGoToSignIn = () => {
+  const onGoToSignIn = /* @__PURE__ */__name(() => {
     setScreen({
       value: "signIn"
     });
-  };
-  const onGoToSignUp = React3.useCallback(() => {
+  }, "onGoToSignIn");
+  const onGoToSignUp = React5.useCallback(() => {
     if (!onSignUp) {
       return void 0;
     }
@@ -941,7 +901,7 @@ var AuthLogic = props => {
       value: "signUp"
     });
   }, [onSignUp, setScreen]);
-  const onGoToForgotPassword = React3.useCallback(() => {
+  const onGoToForgotPassword = React5.useCallback(() => {
     if (!onForgotPassword) {
       return void 0;
     }
@@ -949,7 +909,7 @@ var AuthLogic = props => {
       value: "forgotPassword"
     });
   }, [onForgotPassword, setScreen]);
-  const notificationsWrapper = fn => {
+  const notificationsWrapper = /* @__PURE__ */__name(fn => {
     return async input => {
       if (fn) {
         clearNotifications();
@@ -959,9 +919,9 @@ var AuthLogic = props => {
         return result;
       }
     };
-  };
+  }, "notificationsWrapper");
   if (screen.value === "signIn") {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthSignIn, {
+    return /* @__PURE__ */React5.createElement(AuthSignIn, {
       onSignIn: notificationsWrapper(onSignIn),
       onGoToSignUp: onSignUp && onGoToSignUp,
       onGoToForgotPassword: onForgotPassword && onGoToForgotPassword,
@@ -969,7 +929,7 @@ var AuthLogic = props => {
     });
   }
   if (screen.value === "signUp" && onSignUp) {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthSignUp, {
+    return /* @__PURE__ */React5.createElement(AuthSignUp, {
       onSignUp: notificationsWrapper(onSignUp),
       passwordMinimumLength,
       onGoToSignIn,
@@ -977,97 +937,84 @@ var AuthLogic = props => {
     });
   }
   if (screen.value === "forgotPassword" && onForgotPassword) {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthForgotPassword, {
+    return /* @__PURE__ */React5.createElement(AuthForgotPassword, {
       onForgotPassword: notificationsWrapper(onForgotPassword),
       onGoToSignIn,
       onGoToSignUp: onSignUp && onGoToSignUp
     });
   }
   if (screen.value === "confirmResetPassword" && onForgotPasswordResetPassword) {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthForgotPasswordResetPassword, {
+    return /* @__PURE__ */React5.createElement(AuthForgotPasswordResetPassword, {
       onForgotPasswordResetPassword: notificationsWrapper(onForgotPasswordResetPassword),
       onGoToSignIn,
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpWithCode" && onConfirmSignUpWithCode) {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthConfirmSignUpWithCode, {
+    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpWithCode, {
       onConfirmSignUpWithCode: notificationsWrapper(onConfirmSignUpWithCode),
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpCheckEmail" && onConfirmSignUpCheckEmail) {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthConfirmSignUpCheckEmail, {
+    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpCheckEmail, {
       onConfirmSignUpCheckEmail
     });
   }
   return null;
-};
-var Auth = props => {
+}, "AuthLogic");
+var Auth = /* @__PURE__ */__name(props => {
   const {
     layout = {
       fullScreen: true
     }
   } = props;
-  const withLogoNode = React3.useMemo(() => {
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(LogoProvider, {
-      logo: props.logo,
-      children: /* @__PURE__ */(0, import_jsx_runtime10.jsx)(ErrorBoundary, {
-        children: /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthLogic, {
-          ...props
-        })
-      })
-    });
+  const withLogoNode = React5.useMemo(() => {
+    return /* @__PURE__ */React5.createElement(LogoProvider, {
+      logo: props.logo
+    }, /* @__PURE__ */React5.createElement(ErrorBoundary, null, /* @__PURE__ */React5.createElement(AuthLogic, props)));
   }, [props]);
   if (layout.fullScreen) {
     if (layout.sideContentPosition) {
-      return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthFullScreen, {
-        children: /* @__PURE__ */(0, import_jsx_runtime10.jsxs)(import_ui7.Flex, {
-          sx: {
-            width: "100%",
-            height: "100%",
-            flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
-          },
-          children: [/* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui7.Flex, {
-            sx: {
-              width: "100%",
-              height: "100%",
-              flex: [0, 0, 1],
-              justifyContent: "center",
-              alignItems: "center"
-            },
-            children: layout.sideContent
-          }), /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui7.Flex, {
-            sx: {
-              width: "100%",
-              height: "100%",
-              flex: [1],
-              justifyContent: "center",
-              alignItems: "center"
-            },
-            children: withLogoNode
-          })]
-        })
-      });
+      return /* @__PURE__ */React5.createElement(AuthFullScreen, null, /* @__PURE__ */React5.createElement(import_ui7.Flex, {
+        sx: {
+          width: "100%",
+          height: "100%",
+          flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
+        }
+      }, /* @__PURE__ */React5.createElement(import_ui7.Flex, {
+        sx: {
+          width: "100%",
+          height: "100%",
+          flex: [0, 0, 1],
+          justifyContent: "center",
+          alignItems: "center"
+        }
+      }, layout.sideContent), /* @__PURE__ */React5.createElement(import_ui7.Flex, {
+        sx: {
+          width: "100%",
+          height: "100%",
+          flex: [1],
+          justifyContent: "center",
+          alignItems: "center"
+        }
+      }, withLogoNode)));
     }
-    return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(AuthFullScreen, {
-      children: withLogoNode
-    });
+    return /* @__PURE__ */React5.createElement(AuthFullScreen, null, withLogoNode);
   }
   return withLogoNode;
-};
+}, "Auth");
 
 // src/AuthProvider.tsx
 var import_react_notifications7 = require("@ttoss/react-notifications");
-var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var AuthContext = React4.createContext(null);
+var React6 = __toESM(require("react"), 1);
+var AuthContext = /* @__PURE__ */React6.createContext(null);
 var UNAUTHENTICATED_USER = {
   user: null,
   tokens: null,
   isAuthenticated: false
 };
-var AuthProvider = props => {
+var AuthProvider = /* @__PURE__ */__name(props => {
   const {
     getAuthData,
     signOut: signOutProp
@@ -1075,16 +1022,16 @@ var AuthProvider = props => {
   const {
     setLoading
   } = (0, import_react_notifications7.useNotifications)();
-  const [authData, setAuthData] = React4.useState({
+  const [authData, setAuthData] = React6.useState({
     user: null,
     tokens: null,
     isAuthenticated: void 0
   });
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     setLoading(authData.isAuthenticated === void 0);
   }, [authData.isAuthenticated, setLoading]);
-  React4.useEffect(() => {
-    const fetchAuthData = async () => {
+  React6.useEffect(() => {
+    const fetchAuthData = /* @__PURE__ */__name(async () => {
       try {
         const data = await getAuthData?.();
         if (data) {
@@ -1095,46 +1042,45 @@ var AuthProvider = props => {
       } catch {
         setAuthData(UNAUTHENTICATED_USER);
       }
-    };
+    }, "fetchAuthData");
     fetchAuthData();
   }, [getAuthData]);
-  const signOut = React4.useCallback(async () => {
+  const signOut = React6.useCallback(async () => {
     await signOutProp?.();
     setAuthData(UNAUTHENTICATED_USER);
   }, [signOutProp]);
   if (authData.isAuthenticated === void 0) {
     return null;
   }
-  return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(AuthContext.Provider, {
+  return /* @__PURE__ */React6.createElement(AuthContext.Provider, {
     value: {
       signOut,
       isAuthenticated: authData.isAuthenticated ?? false,
       user: authData.user,
       tokens: authData.tokens,
       setAuthData
-    },
-    children: props.children
-  });
-};
-var useAuth = () => {
-  const context = React4.useContext(AuthContext);
+    }
+  }, props.children);
+}, "AuthProvider");
+var useAuth = /* @__PURE__ */__name(() => {
+  const context = React6.useContext(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within an AuthProvider");
   }
   return context;
-};
+}, "useAuth");
 
 // src/useAuthScreen.ts
-var React5 = __toESM(require("react"), 1);
-var useAuthScreen = initialScreen => {
-  const [screen, setScreen] = React5.useState(initialScreen || {
+var React7 = __toESM(require("react"), 1);
+var useAuthScreen = /* @__PURE__ */__name(initialScreen => {
+  const [screen, setScreen] = React7.useState(initialScreen || {
     value: "signIn"
   });
   return {
     screen,
     setScreen
   };
-};
+}, "useAuthScreen");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Auth,