npm - @intlayer/design-system - Versions diffs - 5.0.1 → 5.0.3 - Mend

@intlayer/design-system 5.0.1 → 5.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (190) hide show

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

	@@ -1 +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;~~AAShC~~,eAAO,MAAM,iBAAiB,EAAE,EAoB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAqB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAgBnC,CAAC"}
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;AAQhC,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 CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
 import { useDictionary } from "react-intlayer";
-import { i as intlayerAPI } from "../../../index-Di_3dNqI.js";
+import { i as intlayerAPI } from "../../../index-BVYRWLUL.js";
 import "@intlayer/config/client";
 import "@intlayer/api";
 import { Button } from "../../Button/Button.mjs";
@@ -18,7 +18,7 @@ const GitHubLoginButton = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
-      label: externalsLoginButtons.github.label,
+      label: externalsLoginButtons.github.label.value,
       Icon: GithubLogo,
       onClick: loginWithGitHub,
       color: "text",
@@ -37,7 +37,7 @@ const GoogleLoginButton = () => {
     Button,
     {
       className: "bg-red-400 hover:bg-red-500 dark:hover:bg-red-300",
-      label: externalsLoginButtons.google.label,
+      label: externalsLoginButtons.google.label.value,
       Icon: GoogleLogo,
       onClick: loginWithGoogle,
       color: "custom",

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

	@@ -1 +1 @@
1	- {"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 '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n const loginWithGitHub = () => {\n const origin = window.location.href;\n\n const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n window.location.href = authURL;\n };\n\n return (\n <Button\n label={externalsLoginButtons.github.label}\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;"}
1	+ {"version":3,"file":"ExternalsLoginButtons.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n const loginWithGitHub = () => {\n const origin = window.location.href;\n\n const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n window.location.href = authURL;\n };\n\n return (\n <Button\n label={externalsLoginButtons.github.label.value}\n Icon={GithubLogo}\n onClick={loginWithGitHub}\n color=\"text\"\n >\n {externalsLoginButtons.github.label}\n </Button>\n );\n};\n\nexport const GoogleLoginButton: FC = () => {\n const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n const loginWithGoogle = () => {\n const origin = window.location.href;\n\n const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n window.location.href = authURL;\n };\n\n return (\n <Button\n className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n label={externalsLoginButtons.google.label.value}\n Icon={GoogleLogo}\n onClick={loginWithGoogle}\n color=\"custom\"\n >\n {externalsLoginButtons.google.label}\n </Button>\n );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n return (\n <div className=\"relative flex flex-col justify-center gap-y-3\">\n <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n <div className=\"text-neutral dark:text-neutral-dark\">\n {externalsLoginButtons.span}\n </div>\n <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n </div>\n <GoogleLoginButton />\n <GitHubLoginButton />\n </div>\n );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;AAUO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwB,cAAc,4BAA4B;AAGtE,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.d.ts CHANGED Viewed

@@ -1,14 +1,84 @@
 export declare const externalsLoginButtonsContent: {
     key: string;
     content: {
-        span: import('@intlayer/core').TranslationContent<string>;
+        span: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+            en: string;
+            fr: string;
+            es: string;
+            de: string;
+            ja: string;
+            ko: string;
+            zh: string;
+            it: string;
+            pt: string;
+            hi: string;
+            ar: string;
+            ru: string;
+            'en-GB': string;
+        }>;
         github: {
-            label: import('@intlayer/core').TranslationContent<string>;
-            ariaLabel: import('@intlayer/core').TranslationContent<string>;
+            label: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+                'en-GB': string;
+            }>;
+            ariaLabel: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+                'en-GB': string;
+            }>;
         };
         google: {
-            label: import('@intlayer/core').TranslationContent<string>;
-            ariaLabel: import('@intlayer/core').TranslationContent<string>;
+            label: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+                'en-GB': string;
+            }>;
+            ariaLabel: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+                'en-GB': string;
+            }>;
         };
     };
 };

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

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

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

