@intlayer/design-system 5.0.6 → 5.1.1

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,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAAD,2BAAA,kBAAA;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,kBAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAAG,2BAAA,kBAAA;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,kBAAA;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,kBAAA;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,kBAAA;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,kBAAAA,KAAC,QAAK,EAAA,WAAU,mGACb,UAAA;AAAA,YAAW,WAAA;AAAA,YACZG,2BAAA,kBAAA;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,qDACCE,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 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;;"}

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

@@ -1,9 +1,9 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
+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-DlqjTz3u.js";
+import { F as Form } from "../../../Form-BZUDRfoN.js";
 import { ExternalsLoginButtons } from "../ExternalsLoginButtons/ExternalsLoginButtons.mjs";
 import { signInContent } from "./signIn.content.mjs";
 import { useSignInSchema } from "./useSignInSchema.mjs";
@@ -22,8 +22,8 @@ const SignInForm = ({
     loginButton,
     signUpLink
   } = useDictionary(signInContent);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
       Form,
       {
         schema: SignInSchema,
@@ -33,8 +33,8 @@ const SignInForm = ({
         className: "gap-y-0",
         ...form,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-6", children: [
+            /* @__PURE__ */ jsx(
               Form.Input,
               {
                 name: "email",
@@ -44,7 +44,7 @@ const SignInForm = ({
                 autoComplete: "email"
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx(
               Form.InputPassword,
               {
                 name: "password",
@@ -55,7 +55,7 @@ const SignInForm = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             Form.Button,
             {
               className: "ml-auto mt-2 block",
@@ -67,7 +67,7 @@ const SignInForm = ({
               children: forgotPasswordLink.text
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             Form.Button,
             {
               className: "mt-12 w-full",
@@ -78,9 +78,9 @@ const SignInForm = ({
               children: loginButton.text
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.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 dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-xs", children: [
             signUpLink.message,
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx(
               Form.Button,
               {
                 variant: "link",
@@ -95,7 +95,7 @@ const SignInForm = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalsLoginButtons, {})
+    /* @__PURE__ */ jsx(ExternalsLoginButtons, {})
   ] });
 };
 export {

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":["jsxs","Fragment","jsx"],"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,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAAE,kCAAA;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,YAEAA,kCAAA;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,UAEAA,kCAAA;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,UAEAA,kCAAA;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,UAEAF,kCAAAA,KAAC,QAAK,EAAA,WAAU,mGACb,UAAA;AAAA,YAAW,WAAA;AAAA,YACZE,kCAAA;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,0CACC,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 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;"}

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

@@ -12,13 +12,13 @@ const useSignInSchema = () => {
   } = reactIntlayer.useDictionary(components_Auth_SignInForm_useSignInSchema_content.signInSchemaContent);
   return zod.z.object({
     email: zod.z.string({
-      required_error: requiredErrorEmail,
-      invalid_type_error: invalidTypeErrorEmail
-    }).min(1, { message: invalidTypeErrorEmail }).default(""),
+      required_error: requiredErrorEmail.value,
+      invalid_type_error: invalidTypeErrorEmail.value
+    }).min(1, { message: invalidTypeErrorEmail.value }).default(""),
     password: zod.z.string({
-      required_error: requiredErrorPassword,
-      invalid_type_error: invalidTypeErrorPassword
-    }).min(1, { message: invalidTypeErrorPassword }).default("")
+      required_error: requiredErrorPassword.value,
+      invalid_type_error: invalidTypeErrorPassword.value
+    }).min(1, { message: invalidTypeErrorPassword.value }).default("")
   });
 };
 exports.useSignInSchema = useSignInSchema;

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

@@ -1 +1 @@
-{"version":3,"file":"useSignInSchema.cjs","sources":["../../../../src/components/Auth/SignInForm/useSignInSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signInSchemaContent } from './useSignInSchema.content';\n\nexport const useSignInSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n  } = useDictionary(signInSchemaContent);\n\n  return z.object({\n    email: z\n      .string({\n        required_error: requiredErrorEmail,\n        invalid_type_error: invalidTypeErrorEmail,\n      })\n      .min(1, { message: invalidTypeErrorEmail })\n      .default(''),\n    password: z\n      .string({\n        required_error: requiredErrorPassword,\n        invalid_type_error: invalidTypeErrorPassword,\n      })\n      .min(1, { message: invalidTypeErrorPassword })\n      .default(''),\n  });\n};\nexport type SignIn = z.infer<ReturnType<typeof useSignInSchema>>;\n"],"names":["useDictionary","signInSchemaContent","z"],"mappings":";;;;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,mDAAAA,mBAAmB;AAErC,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,QAAQ,EAAE;AAAA,IACb,UAAUA,MACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,yBAA0B,CAAA,EAC5C,QAAQ,EAAE;AAAA,EAAA,CACd;AACH;;"}
+{"version":3,"file":"useSignInSchema.cjs","sources":["../../../../src/components/Auth/SignInForm/useSignInSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signInSchemaContent } from './useSignInSchema.content';\n\nexport const useSignInSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n  } = useDictionary(signInSchemaContent);\n\n  return z.object({\n    email: z\n      .string({\n        required_error: requiredErrorEmail.value,\n        invalid_type_error: invalidTypeErrorEmail.value,\n      })\n      .min(1, { message: invalidTypeErrorEmail.value })\n      .default(''),\n    password: z\n      .string({\n        required_error: requiredErrorPassword.value,\n        invalid_type_error: invalidTypeErrorPassword.value,\n      })\n      .min(1, { message: invalidTypeErrorPassword.value })\n      .default(''),\n  });\n};\nexport type SignIn = z.infer<ReturnType<typeof useSignInSchema>>;\n"],"names":["useDictionary","signInSchemaContent","z"],"mappings":";;;;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,mDAAAA,mBAAmB;AAErC,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB,mBAAmB;AAAA,MACnC,oBAAoB,sBAAsB;AAAA,IAAA,CAC3C,EACA,IAAI,GAAG,EAAE,SAAS,sBAAsB,MAAO,CAAA,EAC/C,QAAQ,EAAE;AAAA,IACb,UAAUA,MACP,OAAO;AAAA,MACN,gBAAgB,sBAAsB;AAAA,MACtC,oBAAoB,yBAAyB;AAAA,IAAA,CAC9C,EACA,IAAI,GAAG,EAAE,SAAS,yBAAyB,MAAM,CAAC,EAClD,QAAQ,EAAE;AAAA,EAAA,CACd;AACH;;"}

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

@@ -10,13 +10,13 @@ const useSignInSchema = () => {
   } = useDictionary(signInSchemaContent);
   return z.object({
     email: z.string({
-      required_error: requiredErrorEmail,
-      invalid_type_error: invalidTypeErrorEmail
-    }).min(1, { message: invalidTypeErrorEmail }).default(""),
+      required_error: requiredErrorEmail.value,
+      invalid_type_error: invalidTypeErrorEmail.value
+    }).min(1, { message: invalidTypeErrorEmail.value }).default(""),
     password: z.string({
-      required_error: requiredErrorPassword,
-      invalid_type_error: invalidTypeErrorPassword
-    }).min(1, { message: invalidTypeErrorPassword }).default("")
+      required_error: requiredErrorPassword.value,
+      invalid_type_error: invalidTypeErrorPassword.value
+    }).min(1, { message: invalidTypeErrorPassword.value }).default("")
   });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"useSignInSchema.mjs","sources":["../../../../src/components/Auth/SignInForm/useSignInSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signInSchemaContent } from './useSignInSchema.content';\n\nexport const useSignInSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n  } = useDictionary(signInSchemaContent);\n\n  return z.object({\n    email: z\n      .string({\n        required_error: requiredErrorEmail,\n        invalid_type_error: invalidTypeErrorEmail,\n      })\n      .min(1, { message: invalidTypeErrorEmail })\n      .default(''),\n    password: z\n      .string({\n        required_error: requiredErrorPassword,\n        invalid_type_error: invalidTypeErrorPassword,\n      })\n      .min(1, { message: invalidTypeErrorPassword })\n      .default(''),\n  });\n};\nexport type SignIn = z.infer<ReturnType<typeof useSignInSchema>>;\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,mBAAmB;AAErC,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,QAAQ,EAAE;AAAA,IACb,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,yBAA0B,CAAA,EAC5C,QAAQ,EAAE;AAAA,EAAA,CACd;AACH;"}
+{"version":3,"file":"useSignInSchema.mjs","sources":["../../../../src/components/Auth/SignInForm/useSignInSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signInSchemaContent } from './useSignInSchema.content';\n\nexport const useSignInSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n  } = useDictionary(signInSchemaContent);\n\n  return z.object({\n    email: z\n      .string({\n        required_error: requiredErrorEmail.value,\n        invalid_type_error: invalidTypeErrorEmail.value,\n      })\n      .min(1, { message: invalidTypeErrorEmail.value })\n      .default(''),\n    password: z\n      .string({\n        required_error: requiredErrorPassword.value,\n        invalid_type_error: invalidTypeErrorPassword.value,\n      })\n      .min(1, { message: invalidTypeErrorPassword.value })\n      .default(''),\n  });\n};\nexport type SignIn = z.infer<ReturnType<typeof useSignInSchema>>;\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,mBAAmB;AAErC,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB,mBAAmB;AAAA,MACnC,oBAAoB,sBAAsB;AAAA,IAAA,CAC3C,EACA,IAAI,GAAG,EAAE,SAAS,sBAAsB,MAAO,CAAA,EAC/C,QAAQ,EAAE;AAAA,IACb,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB,sBAAsB;AAAA,MACtC,oBAAoB,yBAAyB;AAAA,IAAA,CAC9C,EACA,IAAI,GAAG,EAAE,SAAS,yBAAyB,MAAM,CAAC,EAClD,QAAQ,EAAE;AAAA,EAAA,CACd;AACH;"}

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

@@ -1,11 +1,11 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
+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-CSMiPnjC.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.cjs");
 const components_Auth_SignUpForm_signUpForm_content = require("./signUpForm.content.cjs");
 const components_Auth_SignUpForm_useSignUpSchema = require("./useSignUpSchema.cjs");
 const SignUpForm = ({
@@ -22,7 +22,7 @@ const SignUpForm = ({
   } = reactIntlayer.useDictionary(components_Auth_SignUpForm_signUpForm_content);
   const SignUpSchema = components_Auth_SignUpForm_useSignUpSchema.useSignUpSchema();
   const { form, isSubmitting } = components_Form_FormBase.useForm(SignUpSchema);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     components_Form_layout_FormItemLayout.Form,
     {
       schema: SignUpSchema,
@@ -31,8 +31,8 @@ const SignUpForm = ({
       autoComplete: true,
       ...form,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.Input,
             {
               name: "email",
@@ -44,7 +44,7 @@ const SignUpForm = ({
               maxLength: 50
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.InputPassword,
             {
               name: "password",
@@ -54,7 +54,7 @@ const SignUpForm = ({
               isRequired: true
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.InputPassword,
             {
               name: "passwordConfirmation",
@@ -65,7 +65,7 @@ const SignUpForm = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             className: "mt-12 w-full",
@@ -76,9 +76,9 @@ const SignUpForm = ({
             children: signUpButton.text
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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 dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs", children: [
           loginLink.message,
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.Button,
             {
               variant: "link",

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,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;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,kBAAA;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,kBAAA;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,kBAAA;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,kBAAAA,KAAC,QAAK,EAAA,WAAU,4HACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACXE,2BAAA,kBAAA;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 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;;"}

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

@@ -1,9 +1,9 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
+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-DlqjTz3u.js";
+import { F as Form } from "../../../Form-BZUDRfoN.js";
 import content from "./signUpForm.content.mjs";
 import { useSignUpSchema } from "./useSignUpSchema.mjs";
 const SignUpForm = ({
@@ -20,7 +20,7 @@ const SignUpForm = ({
   } = useDictionary(content);
   const SignUpSchema = useSignUpSchema();
   const { form, isSubmitting } = useForm(SignUpSchema);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     Form,
     {
       schema: SignUpSchema,
@@ -29,8 +29,8 @@ const SignUpForm = ({
       autoComplete: true,
       ...form,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          /* @__PURE__ */ jsx(
             Form.Input,
             {
               name: "email",
@@ -42,7 +42,7 @@ const SignUpForm = ({
               maxLength: 50
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             Form.InputPassword,
             {
               name: "password",
@@ -52,7 +52,7 @@ const SignUpForm = ({
               isRequired: true
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             Form.InputPassword,
             {
               name: "passwordConfirmation",
@@ -63,7 +63,7 @@ const SignUpForm = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx(
           Form.Button,
           {
             className: "mt-12 w-full",
@@ -74,9 +74,9 @@ const SignUpForm = ({
             children: signUpButton.text
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.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 dark:text-neutral-dark m-auto mt-3 flex w-full items-center justify-center text-center align-middle text-xs", children: [
           loginLink.message,
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             Form.Button,
             {
               variant: "link",

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":["jsxs","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,IACE,cAAc,OAAO;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,MAAM,iBAAiB,QAAQ,YAAY;AAGjD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAC,kCAAA;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,UAEAA,kCAAA;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,UAEAA,kCAAA;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,QAEAA,kCAAA;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,QAEAD,kCAAAA,KAAC,QAAK,EAAA,WAAU,4HACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACXC,kCAAA;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 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;"}

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

@@ -15,19 +15,19 @@ const useSignUpSchema = () => {
   } = reactIntlayer.useDictionary(components_Auth_SignUpForm_useSignUpSchema_content.signUpSchemaContent);
   return zod.z.object({
     email: zod.z.string({
-      required_error: requiredErrorEmail,
-      invalid_type_error: invalidTypeErrorEmail
-    }).min(1, { message: invalidTypeErrorEmail }).email({ message: invalidTypeErrorEmail }),
+      required_error: requiredErrorEmail.value,
+      invalid_type_error: invalidTypeErrorEmail.value
+    }).min(1, { message: invalidTypeErrorEmail.value }).email({ message: invalidTypeErrorEmail.value }),
     password: zod.z.string({
-      required_error: requiredErrorPassword,
-      invalid_type_error: invalidTypeErrorPassword
-    }).min(8, { message: invalidTypeErrorPassword }),
+      required_error: requiredErrorPassword.value,
+      invalid_type_error: invalidTypeErrorPassword.value
+    }).min(8, { message: invalidTypeErrorPassword.value }),
     passwordConfirmation: zod.z.string({
-      required_error: requiredErrorPasswordConfirmation,
-      invalid_type_error: invalidTypeErrorPasswordConfirmation
-    }).min(8, { message: invalidTypeErrorPasswordConfirmation })
+      required_error: requiredErrorPasswordConfirmation.value,
+      invalid_type_error: invalidTypeErrorPasswordConfirmation.value
+    }).min(8, { message: invalidTypeErrorPasswordConfirmation.value })
   }).refine((data) => data.password === data.passwordConfirmation, {
-    message: passwordNotMatchError,
+    message: passwordNotMatchError.value,
     path: ["passwordConfirmation"]
     // This specifies which field the error should be associated with
   });

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

@@ -1 +1 @@
-{"version":3,"file":"useSignUpSchema.cjs","sources":["../../../../src/components/Auth/SignUpForm/useSignUpSchema.ts"],"sourcesContent":["import { t, useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signUpSchemaContent } from './useSignUpSchema.content';\n\nexport const useSignUpSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n    requiredErrorPasswordConfirmation,\n    invalidTypeErrorPasswordConfirmation,\n    passwordNotMatchError,\n  } = useDictionary(signUpSchemaContent);\n\n  return z\n    .object({\n      email: z\n        .string({\n          required_error: requiredErrorEmail,\n          invalid_type_error: invalidTypeErrorEmail,\n        })\n        .min(1, { message: invalidTypeErrorEmail })\n        .email({ message: invalidTypeErrorEmail }),\n      password: z\n        .string({\n          required_error: requiredErrorPassword,\n          invalid_type_error: invalidTypeErrorPassword,\n        })\n        .min(8, { message: invalidTypeErrorPassword }),\n      passwordConfirmation: z\n        .string({\n          required_error: requiredErrorPasswordConfirmation,\n          invalid_type_error: invalidTypeErrorPasswordConfirmation,\n        })\n        .min(8, { message: invalidTypeErrorPasswordConfirmation }),\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n      message: passwordNotMatchError,\n      path: ['passwordConfirmation'], // This specifies which field the error should be associated with\n    });\n};\n\nexport type SignUp = z.infer<ReturnType<typeof useSignUpSchema>>;\n"],"names":["useDictionary","signUpSchemaContent","z"],"mappings":";;;;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,mDAAAA,mBAAmB;AAErC,SAAOC,IAAAA,EACJ,OAAO;AAAA,IACN,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,MAAM,EAAE,SAAS,uBAAuB;AAAA,IAC3C,UAAUA,MACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,IAC/C,sBAAsBA,MACnB,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,qCAAsC,CAAA;AAAA,EAAA,CAC5D,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,sBAAsB;AAAA,IAC7D,SAAS;AAAA,IACT,MAAM,CAAC,sBAAsB;AAAA;AAAA,EAAA,CAC9B;AACL;;"}
+{"version":3,"file":"useSignUpSchema.cjs","sources":["../../../../src/components/Auth/SignUpForm/useSignUpSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signUpSchemaContent } from './useSignUpSchema.content';\n\nexport const useSignUpSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n    requiredErrorPasswordConfirmation,\n    invalidTypeErrorPasswordConfirmation,\n    passwordNotMatchError,\n  } = useDictionary(signUpSchemaContent);\n\n  return z\n    .object({\n      email: z\n        .string({\n          required_error: requiredErrorEmail.value,\n          invalid_type_error: invalidTypeErrorEmail.value,\n        })\n        .min(1, { message: invalidTypeErrorEmail.value })\n        .email({ message: invalidTypeErrorEmail.value }),\n      password: z\n        .string({\n          required_error: requiredErrorPassword.value,\n          invalid_type_error: invalidTypeErrorPassword.value,\n        })\n        .min(8, { message: invalidTypeErrorPassword.value }),\n      passwordConfirmation: z\n        .string({\n          required_error: requiredErrorPasswordConfirmation.value,\n          invalid_type_error: invalidTypeErrorPasswordConfirmation.value,\n        })\n        .min(8, { message: invalidTypeErrorPasswordConfirmation.value }),\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n      message: passwordNotMatchError.value,\n      path: ['passwordConfirmation'], // This specifies which field the error should be associated with\n    });\n};\n\nexport type SignUp = z.infer<ReturnType<typeof useSignUpSchema>>;\n"],"names":["useDictionary","signUpSchemaContent","z"],"mappings":";;;;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,cAAAA,cAAcC,mDAAAA,mBAAmB;AAErC,SAAOC,IAAAA,EACJ,OAAO;AAAA,IACN,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB,mBAAmB;AAAA,MACnC,oBAAoB,sBAAsB;AAAA,IAC3C,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,sBAAsB,OAAO,EAC/C,MAAM,EAAE,SAAS,sBAAsB,OAAO;AAAA,IACjD,UAAUA,MACP,OAAO;AAAA,MACN,gBAAgB,sBAAsB;AAAA,MACtC,oBAAoB,yBAAyB;AAAA,IAAA,CAC9C,EACA,IAAI,GAAG,EAAE,SAAS,yBAAyB,OAAO;AAAA,IACrD,sBAAsBA,MACnB,OAAO;AAAA,MACN,gBAAgB,kCAAkC;AAAA,MAClD,oBAAoB,qCAAqC;AAAA,IAAA,CAC1D,EACA,IAAI,GAAG,EAAE,SAAS,qCAAqC,MAAO,CAAA;AAAA,EAAA,CAClE,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,sBAAsB;AAAA,IAC7D,SAAS,sBAAsB;AAAA,IAC/B,MAAM,CAAC,sBAAsB;AAAA;AAAA,EAAA,CAC9B;AACL;;"}

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

@@ -13,19 +13,19 @@ const useSignUpSchema = () => {
   } = useDictionary(signUpSchemaContent);
   return z.object({
     email: z.string({
-      required_error: requiredErrorEmail,
-      invalid_type_error: invalidTypeErrorEmail
-    }).min(1, { message: invalidTypeErrorEmail }).email({ message: invalidTypeErrorEmail }),
+      required_error: requiredErrorEmail.value,
+      invalid_type_error: invalidTypeErrorEmail.value
+    }).min(1, { message: invalidTypeErrorEmail.value }).email({ message: invalidTypeErrorEmail.value }),
     password: z.string({
-      required_error: requiredErrorPassword,
-      invalid_type_error: invalidTypeErrorPassword
-    }).min(8, { message: invalidTypeErrorPassword }),
+      required_error: requiredErrorPassword.value,
+      invalid_type_error: invalidTypeErrorPassword.value
+    }).min(8, { message: invalidTypeErrorPassword.value }),
     passwordConfirmation: z.string({
-      required_error: requiredErrorPasswordConfirmation,
-      invalid_type_error: invalidTypeErrorPasswordConfirmation
-    }).min(8, { message: invalidTypeErrorPasswordConfirmation })
+      required_error: requiredErrorPasswordConfirmation.value,
+      invalid_type_error: invalidTypeErrorPasswordConfirmation.value
+    }).min(8, { message: invalidTypeErrorPasswordConfirmation.value })
   }).refine((data) => data.password === data.passwordConfirmation, {
-    message: passwordNotMatchError,
+    message: passwordNotMatchError.value,
     path: ["passwordConfirmation"]
     // This specifies which field the error should be associated with
   });

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

@@ -1 +1 @@
-{"version":3,"file":"useSignUpSchema.mjs","sources":["../../../../src/components/Auth/SignUpForm/useSignUpSchema.ts"],"sourcesContent":["import { t, useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signUpSchemaContent } from './useSignUpSchema.content';\n\nexport const useSignUpSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n    requiredErrorPasswordConfirmation,\n    invalidTypeErrorPasswordConfirmation,\n    passwordNotMatchError,\n  } = useDictionary(signUpSchemaContent);\n\n  return z\n    .object({\n      email: z\n        .string({\n          required_error: requiredErrorEmail,\n          invalid_type_error: invalidTypeErrorEmail,\n        })\n        .min(1, { message: invalidTypeErrorEmail })\n        .email({ message: invalidTypeErrorEmail }),\n      password: z\n        .string({\n          required_error: requiredErrorPassword,\n          invalid_type_error: invalidTypeErrorPassword,\n        })\n        .min(8, { message: invalidTypeErrorPassword }),\n      passwordConfirmation: z\n        .string({\n          required_error: requiredErrorPasswordConfirmation,\n          invalid_type_error: invalidTypeErrorPasswordConfirmation,\n        })\n        .min(8, { message: invalidTypeErrorPasswordConfirmation }),\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n      message: passwordNotMatchError,\n      path: ['passwordConfirmation'], // This specifies which field the error should be associated with\n    });\n};\n\nexport type SignUp = z.infer<ReturnType<typeof useSignUpSchema>>;\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,mBAAmB;AAErC,SAAO,EACJ,OAAO;AAAA,IACN,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,MAAM,EAAE,SAAS,uBAAuB;AAAA,IAC3C,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,IAC/C,sBAAsB,EACnB,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,qCAAsC,CAAA;AAAA,EAAA,CAC5D,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,sBAAsB;AAAA,IAC7D,SAAS;AAAA,IACT,MAAM,CAAC,sBAAsB;AAAA;AAAA,EAAA,CAC9B;AACL;"}
+{"version":3,"file":"useSignUpSchema.mjs","sources":["../../../../src/components/Auth/SignUpForm/useSignUpSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { signUpSchemaContent } from './useSignUpSchema.content';\n\nexport const useSignUpSchema = () => {\n  const {\n    requiredErrorEmail,\n    invalidTypeErrorEmail,\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n    requiredErrorPasswordConfirmation,\n    invalidTypeErrorPasswordConfirmation,\n    passwordNotMatchError,\n  } = useDictionary(signUpSchemaContent);\n\n  return z\n    .object({\n      email: z\n        .string({\n          required_error: requiredErrorEmail.value,\n          invalid_type_error: invalidTypeErrorEmail.value,\n        })\n        .min(1, { message: invalidTypeErrorEmail.value })\n        .email({ message: invalidTypeErrorEmail.value }),\n      password: z\n        .string({\n          required_error: requiredErrorPassword.value,\n          invalid_type_error: invalidTypeErrorPassword.value,\n        })\n        .min(8, { message: invalidTypeErrorPassword.value }),\n      passwordConfirmation: z\n        .string({\n          required_error: requiredErrorPasswordConfirmation.value,\n          invalid_type_error: invalidTypeErrorPasswordConfirmation.value,\n        })\n        .min(8, { message: invalidTypeErrorPasswordConfirmation.value }),\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n      message: passwordNotMatchError.value,\n      path: ['passwordConfirmation'], // This specifies which field the error should be associated with\n    });\n};\n\nexport type SignUp = z.infer<ReturnType<typeof useSignUpSchema>>;\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,MAAM;AAC7B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,mBAAmB;AAErC,SAAO,EACJ,OAAO;AAAA,IACN,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB,mBAAmB;AAAA,MACnC,oBAAoB,sBAAsB;AAAA,IAC3C,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,sBAAsB,OAAO,EAC/C,MAAM,EAAE,SAAS,sBAAsB,OAAO;AAAA,IACjD,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB,sBAAsB;AAAA,MACtC,oBAAoB,yBAAyB;AAAA,IAAA,CAC9C,EACA,IAAI,GAAG,EAAE,SAAS,yBAAyB,OAAO;AAAA,IACrD,sBAAsB,EACnB,OAAO;AAAA,MACN,gBAAgB,kCAAkC;AAAA,MAClD,oBAAoB,qCAAqC;AAAA,IAAA,CAC1D,EACA,IAAI,GAAG,EAAE,SAAS,qCAAqC,MAAO,CAAA;AAAA,EAAA,CAClE,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,sBAAsB;AAAA,IAC7D,SAAS,sBAAsB;AAAA,IAC/B,MAAM,CAAC,sBAAsB;AAAA;AAAA,EAAA,CAC9B;AACL;"}

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

@@ -1,15 +1,15 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const api = require("@intlayer/api");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = require("react");
 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-CSMiPnjC.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-yi0CMK-a.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");
@@ -23,13 +23,13 @@ const VerifyEmailForm = ({
   const VerifyEmailSchema = components_Auth_VerifyEmailForm_VerifyEmailSchema.getVerifyEmailSchema();
   const { revalidateSession, user } = components_Auth_useUser_index.useUser();
   const { verifyEmail, doneButton } = reactIntlayer.useDictionary(components_Auth_VerifyEmailForm_index_content);
-  const [isEmailVerified, setIsEmailVerified] = require$$0.useState(false);
+  const [isEmailVerified, setIsEmailVerified] = ReactExports.useState(false);
   const { form } = components_Form_FormBase.useForm(VerifyEmailSchema, {});
-  const targetedUserId = require$$0.useMemo(
+  const targetedUserId = ReactExports.useMemo(
     () => userId ?? user?._id,
     [userId, user?._id]
   );
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     if (!targetedUserId) return;
     if (isEmailVerified) return;
     const eventSource = new EventSource(
@@ -49,7 +49,7 @@ const VerifyEmailForm = ({
     };
     return () => eventSource.close();
   }, [revalidateSession, targetedUserId, userId, user?._id, isEmailVerified]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     components_Form_layout_FormItemLayout.Form,
     {
       schema: VerifyEmailSchema,
@@ -58,10 +58,10 @@ const VerifyEmailForm = ({
       onSubmitSuccess,
       onSubmitError,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H3, { children: verifyEmail.title }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral text-sm", children: verifyEmail.description }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, { isLoading: !isEmailVerified, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "bg-success/30 dark:bg-success-dark/30 m-auto aspect-square rounded-full p-5", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.Check, { className: "text-success dark:text-success-dark", size: 50 }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        /* @__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(
           components_Button_Button.Button,
           {
             disabled: !isEmailVerified,

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 { getVerifyEmailSchema, VerifyEmail } 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,WAAAA,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,IAAIC,iCAAQ,mBAAmB,CAAA,CAAE;AAE9C,QAAM,iBAAiBC,WAAA;AAAA,IACrB,MAAM,UAAU,MAAM;AAAA,IACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,EACpB;AAEAC,aAAAA,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,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAAC,yBAAAA,IAAA,EAAI,sBAAY,MAAM,CAAA;AAAA,QACtBD,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,0CACb,sBAAY,aACf;AAAA,yDACCE,wBAAAA,QAAO,EAAA,WAAW,CAAC,iBAClB,2DAAC,OAAI,EAAA,WAAU,+EACb,UAAAF,2BAAA,kBAAA,IAACG,qBAAM,WAAU,uCAAsC,MAAM,GAAA,CAAI,EACnE,CAAA,GACF;AAAA,QACAH,2BAAA,kBAAA;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 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;;"}

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,EAAwB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAExE,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,CA4EpD,CAAC"}