@intlayer/design-system 3.5.3 → 3.5.5

package/dist/components/Auth/ChangePasswordForm/useChangePasswordSchema.mjs

@@ -0,0 +1,37 @@
+import { useDictionary } from "react-intlayer";
+import { z } from "zod";
+import { changePasswordSchemaContent } from "./useChangePasswordSchema.content.mjs";
+const useChangePasswordSchema = () => {
+  const {
+    requiredErrorPassword,
+    invalidTypeErrorPassword,
+    invalidPasswordLengthError,
+    requiredErrorNewPassword,
+    invalidTypeErrorNewPassword,
+    requiredErrorNewPasswordConfirmation,
+    invalidTypeErrorNewPasswordConfirmation,
+    passwordNotMatchError
+  } = useDictionary(changePasswordSchemaContent);
+  return z.object({
+    currentPassword: z.string({
+      required_error: requiredErrorPassword,
+      invalid_type_error: invalidTypeErrorPassword
+    }).min(8, { message: invalidPasswordLengthError }),
+    newPassword: z.string({
+      required_error: requiredErrorNewPassword,
+      invalid_type_error: invalidTypeErrorNewPassword
+    }).min(8, { message: invalidPasswordLengthError }),
+    newPasswordConfirmation: z.string({
+      required_error: requiredErrorNewPasswordConfirmation,
+      invalid_type_error: invalidTypeErrorNewPasswordConfirmation
+    }).min(8, { message: invalidPasswordLengthError })
+  }).refine((data) => data.newPassword === data.newPasswordConfirmation, {
+    message: passwordNotMatchError,
+    path: ["newPasswordConfirmation"]
+    // This specifies which field the error should be associated with
+  });
+};
+export {
+  useChangePasswordSchema
+};
+//# sourceMappingURL=useChangePasswordSchema.mjs.map