@@ -59,7 +59,7 @@ const ResetPasswordForm = ({
     if (submissionState.remainingTime > 0) {
       return `${resendInText} ${submissionState.remainingTime}s`;
     }
-    return isSubmitted ? resendRecoveryEmailButton.text : sendRecoveryEmailButton.text;
+    return isSubmitted ? resendRecoveryEmailButton.text.value : sendRecoveryEmailButton.text.value;
   };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     components_Form_layout_FormItemLayout.Form,
@@ -74,8 +74,8 @@ const ResetPasswordForm = ({
           components_Form_layout_FormItemLayout.Form.Input,
           {
             name: "email",
-            label: emailInput.label,
-            placeholder: emailInput.placeholder,
+            label: emailInput.label.value,
+            placeholder: emailInput.placeholder.value,
             isRequired: true,
             autoComplete: "email",
             minLength: 5,
@@ -91,7 +91,7 @@ const ResetPasswordForm = ({
             isLoading: isSubmitting,
             disabled: !isValid || submissionState.isFrozen,
             variant: isSubmitted ? "outline" : "default",
-            label: sendRecoveryEmailButton.ariaLabel,
+            label: sendRecoveryEmailButton.ariaLabel.value,
             children: getSubmitButtonText()
           }
         ),
@@ -99,9 +99,9 @@ const ResetPasswordForm = ({
           components_Form_layout_FormItemLayout.Form.Button,
           {
             className: "mt-4 w-full",
-            label: backToLoginButton.text,
+            label: backToLoginButton.text.value,
             onClick: onClickBackToLogin,
-            children: backToLoginButton.text
+            children: backToLoginButton.text.value
           }
         )
       ]

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

	@@ -1 +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';\~~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;;"}
1	+ {"version":3,"file":"ResetPasswordForm.cjs","sources":["../../../../src/components/Auth/ResetPasswordForm/ResetPasswordForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type FC, useEffect, type ReactNode } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Form, useForm } from '../../Form';\nimport { resetPasswordContent } from './resetPasswordContent.content';\nimport {\n useResetPasswordSchema,\n type ResetPassword,\n} from './useResetPasswordSchema';\n\ntype ForgotPasswordFormProps = {\n email?: string;\n onSubmitSuccess: (data: ResetPassword) => Promise<void>;\n onClickBackToLogin: () => void;\n onSubmitError?: (error: Error) => void;\n};\n\nexport const ResetPasswordForm: FC<ForgotPasswordFormProps> = ({\n email,\n onSubmitSuccess,\n onSubmitError,\n onClickBackToLogin,\n}) => {\n const ResetPasswordSchema = useResetPasswordSchema();\n const {\n emailInput,\n sendRecoveryEmailButton,\n resendRecoveryEmailButton,\n resendInText,\n backToLoginButton,\n } = useDictionary(resetPasswordContent);\n const { form, isSubmitting, isSubmitted, isValid } = useForm(\n ResetPasswordSchema,\n {\n defaultValues: { email },\n }\n );\n const [submissionState, setSubmissionState] = useState({\n isFrozen: isValid,\n remainingTime: 0,\n });\n\n useEffect(() => {\n // If form valid and form is not submitted, unfreeze the submission\n if (isValid && !isSubmitted) {\n setSubmissionState((prevState) => ({\n ...prevState,\n isFrozen: false,\n }));\n }\n }, [isSubmitted, isValid]);\n\n useEffect(() => {\n // If form valid and submission is frozen and there is remaining time, start the timer\n if (\n isValid &&\n submissionState.isFrozen &&\n submissionState.remainingTime > 0\n ) {\n const interval = setInterval(() => {\n setSubmissionState((prevState) => {\n if (prevState.remainingTime <= 1) {\n clearInterval(interval); // Stop the timer when reaching 0\n return { ...prevState, isFrozen: false, remainingTime: 0 };\n }\n return { ...prevState, remainingTime: prevState.remainingTime - 1 };\n });\n }, 1000);\n\n return () => clearInterval(interval);\n }\n }, [isValid, submissionState.isFrozen, submissionState.remainingTime]);\n\n const getSubmitButtonText = (): ReactNode => {\n if (submissionState.remainingTime > 0) {\n return `${resendInText} ${submissionState.remainingTime}s`;\n }\n return isSubmitted\n ? resendRecoveryEmailButton.text.value\n : sendRecoveryEmailButton.text.value;\n };\n\n return (\n <Form\n schema={ResetPasswordSchema}\n onSubmitSuccess={onSubmitSuccess}\n onSubmitError={onSubmitError}\n className=\"gap-y-0\"\n {...form}\n >\n <div className=\"flex flex-col gap-y-6\">\n <Form.Input\n name=\"email\"\n label={emailInput.label.value}\n placeholder={emailInput.placeholder.value}\n isRequired\n autoComplete=\"email\"\n minLength={5}\n maxLength={50}\n />\n </div>\n\n <Form.Button\n className=\"mt-12 w-full\"\n type=\"submit\"\n color=\"text\"\n isLoading={isSubmitting}\n disabled={!isValid \|\| submissionState.isFrozen}\n variant={isSubmitted ? 'outline' : 'default'}\n label={sendRecoveryEmailButton.ariaLabel.value}\n >\n {getSubmitButtonText()}\n </Form.Button>\n {isSubmitted && (\n <Form.Button\n className=\"mt-4 w-full\"\n label={backToLoginButton.text.value}\n onClick={onClickBackToLogin}\n >\n {backToLoginButton.text.value}\n </Form.Button>\n )}\n </Form>\n );\n};\n"],"names":["useResetPasswordSchema","useDictionary","resetPasswordContent","useForm","useState","useEffect","jsxs","Form","jsx"],"mappings":";;;;;;;;;;;AAkBO,MAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsBA,yDAAAA,uBAAuB;AAC7C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,cAAAA,cAAcC,+DAAAA,oBAAoB;AACtC,QAAM,EAAE,MAAM,cAAc,aAAa,QAAY,IAAAC,yBAAA;AAAA,IACnD;AAAA,IACA;AAAA,MACE,eAAe,EAAE,MAAM;AAAA,IAAA;AAAA,EAE3B;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAIC,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;AAEzD,WAAO,cACH,0BAA0B,KAAK,QAC/B,wBAAwB,KAAK;AAAA,EACnC;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,MAAM;AAAA,YACxB,aAAa,WAAW,YAAY;AAAA,YACpC,YAAU;AAAA,YACV,cAAa;AAAA,YACb,WAAW;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,QAAA,GAEf;AAAA,QAEAC,2BAAA,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,UAAU;AAAA,YAExC,UAAoB,oBAAA;AAAA,UAAA;AAAA,QACvB;AAAA,QACC,eACCC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,OAAO,kBAAkB,KAAK;AAAA,YAC9B,SAAS;AAAA,YAER,4BAAkB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}

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

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

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

@@ -57,7 +57,7 @@ const ResetPasswordForm = ({
     if (submissionState.remainingTime > 0) {
       return `${resendInText} ${submissionState.remainingTime}s`;
     }
-    return isSubmitted ? resendRecoveryEmailButton.text : sendRecoveryEmailButton.text;
+    return isSubmitted ? resendRecoveryEmailButton.text.value : sendRecoveryEmailButton.text.value;
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Form,
@@ -72,8 +72,8 @@ const ResetPasswordForm = ({
           Form.Input,
           {
             name: "email",
-            label: emailInput.label,
-            placeholder: emailInput.placeholder,
+            label: emailInput.label.value,
+            placeholder: emailInput.placeholder.value,
             isRequired: true,
             autoComplete: "email",
             minLength: 5,
@@ -89,7 +89,7 @@ const ResetPasswordForm = ({
             isLoading: isSubmitting,
             disabled: !isValid || submissionState.isFrozen,
             variant: isSubmitted ? "outline" : "default",
-            label: sendRecoveryEmailButton.ariaLabel,
+            label: sendRecoveryEmailButton.ariaLabel.value,
             children: getSubmitButtonText()
           }
         ),
@@ -97,9 +97,9 @@ const ResetPasswordForm = ({
           Form.Button,
           {
             className: "mt-4 w-full",
-            label: backToLoginButton.text,
+            label: backToLoginButton.text.value,
             onClick: onClickBackToLogin,
-            children: backToLoginButton.text
+            children: backToLoginButton.text.value
           }
         )
       ]

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

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

package/dist/components/Auth/ResetPasswordForm/resetPasswordContent.content.d.ts CHANGED Viewed

@@ -2,19 +2,117 @@ export declare const resetPasswordContent: {
     key: string;
     content: {
         emailInput: {
-            label: import('@intlayer/core').TranslationContent<string>;
-            placeholder: import('@intlayer/core').TranslationContent<string>;
+            label: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            }>;
+            placeholder: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            }>;
         };
         sendRecoveryEmailButton: {
-            text: import('@intlayer/core').TranslationContent<string>;
-            ariaLabel: import('@intlayer/core').TranslationContent<string>;
+            text: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            }>;
+            ariaLabel: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            }>;
         };
         resendRecoveryEmailButton: {
-            text: import('@intlayer/core').TranslationContent<string>;
+            text: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            }>;
         };
-        resendInText: import('@intlayer/core').TranslationContent<string>;
+        resendInText: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+            en: string;
+            fr: string;
+            es: string;
+            'en-GB': string;
+            de: string;
+            ja: string;
+            ko: string;
+            zh: string;
+            it: string;
+            pt: string;
+            hi: string;
+            ar: string;
+            ru: string;
+        }>;
         backToLoginButton: {
-            text: import('@intlayer/core').TranslationContent<string>;
+            text: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+                en: string;
+                fr: string;
+                es: string;
+                'en-GB': string;
+                de: string;
+                ja: string;
+                ko: string;
+                zh: string;
+                it: string;
+                pt: string;
+                hi: string;
+                ar: string;
+                ru: string;
+            }>;
         };
     };
 };

package/dist/components/Auth/ResetPasswordForm/resetPasswordContent.content.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resetPasswordContent.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/resetPasswordContent.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB~~;;;;;;;;;;;;;;;;;;;~~CAqHX,CAAC"}
1	+ {"version":3,"file":"resetPasswordContent.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/resetPasswordContent.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHX,CAAC"}

package/dist/components/Auth/ResetPasswordForm/useResetPasswordSchema.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResetPasswordSchema.cjs","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"],"sourcesContent":["// ~~@ts-ignore react-intlayer not build yet\nimport~~ { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useResetPasswordSchemaContent } from './useResetPasswordSchema.content';\n\nexport const useResetPasswordSchema = () => {\n const { requiredErrorEmail, invalidTypeErrorEmail, invalidLengthErrorEmail } =\n useDictionary(useResetPasswordSchemaContent, undefined, false);\n\n return z.object({\n email: z\n .string({\n required_error: requiredErrorEmail,\n invalid_type_error: invalidTypeErrorEmail,\n })\n .min(1, { message: invalidLengthErrorEmail }),\n });\n};\n\nexport type ResetPassword = z.infer<ReturnType<typeof useResetPasswordSchema>>;\n"],"names":["useDictionary","useResetPasswordSchemaContent","z"],"mappings":";;;;;~~AAKO~~,MAAM,yBAAyB,MAAM;AACpC,QAAA,EAAE,oBAAoB,uBAAuB,wBAAA,IACjDA,cAAAA,cAAcC,iEAAA,+BAA+B,QAAW,KAAK;AAE/D,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,wBAAyB,CAAA;AAAA,EAAA,CAC/C;AACH;;"}
1	+ {"version":3,"file":"useResetPasswordSchema.cjs","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useResetPasswordSchemaContent } from './useResetPasswordSchema.content';\n\nexport const useResetPasswordSchema = () => {\n const { requiredErrorEmail, invalidTypeErrorEmail, invalidLengthErrorEmail } =\n useDictionary(useResetPasswordSchemaContent, undefined, false);\n\n return z.object({\n email: z\n .string({\n required_error: requiredErrorEmail,\n invalid_type_error: invalidTypeErrorEmail,\n })\n .min(1, { message: invalidLengthErrorEmail }),\n });\n};\n\nexport type ResetPassword = z.infer<ReturnType<typeof useResetPasswordSchema>>;\n"],"names":["useDictionary","useResetPasswordSchemaContent","z"],"mappings":";;;;;AAIO,MAAM,yBAAyB,MAAM;AACpC,QAAA,EAAE,oBAAoB,uBAAuB,wBAAA,IACjDA,cAAAA,cAAcC,iEAAA,+BAA+B,QAAW,KAAK;AAE/D,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,wBAAyB,CAAA;AAAA,EAAA,CAC/C;AACH;;"}

package/dist/components/Auth/ResetPasswordForm/useResetPasswordSchema.content.d.ts CHANGED Viewed

@@ -1,9 +1,51 @@
 export declare const useResetPasswordSchemaContent: {
     key: string;
     content: {
-        requiredErrorEmail: import('@intlayer/core').TranslationContent<string>;
-        invalidTypeErrorEmail: import('@intlayer/core').TranslationContent<string>;
-        invalidLengthErrorEmail: import('@intlayer/core').TranslationContent<string>;
+        requiredErrorEmail: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+            en: string;
+            'en-GB': string;
+            fr: string;
+            es: string;
+            de: string;
+            ja: string;
+            ko: string;
+            zh: string;
+            it: string;
+            pt: string;
+            hi: string;
+            ar: string;
+            ru: string;
+        }>;
+        invalidTypeErrorEmail: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+            en: string;
+            'en-GB': string;
+            fr: string;
+            es: string;
+            de: string;
+            ja: string;
+            ko: string;
+            zh: string;
+            it: string;
+            pt: string;
+            hi: string;
+            ar: string;
+            ru: string;
+        }>;
+        invalidLengthErrorEmail: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
+            en: string;
+            'en-GB': string;
+            fr: string;
+            es: string;
+            de: string;
+            ja: string;
+            ko: string;
+            zh: string;
+            it: string;
+            pt: string;
+            hi: string;
+            ar: string;
+            ru: string;
+        }>;
     };
 };
 export default useResetPasswordSchemaContent;

