@intlayer/design-system 5.1.5 → 5.1.7

package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.mjs

@@ -1,19 +1,29 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
 import { useDictionary } from "react-intlayer";
-import { i as intlayerAPI } from "../../../index-B1w5h_6-.js";
+import { i as intlayerAPI } from "../../../index-DixKT3Hi.js";
 import "@intlayer/config/client";
 import { Button } from "../../Button/Button.mjs";
+import { useUser } from "../useUser/index.mjs";
 import { GithubLogo } from "./assets/GithubLogo.mjs";
 import { GoogleLogo } from "./assets/GoogleLogo.mjs";
 import { externalsLoginButtonsContent } from "./externalsLoginButtons.content.mjs";
-const GitHubLoginButton = () => {
+const GitHubLoginButton = ({
+  onLogin
+}) => {
+  const { user } = useUser();
   const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   const loginWithGitHub = () => {
     const origin = window.location.href;
     const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });
     window.location.href = authURL;
   };
+  useEffect(() => {
+    if (user?.email) {
+      onLogin?.();
+    }
+  }, [user]);
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -25,13 +35,21 @@ const GitHubLoginButton = () => {
     }
   );
 };
-const GoogleLoginButton = () => {
+const GoogleLoginButton = ({
+  onLogin
+}) => {
+  const { user } = useUser();
   const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   const loginWithGoogle = () => {
     const origin = window.location.href;
     const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });
     window.location.href = authURL;
   };
+  useEffect(() => {
+    if (user?.email) {
+      onLogin?.();
+    }
+  }, [user]);
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -44,16 +62,16 @@ const GoogleLoginButton = () => {
     }
   );
 };
-const ExternalsLoginButtons = () => {
+const ExternalsLoginButtons = (props) => {
   const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col justify-center gap-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-3 flex w-full items-center gap-3 text-center text-base", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-px w-full" }),
-      /* @__PURE__ */ jsx("div", { className: "text-neutral dark:text-neutral-dark", children: externalsLoginButtons.span }),
-      /* @__PURE__ */ jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-px w-full" })
+      /* @__PURE__ */ jsx("div", { className: "bg-neutral h-px w-full" }),
+      /* @__PURE__ */ jsx("div", { className: "text-neutral", children: externalsLoginButtons.span }),
+      /* @__PURE__ */ jsx("div", { className: "bg-neutral h-px w-full" })
     ] }),
-    /* @__PURE__ */ jsx(GoogleLoginButton, {}),
-    /* @__PURE__ */ jsx(GitHubLoginButton, {})
+    /* @__PURE__ */ jsx(GoogleLoginButton, { ...props }),
+    /* @__PURE__ */ jsx(GitHubLoginButton, { ...props })
   ] });
 };
 export {

package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalsLoginButtons.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      label={externalsLoginButtons.github.label.value}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label.value}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtons.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwB,cAAc,4BAA4B;AAGtE,SAAA,qBAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5D,oBAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACA,oBAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,wBACC,mBAAkB,EAAA;AAAA,wBAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}
+{"version":3,"file":"ExternalsLoginButtons.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { useUser } from '../useUser';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC<ExternalsLoginButtonsProps> = ({\n  onLogin,\n}) => {\n  const { user } = useUser();\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  useEffect(() => {\n    if (user?.email) {\n      onLogin?.();\n    }\n  }, [user]);\n  return (\n    <Button\n      label={externalsLoginButtons.github.label.value}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC<ExternalsLoginButtonsProps> = ({\n  onLogin,\n}) => {\n  const { user } = useUser();\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  useEffect(() => {\n    if (user?.email) {\n      onLogin?.();\n    }\n  }, [user]);\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label.value}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\ntype ExternalsLoginButtonsProps = {\n  onLogin?: () => void;\n};\n\nexport const ExternalsLoginButtons: FC<ExternalsLoginButtonsProps> = (\n  props\n) => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral h-px w-full\" />\n        <div className=\"text-neutral\">{externalsLoginButtons.span}</div>\n        <div className=\"bg-neutral h-px w-full\" />\n      </div>\n      <GoogleLoginButton {...props} />\n      <GitHubLoginButton {...props} />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,oBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,KAAK,IAAI,QAAQ;AACnB,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAEA,YAAU,MAAM;AACd,QAAI,MAAM,OAAO;AACL,gBAAA;AAAA,IAAA;AAAA,EACZ,GACC,CAAC,IAAI,CAAC;AAEP,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,KAAK,IAAI,QAAQ;AACnB,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAEA,YAAU,MAAM;AACd,QAAI,MAAM,OAAO;AACL,gBAAA;AAAA,IAAA;AAAA,EACZ,GACC,CAAC,IAAI,CAAC;AAGP,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAMa,MAAA,wBAAwD,CACnE,UACG;AACG,QAAA,wBAAwB,cAAc,4BAA4B;AAGtE,SAAA,qBAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,yBAAyB,CAAA;AAAA,MACvC,oBAAA,OAAA,EAAI,WAAU,gBAAgB,gCAAsB,MAAK;AAAA,MAC1D,oBAAC,OAAI,EAAA,WAAU,yBAAyB,CAAA;AAAA,IAAA,GAC1C;AAAA,IACA,oBAAC,mBAAmB,EAAA,GAAG,OAAO;AAAA,IAC9B,oBAAC,mBAAmB,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA,GAChC;AAEJ;"}

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.cjs