package/dist/components/Auth/ChangePasswordForm/useChangePasswordSchema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChangePasswordSchema.mjs","sources":["../../../../src/components/Auth/ChangePasswordForm/useChangePasswordSchema.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { changePasswordSchemaContent } from './useChangePasswordSchema.content';\n\nexport const useChangePasswordSchema = () => {\n  const {\n    requiredErrorPassword,\n    invalidTypeErrorPassword,\n    invalidPasswordLengthError,\n    requiredErrorNewPassword,\n    invalidTypeErrorNewPassword,\n    requiredErrorNewPasswordConfirmation,\n    invalidTypeErrorNewPasswordConfirmation,\n    passwordNotMatchError,\n  } = useDictionary(changePasswordSchemaContent);\n\n  return z\n    .object({\n      currentPassword: z\n        .string({\n          required_error: requiredErrorPassword,\n          invalid_type_error: invalidTypeErrorPassword,\n        })\n        .min(8, { message: invalidPasswordLengthError }),\n      newPassword: z\n        .string({\n          required_error: requiredErrorNewPassword,\n          invalid_type_error: invalidTypeErrorNewPassword,\n        })\n        .min(8, { message: invalidPasswordLengthError }),\n      newPasswordConfirmation: z\n        .string({\n          required_error: requiredErrorNewPasswordConfirmation,\n          invalid_type_error: invalidTypeErrorNewPasswordConfirmation,\n        })\n        .min(8, { message: invalidPasswordLengthError }),\n    })\n    .refine((data) => data.newPassword === data.newPasswordConfirmation, {\n      message: passwordNotMatchError,\n      path: ['newPasswordConfirmation'], // This specifies which field the error should be associated with\n    });\n};\nexport type ChangePassword = z.infer<\n  ReturnType<typeof useChangePasswordSchema>\n>;\n"],"names":[],"mappings":";;;AAKO,MAAM,0BAA0B,MAAM;AACrC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,cAAc,2BAA2B;AAE7C,SAAO,EACJ,OAAO;AAAA,IACN,iBAAiB,EACd,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAA4B;AAAA,IACjD,aAAa,EACV,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAA4B;AAAA,IACjD,yBAAyB,EACtB,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,2BAA4B,CAAA;AAAA,EAAA,CAClD,EACA,OAAO,CAAC,SAAS,KAAK,gBAAgB,KAAK,yBAAyB;AAAA,IACnE,SAAS;AAAA,IACT,MAAM,CAAC,yBAAyB;AAAA;AAAA,EAAA,CACjC;AACL;"}

package/dist/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.cjs

@@ -2,13 +2,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-XHKiWCTo.cjs");
+const reactIntlayer = require("react-intlayer");
 const libs_intlayerApi_index = require("../../../libs/intlayer-api/index.cjs");
 const components_Button_Button = require("../../Button/Button.cjs");
 const components_Auth_ExternalsLoginButtons_assets_GithubLogo = require("./assets/GithubLogo.cjs");
 const components_Auth_ExternalsLoginButtons_assets_GoogleLogo = require("./assets/GoogleLogo.cjs");
 const components_Auth_ExternalsLoginButtons_externalsLoginButtons_content = require("./externalsLoginButtons.content.cjs");
 const GitHubLoginButton = () => {
-  const externalsLoginButtonsContent = components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.getExternalsLoginButtonsContent();
+  const externalsLoginButtons = reactIntlayer.useDictionary(components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.externalsLoginButtonsContent);
   const loginWithGitHub = () => {
     const origin = window.location.href;
     const authURL = libs_intlayerApi_index.intlayerAPI.auth.getLoginWithGitHubURL({ origin });
@@ -17,16 +18,16 @@ const GitHubLoginButton = () => {
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     components_Button_Button.Button,
     {
-      label: externalsLoginButtonsContent.github.label,
+      label: externalsLoginButtons.github.label,
       Icon: components_Auth_ExternalsLoginButtons_assets_GithubLogo.GithubLogo,
       onClick: loginWithGitHub,
       color: "text",
-      children: externalsLoginButtonsContent.github.label
+      children: externalsLoginButtons.github.label
     }
   );
 };
 const GoogleLoginButton = () => {
-  const externalsLoginButtonsContent = components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.getExternalsLoginButtonsContent();
+  const externalsLoginButtons = reactIntlayer.useDictionary(components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.externalsLoginButtonsContent);
   const loginWithGoogle = () => {
     const origin = window.location.href;
     const authURL = libs_intlayerApi_index.intlayerAPI.auth.getLoginWithGoogleURL({ origin });
@@ -36,21 +37,21 @@ const GoogleLoginButton = () => {
     components_Button_Button.Button,
     {
       className: "bg-red-400 hover:bg-red-500 dark:hover:bg-red-300",
-      label: externalsLoginButtonsContent.google.label,
+      label: externalsLoginButtons.google.label,
       Icon: components_Auth_ExternalsLoginButtons_assets_GoogleLogo.GoogleLogo,
       onClick: loginWithGoogle,
       color: "custom",
-      children: externalsLoginButtonsContent.google.label
+      children: externalsLoginButtons.google.label
     }
   );
 };
 const ExternalsLoginButtons = () => {
-  const externalsLoginButtonsContent = components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.getExternalsLoginButtonsContent();
+  const externalsLoginButtons = reactIntlayer.useDictionary(components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.externalsLoginButtonsContent);
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col justify-center gap-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "mb-3 flex w-full items-center gap-3 text-center text-base", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-[1px] w-full" }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "text-neutral dark:text-neutral-dark", children: externalsLoginButtonsContent.span }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-[1px] w-full" })
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-px w-full" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "text-neutral dark:text-neutral-dark", children: externalsLoginButtons.span }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-px w-full" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(GoogleLoginButton, {}),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(GitHubLoginButton, {})

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalsLoginButtons.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { intlayerAPI } from '../../../libs/intlayer-api';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { getExternalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();\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={externalsLoginButtonsContent.github.label}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtonsContent.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();\n\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={externalsLoginButtonsContent.google.label}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtonsContent.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();\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-[1px] w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtonsContent.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-[1px] w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":["getExternalsLoginButtonsContent","intlayerAPI","jsx","Button","GithubLogo","GoogleLogo","jsxs"],"mappings":";;;;;;;;;AASO,MAAM,oBAAwB,MAAM;AACzC,QAAM,+BAA+BA,oEAAAA,gCAAgC;AACrE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,uBAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO,6BAA6B,OAAO;AAAA,MAC3C,MAAMC,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,uCAA6B,OAAO;AAAA,IAAA;AAAA,EACvC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACzC,QAAM,+BAA+BJ,oEAAAA,gCAAgC;AAErE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,uBAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,6BAA6B,OAAO;AAAA,MAC3C,MAAME,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,uCAA6B,OAAO;AAAA,IAAA;AAAA,EACvC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AAC7C,QAAM,+BAA+BL,oEAAAA,gCAAgC;AAGnE,SAAAM,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACJ,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,iDAAiD,CAAA;AAAA,MAC/DA,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,uCAA6B,MAChC;AAAA,MACAA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,iDAAiD,CAAA;AAAA,IAAA,GAClE;AAAA,qDACC,mBAAkB,EAAA;AAAA,qDAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;;;;"}
+{"version":3,"file":"ExternalsLoginButtons.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../libs/intlayer-api';\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}\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}\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":["useDictionary","externalsLoginButtonsContent","intlayerAPI","jsx","Button","GithubLogo","GoogleLogo","jsxs"],"mappings":";;;;;;;;;;AAWO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwBA,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,uBAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAMC,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwBL,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,uBAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAME,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwBN,4BAAcC,gGAA4B;AAGtE,SAAAM,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACJ,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5DA,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACAA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,qDACC,mBAAkB,EAAA;AAAA,qDAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalsLoginButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,eAAO,MAAM,iBAAiB,EAAE,EAoB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAsB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAgBnC,CAAC"}
+{"version":3,"file":"ExternalsLoginButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,eAAO,MAAM,iBAAiB,EAAE,EAoB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAqB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAgBnC,CAAC"}

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

@@ -1,12 +1,13 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DaNGiM0W.js";
+import { useDictionary } from "react-intlayer";
 import { intlayerAPI } from "../../../libs/intlayer-api/index.mjs";
 import { Button } from "../../Button/Button.mjs";
 import { GithubLogo } from "./assets/GithubLogo.mjs";
 import { GoogleLogo } from "./assets/GoogleLogo.mjs";
-import { getExternalsLoginButtonsContent } from "./externalsLoginButtons.content.mjs";
+import { externalsLoginButtonsContent } from "./externalsLoginButtons.content.mjs";
 const GitHubLoginButton = () => {
-  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();
+  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   const loginWithGitHub = () => {
     const origin = window.location.href;
     const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });
@@ -15,16 +16,16 @@ const GitHubLoginButton = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
-      label: externalsLoginButtonsContent.github.label,
+      label: externalsLoginButtons.github.label,
       Icon: GithubLogo,
       onClick: loginWithGitHub,
       color: "text",
-      children: externalsLoginButtonsContent.github.label
+      children: externalsLoginButtons.github.label
     }
   );
 };
 const GoogleLoginButton = () => {
-  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();
+  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   const loginWithGoogle = () => {
     const origin = window.location.href;
     const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });
@@ -34,21 +35,21 @@ const GoogleLoginButton = () => {
     Button,
     {
       className: "bg-red-400 hover:bg-red-500 dark:hover:bg-red-300",
-      label: externalsLoginButtonsContent.google.label,
+      label: externalsLoginButtons.google.label,
       Icon: GoogleLogo,
       onClick: loginWithGoogle,
       color: "custom",
-      children: externalsLoginButtonsContent.google.label
+      children: externalsLoginButtons.google.label
     }
   );
 };
 const ExternalsLoginButtons = () => {
-  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();
+  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col justify-center gap-y-3", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-3 flex w-full items-center gap-3 text-center text-base", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-[1px] w-full" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-neutral dark:text-neutral-dark", children: externalsLoginButtonsContent.span }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-[1px] w-full" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-px w-full" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-neutral dark:text-neutral-dark", children: externalsLoginButtons.span }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-neutral dark:bg-neutral-dark h-px w-full" })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GoogleLoginButton, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GitHubLoginButton, {})

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 { intlayerAPI } from '../../../libs/intlayer-api';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { getExternalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();\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={externalsLoginButtonsContent.github.label}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtonsContent.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();\n\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={externalsLoginButtonsContent.google.label}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtonsContent.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtonsContent = getExternalsLoginButtonsContent();\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-[1px] w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtonsContent.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-[1px] w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;AASO,MAAM,oBAAwB,MAAM;AACzC,QAAM,+BAA+B,gCAAgC;AACrE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,6BAA6B,OAAO;AAAA,MAC3C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,uCAA6B,OAAO;AAAA,IAAA;AAAA,EACvC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACzC,QAAM,+BAA+B,gCAAgC;AAErE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,6BAA6B,OAAO;AAAA,MAC3C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,uCAA6B,OAAO;AAAA,IAAA;AAAA,EACvC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AAC7C,QAAM,+BAA+B,gCAAgC;AAGnE,SAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACD,kCAAAA,IAAA,OAAA,EAAI,WAAU,iDAAiD,CAAA;AAAA,MAC/DA,kCAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,uCAA6B,MAChC;AAAA,MACAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,iDAAiD,CAAA;AAAA,IAAA,GAClE;AAAA,0CACC,mBAAkB,EAAA;AAAA,0CAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}
+{"version":3,"file":"ExternalsLoginButtons.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../libs/intlayer-api';\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}\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}\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":["jsx","jsxs"],"mappings":";;;;;;;;AAWO,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,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO;AAAA,MACpC,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,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO;AAAA,MACpC,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,SAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACD,kCAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5DA,kCAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,0CACC,mBAAkB,EAAA;AAAA,0CAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}

package/dist/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs

@@ -1,36 +1,90 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactIntlayer = require("react-intlayer");
-const getExternalsLoginButtonsContent = () => ({
-  span: reactIntlayer.t({
-    en: "or",
-    fr: "ou",
-    es: "o"
-  }),
-  github: {
-    label: reactIntlayer.t({
-      en: "Sign in with GitHub",
-      fr: "Se connecter avec GitHub",
-      es: "Iniciar sesión con GitHub"
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const intlayer = require("intlayer");
+const externalsLoginButtonsContent = {
+  key: "externals-login-buttons",
+  content: {
+    span: intlayer.t({
+      en: "or",
+      fr: "ou",
+      es: "o",
+      de: "oder",
+      ja: "または",
+      ko: "또는",
+      zh: "或",
+      it: "o",
+      pt: "ou",
+      hi: "या",
+      ar: "أو",
+      ru: "или",
+      "en-GB": "or"
     }),
-    ariaLabel: reactIntlayer.t({
-      en: "Sign in with GitHub",
-      fr: "Se connecter avec GitHub",
-      es: "Iniciar sesión con GitHub"
-    })
-  },
-  google: {
-    label: reactIntlayer.t({
-      en: "Sign in with Google",
-      fr: "Se connecter avec Google",
-      es: "Iniciar sesión con Google"
-    }),
-    ariaLabel: reactIntlayer.t({
-      en: "Sign in with Google",
-      fr: "Se connecter avec Google",
-      es: "Iniciar sesión con Google"
-    })
+    github: {
+      label: intlayer.t({
+        en: "Sign in with GitHub",
+        fr: "Se connecter avec GitHub",
+        es: "Iniciar sesión con GitHub",
+        de: "Mit GitHub anmelden",
+        ja: "GitHubでサインイン",
+        ko: "GitHub로 로그인",
+        zh: "使用GitHub登录",
+        it: "Accedi con GitHub",
+        pt: "Entrar com o GitHub",
+        hi: "GitHub के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام GitHub",
+        ru: "Войти с GitHub",
+        "en-GB": "Sign in with GitHub"
+      }),
+      ariaLabel: intlayer.t({
+        en: "Sign in with GitHub",
+        fr: "Se connecter avec GitHub",
+        es: "Iniciar sesión con GitHub",
+        de: "Mit GitHub anmelden",
+        ja: "GitHubでサインイン",
+        ko: "GitHub로 로그인",
+        zh: "使用GitHub登录",
+        it: "Accedi con GitHub",
+        pt: "Entrar com o GitHub",
+        hi: "GitHub के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام GitHub",
+        ru: "Войти с GitHub",
+        "en-GB": "Sign in with GitHub"
+      })
+    },
+    google: {
+      label: intlayer.t({
+        en: "Sign in with Google",
+        fr: "Se connecter avec Google",
+        es: "Iniciar sesión con Google",
+        de: "Mit Google anmelden",
+        ja: "Googleでサインイン",
+        ko: "Google로 로그인",
+        zh: "使用Google登录",
+        it: "Accedi con Google",
+        pt: "Entrar com o Google",
+        hi: "Google के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام Google",
+        ru: "Войти с Google",
+        "en-GB": "Sign in with Google"
+      }),
+      ariaLabel: intlayer.t({
+        en: "Sign in with Google",
+        fr: "Se connecter avec Google",
+        es: "Iniciar sesión con Google",
+        de: "Mit Google anmelden",
+        ja: "Googleでサインイン",
+        ko: "Google로 로그인",
+        zh: "使用Google登录",
+        it: "Accedi con Google",
+        pt: "Entrar com o Google",
+        hi: "Google के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام Google",
+        ru: "Войти с Google",
+        "en-GB": "Sign in with Google"
+      })
+    }
   }
-});
-exports.getExternalsLoginButtonsContent = getExternalsLoginButtonsContent;
+};
+exports.default = externalsLoginButtonsContent;
+exports.externalsLoginButtonsContent = externalsLoginButtonsContent;
 //# sourceMappingURL=externalsLoginButtons.content.cjs.map

package/dist/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"externalsLoginButtons.content.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getExternalsLoginButtonsContent = () => ({\n  span: t({\n    en: 'or',\n    fr: 'ou',\n    es: 'o',\n  }),\n  github: {\n    label: t({\n      en: 'Sign in with GitHub',\n      fr: 'Se connecter avec GitHub',\n      es: 'Iniciar sesión con GitHub',\n    }),\n    ariaLabel: t({\n      en: 'Sign in with GitHub',\n      fr: 'Se connecter avec GitHub',\n      es: 'Iniciar sesión con GitHub',\n    }),\n  },\n  google: {\n    label: t({\n      en: 'Sign in with Google',\n      fr: 'Se connecter avec Google',\n      es: 'Iniciar sesión con Google',\n    }),\n    ariaLabel: t({\n      en: 'Sign in with Google',\n      fr: 'Se connecter avec Google',\n      es: 'Iniciar sesión con Google',\n    }),\n  },\n});\n"],"names":["t"],"mappings":";;;AAIO,MAAM,kCAAkC,OAAO;AAAA,EACpD,MAAMA,cAAAA,EAAE;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAAA,EACD,QAAQ;AAAA,IACN,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EACH;AAAA,EACA,QAAQ;AAAA,IACN,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;;"}
+{"version":3,"file":"externalsLoginButtons.content.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts"],"sourcesContent":["import { DeclarationContent, t } from 'intlayer';\n\nexport const externalsLoginButtonsContent = {\n  key: 'externals-login-buttons',\n  content: {\n    span: t({\n      en: 'or',\n      fr: 'ou',\n      es: 'o',\n      de: 'oder',\n      ja: 'または',\n      ko: '또는',\n      zh: '或',\n      it: 'o',\n      pt: 'ou',\n      hi: 'या',\n      ar: 'أو',\n      ru: 'или',\n      'en-GB': 'or',\n    }),\n    github: {\n      label: t({\n        en: 'Sign in with GitHub',\n        fr: 'Se connecter avec GitHub',\n        es: 'Iniciar sesión con GitHub',\n        de: 'Mit GitHub anmelden',\n        ja: 'GitHubでサインイン',\n        ko: 'GitHub로 로그인',\n        zh: '使用GitHub登录',\n        it: 'Accedi con GitHub',\n        pt: 'Entrar com o GitHub',\n        hi: 'GitHub के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام GitHub',\n        ru: 'Войти с GitHub',\n        'en-GB': 'Sign in with GitHub',\n      }),\n      ariaLabel: t({\n        en: 'Sign in with GitHub',\n        fr: 'Se connecter avec GitHub',\n        es: 'Iniciar sesión con GitHub',\n        de: 'Mit GitHub anmelden',\n        ja: 'GitHubでサインイン',\n        ko: 'GitHub로 로그인',\n        zh: '使用GitHub登录',\n        it: 'Accedi con GitHub',\n        pt: 'Entrar com o GitHub',\n        hi: 'GitHub के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام GitHub',\n        ru: 'Войти с GitHub',\n        'en-GB': 'Sign in with GitHub',\n      }),\n    },\n    google: {\n      label: t({\n        en: 'Sign in with Google',\n        fr: 'Se connecter avec Google',\n        es: 'Iniciar sesión con Google',\n        de: 'Mit Google anmelden',\n        ja: 'Googleでサインイン',\n        ko: 'Google로 로그인',\n        zh: '使用Google登录',\n        it: 'Accedi con Google',\n        pt: 'Entrar com o Google',\n        hi: 'Google के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام Google',\n        ru: 'Войти с Google',\n        'en-GB': 'Sign in with Google',\n      }),\n      ariaLabel: t({\n        en: 'Sign in with Google',\n        fr: 'Se connecter avec Google',\n        es: 'Iniciar sesión con Google',\n        de: 'Mit Google anmelden',\n        ja: 'Googleでサインイン',\n        ko: 'Google로 로그인',\n        zh: '使用Google登录',\n        it: 'Accedi con Google',\n        pt: 'Entrar com o Google',\n        hi: 'Google के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام Google',\n        ru: 'Войти с Google',\n        'en-GB': 'Sign in with Google',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n\nexport default externalsLoginButtonsContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,+BAA+B;AAAA,EAC1C,KAAK;AAAA,EACL,SAAS;AAAA,IACP,MAAMA,SAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,IAAA,CACV;AAAA,IACD,QAAQ;AAAA,MACN,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MAAA,CACV;AAAA,MACD,WAAWA,SAAAA,EAAE;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACV,CAAA;AAAA,IACH;AAAA,IACA,QAAQ;AAAA,MACN,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MAAA,CACV;AAAA,MACD,WAAWA,SAAAA,EAAE;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACV,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;;;"}

package/dist/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.d.ts

@@ -1,12 +1,16 @@
-export declare const getExternalsLoginButtonsContent: () => {
-    span: any;
-    github: {
-        label: any;
-        ariaLabel: any;
-    };
-    google: {
-        label: any;
-        ariaLabel: any;
+export declare const externalsLoginButtonsContent: {
+    key: string;
+    content: {
+        span: import('@intlayer/core').TranslationContent<string>;
+        github: {
+            label: import('@intlayer/core').TranslationContent<string>;
+            ariaLabel: import('@intlayer/core').TranslationContent<string>;
+        };
+        google: {
+            label: import('@intlayer/core').TranslationContent<string>;
+            ariaLabel: import('@intlayer/core').TranslationContent<string>;
+        };
     };
 };
+export default externalsLoginButtonsContent;
 //# sourceMappingURL=externalsLoginButtons.content.d.ts.map

package/dist/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"externalsLoginButtons.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,+BAA+B;;;;;;;;;;CA8B1C,CAAC"}
+{"version":3,"file":"externalsLoginButtons.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;CAmFX,CAAC;AAE/B,eAAe,4BAA4B,CAAC"}

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

@@ -1,36 +1,90 @@
-import { t } from "react-intlayer";
-const getExternalsLoginButtonsContent = () => ({
-  span: t({
-    en: "or",
-    fr: "ou",
-    es: "o"
-  }),
-  github: {
-    label: t({
-      en: "Sign in with GitHub",
-      fr: "Se connecter avec GitHub",
-      es: "Iniciar sesión con GitHub"
+import { t } from "intlayer";
+const externalsLoginButtonsContent = {
+  key: "externals-login-buttons",
+  content: {
+    span: t({
+      en: "or",
+      fr: "ou",
+      es: "o",
+      de: "oder",
+      ja: "または",
+      ko: "또는",
+      zh: "或",
+      it: "o",
+      pt: "ou",
+      hi: "या",
+      ar: "أو",
+      ru: "или",
+      "en-GB": "or"
     }),
-    ariaLabel: t({
-      en: "Sign in with GitHub",
-      fr: "Se connecter avec GitHub",
-      es: "Iniciar sesión con GitHub"
-    })
-  },
-  google: {
-    label: t({
-      en: "Sign in with Google",
-      fr: "Se connecter avec Google",
-      es: "Iniciar sesión con Google"
-    }),
-    ariaLabel: t({
-      en: "Sign in with Google",
-      fr: "Se connecter avec Google",
-      es: "Iniciar sesión con Google"
-    })
+    github: {
+      label: t({
+        en: "Sign in with GitHub",
+        fr: "Se connecter avec GitHub",
+        es: "Iniciar sesión con GitHub",
+        de: "Mit GitHub anmelden",
+        ja: "GitHubでサインイン",
+        ko: "GitHub로 로그인",
+        zh: "使用GitHub登录",
+        it: "Accedi con GitHub",
+        pt: "Entrar com o GitHub",
+        hi: "GitHub के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام GitHub",
+        ru: "Войти с GitHub",
+        "en-GB": "Sign in with GitHub"
+      }),
+      ariaLabel: t({
+        en: "Sign in with GitHub",
+        fr: "Se connecter avec GitHub",
+        es: "Iniciar sesión con GitHub",
+        de: "Mit GitHub anmelden",
+        ja: "GitHubでサインイン",
+        ko: "GitHub로 로그인",
+        zh: "使用GitHub登录",
+        it: "Accedi con GitHub",
+        pt: "Entrar com o GitHub",
+        hi: "GitHub के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام GitHub",
+        ru: "Войти с GitHub",
+        "en-GB": "Sign in with GitHub"
+      })
+    },
+    google: {
+      label: t({
+        en: "Sign in with Google",
+        fr: "Se connecter avec Google",
+        es: "Iniciar sesión con Google",
+        de: "Mit Google anmelden",
+        ja: "Googleでサインイン",
+        ko: "Google로 로그인",
+        zh: "使用Google登录",
+        it: "Accedi con Google",
+        pt: "Entrar com o Google",
+        hi: "Google के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام Google",
+        ru: "Войти с Google",
+        "en-GB": "Sign in with Google"
+      }),
+      ariaLabel: t({
+        en: "Sign in with Google",
+        fr: "Se connecter avec Google",
+        es: "Iniciar sesión con Google",
+        de: "Mit Google anmelden",
+        ja: "Googleでサインイン",
+        ko: "Google로 로그인",
+        zh: "使用Google登录",
+        it: "Accedi con Google",
+        pt: "Entrar com o Google",
+        hi: "Google के साथ साइनइन करें",
+        ar: "تسجيل الدخول باستخدام Google",
+        ru: "Войти с Google",
+        "en-GB": "Sign in with Google"
+      })
+    }
   }
-});
+};
 export {
-  getExternalsLoginButtonsContent
+  externalsLoginButtonsContent as default,
+  externalsLoginButtonsContent
 };
 //# sourceMappingURL=externalsLoginButtons.content.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"externalsLoginButtons.content.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getExternalsLoginButtonsContent = () => ({\n  span: t({\n    en: 'or',\n    fr: 'ou',\n    es: 'o',\n  }),\n  github: {\n    label: t({\n      en: 'Sign in with GitHub',\n      fr: 'Se connecter avec GitHub',\n      es: 'Iniciar sesión con GitHub',\n    }),\n    ariaLabel: t({\n      en: 'Sign in with GitHub',\n      fr: 'Se connecter avec GitHub',\n      es: 'Iniciar sesión con GitHub',\n    }),\n  },\n  google: {\n    label: t({\n      en: 'Sign in with Google',\n      fr: 'Se connecter avec Google',\n      es: 'Iniciar sesión con Google',\n    }),\n    ariaLabel: t({\n      en: 'Sign in with Google',\n      fr: 'Se connecter avec Google',\n      es: 'Iniciar sesión con Google',\n    }),\n  },\n});\n"],"names":[],"mappings":";AAIO,MAAM,kCAAkC,OAAO;AAAA,EACpD,MAAM,EAAE;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAAA,EACD,QAAQ;AAAA,IACN,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EACH;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;"}
+{"version":3,"file":"externalsLoginButtons.content.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts"],"sourcesContent":["import { DeclarationContent, t } from 'intlayer';\n\nexport const externalsLoginButtonsContent = {\n  key: 'externals-login-buttons',\n  content: {\n    span: t({\n      en: 'or',\n      fr: 'ou',\n      es: 'o',\n      de: 'oder',\n      ja: 'または',\n      ko: '또는',\n      zh: '或',\n      it: 'o',\n      pt: 'ou',\n      hi: 'या',\n      ar: 'أو',\n      ru: 'или',\n      'en-GB': 'or',\n    }),\n    github: {\n      label: t({\n        en: 'Sign in with GitHub',\n        fr: 'Se connecter avec GitHub',\n        es: 'Iniciar sesión con GitHub',\n        de: 'Mit GitHub anmelden',\n        ja: 'GitHubでサインイン',\n        ko: 'GitHub로 로그인',\n        zh: '使用GitHub登录',\n        it: 'Accedi con GitHub',\n        pt: 'Entrar com o GitHub',\n        hi: 'GitHub के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام GitHub',\n        ru: 'Войти с GitHub',\n        'en-GB': 'Sign in with GitHub',\n      }),\n      ariaLabel: t({\n        en: 'Sign in with GitHub',\n        fr: 'Se connecter avec GitHub',\n        es: 'Iniciar sesión con GitHub',\n        de: 'Mit GitHub anmelden',\n        ja: 'GitHubでサインイン',\n        ko: 'GitHub로 로그인',\n        zh: '使用GitHub登录',\n        it: 'Accedi con GitHub',\n        pt: 'Entrar com o GitHub',\n        hi: 'GitHub के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام GitHub',\n        ru: 'Войти с GitHub',\n        'en-GB': 'Sign in with GitHub',\n      }),\n    },\n    google: {\n      label: t({\n        en: 'Sign in with Google',\n        fr: 'Se connecter avec Google',\n        es: 'Iniciar sesión con Google',\n        de: 'Mit Google anmelden',\n        ja: 'Googleでサインイン',\n        ko: 'Google로 로그인',\n        zh: '使用Google登录',\n        it: 'Accedi con Google',\n        pt: 'Entrar com o Google',\n        hi: 'Google के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام Google',\n        ru: 'Войти с Google',\n        'en-GB': 'Sign in with Google',\n      }),\n      ariaLabel: t({\n        en: 'Sign in with Google',\n        fr: 'Se connecter avec Google',\n        es: 'Iniciar sesión con Google',\n        de: 'Mit Google anmelden',\n        ja: 'Googleでサインイン',\n        ko: 'Google로 로그인',\n        zh: '使用Google登录',\n        it: 'Accedi con Google',\n        pt: 'Entrar com o Google',\n        hi: 'Google के साथ साइनइन करें',\n        ar: 'تسجيل الدخول باستخدام Google',\n        ru: 'Войти с Google',\n        'en-GB': 'Sign in with Google',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n\nexport default externalsLoginButtonsContent;\n"],"names":[],"mappings":";AAEO,MAAM,+BAA+B;AAAA,EAC1C,KAAK;AAAA,EACL,SAAS;AAAA,IACP,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,IAAA,CACV;AAAA,IACD,QAAQ;AAAA,MACN,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MAAA,CACV;AAAA,MACD,WAAW,EAAE;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACV,CAAA;AAAA,IACH;AAAA,IACA,QAAQ;AAAA,MACN,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MAAA,CACV;AAAA,MACD,WAAW,EAAE;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACV,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -3,25 +3,26 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-XHKiWCTo.cjs");
 const require$$0 = 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-BDcoNTLV.cjs");
-const components_Auth_ResetPasswordForm_index_content = require("./index.content.cjs");
-const components_Auth_ResetPasswordForm_ResetPasswordSchema = require("./ResetPasswordSchema.cjs");
+const components_Auth_ResetPasswordForm_resetPasswordContent_content = require("./resetPasswordContent.content.cjs");
+const components_Auth_ResetPasswordForm_useResetPasswordSchema = require("./useResetPasswordSchema.cjs");
 const ResetPasswordForm = ({
   email,
   onSubmitSuccess,
   onSubmitError,
   onClickBackToLogin
 }) => {
-  const ResetPasswordSchema = components_Auth_ResetPasswordForm_ResetPasswordSchema.getResetPasswordSchema();
+  const ResetPasswordSchema = components_Auth_ResetPasswordForm_useResetPasswordSchema.useResetPasswordSchema();
   const {
     emailInput,
     sendRecoveryEmailButton,
     resendRecoveryEmailButton,
     resendInText,
     backToLoginButton
-  } = components_Auth_ResetPasswordForm_index_content.getResetPasswordContent();
+  } = reactIntlayer.useDictionary(components_Auth_ResetPasswordForm_resetPasswordContent_content.resetPasswordContent);
   const { form, isSubmitting, isSubmitted, isValid } = components_Form_FormBase.useForm(
     ResetPasswordSchema,
     {

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 { Form, useForm } from '../../Form';\nimport { getResetPasswordContent } from './index.content';\nimport {\n  getResetPasswordSchema,\n  type ResetPassword,\n} from './ResetPasswordSchema';\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 = getResetPasswordSchema();\n  const {\n    emailInput,\n    sendRecoveryEmailButton,\n    resendRecoveryEmailButton,\n    resendInText,\n    backToLoginButton,\n  } = getResetPasswordContent();\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\n      : sendRecoveryEmailButton.text;\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}\n          placeholder={emailInput.placeholder}\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}\n      >\n        {getSubmitButtonText()}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToLoginButton.text}\n          onClick={onClickBackToLogin}\n        >\n          {backToLoginButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["getResetPasswordSchema","getResetPasswordContent","useForm","useState","useEffect","jsxs","Form","jsx"],"mappings":";;;;;;;;;;AAiBO,MAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsBA,sDAAAA,uBAAuB;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEC,wEAAwB;AAC5B,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,oBAAS;AAAA,IACrD,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,CAChB;AAEDC,aAAAA,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,aAAAA,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;AAElD,WAAA,cACH,0BAA0B,OAC1B,wBAAwB;AAAA,EAC9B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,aAAa,WAAW;AAAA,YACxB,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEAC,2BAAA,kBAAA;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;AAAA,YAE9B,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACCC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,kBAAkB;AAAA,YACzB,SAAS;AAAA,YAER,UAAkB,kBAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;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';\n// @ts-ignore react-intlayer not build yet\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\n      : sendRecoveryEmailButton.text;\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}\n          placeholder={emailInput.placeholder}\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}\n      >\n        {getSubmitButtonText()}\n      </Form.Button>\n      {isSubmitted && (\n        <Form.Button\n          className=\"mt-4 w-full\"\n          label={backToLoginButton.text}\n          onClick={onClickBackToLogin}\n        >\n          {backToLoginButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["useResetPasswordSchema","useDictionary","resetPasswordContent","useForm","useState","useEffect","jsxs","Form","jsx"],"mappings":";;;;;;;;;;;AAmBO,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,oBAAS;AAAA,IACrD,UAAU;AAAA,IACV,eAAe;AAAA,EAAA,CAChB;AAEDC,aAAAA,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,aAAAA,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;AAElD,WAAA,cACH,0BAA0B,OAC1B,wBAAwB;AAAA,EAC9B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACC,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,aAAa,WAAW;AAAA,YACxB,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEAC,2BAAA,kBAAA;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;AAAA,YAE9B,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACCC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,kBAAkB;AAAA,YACzB,SAAS;AAAA,YAER,UAAkB,kBAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}