package/dist/components/Auth/ResetPasswordForm/useResetPasswordSchema.content.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResetPasswordSchema.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B~~;;;;;;;~~CAmDpB,CAAC;AAEvB,eAAe,6BAA6B,CAAC"}
1	+ {"version":3,"file":"useResetPasswordSchema.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDpB,CAAC;AAEvB,eAAe,6BAA6B,CAAC"}

package/dist/components/Auth/ResetPasswordForm/useResetPasswordSchema.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResetPasswordSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,sBAAsB;;;;;;EAYlC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"useResetPasswordSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,sBAAsB;;;;;;EAYlC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC"}

package/dist/components/Auth/ResetPasswordForm/useResetPasswordSchema.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResetPasswordSchema.mjs","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"],"sourcesContent":["// ~~@ts-ignore react-intlayer not build yet\nimport~~ { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useResetPasswordSchemaContent } from './useResetPasswordSchema.content';\n\nexport const useResetPasswordSchema = () => {\n const { requiredErrorEmail, invalidTypeErrorEmail, invalidLengthErrorEmail } =\n useDictionary(useResetPasswordSchemaContent, undefined, false);\n\n return z.object({\n email: z\n .string({\n required_error: requiredErrorEmail,\n invalid_type_error: invalidTypeErrorEmail,\n })\n .min(1, { message: invalidLengthErrorEmail }),\n });\n};\n\nexport type ResetPassword = z.infer<ReturnType<typeof useResetPasswordSchema>>;\n"],"names":[],"mappings":";;;~~AAKO~~,MAAM,yBAAyB,MAAM;AACpC,QAAA,EAAE,oBAAoB,uBAAuB,wBAAA,IACjD,cAAc,+BAA+B,QAAW,KAAK;AAE/D,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,wBAAyB,CAAA;AAAA,EAAA,CAC/C;AACH;"}
1	+ {"version":3,"file":"useResetPasswordSchema.mjs","sources":["../../../../src/components/Auth/ResetPasswordForm/useResetPasswordSchema.ts"],"sourcesContent":["import { useDictionary } from 'react-intlayer';\nimport { z } from 'zod';\nimport { useResetPasswordSchemaContent } from './useResetPasswordSchema.content';\n\nexport const useResetPasswordSchema = () => {\n const { requiredErrorEmail, invalidTypeErrorEmail, invalidLengthErrorEmail } =\n useDictionary(useResetPasswordSchemaContent, undefined, false);\n\n return z.object({\n email: z\n .string({\n required_error: requiredErrorEmail,\n invalid_type_error: invalidTypeErrorEmail,\n })\n .min(1, { message: invalidLengthErrorEmail }),\n });\n};\n\nexport type ResetPassword = z.infer<ReturnType<typeof useResetPasswordSchema>>;\n"],"names":[],"mappings":";;;AAIO,MAAM,yBAAyB,MAAM;AACpC,QAAA,EAAE,oBAAoB,uBAAuB,wBAAA,IACjD,cAAc,+BAA+B,QAAW,KAAK;AAE/D,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,wBAAyB,CAAA;AAAA,EAAA,CAC/C;AACH;"}

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