@@ -6,7 +6,7 @@ const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 const components_Auth_ResetPasswordForm_resetPasswordContent_content = require("./resetPasswordContent.content.cjs");
 const components_Auth_ResetPasswordForm_useResetPasswordSchema = require("./useResetPasswordSchema.cjs");
 const ResetPasswordForm = ({
@@ -99,6 +99,7 @@ const ResetPasswordForm = ({
           components_Form_layout_FormItemLayout.Form.Button,
           {
             className: "mt-4 w-full",
+            color: "text",
             label: backToLoginButton.text.value,
             onClick: onClickBackToLogin,
             children: backToLoginButton.text.value

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordForm.cjs","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type FC, useEffect, type ReactNode } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { resetPasswordContent } from './resetPasswordContent.content';\nimport {\n  useResetPasswordSchema,\n  type ResetPassword,\n} from './useResetPasswordSchema';\n\ntype ForgotPasswordFormProps = {\n  email?: string;\n  onSubmitSuccess: (data: ResetPassword) => Promise<void>;\n  onClickBackToLogin: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ResetPasswordForm: FC<ForgotPasswordFormProps> = ({\n  email,\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToLogin,\n}) => {\n  const ResetPasswordSchema = useResetPasswordSchema();\n  const {\n    emailInput,\n    sendRecoveryEmailButton,\n    resendRecoveryEmailButton,\n    resendInText,\n    backToLoginButton,\n  } = useDictionary(resetPasswordContent);\n  const { form, isSubmitting, isSubmitted, isValid } = useForm(\n    ResetPasswordSchema,\n    {\n      defaultValues: { email },\n    }\n  );\n  const [submissionState, setSubmissionState] = useState({\n    isFrozen: isValid,\n    remainingTime: 0,\n  });\n\n  useEffect(() => {\n    // If form valid and form is not submitted, unfreeze the submission\n    if (isValid && !isSubmitted) {\n      setSubmissionState((prevState) => ({\n        ...prevState,\n        isFrozen: false,\n      }));\n    }\n  }, [isSubmitted, isValid]);\n\n  useEffect(() => {\n    // If form valid and submission is frozen and there is remaining time, start the timer\n    if (\n      isValid &&\n      submissionState.isFrozen &&\n      submissionState.remainingTime > 0\n    ) {\n      const interval = setInterval(() => {\n        setSubmissionState((prevState) => {\n          if (prevState.remainingTime <= 1) {\n            clearInterval(interval); // Stop the timer when reaching 0\n            return { ...prevState, isFrozen: false, remainingTime: 0 };\n          }\n          return { ...prevState, remainingTime: prevState.remainingTime - 1 };\n        });\n      }, 1000);\n\n      return () => clearInterval(interval);\n    }\n  }, [isValid, submissionState.isFrozen, submissionState.remainingTime]);\n\n  const getSubmitButtonText = (): ReactNode => {\n    if (submissionState.remainingTime > 0) {\n      return `${resendInText} ${submissionState.remainingTime}s`;\n    }\n    return isSubmitted\n      ? resendRecoveryEmailButton.text.value\n      : sendRecoveryEmailButton.text.value;\n  };\n\n  return (\n    <Form\n      schema={ResetPasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid || submissionState.isFrozen}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={sendRecoveryEmailButton.ariaLabel.value}\n      >\n        {getSubmitButtonText()}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToLoginButton.text.value}\n          onClick={onClickBackToLogin}\n        >\n          {backToLoginButton.text.value}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["useResetPasswordSchema","useDictionary","resetPasswordContent","useForm","useState","useEffect","jsxs","Form","jsx"],"mappings":";;;;;;;;;;;AAkBO,MAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsBA,yDAAAA,uBAAuB;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,+DAAAA,oBAAoB;AACtC,QAAM,EAAE,MAAM,cAAc,aAAa,QAAY,IAAAC,yBAAA;AAAA,IACnD;AAAA,IACA;AAAA,MACE,eAAe,EAAE,MAAM;AAAA,IAAA;AAAA,EAE3B;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAIC,sBAAS;AAAA,IACrD,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,CAChB;AAEDC,eAAAA,UAAU,MAAM;AAEV,QAAA,WAAW,CAAC,aAAa;AAC3B,yBAAmB,CAAC,eAAe;AAAA,QACjC,GAAG;AAAA,QACH,UAAU;AAAA,MAAA,EACV;AAAA,IAAA;AAAA,EACJ,GACC,CAAC,aAAa,OAAO,CAAC;AAEzBA,eAAAA,UAAU,MAAM;AAEd,QACE,WACA,gBAAgB,YAChB,gBAAgB,gBAAgB,GAChC;AACM,YAAA,WAAW,YAAY,MAAM;AACjC,2BAAmB,CAAC,cAAc;AAC5B,cAAA,UAAU,iBAAiB,GAAG;AAChC,0BAAc,QAAQ;AACtB,mBAAO,EAAE,GAAG,WAAW,UAAU,OAAO,eAAe,EAAE;AAAA,UAAA;AAE3D,iBAAO,EAAE,GAAG,WAAW,eAAe,UAAU,gBAAgB,EAAE;AAAA,QAAA,CACnE;AAAA,SACA,GAAI;AAEA,aAAA,MAAM,cAAc,QAAQ;AAAA,IAAA;AAAA,EACrC,GACC,CAAC,SAAS,gBAAgB,UAAU,gBAAgB,aAAa,CAAC;AAErE,QAAM,sBAAsB,MAAiB;AACvC,QAAA,gBAAgB,gBAAgB,GAAG;AACrC,aAAO,GAAG,YAAY,IAAI,gBAAgB,aAAa;AAAA,IAAA;AAEzD,WAAO,cACH,0BAA0B,KAAK,QAC/B,wBAAwB,KAAK;AAAA,EACnC;AAGE,SAAAC,2BAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACC,2BAAAA,IAAA,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,aAAa,WAAW,YAAY;AAAA,YACpC,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEAC,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC,WAAW,gBAAgB;AAAA,YACtC,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,wBAAwB,UAAU;AAAA,YAExC,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACCC,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,kBAAkB,KAAK;AAAA,YAC9B,SAAS;AAAA,YAER,4BAAkB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}
+{"version":3,"file":"ResetPasswordForm.cjs","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type FC, useEffect, type ReactNode } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { resetPasswordContent } from './resetPasswordContent.content';\nimport {\n  useResetPasswordSchema,\n  type ResetPassword,\n} from './useResetPasswordSchema';\n\ntype ForgotPasswordFormProps = {\n  email?: string;\n  onSubmitSuccess: (data: ResetPassword) => Promise<void>;\n  onClickBackToLogin: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ResetPasswordForm: FC<ForgotPasswordFormProps> = ({\n  email,\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToLogin,\n}) => {\n  const ResetPasswordSchema = useResetPasswordSchema();\n  const {\n    emailInput,\n    sendRecoveryEmailButton,\n    resendRecoveryEmailButton,\n    resendInText,\n    backToLoginButton,\n  } = useDictionary(resetPasswordContent);\n  const { form, isSubmitting, isSubmitted, isValid } = useForm(\n    ResetPasswordSchema,\n    {\n      defaultValues: { email },\n    }\n  );\n  const [submissionState, setSubmissionState] = useState({\n    isFrozen: isValid,\n    remainingTime: 0,\n  });\n\n  useEffect(() => {\n    // If form valid and form is not submitted, unfreeze the submission\n    if (isValid && !isSubmitted) {\n      setSubmissionState((prevState) => ({\n        ...prevState,\n        isFrozen: false,\n      }));\n    }\n  }, [isSubmitted, isValid]);\n\n  useEffect(() => {\n    // If form valid and submission is frozen and there is remaining time, start the timer\n    if (\n      isValid &&\n      submissionState.isFrozen &&\n      submissionState.remainingTime > 0\n    ) {\n      const interval = setInterval(() => {\n        setSubmissionState((prevState) => {\n          if (prevState.remainingTime <= 1) {\n            clearInterval(interval); // Stop the timer when reaching 0\n            return { ...prevState, isFrozen: false, remainingTime: 0 };\n          }\n          return { ...prevState, remainingTime: prevState.remainingTime - 1 };\n        });\n      }, 1000);\n\n      return () => clearInterval(interval);\n    }\n  }, [isValid, submissionState.isFrozen, submissionState.remainingTime]);\n\n  const getSubmitButtonText = (): ReactNode => {\n    if (submissionState.remainingTime > 0) {\n      return `${resendInText} ${submissionState.remainingTime}s`;\n    }\n    return isSubmitted\n      ? resendRecoveryEmailButton.text.value\n      : sendRecoveryEmailButton.text.value;\n  };\n\n  return (\n    <Form\n      schema={ResetPasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid || submissionState.isFrozen}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={sendRecoveryEmailButton.ariaLabel.value}\n      >\n        {getSubmitButtonText()}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          color=\"text\"\n          label={backToLoginButton.text.value}\n          onClick={onClickBackToLogin}\n        >\n          {backToLoginButton.text.value}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["useResetPasswordSchema","useDictionary","resetPasswordContent","useForm","useState","useEffect","jsxs","Form","jsx"],"mappings":";;;;;;;;;;;AAkBO,MAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsBA,yDAAAA,uBAAuB;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,+DAAAA,oBAAoB;AACtC,QAAM,EAAE,MAAM,cAAc,aAAa,QAAY,IAAAC,yBAAA;AAAA,IACnD;AAAA,IACA;AAAA,MACE,eAAe,EAAE,MAAM;AAAA,IAAA;AAAA,EAE3B;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAIC,sBAAS;AAAA,IACrD,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,CAChB;AAEDC,eAAAA,UAAU,MAAM;AAEV,QAAA,WAAW,CAAC,aAAa;AAC3B,yBAAmB,CAAC,eAAe;AAAA,QACjC,GAAG;AAAA,QACH,UAAU;AAAA,MAAA,EACV;AAAA,IAAA;AAAA,EACJ,GACC,CAAC,aAAa,OAAO,CAAC;AAEzBA,eAAAA,UAAU,MAAM;AAEd,QACE,WACA,gBAAgB,YAChB,gBAAgB,gBAAgB,GAChC;AACM,YAAA,WAAW,YAAY,MAAM;AACjC,2BAAmB,CAAC,cAAc;AAC5B,cAAA,UAAU,iBAAiB,GAAG;AAChC,0BAAc,QAAQ;AACtB,mBAAO,EAAE,GAAG,WAAW,UAAU,OAAO,eAAe,EAAE;AAAA,UAAA;AAE3D,iBAAO,EAAE,GAAG,WAAW,eAAe,UAAU,gBAAgB,EAAE;AAAA,QAAA,CACnE;AAAA,SACA,GAAI;AAEA,aAAA,MAAM,cAAc,QAAQ;AAAA,IAAA;AAAA,EACrC,GACC,CAAC,SAAS,gBAAgB,UAAU,gBAAgB,aAAa,CAAC;AAErE,QAAM,sBAAsB,MAAiB;AACvC,QAAA,gBAAgB,gBAAgB,GAAG;AACrC,aAAO,GAAG,YAAY,IAAI,gBAAgB,aAAa;AAAA,IAAA;AAEzD,WAAO,cACH,0BAA0B,KAAK,QAC/B,wBAAwB,KAAK;AAAA,EACnC;AAGE,SAAAC,2BAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACC,2BAAAA,IAAA,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,aAAa,WAAW,YAAY;AAAA,YACpC,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEAC,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC,WAAW,gBAAgB;AAAA,YACtC,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,wBAAwB,UAAU;AAAA,YAExC,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACCC,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,OAAO,kBAAkB,KAAK;AAAA,YAC9B,SAAS;AAAA,YAER,4BAAkB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAIrE,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CA2GzD,CAAC"}
+{"version":3,"file":"ResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAIrE,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CA4GzD,CAAC"}

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.mjs

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import { useDictionary } from "react-intlayer";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-BZUDRfoN.js";
+import { F as Form } from "../../../Form-MjLzPGze.js";
 import { resetPasswordContent } from "./resetPasswordContent.content.mjs";
 import { useResetPasswordSchema } from "./useResetPasswordSchema.mjs";
 const ResetPasswordForm = ({
@@ -97,6 +97,7 @@ const ResetPasswordForm = ({
           Form.Button,
           {
             className: "mt-4 w-full",
+            color: "text",
             label: backToLoginButton.text.value,
             onClick: onClickBackToLogin,
             children: backToLoginButton.text.value

package/dist/components/Auth/ResetPasswordForm/ResetPasswordForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordForm.mjs","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type FC, useEffect, type ReactNode } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { resetPasswordContent } from './resetPasswordContent.content';\nimport {\n  useResetPasswordSchema,\n  type ResetPassword,\n} from './useResetPasswordSchema';\n\ntype ForgotPasswordFormProps = {\n  email?: string;\n  onSubmitSuccess: (data: ResetPassword) => Promise<void>;\n  onClickBackToLogin: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ResetPasswordForm: FC<ForgotPasswordFormProps> = ({\n  email,\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToLogin,\n}) => {\n  const ResetPasswordSchema = useResetPasswordSchema();\n  const {\n    emailInput,\n    sendRecoveryEmailButton,\n    resendRecoveryEmailButton,\n    resendInText,\n    backToLoginButton,\n  } = useDictionary(resetPasswordContent);\n  const { form, isSubmitting, isSubmitted, isValid } = useForm(\n    ResetPasswordSchema,\n    {\n      defaultValues: { email },\n    }\n  );\n  const [submissionState, setSubmissionState] = useState({\n    isFrozen: isValid,\n    remainingTime: 0,\n  });\n\n  useEffect(() => {\n    // If form valid and form is not submitted, unfreeze the submission\n    if (isValid && !isSubmitted) {\n      setSubmissionState((prevState) => ({\n        ...prevState,\n        isFrozen: false,\n      }));\n    }\n  }, [isSubmitted, isValid]);\n\n  useEffect(() => {\n    // If form valid and submission is frozen and there is remaining time, start the timer\n    if (\n      isValid &&\n      submissionState.isFrozen &&\n      submissionState.remainingTime > 0\n    ) {\n      const interval = setInterval(() => {\n        setSubmissionState((prevState) => {\n          if (prevState.remainingTime <= 1) {\n            clearInterval(interval); // Stop the timer when reaching 0\n            return { ...prevState, isFrozen: false, remainingTime: 0 };\n          }\n          return { ...prevState, remainingTime: prevState.remainingTime - 1 };\n        });\n      }, 1000);\n\n      return () => clearInterval(interval);\n    }\n  }, [isValid, submissionState.isFrozen, submissionState.remainingTime]);\n\n  const getSubmitButtonText = (): ReactNode => {\n    if (submissionState.remainingTime > 0) {\n      return `${resendInText} ${submissionState.remainingTime}s`;\n    }\n    return isSubmitted\n      ? resendRecoveryEmailButton.text.value\n      : sendRecoveryEmailButton.text.value;\n  };\n\n  return (\n    <Form\n      schema={ResetPasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid || submissionState.isFrozen}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={sendRecoveryEmailButton.ariaLabel.value}\n      >\n        {getSubmitButtonText()}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToLoginButton.text.value}\n          onClick={onClickBackToLogin}\n        >\n          {backToLoginButton.text.value}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsB,uBAAuB;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,oBAAoB;AACtC,QAAM,EAAE,MAAM,cAAc,aAAa,QAAY,IAAA;AAAA,IACnD;AAAA,IACA;AAAA,MACE,eAAe,EAAE,MAAM;AAAA,IAAA;AAAA,EAE3B;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS;AAAA,IACrD,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,CAChB;AAED,YAAU,MAAM;AAEV,QAAA,WAAW,CAAC,aAAa;AAC3B,yBAAmB,CAAC,eAAe;AAAA,QACjC,GAAG;AAAA,QACH,UAAU;AAAA,MAAA,EACV;AAAA,IAAA;AAAA,EACJ,GACC,CAAC,aAAa,OAAO,CAAC;AAEzB,YAAU,MAAM;AAEd,QACE,WACA,gBAAgB,YAChB,gBAAgB,gBAAgB,GAChC;AACM,YAAA,WAAW,YAAY,MAAM;AACjC,2BAAmB,CAAC,cAAc;AAC5B,cAAA,UAAU,iBAAiB,GAAG;AAChC,0BAAc,QAAQ;AACtB,mBAAO,EAAE,GAAG,WAAW,UAAU,OAAO,eAAe,EAAE;AAAA,UAAA;AAE3D,iBAAO,EAAE,GAAG,WAAW,eAAe,UAAU,gBAAgB,EAAE;AAAA,QAAA,CACnE;AAAA,SACA,GAAI;AAEA,aAAA,MAAM,cAAc,QAAQ;AAAA,IAAA;AAAA,EACrC,GACC,CAAC,SAAS,gBAAgB,UAAU,gBAAgB,aAAa,CAAC;AAErE,QAAM,sBAAsB,MAAiB;AACvC,QAAA,gBAAgB,gBAAgB,GAAG;AACrC,aAAO,GAAG,YAAY,IAAI,gBAAgB,aAAa;AAAA,IAAA;AAEzD,WAAO,cACH,0BAA0B,KAAK,QAC/B,wBAAwB,KAAK;AAAA,EACnC;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,oBAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,aAAa,WAAW,YAAY;AAAA,YACpC,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC,WAAW,gBAAgB;AAAA,YACtC,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,wBAAwB,UAAU;AAAA,YAExC,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACC;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,kBAAkB,KAAK;AAAA,YAC9B,SAAS;AAAA,YAER,4BAAkB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"ResetPasswordForm.mjs","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type FC, useEffect, type ReactNode } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { resetPasswordContent } from './resetPasswordContent.content';\nimport {\n  useResetPasswordSchema,\n  type ResetPassword,\n} from './useResetPasswordSchema';\n\ntype ForgotPasswordFormProps = {\n  email?: string;\n  onSubmitSuccess: (data: ResetPassword) => Promise<void>;\n  onClickBackToLogin: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const ResetPasswordForm: FC<ForgotPasswordFormProps> = ({\n  email,\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToLogin,\n}) => {\n  const ResetPasswordSchema = useResetPasswordSchema();\n  const {\n    emailInput,\n    sendRecoveryEmailButton,\n    resendRecoveryEmailButton,\n    resendInText,\n    backToLoginButton,\n  } = useDictionary(resetPasswordContent);\n  const { form, isSubmitting, isSubmitted, isValid } = useForm(\n    ResetPasswordSchema,\n    {\n      defaultValues: { email },\n    }\n  );\n  const [submissionState, setSubmissionState] = useState({\n    isFrozen: isValid,\n    remainingTime: 0,\n  });\n\n  useEffect(() => {\n    // If form valid and form is not submitted, unfreeze the submission\n    if (isValid && !isSubmitted) {\n      setSubmissionState((prevState) => ({\n        ...prevState,\n        isFrozen: false,\n      }));\n    }\n  }, [isSubmitted, isValid]);\n\n  useEffect(() => {\n    // If form valid and submission is frozen and there is remaining time, start the timer\n    if (\n      isValid &&\n      submissionState.isFrozen &&\n      submissionState.remainingTime > 0\n    ) {\n      const interval = setInterval(() => {\n        setSubmissionState((prevState) => {\n          if (prevState.remainingTime <= 1) {\n            clearInterval(interval); // Stop the timer when reaching 0\n            return { ...prevState, isFrozen: false, remainingTime: 0 };\n          }\n          return { ...prevState, remainingTime: prevState.remainingTime - 1 };\n        });\n      }, 1000);\n\n      return () => clearInterval(interval);\n    }\n  }, [isValid, submissionState.isFrozen, submissionState.remainingTime]);\n\n  const getSubmitButtonText = (): ReactNode => {\n    if (submissionState.remainingTime > 0) {\n      return `${resendInText} ${submissionState.remainingTime}s`;\n    }\n    return isSubmitted\n      ? resendRecoveryEmailButton.text.value\n      : sendRecoveryEmailButton.text.value;\n  };\n\n  return (\n    <Form\n      schema={ResetPasswordSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      className=\"gap-y-0\"\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        disabled={!isValid || submissionState.isFrozen}\n        variant={isSubmitted ? 'outline' : 'default'}\n        label={sendRecoveryEmailButton.ariaLabel.value}\n      >\n        {getSubmitButtonText()}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          color=\"text\"\n          label={backToLoginButton.text.value}\n          onClick={onClickBackToLogin}\n        >\n          {backToLoginButton.text.value}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsB,uBAAuB;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,oBAAoB;AACtC,QAAM,EAAE,MAAM,cAAc,aAAa,QAAY,IAAA;AAAA,IACnD;AAAA,IACA;AAAA,MACE,eAAe,EAAE,MAAM;AAAA,IAAA;AAAA,EAE3B;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS;AAAA,IACrD,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,CAChB;AAED,YAAU,MAAM;AAEV,QAAA,WAAW,CAAC,aAAa;AAC3B,yBAAmB,CAAC,eAAe;AAAA,QACjC,GAAG;AAAA,QACH,UAAU;AAAA,MAAA,EACV;AAAA,IAAA;AAAA,EACJ,GACC,CAAC,aAAa,OAAO,CAAC;AAEzB,YAAU,MAAM;AAEd,QACE,WACA,gBAAgB,YAChB,gBAAgB,gBAAgB,GAChC;AACM,YAAA,WAAW,YAAY,MAAM;AACjC,2BAAmB,CAAC,cAAc;AAC5B,cAAA,UAAU,iBAAiB,GAAG;AAChC,0BAAc,QAAQ;AACtB,mBAAO,EAAE,GAAG,WAAW,UAAU,OAAO,eAAe,EAAE;AAAA,UAAA;AAE3D,iBAAO,EAAE,GAAG,WAAW,eAAe,UAAU,gBAAgB,EAAE;AAAA,QAAA,CACnE;AAAA,SACA,GAAI;AAEA,aAAA,MAAM,cAAc,QAAQ;AAAA,IAAA;AAAA,EACrC,GACC,CAAC,SAAS,gBAAgB,UAAU,gBAAgB,aAAa,CAAC;AAErE,QAAM,sBAAsB,MAAiB;AACvC,QAAA,gBAAgB,gBAAgB,GAAG;AACrC,aAAO,GAAG,YAAY,IAAI,gBAAgB,aAAa;AAAA,IAAA;AAEzD,WAAO,cACH,0BAA0B,KAAK,QAC/B,wBAAwB,KAAK;AAAA,EACnC;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,oBAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,aAAa,WAAW,YAAY;AAAA,YACpC,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC,WAAW,gBAAgB;AAAA,YACtC,SAAS,cAAc,YAAY;AAAA,YACnC,OAAO,wBAAwB,UAAU;AAAA,YAExC,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACC;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,OAAO,kBAAkB,KAAK;AAAA,YAC9B,SAAS;AAAA,YAER,4BAAkB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/components/Auth/SignInForm/SignInForm.cjs

@@ -5,7 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactIntlayer = require("react-intlayer");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 const components_Auth_ExternalsLoginButtons_ExternalsLoginButtons = require("../ExternalsLoginButtons/ExternalsLoginButtons.cjs");
 const components_Auth_SignInForm_signIn_content = require("./signIn.content.cjs");
 const components_Auth_SignInForm_useSignInSchema = require("./useSignInSchema.cjs");
@@ -80,7 +80,7 @@ const SignInForm = ({
               children: loginButton.text
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral m-auto mt-3 flex w-full items-center justify-center text-xs", children: [
             signUpLink.message,
             /* @__PURE__ */ jsxRuntime.jsx(
               components_Form_layout_FormItemLayout.Form.Button,

package/dist/components/Auth/SignInForm/SignInForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SignInForm.cjs","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { ExternalsLoginButtons } from '../ExternalsLoginButtons';\nimport { signInContent } from './signIn.content';\nimport { useSignInSchema, type SignIn } from './useSignInSchema';\n\ntype SignInFormProps = {\n  onSubmitSuccess: (data: SignIn) => Promise<void>;\n  onClickForgotPassword: () => void;\n  onClickSignUp: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignInForm: FC<SignInFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickForgotPassword,\n  onClickSignUp,\n}) => {\n  const SignInSchema = useSignInSchema();\n  const { form, isSubmitting } = useForm(SignInSchema);\n  const {\n    emailInput,\n    passwordInput,\n    forgotPasswordLink,\n    loginButton,\n    signUpLink,\n  } = useDictionary(signInContent);\n\n  return (\n    <>\n      <Form\n        schema={SignInSchema}\n        onSubmitSuccess={onSubmitSuccess}\n        onSubmitError={onSubmitError}\n        autoComplete\n        className=\"gap-y-0\"\n        {...form}\n      >\n        <div className=\"flex flex-col gap-y-6\">\n          <Form.Input\n            name=\"email\"\n            label={emailInput.label.value}\n            placeholder={emailInput.placeholder.value}\n            isRequired\n            autoComplete=\"email\"\n          />\n\n          <Form.InputPassword\n            name=\"password\"\n            label={passwordInput.label.value}\n            placeholder={passwordInput.placeholder.value}\n            isRequired\n            autoComplete=\"current-password\"\n          />\n        </div>\n\n        <Form.Button\n          className=\"ml-auto mt-2 block\"\n          variant=\"link\"\n          label={forgotPasswordLink.ariaLabel.value}\n          color=\"text\"\n          size=\"sm\"\n          onClick={onClickForgotPassword}\n        >\n          {forgotPasswordLink.text}\n        </Form.Button>\n\n        <Form.Button\n          className=\"mt-12 w-full\"\n          type=\"submit\"\n          color=\"text\"\n          isLoading={isSubmitting}\n          label={loginButton.ariaLabel.value}\n        >\n          {loginButton.text}\n        </Form.Button>\n\n        <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-xs\">\n          {signUpLink.message}\n          <Form.Button\n            variant=\"link\"\n            label={signUpLink.ariaLabel.value}\n            color=\"text\"\n            size=\"sm\"\n            onClick={onClickSignUp}\n          >\n            {signUpLink.text}\n          </Form.Button>\n        </span>\n      </Form>\n      <ExternalsLoginButtons />\n    </>\n  );\n};\n"],"names":["useSignInSchema","useForm","useDictionary","signInContent","jsxs","Fragment","Form","jsx","ExternalsLoginButtons"],"mappings":";;;;;;;;;;;AAgBO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAeA,2CAAAA,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,YAAY;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,0CAAAA,aAAa;AAE/B,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAD,2BAAA;AAAA,MAACE,sCAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA;AAAA,UAACF,2BAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAAG,2BAAA;AAAA,cAACD,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,WAAW,MAAM;AAAA,gBACxB,aAAa,WAAW,YAAY;AAAA,gBACpC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YACf;AAAA,YAEAC,2BAAA;AAAA,cAACD,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,cAAc,MAAM;AAAA,gBAC3B,aAAa,cAAc,YAAY;AAAA,gBACvC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,GACF;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAO,mBAAmB,UAAU;AAAA,cACpC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,SAAS;AAAA,cAER,UAAmB,mBAAA;AAAA,YAAA;AAAA,UACtB;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO,YAAY,UAAU;AAAA,cAE5B,UAAY,YAAA;AAAA,YAAA;AAAA,UACf;AAAA,UAEAF,2BAAAA,KAAC,QAAK,EAAA,WAAU,mGACb,UAAA;AAAA,YAAW,WAAA;AAAA,YACZG,2BAAA;AAAA,cAACD,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAO,WAAW,UAAU;AAAA,gBAC5B,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBAER,UAAW,WAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACd,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,mCACCE,4DAAsB,uBAAA,CAAA,CAAA;AAAA,EAAA,GACzB;AAEJ;;"}
+{"version":3,"file":"SignInForm.cjs","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { ExternalsLoginButtons } from '../ExternalsLoginButtons';\nimport { signInContent } from './signIn.content';\nimport { useSignInSchema, type SignIn } from './useSignInSchema';\n\ntype SignInFormProps = {\n  onSubmitSuccess: (data: SignIn) => Promise<void>;\n  onClickForgotPassword: () => void;\n  onClickSignUp: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignInForm: FC<SignInFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickForgotPassword,\n  onClickSignUp,\n}) => {\n  const SignInSchema = useSignInSchema();\n  const { form, isSubmitting } = useForm(SignInSchema);\n  const {\n    emailInput,\n    passwordInput,\n    forgotPasswordLink,\n    loginButton,\n    signUpLink,\n  } = useDictionary(signInContent);\n\n  return (\n    <>\n      <Form\n        schema={SignInSchema}\n        onSubmitSuccess={onSubmitSuccess}\n        onSubmitError={onSubmitError}\n        autoComplete\n        className=\"gap-y-0\"\n        {...form}\n      >\n        <div className=\"flex flex-col gap-y-6\">\n          <Form.Input\n            name=\"email\"\n            label={emailInput.label.value}\n            placeholder={emailInput.placeholder.value}\n            isRequired\n            autoComplete=\"email\"\n          />\n\n          <Form.InputPassword\n            name=\"password\"\n            label={passwordInput.label.value}\n            placeholder={passwordInput.placeholder.value}\n            isRequired\n            autoComplete=\"current-password\"\n          />\n        </div>\n\n        <Form.Button\n          className=\"ml-auto mt-2 block\"\n          variant=\"link\"\n          label={forgotPasswordLink.ariaLabel.value}\n          color=\"text\"\n          size=\"sm\"\n          onClick={onClickForgotPassword}\n        >\n          {forgotPasswordLink.text}\n        </Form.Button>\n\n        <Form.Button\n          className=\"mt-12 w-full\"\n          type=\"submit\"\n          color=\"text\"\n          isLoading={isSubmitting}\n          label={loginButton.ariaLabel.value}\n        >\n          {loginButton.text}\n        </Form.Button>\n\n        <span className=\"text-neutral m-auto mt-3 flex w-full items-center justify-center text-xs\">\n          {signUpLink.message}\n          <Form.Button\n            variant=\"link\"\n            label={signUpLink.ariaLabel.value}\n            color=\"text\"\n            size=\"sm\"\n            onClick={onClickSignUp}\n          >\n            {signUpLink.text}\n          </Form.Button>\n        </span>\n      </Form>\n      <ExternalsLoginButtons />\n    </>\n  );\n};\n"],"names":["useSignInSchema","useForm","useDictionary","signInContent","jsxs","Fragment","Form","jsx","ExternalsLoginButtons"],"mappings":";;;;;;;;;;;AAgBO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAeA,2CAAAA,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,YAAY;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,0CAAAA,aAAa;AAE/B,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAD,2BAAA;AAAA,MAACE,sCAAA;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA;AAAA,UAACF,2BAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAAG,2BAAA;AAAA,cAACD,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,WAAW,MAAM;AAAA,gBACxB,aAAa,WAAW,YAAY;AAAA,gBACpC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YACf;AAAA,YAEAC,2BAAA;AAAA,cAACD,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,cAAc,MAAM;AAAA,gBAC3B,aAAa,cAAc,YAAY;AAAA,gBACvC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,GACF;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAO,mBAAmB,UAAU;AAAA,cACpC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,SAAS;AAAA,cAER,UAAmB,mBAAA;AAAA,YAAA;AAAA,UACtB;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO,YAAY,UAAU;AAAA,cAE5B,UAAY,YAAA;AAAA,YAAA;AAAA,UACf;AAAA,UAEAF,2BAAAA,KAAC,QAAK,EAAA,WAAU,4EACb,UAAA;AAAA,YAAW,WAAA;AAAA,YACZG,2BAAA;AAAA,cAACD,sCAAAA,KAAK;AAAA,cAAL;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAO,WAAW,UAAU;AAAA,gBAC5B,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBAER,UAAW,WAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACd,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,mCACCE,4DAAsB,uBAAA,CAAA,CAAA;AAAA,EAAA,GACzB;AAEJ;;"}

package/dist/components/Auth/SignInForm/SignInForm.mjs

@@ -3,7 +3,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useDictionary } from "react-intlayer";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-BZUDRfoN.js";
+import { F as Form } from "../../../Form-MjLzPGze.js";
 import { ExternalsLoginButtons } from "../ExternalsLoginButtons/ExternalsLoginButtons.mjs";
 import { signInContent } from "./signIn.content.mjs";
 import { useSignInSchema } from "./useSignInSchema.mjs";
@@ -78,7 +78,7 @@ const SignInForm = ({
               children: loginButton.text
             }
           ),
-          /* @__PURE__ */ jsxs("span", { className: "text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-xs", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-neutral m-auto mt-3 flex w-full items-center justify-center text-xs", children: [
             signUpLink.message,
             /* @__PURE__ */ jsx(
               Form.Button,

package/dist/components/Auth/SignInForm/SignInForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SignInForm.mjs","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { ExternalsLoginButtons } from '../ExternalsLoginButtons';\nimport { signInContent } from './signIn.content';\nimport { useSignInSchema, type SignIn } from './useSignInSchema';\n\ntype SignInFormProps = {\n  onSubmitSuccess: (data: SignIn) => Promise<void>;\n  onClickForgotPassword: () => void;\n  onClickSignUp: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignInForm: FC<SignInFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickForgotPassword,\n  onClickSignUp,\n}) => {\n  const SignInSchema = useSignInSchema();\n  const { form, isSubmitting } = useForm(SignInSchema);\n  const {\n    emailInput,\n    passwordInput,\n    forgotPasswordLink,\n    loginButton,\n    signUpLink,\n  } = useDictionary(signInContent);\n\n  return (\n    <>\n      <Form\n        schema={SignInSchema}\n        onSubmitSuccess={onSubmitSuccess}\n        onSubmitError={onSubmitError}\n        autoComplete\n        className=\"gap-y-0\"\n        {...form}\n      >\n        <div className=\"flex flex-col gap-y-6\">\n          <Form.Input\n            name=\"email\"\n            label={emailInput.label.value}\n            placeholder={emailInput.placeholder.value}\n            isRequired\n            autoComplete=\"email\"\n          />\n\n          <Form.InputPassword\n            name=\"password\"\n            label={passwordInput.label.value}\n            placeholder={passwordInput.placeholder.value}\n            isRequired\n            autoComplete=\"current-password\"\n          />\n        </div>\n\n        <Form.Button\n          className=\"ml-auto mt-2 block\"\n          variant=\"link\"\n          label={forgotPasswordLink.ariaLabel.value}\n          color=\"text\"\n          size=\"sm\"\n          onClick={onClickForgotPassword}\n        >\n          {forgotPasswordLink.text}\n        </Form.Button>\n\n        <Form.Button\n          className=\"mt-12 w-full\"\n          type=\"submit\"\n          color=\"text\"\n          isLoading={isSubmitting}\n          label={loginButton.ariaLabel.value}\n        >\n          {loginButton.text}\n        </Form.Button>\n\n        <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-xs\">\n          {signUpLink.message}\n          <Form.Button\n            variant=\"link\"\n            label={signUpLink.ariaLabel.value}\n            color=\"text\"\n            size=\"sm\"\n            onClick={onClickSignUp}\n          >\n            {signUpLink.text}\n          </Form.Button>\n        </span>\n      </Form>\n      <ExternalsLoginButtons />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiB,QAAQ,YAAY;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,aAAa;AAE/B,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,WAAW,MAAM;AAAA,gBACxB,aAAa,WAAW,YAAY;AAAA,gBACpC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YACf;AAAA,YAEA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,cAAc,MAAM;AAAA,gBAC3B,aAAa,cAAc,YAAY;AAAA,gBACvC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,GACF;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAO,mBAAmB,UAAU;AAAA,cACpC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,SAAS;AAAA,cAER,UAAmB,mBAAA;AAAA,YAAA;AAAA,UACtB;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO,YAAY,UAAU;AAAA,cAE5B,UAAY,YAAA;AAAA,YAAA;AAAA,UACf;AAAA,UAEA,qBAAC,QAAK,EAAA,WAAU,mGACb,UAAA;AAAA,YAAW,WAAA;AAAA,YACZ;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAO,WAAW,UAAU;AAAA,gBAC5B,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBAER,UAAW,WAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACd,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,wBACC,uBAAsB,CAAA,CAAA;AAAA,EAAA,GACzB;AAEJ;"}
+{"version":3,"file":"SignInForm.mjs","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { ExternalsLoginButtons } from '../ExternalsLoginButtons';\nimport { signInContent } from './signIn.content';\nimport { useSignInSchema, type SignIn } from './useSignInSchema';\n\ntype SignInFormProps = {\n  onSubmitSuccess: (data: SignIn) => Promise<void>;\n  onClickForgotPassword: () => void;\n  onClickSignUp: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignInForm: FC<SignInFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickForgotPassword,\n  onClickSignUp,\n}) => {\n  const SignInSchema = useSignInSchema();\n  const { form, isSubmitting } = useForm(SignInSchema);\n  const {\n    emailInput,\n    passwordInput,\n    forgotPasswordLink,\n    loginButton,\n    signUpLink,\n  } = useDictionary(signInContent);\n\n  return (\n    <>\n      <Form\n        schema={SignInSchema}\n        onSubmitSuccess={onSubmitSuccess}\n        onSubmitError={onSubmitError}\n        autoComplete\n        className=\"gap-y-0\"\n        {...form}\n      >\n        <div className=\"flex flex-col gap-y-6\">\n          <Form.Input\n            name=\"email\"\n            label={emailInput.label.value}\n            placeholder={emailInput.placeholder.value}\n            isRequired\n            autoComplete=\"email\"\n          />\n\n          <Form.InputPassword\n            name=\"password\"\n            label={passwordInput.label.value}\n            placeholder={passwordInput.placeholder.value}\n            isRequired\n            autoComplete=\"current-password\"\n          />\n        </div>\n\n        <Form.Button\n          className=\"ml-auto mt-2 block\"\n          variant=\"link\"\n          label={forgotPasswordLink.ariaLabel.value}\n          color=\"text\"\n          size=\"sm\"\n          onClick={onClickForgotPassword}\n        >\n          {forgotPasswordLink.text}\n        </Form.Button>\n\n        <Form.Button\n          className=\"mt-12 w-full\"\n          type=\"submit\"\n          color=\"text\"\n          isLoading={isSubmitting}\n          label={loginButton.ariaLabel.value}\n        >\n          {loginButton.text}\n        </Form.Button>\n\n        <span className=\"text-neutral m-auto mt-3 flex w-full items-center justify-center text-xs\">\n          {signUpLink.message}\n          <Form.Button\n            variant=\"link\"\n            label={signUpLink.ariaLabel.value}\n            color=\"text\"\n            size=\"sm\"\n            onClick={onClickSignUp}\n          >\n            {signUpLink.text}\n          </Form.Button>\n        </span>\n      </Form>\n      <ExternalsLoginButtons />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiB,QAAQ,YAAY;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,aAAa;AAE/B,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,WAAW,MAAM;AAAA,gBACxB,aAAa,WAAW,YAAY;AAAA,gBACpC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YACf;AAAA,YAEA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,cAAc,MAAM;AAAA,gBAC3B,aAAa,cAAc,YAAY;AAAA,gBACvC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UACf,GACF;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAO,mBAAmB,UAAU;AAAA,cACpC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,SAAS;AAAA,cAER,UAAmB,mBAAA;AAAA,YAAA;AAAA,UACtB;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,OAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO,YAAY,UAAU;AAAA,cAE5B,UAAY,YAAA;AAAA,YAAA;AAAA,UACf;AAAA,UAEA,qBAAC,QAAK,EAAA,WAAU,4EACb,UAAA;AAAA,YAAW,WAAA;AAAA,YACZ;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAO,WAAW,UAAU;AAAA,gBAC5B,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBAER,UAAW,WAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACd,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,wBACC,uBAAsB,CAAA,CAAA;AAAA,EAAA,GACzB;AAEJ;"}

package/dist/components/Auth/SignUpForm/SignUpForm.cjs

@@ -5,7 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactIntlayer = require("react-intlayer");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 const components_Auth_SignUpForm_signUpForm_content = require("./signUpForm.content.cjs");
 const components_Auth_SignUpForm_useSignUpSchema = require("./useSignUpSchema.cjs");
 const SignUpForm = ({
@@ -76,7 +76,7 @@ const SignUpForm = ({
             children: signUpButton.text
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs", children: [
           loginLink.message,
           /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.Button,

package/dist/components/Auth/SignUpForm/SignUpForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpForm.cjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport content from './signUpForm.content';\nimport { useSignUpSchema, type SignUp } from './useSignUpSchema';\n\ntype SignUpFormProps = {\n  onSubmitSuccess: (data: SignUp) => Promise<void>;\n  onClickBackToSignIn: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignUpForm: FC<SignUpFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToSignIn,\n}) => {\n  const {\n    emailInput,\n    passwordInput,\n    passwordConfirmationInput,\n    signUpButton,\n    loginLink,\n  } = useDictionary(content);\n  const SignUpSchema = useSignUpSchema();\n  const { form, isSubmitting } = useForm(SignUpSchema);\n\n  return (\n    <Form\n      schema={SignUpSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n\n        <Form.InputPassword\n          name=\"password\"\n          label={passwordInput.label.value}\n          placeholder={passwordInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n\n        <Form.InputPassword\n          name=\"passwordConfirmation\"\n          label={passwordConfirmationInput.label.value}\n          placeholder={passwordConfirmationInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        label={signUpButton.ariaLabel.value}\n      >\n        {signUpButton.text}\n      </Form.Button>\n\n      <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs\">\n        {loginLink.message}\n        <Form.Button\n          variant=\"link\"\n          label={loginLink.ariaLabel.value}\n          color=\"text\"\n          onClick={onClickBackToSignIn}\n        >\n          {loginLink.text}\n        </Form.Button>\n      </span>\n    </Form>\n  );\n};\n"],"names":["useDictionary","content","useSignUpSchema","useForm","jsxs","Form","jsx"],"mappings":";;;;;;;;;;AAcO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,6CAAO;AACzB,QAAM,eAAeC,2CAAAA,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,YAAY;AAGjD,SAAAC,2BAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,2BAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAE,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cACpC,YAAU;AAAA,cACV,cAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc,MAAM;AAAA,cAC3B,aAAa,cAAc,YAAY;AAAA,cACvC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,0BAA0B,MAAM;AAAA,cACvC,aAAa,0BAA0B,YAAY;AAAA,cACnD,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAEAC,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO,aAAa,UAAU;AAAA,YAE7B,UAAa,aAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEAD,2BAAAA,KAAC,QAAK,EAAA,WAAU,4HACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACXE,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,UAAU,UAAU;AAAA,cAC3B,OAAM;AAAA,cACN,SAAS;AAAA,cAER,UAAU,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"SignUpForm.cjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport content from './signUpForm.content';\nimport { useSignUpSchema, type SignUp } from './useSignUpSchema';\n\ntype SignUpFormProps = {\n  onSubmitSuccess: (data: SignUp) => Promise<void>;\n  onClickBackToSignIn: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignUpForm: FC<SignUpFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToSignIn,\n}) => {\n  const {\n    emailInput,\n    passwordInput,\n    passwordConfirmationInput,\n    signUpButton,\n    loginLink,\n  } = useDictionary(content);\n  const SignUpSchema = useSignUpSchema();\n  const { form, isSubmitting } = useForm(SignUpSchema);\n\n  return (\n    <Form\n      schema={SignUpSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n\n        <Form.InputPassword\n          name=\"password\"\n          label={passwordInput.label.value}\n          placeholder={passwordInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n\n        <Form.InputPassword\n          name=\"passwordConfirmation\"\n          label={passwordConfirmationInput.label.value}\n          placeholder={passwordConfirmationInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        label={signUpButton.ariaLabel.value}\n      >\n        {signUpButton.text}\n      </Form.Button>\n\n      <span className=\"text-neutral m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs\">\n        {loginLink.message}\n        <Form.Button\n          variant=\"link\"\n          label={loginLink.ariaLabel.value}\n          color=\"text\"\n          onClick={onClickBackToSignIn}\n        >\n          {loginLink.text}\n        </Form.Button>\n      </span>\n    </Form>\n  );\n};\n"],"names":["useDictionary","content","useSignUpSchema","useForm","jsxs","Form","jsx"],"mappings":";;;;;;;;;;AAcO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,6CAAO;AACzB,QAAM,eAAeC,2CAAAA,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,YAAY;AAGjD,SAAAC,2BAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,2BAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAE,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cACpC,YAAU;AAAA,cACV,cAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc,MAAM;AAAA,cAC3B,aAAa,cAAc,YAAY;AAAA,cACvC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAC,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,0BAA0B,MAAM;AAAA,cACvC,aAAa,0BAA0B,YAAY;AAAA,cACnD,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAEAC,2BAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO,aAAa,UAAU;AAAA,YAE7B,UAAa,aAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEAD,2BAAAA,KAAC,QAAK,EAAA,WAAU,qGACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACXE,2BAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,UAAU,UAAU;AAAA,cAC3B,OAAM;AAAA,cACN,SAAS;AAAA,cAER,UAAU,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/components/Auth/SignUpForm/SignUpForm.mjs

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useDictionary } from "react-intlayer";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-BZUDRfoN.js";
+import { F as Form } from "../../../Form-MjLzPGze.js";
 import content from "./signUpForm.content.mjs";
 import { useSignUpSchema } from "./useSignUpSchema.mjs";
 const SignUpForm = ({
@@ -74,7 +74,7 @@ const SignUpForm = ({
             children: signUpButton.text
           }
         ),
-        /* @__PURE__ */ jsxs("span", { className: "text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-neutral m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs", children: [
           loginLink.message,
           /* @__PURE__ */ jsx(
             Form.Button,

package/dist/components/Auth/SignUpForm/SignUpForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpForm.mjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport content from './signUpForm.content';\nimport { useSignUpSchema, type SignUp } from './useSignUpSchema';\n\ntype SignUpFormProps = {\n  onSubmitSuccess: (data: SignUp) => Promise<void>;\n  onClickBackToSignIn: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignUpForm: FC<SignUpFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToSignIn,\n}) => {\n  const {\n    emailInput,\n    passwordInput,\n    passwordConfirmationInput,\n    signUpButton,\n    loginLink,\n  } = useDictionary(content);\n  const SignUpSchema = useSignUpSchema();\n  const { form, isSubmitting } = useForm(SignUpSchema);\n\n  return (\n    <Form\n      schema={SignUpSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n\n        <Form.InputPassword\n          name=\"password\"\n          label={passwordInput.label.value}\n          placeholder={passwordInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n\n        <Form.InputPassword\n          name=\"passwordConfirmation\"\n          label={passwordConfirmationInput.label.value}\n          placeholder={passwordConfirmationInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        label={signUpButton.ariaLabel.value}\n      >\n        {signUpButton.text}\n      </Form.Button>\n\n      <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs\">\n        {loginLink.message}\n        <Form.Button\n          variant=\"link\"\n          label={loginLink.ariaLabel.value}\n          color=\"text\"\n          onClick={onClickBackToSignIn}\n        >\n          {loginLink.text}\n        </Form.Button>\n      </span>\n    </Form>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,OAAO;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiB,QAAQ,YAAY;AAGjD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cACpC,YAAU;AAAA,cACV,cAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc,MAAM;AAAA,cAC3B,aAAa,cAAc,YAAY;AAAA,cACvC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,0BAA0B,MAAM;AAAA,cACvC,aAAa,0BAA0B,YAAY;AAAA,cACnD,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAEA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO,aAAa,UAAU;AAAA,YAE7B,UAAa,aAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEA,qBAAC,QAAK,EAAA,WAAU,4HACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACX;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,UAAU,UAAU;AAAA,cAC3B,OAAM;AAAA,cACN,SAAS;AAAA,cAER,UAAU,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"SignUpForm.mjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport content from './signUpForm.content';\nimport { useSignUpSchema, type SignUp } from './useSignUpSchema';\n\ntype SignUpFormProps = {\n  onSubmitSuccess: (data: SignUp) => Promise<void>;\n  onClickBackToSignIn: () => void;\n  onSubmitError?: (error: Error) => void;\n};\n\nexport const SignUpForm: FC<SignUpFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToSignIn,\n}) => {\n  const {\n    emailInput,\n    passwordInput,\n    passwordConfirmationInput,\n    signUpButton,\n    loginLink,\n  } = useDictionary(content);\n  const SignUpSchema = useSignUpSchema();\n  const { form, isSubmitting } = useForm(SignUpSchema);\n\n  return (\n    <Form\n      schema={SignUpSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label.value}\n          placeholder={emailInput.placeholder.value}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n\n        <Form.InputPassword\n          name=\"password\"\n          label={passwordInput.label.value}\n          placeholder={passwordInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n\n        <Form.InputPassword\n          name=\"passwordConfirmation\"\n          label={passwordConfirmationInput.label.value}\n          placeholder={passwordConfirmationInput.placeholder.value}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        label={signUpButton.ariaLabel.value}\n      >\n        {signUpButton.text}\n      </Form.Button>\n\n      <span className=\"text-neutral m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs\">\n        {loginLink.message}\n        <Form.Button\n          variant=\"link\"\n          label={loginLink.ariaLabel.value}\n          color=\"text\"\n          onClick={onClickBackToSignIn}\n        >\n          {loginLink.text}\n        </Form.Button>\n      </span>\n    </Form>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,OAAO;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiB,QAAQ,YAAY;AAGjD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW,MAAM;AAAA,cACxB,aAAa,WAAW,YAAY;AAAA,cACpC,YAAU;AAAA,cACV,cAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc,MAAM;AAAA,cAC3B,aAAa,cAAc,YAAY;AAAA,cACvC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,0BAA0B,MAAM;AAAA,cACvC,aAAa,0BAA0B,YAAY;AAAA,cACnD,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAEA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO,aAAa,UAAU;AAAA,YAE7B,UAAa,aAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEA,qBAAC,QAAK,EAAA,WAAU,qGACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACX;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,UAAU,UAAU;AAAA,cAC3B,OAAM;AAAA,cACN,SAAS;AAAA,cAER,UAAU,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.cjs

@@ -9,7 +9,7 @@ const reactIntlayer = require("react-intlayer");
 const components_Button_Button = require("../../Button/Button.cjs");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
 const components_Headers_index = require("../../Headers/index.cjs");
 const components_Loader_index = require("../../Loader/index.cjs");
 const components_Auth_useUser_index = require("../useUser/index.cjs");
@@ -59,8 +59,8 @@ const VerifyEmailForm = ({
       onSubmitError,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H3, { children: verifyEmail.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral dark:text-neutral text-sm", children: verifyEmail.description }),
-        /* @__PURE__ */ jsxRuntime.jsx(components_Loader_index.Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "text-success dark:text-success-dark", size: 50 }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral text-sm", children: verifyEmail.description }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_Loader_index.Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-success/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "text-success", size: 50 }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           components_Button_Button.Button,
           {

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.cjs","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"sourcesContent":["'use client';\n\nimport { intlayerAPI } from '@intlayer/api';\nimport { Check } from 'lucide-react';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { Form, useForm } from '../../Form';\nimport { H3 } from '../../Headers';\nimport { Loader } from '../../Loader';\nimport { useUser } from '../useUser';\nimport content from './index.content';\nimport { type VerifyEmail, getVerifyEmailSchema } from './VerifyEmailSchema';\n\ntype VerifyEmailFormProps = {\n  onSubmitSuccess: (data: VerifyEmail) => Promise<void>;\n  onSubmitError?: (error: Error) => void;\n  userId?: string;\n};\n\nexport const VerifyEmailForm: FC<VerifyEmailFormProps> = ({\n  userId,\n  onSubmitSuccess,\n  onSubmitError,\n}) => {\n  const VerifyEmailSchema = getVerifyEmailSchema();\n  const { revalidateSession, user } = useUser();\n  const { verifyEmail, doneButton } = useDictionary(content);\n  const [isEmailVerified, setIsEmailVerified] = useState(false);\n  const { form } = useForm(VerifyEmailSchema, {});\n\n  const targetedUserId = useMemo(\n    () => userId ?? user?._id,\n    [userId, user?._id]\n  );\n\n  useEffect(() => {\n    if (!targetedUserId) return;\n    if (isEmailVerified) return;\n\n    // EventSource alow to receive server-sent events from the server\n    // In this case, we are listening to the email verification status\n    const eventSource = new EventSource(\n      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId!)\n    );\n\n    eventSource.onmessage = async (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.status === 'verified') {\n        // Update your UI to reflect the verification\n\n        setIsEmailVerified(true);\n\n        await revalidateSession();\n\n        eventSource.close(); // Close the connection if no longer needed\n      }\n    };\n\n    eventSource.onerror = (event) => {\n      console.error(event);\n      // Handle errors or reconnection logic\n      eventSource.close();\n    };\n\n    return () => eventSource.close(); // Clean up on component unmount\n  }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);\n\n  return (\n    <Form\n      schema={VerifyEmailSchema}\n      autoComplete\n      {...form}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n    >\n      <H3>{verifyEmail.title}</H3>\n      <span className=\"text-neutral dark:text-neutral text-sm\">\n        {verifyEmail.description}\n      </span>\n      <Loader isLoading={!isEmailVerified}>\n        <div className=\"bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5\">\n          <Check className=\"text-success dark:text-success-dark\" size={50} />\n        </div>\n      </Loader>\n      <Button\n        disabled={!isEmailVerified}\n        label={doneButton.text.value}\n        type=\"submit\"\n        color=\"text\"\n      >\n        {doneButton.text}\n      </Button>\n    </Form>\n  );\n};\n"],"names":["getVerifyEmailSchema","useUser","useDictionary","content","useState","useForm","useMemo","useEffect","intlayerAPI","jsxs","Form","jsx","H3","Loader","Check","Button"],"mappings":";;;;;;;;;;;;;;;;;AAoBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoBA,kDAAAA,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,KAAK,IAAIC,sCAAQ;AAC5C,QAAM,EAAE,aAAa,eAAeC,cAAAA,cAAcC,6CAAO;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIC,aAAAA,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAIC,iCAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiBC,aAAA;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEAC,eAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AACrB,QAAI,gBAAiB;AAIrB,UAAM,cAAc,IAAI;AAAA,MACtBC,gBAAY,KAAK,wBAAwB,cAAe;AAAA,IAC1D;AAEY,gBAAA,YAAY,OAAO,UAAU;AACvC,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAE9B,UAAA,KAAK,WAAW,YAAY;AAG9B,2BAAmB,IAAI;AAEvB,cAAM,kBAAkB;AAExB,oBAAY,MAAM;AAAA,MAAA;AAAA,IAEtB;AAEY,gBAAA,UAAU,CAAC,UAAU;AAC/B,cAAQ,MAAM,KAAK;AAEnB,kBAAY,MAAM;AAAA,IACpB;AAEO,WAAA,MAAM,YAAY,MAAM;AAAA,EAAA,GAC9B,CAAC,mBAAmB,gBAAgB,QAAQ,MAAM,KAAK,eAAe,CAAC;AAGxE,SAAAC,2BAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAACC,2BAAAA,IAAAC,yBAAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtBD,2BAAA,IAAA,QAAA,EAAK,WAAU,0CACb,sBAAY,aACf;AAAA,uCACCE,wBAAAA,QAAO,EAAA,WAAW,CAAC,iBAClB,yCAAC,OAAI,EAAA,WAAU,+EACb,UAAAF,2BAAA,IAACG,qBAAM,WAAU,uCAAsC,MAAM,GAAA,CAAI,EACnE,CAAA,GACF;AAAA,QACAH,2BAAA;AAAA,UAACI,yBAAA;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,OAAO,WAAW,KAAK;AAAA,YACvB,MAAK;AAAA,YACL,OAAM;AAAA,YAEL,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"VerifyEmailForm.cjs","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"sourcesContent":["'use client';\n\nimport { intlayerAPI } from '@intlayer/api';\nimport { Check } from 'lucide-react';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { Form, useForm } from '../../Form';\nimport { H3 } from '../../Headers';\nimport { Loader } from '../../Loader';\nimport { useUser } from '../useUser';\nimport content from './index.content';\nimport { type VerifyEmail, getVerifyEmailSchema } from './VerifyEmailSchema';\n\ntype VerifyEmailFormProps = {\n  onSubmitSuccess: (data: VerifyEmail) => Promise<void>;\n  onSubmitError?: (error: Error) => void;\n  userId?: string;\n};\n\nexport const VerifyEmailForm: FC<VerifyEmailFormProps> = ({\n  userId,\n  onSubmitSuccess,\n  onSubmitError,\n}) => {\n  const VerifyEmailSchema = getVerifyEmailSchema();\n  const { revalidateSession, user } = useUser();\n  const { verifyEmail, doneButton } = useDictionary(content);\n  const [isEmailVerified, setIsEmailVerified] = useState(false);\n  const { form } = useForm(VerifyEmailSchema, {});\n\n  const targetedUserId = useMemo(\n    () => userId ?? user?._id,\n    [userId, user?._id]\n  );\n\n  useEffect(() => {\n    if (!targetedUserId) return;\n    if (isEmailVerified) return;\n\n    // EventSource alow to receive server-sent events from the server\n    // In this case, we are listening to the email verification status\n    const eventSource = new EventSource(\n      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId!)\n    );\n\n    eventSource.onmessage = async (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.status === 'verified') {\n        // Update your UI to reflect the verification\n\n        setIsEmailVerified(true);\n\n        await revalidateSession();\n\n        eventSource.close(); // Close the connection if no longer needed\n      }\n    };\n\n    eventSource.onerror = (event) => {\n      console.error(event);\n      // Handle errors or reconnection logic\n      eventSource.close();\n    };\n\n    return () => eventSource.close(); // Clean up on component unmount\n  }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);\n\n  return (\n    <Form\n      schema={VerifyEmailSchema}\n      autoComplete\n      {...form}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n    >\n      <H3>{verifyEmail.title}</H3>\n      <span className=\"text-neutral text-sm\">{verifyEmail.description}</span>\n      <Loader isLoading={!isEmailVerified}>\n        <div className=\"bg-success/30 m-auto aspect-square rounded-full p-5\">\n          <Check className=\"text-success\" size={50} />\n        </div>\n      </Loader>\n      <Button\n        disabled={!isEmailVerified}\n        label={doneButton.text.value}\n        type=\"submit\"\n        color=\"text\"\n      >\n        {doneButton.text}\n      </Button>\n    </Form>\n  );\n};\n"],"names":["getVerifyEmailSchema","useUser","useDictionary","content","useState","useForm","useMemo","useEffect","intlayerAPI","jsxs","Form","jsx","H3","Loader","Check","Button"],"mappings":";;;;;;;;;;;;;;;;;AAoBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoBA,kDAAAA,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,KAAK,IAAIC,sCAAQ;AAC5C,QAAM,EAAE,aAAa,eAAeC,cAAAA,cAAcC,6CAAO;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIC,aAAAA,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAIC,iCAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiBC,aAAA;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEAC,eAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AACrB,QAAI,gBAAiB;AAIrB,UAAM,cAAc,IAAI;AAAA,MACtBC,gBAAY,KAAK,wBAAwB,cAAe;AAAA,IAC1D;AAEY,gBAAA,YAAY,OAAO,UAAU;AACvC,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAE9B,UAAA,KAAK,WAAW,YAAY;AAG9B,2BAAmB,IAAI;AAEvB,cAAM,kBAAkB;AAExB,oBAAY,MAAM;AAAA,MAAA;AAAA,IAEtB;AAEY,gBAAA,UAAU,CAAC,UAAU;AAC/B,cAAQ,MAAM,KAAK;AAEnB,kBAAY,MAAM;AAAA,IACpB;AAEO,WAAA,MAAM,YAAY,MAAM;AAAA,EAAA,GAC9B,CAAC,mBAAmB,gBAAgB,QAAQ,MAAM,KAAK,eAAe,CAAC;AAGxE,SAAAC,2BAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAACC,2BAAAA,IAAAC,yBAAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtBD,2BAAA,IAAA,QAAA,EAAK,WAAU,wBAAwB,sBAAY,aAAY;AAAA,uCAC/DE,wBAAAA,QAAO,EAAA,WAAW,CAAC,iBAClB,yCAAC,OAAI,EAAA,WAAU,uDACb,UAAAF,2BAAA,IAACG,qBAAM,WAAU,gBAAe,MAAM,GAAA,CAAI,EAC5C,CAAA,GACF;AAAA,QACAH,2BAAA;AAAA,UAACI,yBAAA;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,OAAO,WAAW,KAAK;AAAA,YACvB,MAAK;AAAA,YACL,OAAM;AAAA,YAEL,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,qBAAqB,CAAC;AAE7E,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4EpD,CAAC"}
+{"version":3,"file":"VerifyEmailForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,qBAAqB,CAAC;AAE7E,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0EpD,CAAC"}

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.mjs

@@ -7,7 +7,7 @@ import { useDictionary } from "react-intlayer";
 import { Button } from "../../Button/Button.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-BZUDRfoN.js";
+import { F as Form } from "../../../Form-MjLzPGze.js";
 import { H3 } from "../../Headers/index.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { useUser } from "../useUser/index.mjs";
@@ -57,8 +57,8 @@ const VerifyEmailForm = ({
       onSubmitError,
       children: [
         /* @__PURE__ */ jsx(H3, { children: verifyEmail.title }),
-        /* @__PURE__ */ jsx("span", { className: "text-neutral dark:text-neutral text-sm", children: verifyEmail.description }),
-        /* @__PURE__ */ jsx(Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsx("div", { className: "bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsx(Check, { className: "text-success dark:text-success-dark", size: 50 }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-neutral text-sm", children: verifyEmail.description }),
+        /* @__PURE__ */ jsx(Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsx("div", { className: "bg-success/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsx(Check, { className: "text-success", size: 50 }) }) }),
         /* @__PURE__ */ jsx(
           Button,
           {

package/dist/components/Auth/VerifyEmailForm/VerifyEmailForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.mjs","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"sourcesContent":["'use client';\n\nimport { intlayerAPI } from '@intlayer/api';\nimport { Check } from 'lucide-react';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { Form, useForm } from '../../Form';\nimport { H3 } from '../../Headers';\nimport { Loader } from '../../Loader';\nimport { useUser } from '../useUser';\nimport content from './index.content';\nimport { type VerifyEmail, getVerifyEmailSchema } from './VerifyEmailSchema';\n\ntype VerifyEmailFormProps = {\n  onSubmitSuccess: (data: VerifyEmail) => Promise<void>;\n  onSubmitError?: (error: Error) => void;\n  userId?: string;\n};\n\nexport const VerifyEmailForm: FC<VerifyEmailFormProps> = ({\n  userId,\n  onSubmitSuccess,\n  onSubmitError,\n}) => {\n  const VerifyEmailSchema = getVerifyEmailSchema();\n  const { revalidateSession, user } = useUser();\n  const { verifyEmail, doneButton } = useDictionary(content);\n  const [isEmailVerified, setIsEmailVerified] = useState(false);\n  const { form } = useForm(VerifyEmailSchema, {});\n\n  const targetedUserId = useMemo(\n    () => userId ?? user?._id,\n    [userId, user?._id]\n  );\n\n  useEffect(() => {\n    if (!targetedUserId) return;\n    if (isEmailVerified) return;\n\n    // EventSource alow to receive server-sent events from the server\n    // In this case, we are listening to the email verification status\n    const eventSource = new EventSource(\n      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId!)\n    );\n\n    eventSource.onmessage = async (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.status === 'verified') {\n        // Update your UI to reflect the verification\n\n        setIsEmailVerified(true);\n\n        await revalidateSession();\n\n        eventSource.close(); // Close the connection if no longer needed\n      }\n    };\n\n    eventSource.onerror = (event) => {\n      console.error(event);\n      // Handle errors or reconnection logic\n      eventSource.close();\n    };\n\n    return () => eventSource.close(); // Clean up on component unmount\n  }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);\n\n  return (\n    <Form\n      schema={VerifyEmailSchema}\n      autoComplete\n      {...form}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n    >\n      <H3>{verifyEmail.title}</H3>\n      <span className=\"text-neutral dark:text-neutral text-sm\">\n        {verifyEmail.description}\n      </span>\n      <Loader isLoading={!isEmailVerified}>\n        <div className=\"bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5\">\n          <Check className=\"text-success dark:text-success-dark\" size={50} />\n        </div>\n      </Loader>\n      <Button\n        disabled={!isEmailVerified}\n        label={doneButton.text.value}\n        type=\"submit\"\n        color=\"text\"\n      >\n        {doneButton.text}\n      </Button>\n    </Form>\n  );\n};\n"],"names":["content"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,KAAK,IAAI,QAAQ;AAC5C,QAAM,EAAE,aAAa,eAAe,cAAcA,sBAAO;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAI,QAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiB;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AACrB,QAAI,gBAAiB;AAIrB,UAAM,cAAc,IAAI;AAAA,MACtB,YAAY,KAAK,wBAAwB,cAAe;AAAA,IAC1D;AAEY,gBAAA,YAAY,OAAO,UAAU;AACvC,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAE9B,UAAA,KAAK,WAAW,YAAY;AAG9B,2BAAmB,IAAI;AAEvB,cAAM,kBAAkB;AAExB,oBAAY,MAAM;AAAA,MAAA;AAAA,IAEtB;AAEY,gBAAA,UAAU,CAAC,UAAU;AAC/B,cAAQ,MAAM,KAAK;AAEnB,kBAAY,MAAM;AAAA,IACpB;AAEO,WAAA,MAAM,YAAY,MAAM;AAAA,EAAA,GAC9B,CAAC,mBAAmB,gBAAgB,QAAQ,MAAM,KAAK,eAAe,CAAC;AAGxE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAC,oBAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtB,oBAAA,QAAA,EAAK,WAAU,0CACb,sBAAY,aACf;AAAA,4BACC,QAAO,EAAA,WAAW,CAAC,iBAClB,8BAAC,OAAI,EAAA,WAAU,+EACb,UAAA,oBAAC,SAAM,WAAU,uCAAsC,MAAM,GAAA,CAAI,EACnE,CAAA,GACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,OAAO,WAAW,KAAK;AAAA,YACvB,MAAK;AAAA,YACL,OAAM;AAAA,YAEL,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"VerifyEmailForm.mjs","sources":["../../../../src/components/Auth/VerifyEmailForm/VerifyEmailForm.tsx"],"sourcesContent":["'use client';\n\nimport { intlayerAPI } from '@intlayer/api';\nimport { Check } from 'lucide-react';\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { Form, useForm } from '../../Form';\nimport { H3 } from '../../Headers';\nimport { Loader } from '../../Loader';\nimport { useUser } from '../useUser';\nimport content from './index.content';\nimport { type VerifyEmail, getVerifyEmailSchema } from './VerifyEmailSchema';\n\ntype VerifyEmailFormProps = {\n  onSubmitSuccess: (data: VerifyEmail) => Promise<void>;\n  onSubmitError?: (error: Error) => void;\n  userId?: string;\n};\n\nexport const VerifyEmailForm: FC<VerifyEmailFormProps> = ({\n  userId,\n  onSubmitSuccess,\n  onSubmitError,\n}) => {\n  const VerifyEmailSchema = getVerifyEmailSchema();\n  const { revalidateSession, user } = useUser();\n  const { verifyEmail, doneButton } = useDictionary(content);\n  const [isEmailVerified, setIsEmailVerified] = useState(false);\n  const { form } = useForm(VerifyEmailSchema, {});\n\n  const targetedUserId = useMemo(\n    () => userId ?? user?._id,\n    [userId, user?._id]\n  );\n\n  useEffect(() => {\n    if (!targetedUserId) return;\n    if (isEmailVerified) return;\n\n    // EventSource alow to receive server-sent events from the server\n    // In this case, we are listening to the email verification status\n    const eventSource = new EventSource(\n      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId!)\n    );\n\n    eventSource.onmessage = async (event) => {\n      const data = JSON.parse(event.data);\n\n      if (data.status === 'verified') {\n        // Update your UI to reflect the verification\n\n        setIsEmailVerified(true);\n\n        await revalidateSession();\n\n        eventSource.close(); // Close the connection if no longer needed\n      }\n    };\n\n    eventSource.onerror = (event) => {\n      console.error(event);\n      // Handle errors or reconnection logic\n      eventSource.close();\n    };\n\n    return () => eventSource.close(); // Clean up on component unmount\n  }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);\n\n  return (\n    <Form\n      schema={VerifyEmailSchema}\n      autoComplete\n      {...form}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n    >\n      <H3>{verifyEmail.title}</H3>\n      <span className=\"text-neutral text-sm\">{verifyEmail.description}</span>\n      <Loader isLoading={!isEmailVerified}>\n        <div className=\"bg-success/30 m-auto aspect-square rounded-full p-5\">\n          <Check className=\"text-success\" size={50} />\n        </div>\n      </Loader>\n      <Button\n        disabled={!isEmailVerified}\n        label={doneButton.text.value}\n        type=\"submit\"\n        color=\"text\"\n      >\n        {doneButton.text}\n      </Button>\n    </Form>\n  );\n};\n"],"names":["content"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,mBAAmB,KAAK,IAAI,QAAQ;AAC5C,QAAM,EAAE,aAAa,eAAe,cAAcA,sBAAO;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAI,QAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiB;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AACrB,QAAI,gBAAiB;AAIrB,UAAM,cAAc,IAAI;AAAA,MACtB,YAAY,KAAK,wBAAwB,cAAe;AAAA,IAC1D;AAEY,gBAAA,YAAY,OAAO,UAAU;AACvC,YAAM,OAAO,KAAK,MAAM,MAAM,IAAI;AAE9B,UAAA,KAAK,WAAW,YAAY;AAG9B,2BAAmB,IAAI;AAEvB,cAAM,kBAAkB;AAExB,oBAAY,MAAM;AAAA,MAAA;AAAA,IAEtB;AAEY,gBAAA,UAAU,CAAC,UAAU;AAC/B,cAAQ,MAAM,KAAK;AAEnB,kBAAY,MAAM;AAAA,IACpB;AAEO,WAAA,MAAM,YAAY,MAAM;AAAA,EAAA,GAC9B,CAAC,mBAAmB,gBAAgB,QAAQ,MAAM,KAAK,eAAe,CAAC;AAGxE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAC,oBAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtB,oBAAA,QAAA,EAAK,WAAU,wBAAwB,sBAAY,aAAY;AAAA,4BAC/D,QAAO,EAAA,WAAW,CAAC,iBAClB,8BAAC,OAAI,EAAA,WAAU,uDACb,UAAA,oBAAC,SAAM,WAAU,gBAAe,MAAM,GAAA,CAAI,EAC5C,CAAA,GACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC;AAAA,YACX,OAAO,WAAW,KAAK;AAAA,YACvB,MAAK;AAAA,YACL,OAAM;AAAA,YAEL,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Auth/index.cjs

@@ -15,6 +15,8 @@ const components_Auth_AuthenticationBarrier_AuthenticationBarrierServer = requir
 const components_Auth_AuthenticationBarrier_AuthenticationBarrierClient = require("./AuthenticationBarrier/AuthenticationBarrierClient.cjs");
 const components_Auth_useUser_index = require("./useUser/index.cjs");
 const components_Auth_VerifyEmailForm_VerifyEmailForm = require("./VerifyEmailForm/VerifyEmailForm.cjs");
+const components_Auth_DefineNewPasswordForm_DefineNewPasswordForm = require("./DefineNewPasswordForm/DefineNewPasswordForm.cjs");
+const components_Auth_DefineNewPasswordForm_useDefineNewPasswordSchema = require("./DefineNewPasswordForm/useDefineNewPasswordSchema.cjs");
 exports.ExternalsLoginButtons = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.ExternalsLoginButtons;
 exports.GitHubLoginButton = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.GitHubLoginButton;
 exports.GoogleLoginButton = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.GoogleLoginButton;
@@ -32,4 +34,6 @@ exports.AuthenticationBarrierServer = components_Auth_AuthenticationBarrier_Auth
 exports.AuthenticationBarrierClient = components_Auth_AuthenticationBarrier_AuthenticationBarrierClient.AuthenticationBarrierClient;
 exports.useUser = components_Auth_useUser_index.useUser;
 exports.VerifyEmailForm = components_Auth_VerifyEmailForm_VerifyEmailForm.VerifyEmailForm;
+exports.DefineNewPasswordForm = components_Auth_DefineNewPasswordForm_DefineNewPasswordForm.DefineNewPasswordForm;
+exports.useDefineNewPasswordSchema = components_Auth_DefineNewPasswordForm_useDefineNewPasswordSchema.useDefineNewPasswordSchema;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Auth/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Auth/index.d.ts

@@ -8,4 +8,5 @@ export * from './useAuth';
 export * from './AuthenticationBarrier';
 export * from './useUser';
 export * from './VerifyEmailForm';
+export * from './DefineNewPasswordForm';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/dist/components/Auth/index.mjs

@@ -13,11 +13,14 @@ import { AuthenticationBarrierServer } from "./AuthenticationBarrier/Authenticat
 import { AuthenticationBarrierClient } from "./AuthenticationBarrier/AuthenticationBarrierClient.mjs";
 import { useUser } from "./useUser/index.mjs";
 import { VerifyEmailForm } from "./VerifyEmailForm/VerifyEmailForm.mjs";
+import { DefineNewPasswordForm } from "./DefineNewPasswordForm/DefineNewPasswordForm.mjs";
+import { useDefineNewPasswordSchema } from "./DefineNewPasswordForm/useDefineNewPasswordSchema.mjs";
 export {
   AuthModal,
   AuthenticationBarrierClient,
   AuthenticationBarrierServer,
   ChangePasswordForm,
+  DefineNewPasswordForm,
   ExternalsLoginButtons,
   GitHubLoginButton,
   GoogleLoginButton,
@@ -27,6 +30,7 @@ export {
   VerifyEmailForm,
   useAuth,
   useChangePasswordSchema,
+  useDefineNewPasswordSchema,
   useResetPasswordSchema,
   useSignInSchema,
   useSignUpSchema,

package/dist/components/Auth/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/Auth/useAuth/index.cjs

@@ -24,6 +24,7 @@ const useAuth = ({
       csrfToken,
       csrfTokenFetched,
       oAuth2AccessToken,
+      isAuthenticated: Boolean(session || oAuth2AccessToken),
       isProjectAdmin: session?.isProjectAdmin,
       isOrganizationAdmin: session?.isOrganizationAdmin
     }),

package/dist/components/Auth/useAuth/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n  intlayerConfiguration,\n}: {\n  session?: Session | null;\n  intlayerConfiguration?: IntlayerConfig;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);\n  const { session, fetchSession, revalidateSession, setSession } = useSession(\n    sessionProp,\n    intlayerConfiguration\n  );\n  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":["useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;AAkCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AAAA,EACT;AACF,IAGI,OAAO;AACT,QAAM,EAAE,WAAW,qBAAqBA,gCAAAA,QAAQ,qBAAqB;AACrE,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAe,IAAAC,mCAAA;AAAA,IAC/D;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,kBAAsB,IAAAC,4CAAU,WAAW,qBAAqB;AAExE,QAAM,YAAiCC,aAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  isAuthenticated: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n  intlayerConfiguration,\n}: {\n  session?: Session | null;\n  intlayerConfiguration?: IntlayerConfig;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);\n  const { session, fetchSession, revalidateSession, setSession } = useSession(\n    sessionProp,\n    intlayerConfiguration\n  );\n  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isAuthenticated: Boolean(session || oAuth2AccessToken),\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":["useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;AAmCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AAAA,EACT;AACF,IAGI,OAAO;AACT,QAAM,EAAE,WAAW,qBAAqBA,gCAAAA,QAAQ,qBAAqB;AACrE,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAe,IAAAC,mCAAA;AAAA,IAC/D;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,kBAAsB,IAAAC,4CAAU,WAAW,qBAAqB;AAExE,QAAM,YAAiCC,aAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,QAAQ,WAAW,iBAAiB;AAAA,MACrD,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}

package/dist/components/Auth/useAuth/index.d.ts

@@ -14,6 +14,7 @@ type SessionContextProps = {
     revalidateSession: () => Promise<Session | null | undefined>;
     csrfToken: string | null | undefined;
     csrfTokenFetched: boolean;
+    isAuthenticated: boolean;
     oAuth2AccessToken: OAuth2Token | null | undefined;
     isProjectAdmin: boolean | null | undefined;
     isOrganizationAdmin: boolean | null | undefined;