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

@intlayer/design-system 5.0.1 → 5.0.2

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 (136) hide show

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"}

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useSignInSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/useSignInSchema.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,eAAe;;;;;;;;;EAwB3B,CAAC;AACF,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"useSignInSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/useSignInSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,eAAe;;;;;;;;;EAwB3B,CAAC;AACF,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC"}

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

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

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

@@ -36,8 +36,8 @@ const SignUpForm = ({
             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,
@@ -48,8 +48,8 @@ const SignUpForm = ({
             components_Form_layout_FormItemLayout.Form.InputPassword,
             {
               name: "password",
-              label: passwordInput.label,
-              placeholder: passwordInput.placeholder,
+              label: passwordInput.label.value,
+              placeholder: passwordInput.placeholder.value,
               autoComplete: "new-password",
               isRequired: true
             }
@@ -58,8 +58,8 @@ const SignUpForm = ({
             components_Form_layout_FormItemLayout.Form.InputPassword,
             {
               name: "passwordConfirmation",
-              label: passwordConfirmationInput.label,
-              placeholder: passwordConfirmationInput.placeholder,
+              label: passwordConfirmationInput.label.value,
+              placeholder: passwordConfirmationInput.placeholder.value,
               autoComplete: "new-password",
               isRequired: true
             }
@@ -72,7 +72,7 @@ const SignUpForm = ({
             type: "submit",
             color: "text",
             isLoading: isSubmitting,
-            label: signUpButton.ariaLabel,
+            label: signUpButton.ariaLabel.value,
             children: signUpButton.text
           }
         ),
@@ -82,7 +82,7 @@ const SignUpForm = ({
             components_Form_layout_FormItemLayout.Form.Button,
             {
               variant: "link",
-              label: loginLink.ariaLabel,
+              label: loginLink.ariaLabel.value,
               color: "text",
               onClick: onClickBackToSignIn,
               children: loginLink.text

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,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,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0E1C,CAAC"}
1	+ {"version":3,"file":"SignUpForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,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,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0E1C,CAAC"}

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

@@ -34,8 +34,8 @@ const SignUpForm = ({
             Form.Input,
             {
               name: "email",
-              label: emailInput.label,
-              placeholder: emailInput.placeholder,
+              label: emailInput.label.value,
+              placeholder: emailInput.placeholder.value,
               isRequired: true,
               autoComplete: "email",
               minLength: 5,
@@ -46,8 +46,8 @@ const SignUpForm = ({
             Form.InputPassword,
             {
               name: "password",
-              label: passwordInput.label,
-              placeholder: passwordInput.placeholder,
+              label: passwordInput.label.value,
+              placeholder: passwordInput.placeholder.value,
               autoComplete: "new-password",
               isRequired: true
             }
@@ -56,8 +56,8 @@ const SignUpForm = ({
             Form.InputPassword,
             {
               name: "passwordConfirmation",
-              label: passwordConfirmationInput.label,
-              placeholder: passwordConfirmationInput.placeholder,
+              label: passwordConfirmationInput.label.value,
+              placeholder: passwordConfirmationInput.placeholder.value,
               autoComplete: "new-password",
               isRequired: true
             }
@@ -70,7 +70,7 @@ const SignUpForm = ({
             type: "submit",
             color: "text",
             isLoading: isSubmitting,
-            label: signUpButton.ariaLabel,
+            label: signUpButton.ariaLabel.value,
             children: signUpButton.text
           }
         ),
@@ -80,7 +80,7 @@ const SignUpForm = ({
             Form.Button,
             {
               variant: "link",
-              label: loginLink.ariaLabel,
+              label: loginLink.ariaLabel.value,
               color: "text",
               onClick: onClickBackToSignIn,
               children: loginLink.text

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

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

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

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

package/dist/components/Auth/SignUpForm/useSignUpSchema.d.ts.map CHANGED Viewed

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

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

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

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

@@ -65,7 +65,7 @@ const VerifyEmailForm = ({
           components_Button_Button.Button,
           {
             disabled: !isEmailVerified,
-            label: doneButton.text,
+            label: doneButton.text.value,
             type: "submit",
             color: "text",
             children: doneButton.text

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

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

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

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

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

@@ -63,7 +63,7 @@ const VerifyEmailForm = ({
           Button,
           {
             disabled: !isEmailVerified,
-            label: doneButton.text,
+            label: doneButton.text.value,
             type: "submit",
             color: "text",
             children: doneButton.text

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

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

package/dist/components/Breadcrumb/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, HTMLAttributes, type FC } from 'react';\~~n// @ts-ignore react-intlayer not build yet\~~nimport { useDictionary } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkProps } from '../Link';\nimport { breadCrumbContent } from './breadcrumb.content';\n\ntype LinkLinkProps = {\n children: string;\n position: number;\n locale?: Locales;\n} & Omit<LinkProps, 'children' \| 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n href,\n lang,\n children,\n onClick,\n color,\n position,\n locale,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Link\n href={href}\n locale={locale}\n color={color}\n onClick={onClick}\n itemProp=\"item\"\n itemScope\n itemType=\"https://schema.org/WebPage\"\n {...props}\n label={`${linkLabel} ${children}`}\n itemID={href}\n >\n <span itemProp=\"name\">{children}</span>\n </Link>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype ButtonButtonProps = {\n children: string;\n position: number;\n} & Omit<ButtonProps, 'children' \| 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n children: text,\n onClick,\n color,\n position,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Button\n onClick={onClick}\n variant=\"link\"\n label={`${linkLabel} ${text}`}\n color={color}\n itemProp=\"item\"\n {...props}\n >\n <span itemProp=\"name\">{text}</span>\n </Button>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype SpanProps = {\n children: string;\n position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n <span itemProp=\"item\">\n <span itemProp=\"name\" {...props}>\n {children}\n </span>\n <meta itemProp=\"position\" content={position.toString()} />\n </span>\n);\n\ntype DetailedBreadcrumbLink = {\n href?: string;\n text: string;\n onClick?: () => void;\n};\nexport type BreadcrumbLink = string \| DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n links: BreadcrumbLink[];\n color?:\n \| 'primary'\n \| 'destructive'\n \| 'neutral'\n \| 'light'\n \| 'dark'\n \| 'text'\n \| 'custom';\n locale?: Locales;\n elementType?: 'page' \| 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n links,\n className,\n color = 'text',\n locale,\n elementType = 'page',\n ...props\n}) => (\n <nav aria-label=\"breadcrumb\">\n <ol\n className={cn(\n 'flex flex-row flex-wrap items-center gap-2 text-sm',\n className\n )}\n itemScope\n itemType=\"http://schema.org/BreadcrumbList\"\n {...props}\n >\n {links.map((link, index) => {\n const isLastLink = index === links.length - 1;\n const isLink =\n typeof link === 'object' && typeof link.href === 'string';\n const isButton =\n typeof link === 'object' && typeof link.onClick === 'function';\n const isActive = index === links.length - 1;\n const ariaCurrent = isActive ? elementType : undefined;\n\n const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n let section = (\n <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n {text}\n </Span>\n );\n\n if (isLink) {\n section = (\n <LinkLink\n key={text}\n href={link.href!}\n color={color}\n position={index + 1}\n locale={locale}\n aria-current={ariaCurrent}\n >\n {text}\n </LinkLink>\n );\n } else if (isButton) {\n section = (\n <ButtonLink\n key={text}\n onClick={link.onClick!}\n color={color}\n position={index + 1}\n aria-current={ariaCurrent}\n >\n {text}\n </ButtonLink>\n );\n }\n\n const listElement = (\n <li\n itemProp=\"itemListElement\"\n itemScope\n itemType=\"https://schema.org/ListItem\"\n key={text}\n >\n {section}\n </li>\n );\n\n if (isLastLink) {\n return listElement;\n }\n\n return (\n <Fragment key={text}>\n {listElement}\n <ChevronRightIcon size={10} />\n </Fragment>\n );\n })}\n </ol>\n </nav>\n);\n"],"names":["useDictionary","breadCrumbContent","jsxs","Fragment","jsx","Link","Button","cn","ChevronRightIcon"],"mappings":";;;;;;;;;;;~~AAkBA~~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"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, HTMLAttributes, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkProps } from '../Link';\nimport { breadCrumbContent } from './breadcrumb.content';\n\ntype LinkLinkProps = {\n children: string;\n position: number;\n locale?: Locales;\n} & Omit<LinkProps, 'children' \| 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n href,\n lang,\n children,\n onClick,\n color,\n position,\n locale,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Link\n href={href}\n locale={locale}\n color={color}\n onClick={onClick}\n itemProp=\"item\"\n itemScope\n itemType=\"https://schema.org/WebPage\"\n {...props}\n label={`${linkLabel} ${children}`}\n itemID={href}\n >\n <span itemProp=\"name\">{children}</span>\n </Link>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype ButtonButtonProps = {\n children: string;\n position: number;\n} & Omit<ButtonProps, 'children' \| 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n children: text,\n onClick,\n color,\n position,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Button\n onClick={onClick}\n variant=\"link\"\n label={`${linkLabel} ${text}`}\n color={color}\n itemProp=\"item\"\n {...props}\n >\n <span itemProp=\"name\">{text}</span>\n </Button>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype SpanProps = {\n children: string;\n position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n <span itemProp=\"item\">\n <span itemProp=\"name\" {...props}>\n {children}\n </span>\n <meta itemProp=\"position\" content={position.toString()} />\n </span>\n);\n\ntype DetailedBreadcrumbLink = {\n href?: string;\n text: string;\n onClick?: () => void;\n};\nexport type BreadcrumbLink = string \| DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n links: BreadcrumbLink[];\n color?:\n \| 'primary'\n \| 'destructive'\n \| 'neutral'\n \| 'light'\n \| 'dark'\n \| 'text'\n \| 'custom';\n locale?: Locales;\n elementType?: 'page' \| 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n links,\n className,\n color = 'text',\n locale,\n elementType = 'page',\n ...props\n}) => (\n <nav aria-label=\"breadcrumb\">\n <ol\n className={cn(\n 'flex flex-row flex-wrap items-center gap-2 text-sm',\n className\n )}\n itemScope\n itemType=\"http://schema.org/BreadcrumbList\"\n {...props}\n >\n {links.map((link, index) => {\n const isLastLink = index === links.length - 1;\n const isLink =\n typeof link === 'object' && typeof link.href === 'string';\n const isButton =\n typeof link === 'object' && typeof link.onClick === 'function';\n const isActive = index === links.length - 1;\n const ariaCurrent = isActive ? elementType : undefined;\n\n const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n let section = (\n <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n {text}\n </Span>\n );\n\n if (isLink) {\n section = (\n <LinkLink\n key={text}\n href={link.href!}\n color={color}\n position={index + 1}\n locale={locale}\n aria-current={ariaCurrent}\n >\n {text}\n </LinkLink>\n );\n } else if (isButton) {\n section = (\n <ButtonLink\n key={text}\n onClick={link.onClick!}\n color={color}\n position={index + 1}\n aria-current={ariaCurrent}\n >\n {text}\n </ButtonLink>\n );\n }\n\n const listElement = (\n <li\n itemProp=\"itemListElement\"\n itemScope\n itemType=\"https://schema.org/ListItem\"\n key={text}\n >\n {section}\n </li>\n );\n\n if (isLastLink) {\n return listElement;\n }\n\n return (\n <Fragment key={text}>\n {listElement}\n <ChevronRightIcon size={10} />\n </Fragment>\n );\n })}\n </ol>\n </nav>\n);\n"],"names":["useDictionary","breadCrumbContent","jsxs","Fragment","jsx","Link","Button","cn","ChevronRightIcon"],"mappings":"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"}

package/dist/components/Breadcrumb/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAY,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;~~AA4F1D~~,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,sBAAsB,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EACF,SAAS,GACT,aAAa,GACb,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CACnC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsF1C,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAY,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA2F1D,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,sBAAsB,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EACF,SAAS,GACT,aAAa,GACb,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CACnC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsF1C,CAAC"}

package/dist/components/Breadcrumb/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, HTMLAttributes, type FC } from 'react';\~~n// @ts-ignore react-intlayer not build yet\~~nimport { useDictionary } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkProps } from '../Link';\nimport { breadCrumbContent } from './breadcrumb.content';\n\ntype LinkLinkProps = {\n children: string;\n position: number;\n locale?: Locales;\n} & Omit<LinkProps, 'children' \| 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n href,\n lang,\n children,\n onClick,\n color,\n position,\n locale,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Link\n href={href}\n locale={locale}\n color={color}\n onClick={onClick}\n itemProp=\"item\"\n itemScope\n itemType=\"https://schema.org/WebPage\"\n {...props}\n label={`${linkLabel} ${children}`}\n itemID={href}\n >\n <span itemProp=\"name\">{children}</span>\n </Link>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype ButtonButtonProps = {\n children: string;\n position: number;\n} & Omit<ButtonProps, 'children' \| 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n children: text,\n onClick,\n color,\n position,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Button\n onClick={onClick}\n variant=\"link\"\n label={`${linkLabel} ${text}`}\n color={color}\n itemProp=\"item\"\n {...props}\n >\n <span itemProp=\"name\">{text}</span>\n </Button>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype SpanProps = {\n children: string;\n position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n <span itemProp=\"item\">\n <span itemProp=\"name\" {...props}>\n {children}\n </span>\n <meta itemProp=\"position\" content={position.toString()} />\n </span>\n);\n\ntype DetailedBreadcrumbLink = {\n href?: string;\n text: string;\n onClick?: () => void;\n};\nexport type BreadcrumbLink = string \| DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n links: BreadcrumbLink[];\n color?:\n \| 'primary'\n \| 'destructive'\n \| 'neutral'\n \| 'light'\n \| 'dark'\n \| 'text'\n \| 'custom';\n locale?: Locales;\n elementType?: 'page' \| 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n links,\n className,\n color = 'text',\n locale,\n elementType = 'page',\n ...props\n}) => (\n <nav aria-label=\"breadcrumb\">\n <ol\n className={cn(\n 'flex flex-row flex-wrap items-center gap-2 text-sm',\n className\n )}\n itemScope\n itemType=\"http://schema.org/BreadcrumbList\"\n {...props}\n >\n {links.map((link, index) => {\n const isLastLink = index === links.length - 1;\n const isLink =\n typeof link === 'object' && typeof link.href === 'string';\n const isButton =\n typeof link === 'object' && typeof link.onClick === 'function';\n const isActive = index === links.length - 1;\n const ariaCurrent = isActive ? elementType : undefined;\n\n const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n let section = (\n <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n {text}\n </Span>\n );\n\n if (isLink) {\n section = (\n <LinkLink\n key={text}\n href={link.href!}\n color={color}\n position={index + 1}\n locale={locale}\n aria-current={ariaCurrent}\n >\n {text}\n </LinkLink>\n );\n } else if (isButton) {\n section = (\n <ButtonLink\n key={text}\n onClick={link.onClick!}\n color={color}\n position={index + 1}\n aria-current={ariaCurrent}\n >\n {text}\n </ButtonLink>\n );\n }\n\n const listElement = (\n <li\n itemProp=\"itemListElement\"\n itemScope\n itemType=\"https://schema.org/ListItem\"\n key={text}\n >\n {section}\n </li>\n );\n\n if (isLastLink) {\n return listElement;\n }\n\n return (\n <Fragment key={text}>\n {listElement}\n <ChevronRightIcon size={10} />\n </Fragment>\n );\n })}\n </ol>\n </nav>\n);\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;~~AAkBA~~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"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config/client';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, HTMLAttributes, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkProps } from '../Link';\nimport { breadCrumbContent } from './breadcrumb.content';\n\ntype LinkLinkProps = {\n children: string;\n position: number;\n locale?: Locales;\n} & Omit<LinkProps, 'children' \| 'label'>;\n\nconst LinkLink: FC<LinkLinkProps> = ({\n href,\n lang,\n children,\n onClick,\n color,\n position,\n locale,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Link\n href={href}\n locale={locale}\n color={color}\n onClick={onClick}\n itemProp=\"item\"\n itemScope\n itemType=\"https://schema.org/WebPage\"\n {...props}\n label={`${linkLabel} ${children}`}\n itemID={href}\n >\n <span itemProp=\"name\">{children}</span>\n </Link>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype ButtonButtonProps = {\n children: string;\n position: number;\n} & Omit<ButtonProps, 'children' \| 'label'>;\n\nconst ButtonLink: FC<ButtonButtonProps> = ({\n children: text,\n onClick,\n color,\n position,\n ...props\n}) => {\n const { linkLabel } = useDictionary(breadCrumbContent);\n\n return (\n <>\n <Button\n onClick={onClick}\n variant=\"link\"\n label={`${linkLabel} ${text}`}\n color={color}\n itemProp=\"item\"\n {...props}\n >\n <span itemProp=\"name\">{text}</span>\n </Button>\n <meta itemProp=\"position\" content={position.toString()} />\n </>\n );\n};\n\ntype SpanProps = {\n children: string;\n position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\nconst Span: FC<SpanProps> = ({ children, position, ...props }) => (\n <span itemProp=\"item\">\n <span itemProp=\"name\" {...props}>\n {children}\n </span>\n <meta itemProp=\"position\" content={position.toString()} />\n </span>\n);\n\ntype DetailedBreadcrumbLink = {\n href?: string;\n text: string;\n onClick?: () => void;\n};\nexport type BreadcrumbLink = string \| DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n links: BreadcrumbLink[];\n color?:\n \| 'primary'\n \| 'destructive'\n \| 'neutral'\n \| 'light'\n \| 'dark'\n \| 'text'\n \| 'custom';\n locale?: Locales;\n elementType?: 'page' \| 'location';\n} & HTMLAttributes<HTMLOListElement>;\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n links,\n className,\n color = 'text',\n locale,\n elementType = 'page',\n ...props\n}) => (\n <nav aria-label=\"breadcrumb\">\n <ol\n className={cn(\n 'flex flex-row flex-wrap items-center gap-2 text-sm',\n className\n )}\n itemScope\n itemType=\"http://schema.org/BreadcrumbList\"\n {...props}\n >\n {links.map((link, index) => {\n const isLastLink = index === links.length - 1;\n const isLink =\n typeof link === 'object' && typeof link.href === 'string';\n const isButton =\n typeof link === 'object' && typeof link.onClick === 'function';\n const isActive = index === links.length - 1;\n const ariaCurrent = isActive ? elementType : undefined;\n\n const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n let section = (\n <Span key={text} position={index + 1} aria-current={ariaCurrent}>\n {text}\n </Span>\n );\n\n if (isLink) {\n section = (\n <LinkLink\n key={text}\n href={link.href!}\n color={color}\n position={index + 1}\n locale={locale}\n aria-current={ariaCurrent}\n >\n {text}\n </LinkLink>\n );\n } else if (isButton) {\n section = (\n <ButtonLink\n key={text}\n onClick={link.onClick!}\n color={color}\n position={index + 1}\n aria-current={ariaCurrent}\n >\n {text}\n </ButtonLink>\n );\n }\n\n const listElement = (\n <li\n itemProp=\"itemListElement\"\n itemScope\n itemType=\"https://schema.org/ListItem\"\n key={text}\n >\n {section}\n </li>\n );\n\n if (isLastLink) {\n return listElement;\n }\n\n return (\n <Fragment key={text}>\n {listElement}\n <ChevronRightIcon size={10} />\n </Fragment>\n );\n })}\n </ol>\n </nav>\n);\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;AAiBA,MAAM,WAA8B,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,UAAA,IAAc,cAAc,iBAAiB;AAErD,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAS;AAAA,QACT,WAAS;AAAA,QACT,UAAS;AAAA,QACR,GAAG;AAAA,QACJ,OAAO,GAAG,SAAS,IAAI,QAAQ;AAAA,QAC/B,QAAQ;AAAA,QAER,UAACA,kCAAA,IAAA,QAAA,EAAK,UAAS,QAAQ,SAAS,CAAA;AAAA,MAAA;AAAA,IAClC;AAAA,0CACC,QAAK,EAAA,UAAS,YAAW,SAAS,SAAS,WAAY,CAAA;AAAA,EAAA,GAC1D;AAEJ;AAOA,MAAM,aAAoC,CAAC;AAAA,EACzC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,UAAA,IAAc,cAAc,iBAAiB;AAErD,SAEIF,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,OAAO,GAAG,SAAS,IAAI,IAAI;AAAA,QAC3B;AAAA,QACA,UAAS;AAAA,QACR,GAAG;AAAA,QAEJ,UAACA,kCAAA,IAAA,QAAA,EAAK,UAAS,QAAQ,UAAK,KAAA,CAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,0CACC,QAAK,EAAA,UAAS,YAAW,SAAS,SAAS,WAAY,CAAA;AAAA,EAAA,GAC1D;AAEJ;AAOA,MAAM,OAAsB,CAAC,EAAE,UAAU,UAAU,GAAG,MAAA,MACpDF,kCAAA,KAAC,QAAK,EAAA,UAAS,QACb,UAAA;AAAA,EAAAE,kCAAA,IAAC,QAAK,EAAA,UAAS,QAAQ,GAAG,OACvB,UACH;AAAA,wCACC,QAAK,EAAA,UAAS,YAAW,SAAS,SAAS,WAAY,CAAA;AAAA,GAC1D;AAwBK,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,MACEA,kCAAAA,IAAC,OAAI,EAAA,cAAW,cACd,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAS;AAAA,IACT,UAAS;AAAA,IACR,GAAG;AAAA,IAEH,UAAM,MAAA,IAAI,CAAC,MAAM,UAAU;AACpB,YAAA,aAAa,UAAU,MAAM,SAAS;AAC5C,YAAM,SACJ,OAAO,SAAS,YAAY,OAAO,KAAK,SAAS;AACnD,YAAM,WACJ,OAAO,SAAS,YAAY,OAAO,KAAK,YAAY;AAChD,YAAA,WAAW,UAAU,MAAM,SAAS;AACpC,YAAA,cAAc,WAAW,cAAc;AAEvC,YAAA,OAAQ,KAAgC,QAAQ;AAElD,UAAA,gDACD,MAAgB,EAAA,UAAU,QAAQ,GAAG,gBAAc,aACjD,UAAA,KAAA,GADQ,IAEX;AAGF,UAAI,QAAQ;AAER,kBAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX;AAAA,YACA,UAAU,QAAQ;AAAA,YAClB;AAAA,YACA,gBAAc;AAAA,YAEb,UAAA;AAAA,UAAA;AAAA,UAPI;AAAA,QAQP;AAAA,iBAEO,UAAU;AAEjB,kBAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,KAAK;AAAA,YACd;AAAA,YACA,UAAU,QAAQ;AAAA,YAClB,gBAAc;AAAA,YAEb,UAAA;AAAA,UAAA;AAAA,UANI;AAAA,QAOP;AAAA,MAAA;AAIJ,YAAM,cACJA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAS;AAAA,UACT,UAAS;AAAA,UAGR,UAAA;AAAA,QAAA;AAAA,QAFI;AAAA,MAGP;AAGF,UAAI,YAAY;AACP,eAAA;AAAA,MAAA;AAIP,aAAAF,kCAAA,KAACC,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,QACDC,kCAAAA,IAAC,kBAAiB,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,GAFf,IAGf;AAAA,IAEH,CAAA;AAAA,EAAA;AACH,EACF,CAAA;"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs CHANGED Viewed

@@ -71,7 +71,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "button",
-            label: resetButton.label,
+            label: resetButton.label.value,
             disabled: !isEdited || isSubmitting,
             className: "ml-auto",
             Icon: lucideReact.RotateCcw,
@@ -87,7 +87,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",
-            label: publishButton.label,
+            label: publishButton.label.value,
             disabled: !isEdited || isSubmitting,
             Icon: lucideReact.ArrowUpFromLine,
             color: "text",
@@ -99,7 +99,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",
-            label: saveButton.label,
+            label: saveButton.label.value,
             disabled: !isEdited || isSubmitting,
             Icon: lucideReact.Save,
             color: "text",
@@ -111,7 +111,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",
-            label: downloadButton.label,
+            label: downloadButton.label.value,
             disabled: !isEdited || isSubmitting,
             Icon: lucideReact.Download,
             color: "text",

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n useDictionariesRecordActions,\n useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\~~n// @ts-ignore react-intlayer not build yet\~~nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n dictionary: Dictionary;\n mode: 'local' \| 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n const ValidDictionaryChangeButtonsSchemaSchema =\n getValidDictionaryChangeButtonsSchemaSchema();\n\n const { resetButton, saveButton, publishButton, downloadButton } =\n useDictionary(validDictionaryChangeButtonsContent);\n\n const { setLocaleDictionary } = useDictionariesRecordActions();\n const { writeDictionary } = useWriteDictionary();\n const { pushDictionaries } = usePushDictionaries();\n\n const { editedContent, restoreEditedContent } = useEditedContent();\n const { form, isSubmitting } = useForm(\n ValidDictionaryChangeButtonsSchemaSchema\n );\n\n const editedDictionary = useMemo(\n () => editedContent?.[dictionary.key],\n [editedContent, dictionary.key]\n );\n\n const isEdited = useMemo(\n () =>\n editedDictionary &&\n JSON.stringify(editedDictionary?.content) !==\n JSON.stringify(dictionary?.content),\n [editedDictionary, dictionary]\n );\n\n const isLocalDictionary = useMemo(\n () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n [dictionary]\n );\n\n const onSubmitSuccess = useCallback(async () => {\n if (!editedContent?.[dictionary.key]) return;\n\n const updatedDictionary = {\n ...dictionary,\n ...editedContent?.[dictionary.key],\n };\n\n if (mode === 'remote') {\n await pushDictionaries([updatedDictionary]);\n } else {\n await writeDictionary(updatedDictionary);\n }\n setLocaleDictionary(editedContent?.[dictionary.key]);\n restoreEditedContent(dictionary.key);\n }, [\n dictionary,\n editedContent,\n pushDictionaries,\n setLocaleDictionary,\n writeDictionary,\n restoreEditedContent,\n mode,\n ]);\n\n return (\n <div className=\"mb-4\">\n <Form\n className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n {...form}\n schema={ValidDictionaryChangeButtonsSchemaSchema}\n onSubmitSuccess={onSubmitSuccess}\n >\n {isEdited && (\n <Form.Button\n type=\"button\"\n label={resetButton.label}\n disabled={!isEdited \|\| isSubmitting}\n className=\"ml-auto\"\n Icon={RotateCcw}\n variant=\"outline\"\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n onClick={() => restoreEditedContent(dictionary.key)}\n >\n {resetButton.text}\n </Form.Button>\n )}\n {mode === 'remote' ? (\n isLocalDictionary ? (\n <Form.Button\n type=\"submit\"\n label={publishButton.label}\n disabled={!isEdited \|\| isSubmitting}\n Icon={ArrowUpFromLine}\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n >\n {publishButton.text}\n </Form.Button>\n ) : (\n isEdited && (\n <Form.Button\n type=\"submit\"\n label={saveButton.label}\n disabled={!isEdited \|\| isSubmitting}\n Icon={Save}\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n >\n {saveButton.text}\n </Form.Button>\n )\n )\n ) : (\n <Form.Button\n type=\"submit\"\n label={downloadButton.label}\n disabled={!isEdited \|\| isSubmitting}\n Icon={Download}\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n >\n {downloadButton.text}\n </Form.Button>\n )}\n </Form>\n </div>\n );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useForm","useMemo","useCallback","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":";;;;;;;;;;;;;;;;;~~AAsBO~~,MAAM,+BAET,CAAC,EAAE,YAAY,WAAW;AAC5B,QAAM,2CACJA,+DAAAA,4CAA4C;AAE9C,QAAM,EAAE,aAAa,YAAY,eAAe,eAAe,IAC7DC,4BAAcC,oGAAmC;AAE7C,QAAA,EAAE,oBAAoB,IAAIC,yCAA6B;AACvD,QAAA,EAAE,gBAAgB,IAAIC,0CAAmB;AACzC,QAAA,EAAE,iBAAiB,IAAIC,2CAAoB;AAEjD,QAAM,EAAE,eAAe,qBAAqB,IAAIC,6BAAiB;AAC3D,QAAA,EAAE,MAAM,aAAA,IAAiBC,yBAAA;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,gBAAgB,WAAW,GAAG;AAAA,IACpC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoBA,WAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEM,QAAA,kBAAkBC,WAAAA,YAAY,YAAY;AAC9C,QAAI,CAAC,gBAAgB,WAAW,GAAG,EAAG;AAEtC,UAAM,oBAAoB;AAAA,MACxB,GAAG;AAAA,MACH,GAAG,gBAAgB,WAAW,GAAG;AAAA,IACnC;AAEA,QAAI,SAAS,UAAU;AACf,YAAA,iBAAiB,CAAC,iBAAiB,CAAC;AAAA,IAAA,OACrC;AACL,YAAM,gBAAgB,iBAAiB;AAAA,IAAA;AAErB,wBAAA,gBAAgB,WAAW,GAAG,CAAC;AACnD,yBAAqB,WAAW,GAAG;AAAA,EAAA,GAClC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAF,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,~~YACnB~~,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,SAAS,WACR,oBACEH,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,~~YACrB~~,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEJ,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,~~YAClB~~,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA,IAKlBL,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,eAAe;AAAA,~~YACtB~~,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMI,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAe,eAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;;"}
1	+ {"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n useDictionariesRecordActions,\n useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n dictionary: Dictionary;\n mode: 'local' \| 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n const ValidDictionaryChangeButtonsSchemaSchema =\n getValidDictionaryChangeButtonsSchemaSchema();\n\n const { resetButton, saveButton, publishButton, downloadButton } =\n useDictionary(validDictionaryChangeButtonsContent);\n\n const { setLocaleDictionary } = useDictionariesRecordActions();\n const { writeDictionary } = useWriteDictionary();\n const { pushDictionaries } = usePushDictionaries();\n\n const { editedContent, restoreEditedContent } = useEditedContent();\n const { form, isSubmitting } = useForm(\n ValidDictionaryChangeButtonsSchemaSchema\n );\n\n const editedDictionary = useMemo(\n () => editedContent?.[dictionary.key],\n [editedContent, dictionary.key]\n );\n\n const isEdited = useMemo(\n () =>\n editedDictionary &&\n JSON.stringify(editedDictionary?.content) !==\n JSON.stringify(dictionary?.content),\n [editedDictionary, dictionary]\n );\n\n const isLocalDictionary = useMemo(\n () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n [dictionary]\n );\n\n const onSubmitSuccess = useCallback(async () => {\n if (!editedContent?.[dictionary.key]) return;\n\n const updatedDictionary = {\n ...dictionary,\n ...editedContent?.[dictionary.key],\n };\n\n if (mode === 'remote') {\n await pushDictionaries([updatedDictionary]);\n } else {\n await writeDictionary(updatedDictionary);\n }\n setLocaleDictionary(editedContent?.[dictionary.key]);\n restoreEditedContent(dictionary.key);\n }, [\n dictionary,\n editedContent,\n pushDictionaries,\n setLocaleDictionary,\n writeDictionary,\n restoreEditedContent,\n mode,\n ]);\n\n return (\n <div className=\"mb-4\">\n <Form\n className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n {...form}\n schema={ValidDictionaryChangeButtonsSchemaSchema}\n onSubmitSuccess={onSubmitSuccess}\n >\n {isEdited && (\n <Form.Button\n type=\"button\"\n label={resetButton.label.value}\n disabled={!isEdited \|\| isSubmitting}\n className=\"ml-auto\"\n Icon={RotateCcw}\n variant=\"outline\"\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n onClick={() => restoreEditedContent(dictionary.key)}\n >\n {resetButton.text}\n </Form.Button>\n )}\n {mode === 'remote' ? (\n isLocalDictionary ? (\n <Form.Button\n type=\"submit\"\n label={publishButton.label.value}\n disabled={!isEdited \|\| isSubmitting}\n Icon={ArrowUpFromLine}\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n >\n {publishButton.text}\n </Form.Button>\n ) : (\n isEdited && (\n <Form.Button\n type=\"submit\"\n label={saveButton.label.value}\n disabled={!isEdited \|\| isSubmitting}\n Icon={Save}\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n >\n {saveButton.text}\n </Form.Button>\n )\n )\n ) : (\n <Form.Button\n type=\"submit\"\n label={downloadButton.label.value}\n disabled={!isEdited \|\| isSubmitting}\n Icon={Download}\n color=\"text\"\n isFullWidth\n isLoading={isSubmitting}\n >\n {downloadButton.text}\n </Form.Button>\n )}\n </Form>\n </div>\n );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useForm","useMemo","useCallback","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;~~AAQtD~~,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAgIlC,CAAC"}
1	+ {"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAOtD,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAgIlC,CAAC"}