@@ -40,8 +40,8 @@ const SignInForm = ({
               components_Form_layout_FormItemLayout.Form.Input,
               {
                 name: "email",
-                label: emailInput.label,
-                placeholder: emailInput.placeholder,
+                label: emailInput.label.value,
+                placeholder: emailInput.placeholder.value,
                 isRequired: true,
                 autoComplete: "email"
               }
@@ -50,8 +50,8 @@ const SignInForm = ({
               components_Form_layout_FormItemLayout.Form.InputPassword,
               {
                 name: "password",
-                label: passwordInput.label,
-                placeholder: passwordInput.placeholder,
+                label: passwordInput.label.value,
+                placeholder: passwordInput.placeholder.value,
                 isRequired: true,
                 autoComplete: "current-password"
               }
@@ -62,7 +62,7 @@ const SignInForm = ({
             {
               className: "ml-auto mt-2 block",
               variant: "link",
-              label: forgotPasswordLink.ariaLabel,
+              label: forgotPasswordLink.ariaLabel.value,
               color: "text",
               size: "sm",
               onClick: onClickForgotPassword,
@@ -76,7 +76,7 @@ const SignInForm = ({
               type: "submit",
               color: "text",
               isLoading: isSubmitting,
-              label: loginButton.ariaLabel,
+              label: loginButton.ariaLabel.value,
               children: loginButton.text
             }
           ),
@@ -86,7 +86,7 @@ const SignInForm = ({
               components_Form_layout_FormItemLayout.Form.Button,
               {
                 variant: "link",
-                label: signUpLink.ariaLabel,
+                label: signUpLink.ariaLabel.value,
                 color: "text",
                 size: "sm",
                 onClick: onClickSignUp,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SignInForm.cjs","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\~~n// @ts-ignore react-intlayer not build yet\~~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}\n placeholder={emailInput.placeholder}\n isRequired\n autoComplete=\"email\"\n />\n\n <Form.InputPassword\n name=\"password\"\n label={passwordInput.label}\n placeholder={passwordInput.placeholder}\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}\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}\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}\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":";;;;;;;;;;;~~AAiBO~~,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;AAAA,~~gBAClB~~,aAAa,WAAW;AAAA,~~gBACxB~~,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;AAAA,~~gBACrB~~,aAAa,cAAc;AAAA,~~gBAC3B~~,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;AAAA,~~cAC1B~~,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;AAAA,~~cAElB~~,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;AAAA,~~gBAClB~~,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;;"}
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;;"}

package/dist/components/Auth/SignInForm/SignInForm.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignInForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;~~AAMhC~~,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEjE,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiF1C,CAAC"}
1	+ {"version":3,"file":"SignInForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEjE,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiF1C,CAAC"}