@intlayer/design-system 5.2.4 → 5.2.6

package/dist/.vite/manifest.json

@@ -79,14 +79,6 @@
       "src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"
     ]
   },
-  "_index-DSM_b0c2.cjs": {
-    "file": "index-DSM_b0c2.cjs",
-    "name": "index"
-  },
-  "_index-Dpe_-poI.js": {
-    "file": "index-Dpe_-poI.js",
-    "name": "index"
-  },
   "_zod-BV4nCGJE.js": {
     "file": "zod-BV4nCGJE.js",
     "name": "zod"
@@ -267,7 +259,6 @@
     "src": "src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx",
     "isEntry": true,
     "imports": [
-      "_index-DSM_b0c2.cjs",
       "src/components/Button/Button.tsx",
       "src/components/Auth/useUser/index.ts",
       "src/components/Auth/ExternalsLoginButtons/assets/GithubLogo.tsx",
@@ -659,7 +650,6 @@
       "src/components/Input/Input.tsx",
       "src/components/Input/Checkbox.tsx",
       "src/components/TextArea/AutocompleteTextArea.tsx",
-      "_index-DSM_b0c2.cjs",
       "src/components/Auth/useUser/index.ts",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
       "src/components/Form/FormField.tsx",
@@ -873,7 +863,6 @@
     "isEntry": true,
     "imports": [
       "src/hooks/intlayerAPIHooks.ts",
-      "_index-DSM_b0c2.cjs",
       "src/components/Button/Button.tsx",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
@@ -930,7 +919,6 @@
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
-      "_index-DSM_b0c2.cjs",
       "src/components/Button/Button.tsx",
       "src/components/Auth/useAuth/index.tsx",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",
@@ -1074,7 +1062,6 @@
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
       "src/utils/cn.ts",
-      "_index-DSM_b0c2.cjs",
       "src/components/Button/Button.tsx",
       "src/components/Auth/useAuth/index.tsx",
       "src/components/Auth/ExternalsLoginButtons/externalsLoginButtons.content.ts",

package/dist/components/Auth/ChangePasswordForm/useChangePasswordSchema.d.ts

@@ -4,20 +4,20 @@ export declare const useChangePasswordSchema: () => z.ZodEffects<z.ZodObject<{
     newPassword: z.ZodString;
     newPasswordConfirmation: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    newPassword: string;
     currentPassword: string;
+    newPassword: string;
     newPasswordConfirmation: string;
 }, {
-    newPassword: string;
     currentPassword: string;
+    newPassword: string;
     newPasswordConfirmation: string;
 }>, {
-    newPassword: string;
     currentPassword: string;
+    newPassword: string;
     newPasswordConfirmation: string;
 }, {
-    newPassword: string;
     currentPassword: string;
+    newPassword: string;
     newPasswordConfirmation: string;
 }>;
 export type ChangePassword = z.infer<ReturnType<typeof useChangePasswordSchema>>;

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

@@ -4,13 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
-const index = require("../../../index-DSM_b0c2.cjs");
-require("@intlayer/config/built");
 const components_Button_Button = require("../../Button/Button.cjs");
 const components_Auth_useUser_index = require("../useUser/index.cjs");
 const components_Auth_ExternalsLoginButtons_assets_GithubLogo = require("./assets/GithubLogo.cjs");
 const components_Auth_ExternalsLoginButtons_assets_GoogleLogo = require("./assets/GoogleLogo.cjs");
 const components_Auth_ExternalsLoginButtons_externalsLoginButtons_content = require("./externalsLoginButtons.content.cjs");
+const api = require("@intlayer/api");
 const GitHubLoginButton = ({
   onLogin
 }) => {
@@ -18,7 +17,7 @@ const GitHubLoginButton = ({
   const externalsLoginButtons = reactIntlayer.useDictionary(components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.externalsLoginButtonsContent);
   const loginWithGitHub = () => {
     const origin = window.location.href;
-    const authURL = index.intlayerAPI.auth.getLoginWithGitHubURL({ origin });
+    const authURL = api.getIntlayerAPI().auth.getLoginWithGitHubURL({ origin });
     window.location.href = authURL;
   };
   ReactExports.useEffect(() => {
@@ -44,7 +43,7 @@ const GoogleLoginButton = ({
   const externalsLoginButtons = reactIntlayer.useDictionary(components_Auth_ExternalsLoginButtons_externalsLoginButtons_content.externalsLoginButtonsContent);
   const loginWithGoogle = () => {
     const origin = window.location.href;
-    const authURL = index.intlayerAPI.auth.getLoginWithGoogleURL({ origin });
+    const authURL = api.getIntlayerAPI().auth.getLoginWithGoogleURL({ origin });
     window.location.href = authURL;
   };
   ReactExports.useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalsLoginButtons.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { useUser } from '../useUser';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC<ExternalsLoginButtonsProps> = ({\n  onLogin,\n}) => {\n  const { user } = useUser();\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  useEffect(() => {\n    if (user?.email) {\n      onLogin?.();\n    }\n  }, [user]);\n  return (\n    <Button\n      label={externalsLoginButtons.github.label.value}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC<ExternalsLoginButtonsProps> = ({\n  onLogin,\n}) => {\n  const { user } = useUser();\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  useEffect(() => {\n    if (user?.email) {\n      onLogin?.();\n    }\n  }, [user]);\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label.value}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\ntype ExternalsLoginButtonsProps = {\n  onLogin?: () => void;\n};\n\nexport const ExternalsLoginButtons: FC<ExternalsLoginButtonsProps> = (\n  props\n) => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral h-px w-full\" />\n        <div className=\"text-neutral\">{externalsLoginButtons.span}</div>\n        <div className=\"bg-neutral h-px w-full\" />\n      </div>\n      <GoogleLoginButton {...props} />\n      <GitHubLoginButton {...props} />\n    </div>\n  );\n};\n"],"names":["useUser","useDictionary","externalsLoginButtonsContent","intlayerAPI","useEffect","jsx","Button","GithubLogo","GoogleLogo","jsxs"],"mappings":";;;;;;;;;;;;;AAWO,MAAM,oBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,KAAK,IAAIA,sCAAQ;AACnB,QAAA,wBAAwBC,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,MAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAEAC,eAAAA,UAAU,MAAM;AACd,QAAI,MAAM,OAAO;AACL,gBAAA;AAAA,IAAA;AAAA,EACZ,GACC,CAAC,IAAI,CAAC;AAEP,SAAAC,2BAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAMC,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,KAAK,IAAIP,sCAAQ;AACnB,QAAA,wBAAwBC,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,MAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAEAC,eAAAA,UAAU,MAAM;AACd,QAAI,MAAM,OAAO;AACL,gBAAA;AAAA,IAAA;AAAA,EACZ,GACC,CAAC,IAAI,CAAC;AAGP,SAAAC,2BAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAME,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAMa,MAAA,wBAAwD,CACnE,UACG;AACG,QAAA,wBAAwBP,4BAAcC,gGAA4B;AAGtE,SAAAO,2BAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,2BAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACJ,2BAAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,CAAA;AAAA,MACvCA,2BAAA,IAAA,OAAA,EAAI,WAAU,gBAAgB,gCAAsB,MAAK;AAAA,MAC1DA,2BAAAA,IAAC,OAAI,EAAA,WAAU,yBAAyB,CAAA;AAAA,IAAA,GAC1C;AAAA,IACAA,2BAAAA,IAAC,mBAAmB,EAAA,GAAG,OAAO;AAAA,IAC9BA,+BAAC,mBAAmB,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA,GAChC;AAEJ;;;;"}
+{"version":3,"file":"ExternalsLoginButtons.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../../Button';\nimport { useUser } from '../useUser';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\nimport { getIntlayerAPI } from '@intlayer/api';\n\nexport const GitHubLoginButton: FC<ExternalsLoginButtonsProps> = ({\n  onLogin,\n}) => {\n  const { user } = useUser();\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = getIntlayerAPI().auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  useEffect(() => {\n    if (user?.email) {\n      onLogin?.();\n    }\n  }, [user]);\n  return (\n    <Button\n      label={externalsLoginButtons.github.label.value}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC<ExternalsLoginButtonsProps> = ({\n  onLogin,\n}) => {\n  const { user } = useUser();\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = getIntlayerAPI().auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  useEffect(() => {\n    if (user?.email) {\n      onLogin?.();\n    }\n  }, [user]);\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label.value}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\ntype ExternalsLoginButtonsProps = {\n  onLogin?: () => void;\n};\n\nexport const ExternalsLoginButtons: FC<ExternalsLoginButtonsProps> = (\n  props\n) => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral h-px w-full\" />\n        <div className=\"text-neutral\">{externalsLoginButtons.span}</div>\n        <div className=\"bg-neutral h-px w-full\" />\n      </div>\n      <GoogleLoginButton {...props} />\n      <GitHubLoginButton {...props} />\n    </div>\n  );\n};\n"],"names":["useUser","useDictionary","externalsLoginButtonsContent","getIntlayerAPI","useEffect","jsx","Button","GithubLogo","GoogleLogo","jsxs"],"mappings":";;;;;;;;;;;;AAWO,MAAM,oBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,KAAK,IAAIA,sCAAQ;AACnB,QAAA,wBAAwBC,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,IAAAA,eAAe,EAAE,KAAK,sBAAsB,EAAE,QAAQ;AAEtE,WAAO,SAAS,OAAO;AAAA,EACzB;AAEAC,eAAAA,UAAU,MAAM;AACd,QAAI,MAAM,OAAO;AACL,gBAAA;AAAA,IAAA;AAAA,EACZ,GACC,CAAC,IAAI,CAAC;AAEP,SAAAC,2BAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAMC,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACE,QAAA,EAAE,KAAK,IAAIP,sCAAQ;AACnB,QAAA,wBAAwBC,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,IAAAA,eAAe,EAAE,KAAK,sBAAsB,EAAE,QAAQ;AAEtE,WAAO,SAAS,OAAO;AAAA,EACzB;AAEAC,eAAAA,UAAU,MAAM;AACd,QAAI,MAAM,OAAO;AACL,gBAAA;AAAA,IAAA;AAAA,EACZ,GACC,CAAC,IAAI,CAAC;AAGP,SAAAC,2BAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO,MAAM;AAAA,MAC1C,MAAME,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAMa,MAAA,wBAAwD,CACnE,UACG;AACG,QAAA,wBAAwBP,4BAAcC,gGAA4B;AAGtE,SAAAO,2BAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,2BAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACJ,2BAAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,CAAA;AAAA,MACvCA,2BAAA,IAAA,OAAA,EAAI,WAAU,gBAAgB,gCAAsB,MAAK;AAAA,MAC1DA,2BAAAA,IAAC,OAAI,EAAA,WAAU,yBAAyB,CAAA;AAAA,IAAA,GAC1C;AAAA,IACAA,2BAAAA,IAAC,mBAAmB,EAAA,GAAG,OAAO;AAAA,IAC9BA,+BAAC,mBAAmB,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA,GAChC;AAEJ;;;;"}

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

@@ -2,13 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useDictionary } from "react-intlayer";
-import { i as intlayerAPI } from "../../../index-Dpe_-poI.js";
-import "@intlayer/config/built";
 import { Button } from "../../Button/Button.mjs";
 import { useUser } from "../useUser/index.mjs";
 import { GithubLogo } from "./assets/GithubLogo.mjs";
 import { GoogleLogo } from "./assets/GoogleLogo.mjs";
 import { externalsLoginButtonsContent } from "./externalsLoginButtons.content.mjs";
+import { getIntlayerAPI } from "@intlayer/api";
 const GitHubLoginButton = ({
   onLogin
 }) => {
@@ -16,7 +15,7 @@ const GitHubLoginButton = ({
   const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   const loginWithGitHub = () => {
     const origin = window.location.href;
-    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });
+    const authURL = getIntlayerAPI().auth.getLoginWithGitHubURL({ origin });
     window.location.href = authURL;
   };
   useEffect(() => {
@@ -42,7 +41,7 @@ const GoogleLoginButton = ({
   const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);
   const loginWithGoogle = () => {
     const origin = window.location.href;
-    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });
+    const authURL = getIntlayerAPI().auth.getLoginWithGoogleURL({ origin });
     window.location.href = authURL;
   };
   useEffect(() => {

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

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

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

@@ -33,7 +33,7 @@ const VerifyEmailForm = ({
     if (!targetedUserId) return;
     if (isEmailVerified) return;
     const eventSource = new EventSource(
-      api.intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId)
+      api.getIntlayerAPI().auth.getVerifyEmailStatusURL(targetedUserId)
     );
     eventSource.onmessage = async (event) => {
       const data = JSON.parse(event.data);

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { intlayerAPI } from "@intlayer/api";
+import { getIntlayerAPI } from "@intlayer/api";
 import { Check } from "lucide-react";
 import { useState, useMemo, useEffect } from "react";
 import { useDictionary } from "react-intlayer";
@@ -31,7 +31,7 @@ const VerifyEmailForm = ({
     if (!targetedUserId) return;
     if (isEmailVerified) return;
     const eventSource = new EventSource(
-      intlayerAPI.auth.getVerifyEmailStatusURL(targetedUserId)
+      getIntlayerAPI().auth.getVerifyEmailStatusURL(targetedUserId)
     );
     eventSource.onmessage = async (event) => {
       const data = JSON.parse(event.data);

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

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

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

@@ -2,12 +2,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
-const configuration = require("@intlayer/config/built");
+const defaultConfiguration = require("@intlayer/config/built");
 const editorReact = require("@intlayer/editor-react");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 const useCSRF = (intlayerConfiguration) => {
   const contextConfiguration = editorReact.useConfiguration();
-  const config = intlayerConfiguration ?? contextConfiguration ?? configuration;
+  const config = intlayerConfiguration ?? contextConfiguration ?? defaultConfiguration;
   const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const { data, isFetched: csrfTokenFetched } = hooks_useAsync_useAsync.useAsync(
     "getCSRFToken",

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

@@ -1 +1 @@
-{"version":3,"file":"useCSRF.cjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const contextConfiguration = useConfiguration();\n  const config =\n    intlayerConfiguration ?? contextConfiguration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":["useConfiguration","defaultConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;;AASa,MAAA,UAAU,CAAC,0BAA2C;AACjE,QAAM,uBAAuBA,YAAAA,iBAAiB;AACxC,QAAA,SACJ,yBAAyB,wBAAwBC;AAC7C,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAAC,wBAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useCSRF.cjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const contextConfiguration = useConfiguration();\n  const config =\n    intlayerConfiguration ?? contextConfiguration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":["useConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;;AASa,MAAA,UAAU,CAAC,0BAA2C;AACjE,QAAM,uBAAuBA,YAAAA,iBAAiB;AACxC,QAAA,SACJ,yBAAyB,wBAAwB;AAC7C,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAAC,wBAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useCSRF.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { getIntlayerAPI } from "@intlayer/api";
-import configuration from "@intlayer/config/built";
+import defaultConfiguration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 const useCSRF = (intlayerConfiguration) => {
   const contextConfiguration = useConfiguration();
-  const config = intlayerConfiguration ?? contextConfiguration ?? configuration;
+  const config = intlayerConfiguration ?? contextConfiguration ?? defaultConfiguration;
   const intlayerAPI = getIntlayerAPI(void 0, config);
   const { data, isFetched: csrfTokenFetched } = useAsync(
     "getCSRFToken",

package/dist/components/Auth/useAuth/useCSRF.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCSRF.mjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const contextConfiguration = useConfiguration();\n  const config =\n    intlayerConfiguration ?? contextConfiguration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":["defaultConfiguration"],"mappings":";;;;;AASa,MAAA,UAAU,CAAC,0BAA2C;AACjE,QAAM,uBAAuB,iBAAiB;AACxC,QAAA,SACJ,yBAAyB,wBAAwBA;AAC7C,QAAA,cAAc,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useCSRF.mjs","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const contextConfiguration = useConfiguration();\n  const config =\n    intlayerConfiguration ?? contextConfiguration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data, isFetched: csrfTokenFetched } = useAsync(\n    'getCSRFToken',\n    intlayerAPI.auth.getCSRFToken,\n    {\n      cache: true,\n      autoFetch: true,\n    }\n  );\n\n  const csrfToken = data?.data?.csrf_token;\n\n  return {\n    csrfToken,\n    csrfTokenFetched,\n  };\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,UAAU,CAAC,0BAA2C;AACjE,QAAM,uBAAuB,iBAAiB;AACxC,QAAA,SACJ,yBAAyB,wBAAwB;AAC7C,QAAA,cAAc,eAAe,QAAW,MAAM;AAEpD,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAA;AAAA,IAC5C;AAAA,IACA,YAAY,KAAK;AAAA,IACjB;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EAEf;AAEM,QAAA,YAAY,MAAM,MAAM;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;"}

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

@@ -2,12 +2,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
-const configuration = require("@intlayer/config/built");
+const defaultConfiguration = require("@intlayer/config/built");
 const editorReact = require("@intlayer/editor-react");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 const useOAuth2 = (intlayerConfiguration) => {
-  const configuration$1 = editorReact.useConfiguration();
-  const config = intlayerConfiguration ?? configuration$1 ?? configuration;
+  const configuration = editorReact.useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;
   const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const { data } = hooks_useAsync_useAsync.useAsync(
     "getOAuth2AccessToken",

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

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.cjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () => intlayerAPI.auth.getOAuth2AccessToken(),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(config.editor.clientId && config.editor.clientSecret),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["configuration","useConfiguration","defaultConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;;AASa,MAAA,YAAY,CAAC,0BAA2C;AACnE,QAAMA,kBAAgBC,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyBD,mBAAiBE;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAASC,wBAAA;AAAA,IACf;AAAA,IACA,MAAM,YAAY,KAAK,qBAAqB;AAAA,IAC5C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EAAE,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,IAAA;AAAA,EAEvD;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useOAuth2.cjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () => intlayerAPI.auth.getOAuth2AccessToken(),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(config.editor.clientId && config.editor.clientSecret),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["useConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;;AASa,MAAA,YAAY,CAAC,0BAA2C;AACnE,QAAM,gBAAgBA,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAASC,wBAAA;AAAA,IACf;AAAA,IACA,MAAM,YAAY,KAAK,qBAAqB;AAAA,IAC5C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EAAE,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,IAAA;AAAA,EAEvD;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useOAuth2.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { getIntlayerAPI } from "@intlayer/api";
-import configuration from "@intlayer/config/built";
+import defaultConfiguration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 const useOAuth2 = (intlayerConfiguration) => {
-  const configuration$1 = useConfiguration();
-  const config = intlayerConfiguration ?? configuration$1 ?? configuration;
+  const configuration = useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;
   const intlayerAPI = getIntlayerAPI(void 0, config);
   const { data } = useAsync(
     "getOAuth2AccessToken",

package/dist/components/Auth/useAuth/useOAuth2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.mjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () => intlayerAPI.auth.getOAuth2AccessToken(),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(config.editor.clientId && config.editor.clientSecret),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["configuration","defaultConfiguration"],"mappings":";;;;;AASa,MAAA,YAAY,CAAC,0BAA2C;AACnE,QAAMA,kBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyBA,mBAAiBC;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAAS;AAAA,IACf;AAAA,IACA,MAAM,YAAY,KAAK,qBAAqB;AAAA,IAC5C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EAAE,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,IAAA;AAAA,EAEvD;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;"}
+{"version":3,"file":"useOAuth2.mjs","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (intlayerConfiguration?: IntlayerConfig) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () => intlayerAPI.auth.getOAuth2AccessToken(),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(config.editor.clientId && config.editor.clientSecret),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,YAAY,CAAC,0BAA2C;AACnE,QAAM,gBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAAS;AAAA,IACf;AAAA,IACA,MAAM,YAAY,KAAK,qBAAqB;AAAA,IAC5C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EAAE,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,IAAA;AAAA,EAEvD;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;"}

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

@@ -2,14 +2,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const api = require("@intlayer/api");
-const configuration = require("@intlayer/config/built");
+const defaultConfiguration = require("@intlayer/config/built");
 const editorReact = require("@intlayer/editor-react");
 const ReactExports = require("react");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const useSession = (sessionProp, intlayerConfiguration) => {
-  const configuration$1 = editorReact.useConfiguration();
-  const config = intlayerConfiguration ?? configuration$1 ?? configuration;
+  const configuration = editorReact.useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;
   const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const {
     getSession,

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

@@ -1 +1 @@
-{"version":3,"file":"useSession.cjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":["configuration","useConfiguration","defaultConfiguration","getIntlayerAPI","useAsync","useMemo"],"mappings":";;;;;;;;;AAWa,MAAA,aAAa,CACxB,aACA,0BACG;AACH,QAAMA,kBAAgBC,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyBD,mBAAiBE;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACEC,wBAAA;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAUC,aAAA;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useSession.cjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":["useConfiguration","getIntlayerAPI","useAsync","useMemo"],"mappings":";;;;;;;;;AAWa,MAAA,aAAa,CACxB,aACA,0BACG;AACH,QAAM,gBAAgBA,YAAAA,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACEC,wBAAA;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAUC,aAAA;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useSession.mjs

@@ -1,13 +1,13 @@
 "use client";
 import { getIntlayerAPI } from "@intlayer/api";
-import configuration from "@intlayer/config/built";
+import defaultConfiguration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
 import { useMemo } from "react";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 const useSession = (sessionProp, intlayerConfiguration) => {
-  const configuration$1 = useConfiguration();
-  const config = intlayerConfiguration ?? configuration$1 ?? configuration;
+  const configuration = useConfiguration();
+  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;
   const intlayerAPI = getIntlayerAPI(void 0, config);
   const {
     getSession,

package/dist/components/Auth/useAuth/useSession.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.mjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":["configuration","defaultConfiguration"],"mappings":";;;;;;;AAWa,MAAA,aAAa,CACxB,aACA,0BACG;AACH,QAAMA,kBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyBA,mBAAiBC;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAU;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;"}
+{"version":3,"file":"useSession.mjs","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayerAPI } from '@intlayer/api';\nimport type { IntlayerConfig } from '@intlayer/config/client';\nimport defaultConfiguration from '@intlayer/config/built';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (\n  sessionProp?: Session | null,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const configuration = useConfiguration();\n  const config = intlayerConfiguration ?? configuration ?? defaultConfiguration;\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useAsync(\n    'getSession',\n    async () => {\n      try {\n        const result = await intlayerAPI.auth.getSession();\n\n        if (result.data) {\n          const { user, organization, project } = result.data;\n\n          const formattedSession: Session = {\n            user,\n            organization,\n            isOrganizationAdmin:\n              (user && (organization?.adminsIds ?? []).includes(user._id!)) ??\n              false,\n            project,\n            isProjectAdmin:\n              (user && (project?.adminsIds ?? []).includes(user._id!)) ?? false,\n          };\n\n          return formattedSession;\n        }\n      } catch (_error) {\n        console.error(_error);\n        // Failed to fetch session\n      }\n\n      return null;\n    },\n    {\n      cache: true,\n      store: true,\n      autoFetch: true,\n      enable: !sessionProp,\n      invalidateQueries: [\n        'getOrganizations',\n        'getProjects',\n        'getUsers',\n        'getDictionaries',\n      ],\n    }\n  );\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession: getSession,\n    revalidateSession: revalidate,\n    setSession,\n  };\n};\n"],"names":[],"mappings":";;;;;;;AAWa,MAAA,aAAa,CACxB,aACA,0BACG;AACH,QAAM,gBAAgB,iBAAiB;AACjC,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACE;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,YAAY,KAAK,WAAW;AAEjD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,YAAY,OAAO;AAE/C,gBAAM,mBAA4B;AAAA,YAChC;AAAA,YACA;AAAA,YACA,sBACG,SAAS,cAAc,aAAa,CAAI,GAAA,SAAS,KAAK,GAAI,MAC3D;AAAA,YACF;AAAA,YACA,iBACG,SAAS,SAAS,aAAa,CAAA,GAAI,SAAS,KAAK,GAAI,MAAM;AAAA,UAChE;AAEO,iBAAA;AAAA,QAAA;AAAA,eAEF,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAAA;AAIf,aAAA;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC;AAAA,MACT,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,UAAU;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAClB;AAEO,SAAA;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;"}

package/dist/components/ContentEditor/ContentEditorTextArea.cjs

@@ -11,10 +11,9 @@ require("../Input/Input.cjs");
 require("../Input/Checkbox.cjs");
 const components_TextArea_AutocompleteTextArea = require("../TextArea/AutocompleteTextArea.cjs");
 require("react-intlayer");
-require("../../index-DSM_b0c2.cjs");
-require("@intlayer/config/built");
 const components_Auth_useUser_index = require("../Auth/useUser/index.cjs");
 require("../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
+require("@intlayer/api");
 require("@hookform/resolvers");
 require("react-hook-form");
 require("../Form/FormField.cjs");
@@ -31,7 +30,7 @@ require("../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
-require("@intlayer/api");
+require("@intlayer/config/built");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 require("../Modal/Modal.cjs");

package/dist/components/ContentEditor/ContentEditorTextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorTextArea.cjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type AutoSizedTextAreaProps, AutoCompleteTextarea } from '../TextArea';\nimport { useUser } from '../Auth';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const { isAuthenticated } = useUser();\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoCompleteTextarea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        isActive={isAuthenticated}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\n              <Button\n                Icon={Check}\n                label=\"Validate\"\n                variant=\"hoverable\"\n                color=\"text\"\n                size=\"icon-sm\"\n                className=\"cursor-pointer hover:scale-110\"\n                disabled={disabled || !isValid}\n                onClick={handleValid}\n              />\n              <Button\n                Icon={X}\n                label=\"Cancel\"\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"cursor-pointer hover:scale-110\"\n                onClick={handleCancel}\n              />\n            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useUser","useState","useEffect","jsxs","jsx","AutoCompleteTextarea","Fragment","Button","Check","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,gBAAgB,IAAIA,sCAAQ;AACpC,QAAM,CAAC,UAAU,WAAW,IAAIC,aAAAA,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,aAAAA,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzCC,eAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA;AAAA,UAACC,yCAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YACT,GAAG;AAAA,UAAA;AAAA,UALC;AAAA,QAMP;AAAA,SACE,YAAY,sBACXF,2BAAA,KAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEGA,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,YAAAF,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAMC,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACAJ,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAME,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArCG;AAAA,EAuCP;AAEJ;;"}
+{"version":3,"file":"ContentEditorTextArea.cjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type AutoSizedTextAreaProps, AutoCompleteTextarea } from '../TextArea';\nimport { useUser } from '../Auth';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const { isAuthenticated } = useUser();\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoCompleteTextarea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        isActive={isAuthenticated}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\n              <Button\n                Icon={Check}\n                label=\"Validate\"\n                variant=\"hoverable\"\n                color=\"text\"\n                size=\"icon-sm\"\n                className=\"cursor-pointer hover:scale-110\"\n                disabled={disabled || !isValid}\n                onClick={handleValid}\n              />\n              <Button\n                Icon={X}\n                label=\"Cancel\"\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"cursor-pointer hover:scale-110\"\n                onClick={handleCancel}\n              />\n            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useUser","useState","useEffect","jsxs","jsx","AutoCompleteTextarea","Fragment","Button","Check","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,gBAAgB,IAAIA,sCAAQ;AACpC,QAAM,CAAC,UAAU,WAAW,IAAIC,aAAAA,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,aAAAA,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzCC,eAAAA,UAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAAC,2BAAA;AAAA,UAACC,yCAAA;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YACT,GAAG;AAAA,UAAA;AAAA,UALC;AAAA,QAMP;AAAA,SACE,YAAY,sBACXF,2BAAA,KAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEGA,2BAAA,KAAAG,qBAAA,EAAA,UAAA;AAAA,YAAAF,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAMC,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACAJ,2BAAA;AAAA,cAACG,yBAAA;AAAA,cAAA;AAAA,gBACC,MAAME,YAAA;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArCG;AAAA,EAuCP;AAEJ;;"}

package/dist/components/ContentEditor/ContentEditorTextArea.mjs

@@ -9,10 +9,9 @@ import "../Input/Input.mjs";
 import "../Input/Checkbox.mjs";
 import { AutoCompleteTextarea } from "../TextArea/AutocompleteTextArea.mjs";
 import "react-intlayer";
-import "../../index-Dpe_-poI.js";
-import "@intlayer/config/built";
 import { useUser } from "../Auth/useUser/index.mjs";
 import "../Auth/ExternalsLoginButtons/externalsLoginButtons.content.mjs";
+import "@intlayer/api";
 import "@hookform/resolvers";
 import "react-hook-form";
 import "../Form/FormField.mjs";
@@ -29,7 +28,7 @@ import "../Auth/ResetPasswordForm/useResetPasswordSchema.content.mjs";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
-import "@intlayer/api";
+import "@intlayer/config/built";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
 import "../Modal/Modal.mjs";

package/dist/components/ContentEditor/ContentEditorTextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type AutoSizedTextAreaProps, AutoCompleteTextarea } from '../TextArea';\nimport { useUser } from '../Auth';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const { isAuthenticated } = useUser();\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoCompleteTextarea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        isActive={isAuthenticated}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\n              <Button\n                Icon={Check}\n                label=\"Validate\"\n                variant=\"hoverable\"\n                color=\"text\"\n                size=\"icon-sm\"\n                className=\"cursor-pointer hover:scale-110\"\n                disabled={disabled || !isValid}\n                onClick={handleValid}\n              />\n              <Button\n                Icon={X}\n                label=\"Cancel\"\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"cursor-pointer hover:scale-110\"\n                onClick={handleCancel}\n              />\n            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,gBAAgB,IAAI,QAAQ;AACpC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YACT,GAAG;AAAA,UAAA;AAAA,UALC;AAAA,QAMP;AAAA,SACE,YAAY,sBACX,qBAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArCG;AAAA,EAuCP;AAEJ;"}
+{"version":3,"file":"ContentEditorTextArea.mjs","sources":["../../../src/components/ContentEditor/ContentEditorTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Check, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  useState,\n  type FC,\n  type ChangeEventHandler,\n  useEffect,\n} from 'react';\nimport { Button } from '../Button';\nimport { type AutoSizedTextAreaProps, AutoCompleteTextarea } from '../TextArea';\nimport { useUser } from '../Auth';\n\nexport type ContentEditorTextAreaProps = {\n  children: string;\n  onContentChange: (content: string) => void;\n  disabled?: boolean;\n  validate?: (content: string) => boolean;\n  additionalButtons?: ReactNode;\n} & Omit<AutoSizedTextAreaProps, 'children'>;\n\nexport const ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  children,\n  onContentChange,\n  disabled,\n  validate,\n  additionalButtons,\n  ...props\n}) => {\n  const { isAuthenticated } = useUser();\n  const [newValue, setNewValue] = useState<string>(children);\n  const [resetIncrementor, setResetIncrementor] = useState<number>(0); // To reset the div on cancel\n  const isEdited: boolean = newValue !== children;\n\n  const handleCancel = () => {\n    setNewValue(children);\n    setResetIncrementor((prev) => prev + 1);\n  };\n  const handleValid = () => {\n    onContentChange(newValue);\n  };\n\n  const handleOnContentChange: ChangeEventHandler<HTMLTextAreaElement> = (e) =>\n    setNewValue(e.currentTarget.value ?? '');\n\n  useEffect(() => {\n    setNewValue(children);\n  }, [children]);\n\n  const isValid = validate?.(newValue) ?? true;\n\n  return (\n    <div\n      className=\"flex size-full flex-col items-center justify-between gap-2\"\n      key={children}\n    >\n      <AutoCompleteTextarea\n        onChange={handleOnContentChange}\n        key={resetIncrementor}\n        variant=\"invisible\"\n        className=\"size-full\"\n        defaultValue={children}\n        isActive={isAuthenticated}\n        {...props}\n      />\n      {(isEdited || additionalButtons) && (\n        <div className=\"flex w-full items-center justify-end gap-2\">\n          {isEdited && (\n            <>\n              <Button\n                Icon={Check}\n                label=\"Validate\"\n                variant=\"hoverable\"\n                color=\"text\"\n                size=\"icon-sm\"\n                className=\"cursor-pointer hover:scale-110\"\n                disabled={disabled || !isValid}\n                onClick={handleValid}\n              />\n              <Button\n                Icon={X}\n                label=\"Cancel\"\n                variant=\"hoverable\"\n                size=\"icon-sm\"\n                color=\"text\"\n                className=\"cursor-pointer hover:scale-110\"\n                onClick={handleCancel}\n              />\n            </>\n          )}\n          {additionalButtons}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,gBAAgB,IAAI,QAAQ;AACpC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,QAAQ;AACzD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,CAAC;AAClE,QAAM,WAAoB,aAAa;AAEvC,QAAM,eAAe,MAAM;AACzB,gBAAY,QAAQ;AACA,wBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,cAAc,MAAM;AACxB,oBAAgB,QAAQ;AAAA,EAC1B;AAEA,QAAM,wBAAiE,CAAC,MACtE,YAAY,EAAE,cAAc,SAAS,EAAE;AAEzC,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EAAA,GACnB,CAAC,QAAQ,CAAC;AAEP,QAAA,UAAU,WAAW,QAAQ,KAAK;AAGtC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAGV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEV,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YACT,GAAG;AAAA,UAAA;AAAA,UALC;AAAA,QAMP;AAAA,SACE,YAAY,sBACX,qBAAA,OAAA,EAAI,WAAU,8CACZ,UAAA;AAAA,UAAA,YAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,UAAU,YAAY,CAAC;AAAA,gBACvB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAED;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArCG;AAAA,EAuCP;AAEJ;"}

package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs

@@ -5,8 +5,6 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactIntlayer = require("react-intlayer");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("react");
-require("../../../index-DSM_b0c2.cjs");
-require("@intlayer/config/built");
 require("../../Button/Button.cjs");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
@@ -14,6 +12,7 @@ require("@intlayer/editor-react");
 require("deepmerge");
 const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
 require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
+require("@intlayer/api");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
 const components_Form_layout_FormItemLayout = require("../../../Form-BpxW17v4.cjs");
@@ -29,7 +28,7 @@ require("../../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
 require("../../Modal/Modal.cjs");
 require("clsx");
 require("tailwind-merge");
-require("@intlayer/api");
+require("@intlayer/config/built");
 require("lucide-react");
 require("../../Auth/VerifyEmailForm/index.content.cjs");
 require("../../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.cjs");