@intlayer/design-system 4.0.2 → 4.0.4

package/dist/components/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { useEffect, useState, type FC, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\ntype AccordionProps = {\n  header: ReactNode;\n  children: ReactNode;\n  isOpen?: boolean;\n} & ButtonProps;\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Whether the content is expanded or collapsed by default.\n *\n * @example\n * <Accordion header=\"Accordion Header\" isOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen: isOpenDefault = false,\n  onClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(isOpenDefault);\n  const isHidden = isOpen == undefined ? undefined : !isOpen;\n\n  useEffect(() => {\n    if (isOpenDefault != undefined) {\n      setIsOpen(isOpenDefault);\n    }\n  }, [isOpenDefault]);\n\n  return (\n    <div>\n      <Button\n        variant=\"hoverable\"\n        color=\"text\"\n        onClick={(e) => {\n          setIsOpen((prevIsOpen) => !prevIsOpen);\n          onClick?.(e);\n        }}\n        isFullWidth\n        className=\"flex items-center justify-between gap-2 bg-red-300\"\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isOpen ? 'rotate-0' : '-rotate-180'\n        )}\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        tabIndex={isHidden !== false ? undefined : -1}\n        isHidden={isHidden}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;AA4BO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAClD,QAAM,WAAW,UAAU,SAAY,SAAY,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,iBAAiB,QAAW;AAC9B,gBAAU,aAAa;AAAA,IAAA;AAAA,EACzB,GACC,CAAC,aAAa,CAAC;AAElB,gDACG,OACC,EAAA,UAAA;AAAA,IAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,SAAS,CAAC,MAAM;AACJ,oBAAA,CAAC,eAAe,CAAC,UAAU;AACrC,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACX,WAAU;AAAA,QACV,WAAW;AAAA,QACX,eAAe;AAAA,UACb;AAAA,UACA,SAAS,aAAa;AAAA,QACxB;AAAA,QACC,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"Accordion.mjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { useEffect, useState, type FC, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\ntype AccordionProps = {\n  header: ReactNode;\n  children: ReactNode;\n  isOpen?: boolean;\n} & ButtonProps;\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Whether the content is expanded or collapsed by default.\n *\n * @example\n * <Accordion header=\"Accordion Header\" isOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen: isOpenDefault = false,\n  onClick,\n  ...props\n}) => {\n  const [isOpen, setIsOpen] = useState(isOpenDefault);\n  const isHidden = isOpen == undefined ? undefined : !isOpen;\n\n  useEffect(() => {\n    if (isOpenDefault != undefined) {\n      setIsOpen(isOpenDefault);\n    }\n  }, [isOpenDefault]);\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant=\"hoverable\"\n        color=\"text\"\n        onClick={(e) => {\n          setIsOpen((prevIsOpen) => !prevIsOpen);\n          onClick?.(e);\n        }}\n        isFullWidth\n        className=\"flex items-center justify-between gap-2 bg-red-300\"\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isOpen ? 'rotate-0' : '-rotate-180'\n        )}\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        tabIndex={isHidden !== false ? undefined : -1}\n        isHidden={isHidden}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AA4BO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,QAAQ,gBAAgB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,aAAa;AAClD,QAAM,WAAW,UAAU,SAAY,SAAY,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,iBAAiB,QAAW;AAC9B,gBAAU,aAAa;AAAA,IAAA;AAAA,EACzB,GACC,CAAC,aAAa,CAAC;AAGhB,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,UACb,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,SAAS,CAAC,MAAM;AACJ,oBAAA,CAAC,eAAe,CAAC,UAAU;AACrC,oBAAU,CAAC;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACX,WAAU;AAAA,QACV,WAAW;AAAA,QACX,eAAe;AAAA,UACb;AAAA,UACA,SAAS,aAAa;AAAA,QACxB;AAAA,QACC,GAAG;AAAA,QAEH,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/components/Auth/AuthModal/index.cjs

@@ -6,7 +6,7 @@ const require$$0 = require("react");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
-require("@intlayer/dictionaries-entry");
+require("@intlayer/editor-react");
 require("deepmerge");
 const components_Modal_Modal = require("../../Modal/Modal.cjs");
 const components_Auth_ChangePasswordForm_ChangePasswordForm = require("../ChangePasswordForm/ChangePasswordForm.cjs");

package/dist/components/Auth/AuthModal/index.mjs

@@ -4,7 +4,7 @@ import { useState } from "react";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useLogin, useRegister, useAskResetPassword, useChangePassword } from "../../../hooks/intlayerAPIHooks.mjs";
-import "@intlayer/dictionaries-entry";
+import "@intlayer/editor-react";
 import "deepmerge";
 import { Modal } from "../../Modal/Modal.mjs";
 import { ChangePasswordForm } from "../ChangePasswordForm/ChangePasswordForm.mjs";

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

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
 const reactIntlayer = require("react-intlayer");
-const index = require("../../../index-DFc7og1d.cjs");
+const index = require("../../../index-f8_VC6c8.cjs");
+require("@intlayer/config/client");
 const components_Button_Button = require("../../Button/Button.cjs");
 const components_Auth_ExternalsLoginButtons_assets_GithubLogo = require("./assets/GithubLogo.cjs");
 const components_Auth_ExternalsLoginButtons_assets_GoogleLogo = require("./assets/GoogleLogo.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalsLoginButtons.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      label={externalsLoginButtons.github.label}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtons.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":["useDictionary","externalsLoginButtonsContent","intlayerAPI","jsx","Button","GithubLogo","GoogleLogo","jsxs"],"mappings":";;;;;;;;;;AAWO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwBA,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,MAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAMC,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwBL,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,MAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAME,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwBN,4BAAcC,gGAA4B;AAGtE,SAAAM,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACJ,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5DA,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACAA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,qDACC,mBAAkB,EAAA;AAAA,qDAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;;;;"}
+{"version":3,"file":"ExternalsLoginButtons.cjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      label={externalsLoginButtons.github.label}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtons.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":["useDictionary","externalsLoginButtonsContent","intlayerAPI","jsx","Button","GithubLogo","GoogleLogo","jsxs"],"mappings":";;;;;;;;;;;AAWO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwBA,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,MAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAMC,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwBL,4BAAcC,gGAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAUC,MAAAA,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAME,wDAAA;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwBN,4BAAcC,gGAA4B;AAGtE,SAAAM,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACJ,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5DA,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACAA,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,qDACC,mBAAkB,EAAA;AAAA,qDAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;;;;"}

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

@@ -1,7 +1,8 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
 import { useDictionary } from "react-intlayer";
-import { i as intlayerAPI } from "../../../index-DcWYZrJW.js";
+import { i as intlayerAPI } from "../../../index-B-VAyQ9R.js";
+import "@intlayer/config/client";
 import { Button } from "../../Button/Button.mjs";
 import { GithubLogo } from "./assets/GithubLogo.mjs";
 import { GoogleLogo } from "./assets/GoogleLogo.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalsLoginButtons.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      label={externalsLoginButtons.github.label}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtons.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;AAWO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwB,cAAc,4BAA4B;AAGtE,SAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACD,kCAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5DA,kCAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,0CACC,mBAAkB,EAAA;AAAA,0CAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}
+{"version":3,"file":"ExternalsLoginButtons.mjs","sources":["../../../../src/components/Auth/ExternalsLoginButtons/ExternalsLoginButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { Button } from '../../Button';\nimport { GithubLogo } from './assets/GithubLogo';\nimport { GoogleLogo } from './assets/GoogleLogo';\nimport { externalsLoginButtonsContent } from './externalsLoginButtons.content';\n\nexport const GitHubLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGitHub = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGitHubURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      label={externalsLoginButtons.github.label}\n      Icon={GithubLogo}\n      onClick={loginWithGitHub}\n      color=\"text\"\n    >\n      {externalsLoginButtons.github.label}\n    </Button>\n  );\n};\n\nexport const GoogleLoginButton: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n  const loginWithGoogle = () => {\n    const origin = window.location.href;\n\n    const authURL = intlayerAPI.auth.getLoginWithGoogleURL({ origin });\n\n    window.location.href = authURL;\n  };\n\n  return (\n    <Button\n      className=\"bg-red-400 hover:bg-red-500 dark:hover:bg-red-300\"\n      label={externalsLoginButtons.google.label}\n      Icon={GoogleLogo}\n      onClick={loginWithGoogle}\n      color=\"custom\"\n    >\n      {externalsLoginButtons.google.label}\n    </Button>\n  );\n};\n\nexport const ExternalsLoginButtons: FC = () => {\n  const externalsLoginButtons = useDictionary(externalsLoginButtonsContent);\n\n  return (\n    <div className=\"relative flex flex-col justify-center gap-y-3\">\n      <div className=\"mb-3 flex w-full items-center gap-3 text-center text-base\">\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n        <div className=\"text-neutral dark:text-neutral-dark\">\n          {externalsLoginButtons.span}\n        </div>\n        <div className=\"bg-neutral dark:bg-neutral-dark h-px w-full\" />\n      </div>\n      <GoogleLoginButton />\n      <GitHubLoginButton />\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;AAWO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,oBAAwB,MAAM;AACnC,QAAA,wBAAwB,cAAc,4BAA4B;AACxE,QAAM,kBAAkB,MAAM;AACtB,UAAA,SAAS,OAAO,SAAS;AAE/B,UAAM,UAAU,YAAY,KAAK,sBAAsB,EAAE,QAAQ;AAEjE,WAAO,SAAS,OAAO;AAAA,EACzB;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,sBAAsB,OAAO;AAAA,MACpC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAM;AAAA,MAEL,gCAAsB,OAAO;AAAA,IAAA;AAAA,EAChC;AAEJ;AAEO,MAAM,wBAA4B,MAAM;AACvC,QAAA,wBAAwB,cAAc,4BAA4B;AAGtE,SAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,iDACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,MAACD,kCAAAA,IAAA,OAAA,EAAI,WAAU,8CAA8C,CAAA;AAAA,MAC5DA,kCAAA,IAAA,OAAA,EAAI,WAAU,uCACZ,gCAAsB,MACzB;AAAA,MACAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,8CAA8C,CAAA;AAAA,IAAA,GAC/D;AAAA,0CACC,mBAAkB,EAAA;AAAA,0CAClB,mBAAkB,CAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}

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

@@ -6,11 +6,15 @@ const components_Auth_useAuth_useCSRF = require("./useCSRF.cjs");
 const components_Auth_useAuth_useOAuth2 = require("./useOAuth2.cjs");
 const components_Auth_useAuth_useSession = require("./useSession.cjs");
 const useAuth = ({
-  session: sessionProp
+  session: sessionProp,
+  intlayerConfiguration
 } = {}) => {
-  const { csrfToken, csrfTokenFetched } = components_Auth_useAuth_useCSRF.useCSRF();
-  const { session, fetchSession, revalidateSession, setSession } = components_Auth_useAuth_useSession.useSession(sessionProp);
-  const { oAuth2AccessToken } = components_Auth_useAuth_useOAuth2.useOAuth2(csrfToken);
+  const { csrfToken, csrfTokenFetched } = components_Auth_useAuth_useCSRF.useCSRF(intlayerConfiguration);
+  const { session, fetchSession, revalidateSession, setSession } = components_Auth_useAuth_useSession.useSession(
+    sessionProp,
+    intlayerConfiguration
+  );
+  const { oAuth2AccessToken } = components_Auth_useAuth_useOAuth2.useOAuth2(csrfToken, intlayerConfiguration);
   const memoValue = require$$0.useMemo(
     () => ({
       session,

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n}: {\n  session?: Session | null;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF();\n  const { session, fetchSession, revalidateSession, setSession } =\n    useSession(sessionProp);\n  const { oAuth2AccessToken } = useOAuth2(csrfToken);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":["useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;AAiCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AACX,IAEI,OAAO;AACT,QAAM,EAAE,WAAW,iBAAiB,IAAIA,wCAAQ;AAChD,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAW,IAC3DC,8CAAW,WAAW;AACxB,QAAM,EAAE,kBAAA,IAAsBC,kCAAA,UAAU,SAAS;AAEjD,QAAM,YAAiCC,WAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n  intlayerConfiguration,\n}: {\n  session?: Session | null;\n  intlayerConfiguration?: IntlayerConfig;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);\n  const { session, fetchSession, revalidateSession, setSession } = useSession(\n    sessionProp,\n    intlayerConfiguration\n  );\n  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":["useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;AAkCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AAAA,EACT;AACF,IAGI,OAAO;AACT,QAAM,EAAE,WAAW,qBAAqBA,gCAAAA,QAAQ,qBAAqB;AACrE,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAe,IAAAC,mCAAA;AAAA,IAC/D;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,kBAAsB,IAAAC,4CAAU,WAAW,qBAAqB;AAExE,QAAM,YAAiCC,WAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}

package/dist/components/Auth/useAuth/index.d.ts

@@ -1,4 +1,5 @@
 import { OAuth2Token, OrganizationAPI, ProjectAPI, UserAPI } from '@intlayer/backend';
+import { IntlayerConfig } from '@intlayer/config/client';
 export type Session = {
     user: UserAPI | null;
     organization: OrganizationAPI | null;
@@ -17,8 +18,9 @@ type SessionContextProps = {
     isProjectAdmin: boolean | null | undefined;
     isOrganizationAdmin: boolean | null | undefined;
 };
-export declare const useAuth: ({ session: sessionProp, }?: {
+export declare const useAuth: ({ session: sessionProp, intlayerConfiguration, }?: {
     session?: Session | null;
+    intlayerConfiguration?: IntlayerConfig;
 }) => SessionContextProps;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Auth/useAuth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,OAAO,EACR,MAAM,mBAAmB,CAAC;AAM3B,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC7D,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,cAAc,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,OAAO,+BAEjB;IACD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B,wBA8BA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,OAAO,EACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC7D,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,cAAc,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,OAAO,sDAGjB;IACD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,qBAAqB,CAAC,EAAE,cAAc,CAAC;CACxC,wBAgCA,CAAC"}

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

@@ -4,11 +4,15 @@ import { useCSRF } from "./useCSRF.mjs";
 import { useOAuth2 } from "./useOAuth2.mjs";
 import { useSession } from "./useSession.mjs";
 const useAuth = ({
-  session: sessionProp
+  session: sessionProp,
+  intlayerConfiguration
 } = {}) => {
-  const { csrfToken, csrfTokenFetched } = useCSRF();
-  const { session, fetchSession, revalidateSession, setSession } = useSession(sessionProp);
-  const { oAuth2AccessToken } = useOAuth2(csrfToken);
+  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);
+  const { session, fetchSession, revalidateSession, setSession } = useSession(
+    sessionProp,
+    intlayerConfiguration
+  );
+  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);
   const memoValue = useMemo(
     () => ({
       session,

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n}: {\n  session?: Session | null;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF();\n  const { session, fetchSession, revalidateSession, setSession } =\n    useSession(sessionProp);\n  const { oAuth2AccessToken } = useOAuth2(csrfToken);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":[],"mappings":";;;;;AAiCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AACX,IAEI,OAAO;AACT,QAAM,EAAE,WAAW,iBAAiB,IAAI,QAAQ;AAChD,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAW,IAC3D,WAAW,WAAW;AACxB,QAAM,EAAE,kBAAA,IAAsB,UAAU,SAAS;AAEjD,QAAM,YAAiC;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/Auth/useAuth/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  OrganizationAPI,\n  ProjectAPI,\n  UserAPI,\n} from '@intlayer/backend';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: OrganizationAPI | null;\n  project: ProjectAPI | null;\n  isOrganizationAdmin: boolean;\n  isProjectAdmin: boolean;\n};\n\ntype SessionContextProps = {\n  session: Session | null | undefined;\n  setSession: (session: Session | null) => void;\n  fetchSession: () => Promise<Session | null | undefined>;\n  revalidateSession: () => Promise<Session | null | undefined>;\n  csrfToken: string | null | undefined;\n  csrfTokenFetched: boolean;\n  oAuth2AccessToken: OAuth2Token | null | undefined;\n  isProjectAdmin: boolean | null | undefined;\n  isOrganizationAdmin: boolean | null | undefined;\n};\n\nexport const useAuth = ({\n  session: sessionProp,\n  intlayerConfiguration,\n}: {\n  session?: Session | null;\n  intlayerConfiguration?: IntlayerConfig;\n} = {}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF(intlayerConfiguration);\n  const { session, fetchSession, revalidateSession, setSession } = useSession(\n    sessionProp,\n    intlayerConfiguration\n  );\n  const { oAuth2AccessToken } = useOAuth2(csrfToken, intlayerConfiguration);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin: session?.isProjectAdmin,\n      isOrganizationAdmin: session?.isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n    ]\n  );\n\n  return memoValue;\n};\n"],"names":[],"mappings":";;;;;AAkCO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAS;AAAA,EACT;AACF,IAGI,OAAO;AACT,QAAM,EAAE,WAAW,qBAAqB,QAAQ,qBAAqB;AACrE,QAAM,EAAE,SAAS,cAAc,mBAAmB,WAAe,IAAA;AAAA,IAC/D;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,kBAAsB,IAAA,UAAU,WAAW,qBAAqB;AAExE,QAAM,YAAiC;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,SAAS;AAAA,MACzB,qBAAqB,SAAS;AAAA,IAAA;AAAA,IAEhC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;"}

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

@@ -1,12 +1,15 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../../../index-DFc7og1d.cjs");
+const api = require("@intlayer/api");
+const client = require("@intlayer/config/client");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
-const useCSRF = () => {
+const useCSRF = (intlayerConfiguration) => {
+  const config = intlayerConfiguration ?? client.getConfiguration();
+  const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const { data, isFetched: csrfTokenFetched } = hooks_useAsync_useAsync.useAsync(
     "getCSRFToken",
-    index.intlayerAPI.auth.getCSRFToken,
+    intlayerAPI.auth.getCSRFToken,
     {
       cache: true,
       autoFetch: true

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 { intlayerAPI } from '../../../../../api/src';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = () => {\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":["useAsync","intlayerAPI"],"mappings":";;;;;AAKO,MAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,MAAM,WAAW,iBAAqB,IAAAA,wBAAA;AAAA,IAC5C;AAAA,IACAC,kBAAY,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 { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const config = intlayerConfiguration ?? getConfiguration();\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":["getConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;AAMa,MAAA,UAAU,CAAC,0BAA2C;AAC3D,QAAA,SAAS,yBAAyBA,wBAAiB;AACnD,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.d.ts

@@ -1,4 +1,5 @@
-export declare const useCSRF: () => {
+import { IntlayerConfig } from '@intlayer/config/client';
+export declare const useCSRF: (intlayerConfiguration?: IntlayerConfig) => {
     csrfToken: string | undefined;
     csrfTokenFetched: boolean;
 };

package/dist/components/Auth/useAuth/useCSRF.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCSRF.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;;CAgBnB,CAAC"}
+{"version":3,"file":"useCSRF.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useCSRF.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGhF,eAAO,MAAM,OAAO,2BAA4B,cAAc;;;CAmB7D,CAAC"}

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

@@ -1,7 +1,10 @@
 "use client";
-import { i as intlayerAPI } from "../../../index-DcWYZrJW.js";
+import { getIntlayerAPI } from "@intlayer/api";
+import { getConfiguration } from "@intlayer/config/client";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
-const useCSRF = () => {
+const useCSRF = (intlayerConfiguration) => {
+  const config = intlayerConfiguration ?? getConfiguration();
+  const intlayerAPI = getIntlayerAPI(void 0, config);
   const { data, isFetched: csrfTokenFetched } = useAsync(
     "getCSRFToken",
     intlayerAPI.auth.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 { intlayerAPI } from '../../../../../api/src';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = () => {\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":";;;AAKO,MAAM,UAAU,MAAM;AAC3B,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 { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useCSRF = (intlayerConfiguration?: IntlayerConfig) => {\n  const config = intlayerConfiguration ?? getConfiguration();\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":";;;;AAMa,MAAA,UAAU,CAAC,0BAA2C;AAC3D,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,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

@@ -1,20 +1,21 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const api = require("@intlayer/api");
 const client = require("@intlayer/config/client");
-const index = require("../../../index-DFc7og1d.cjs");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
-const useOAuth2 = (csrfToken) => {
-  const { clientId, clientSecret } = client.getConfiguration().editor;
+const useOAuth2 = (csrfToken, intlayerConfiguration) => {
+  const config = intlayerConfiguration ?? client.getConfiguration();
+  const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const { data } = hooks_useAsync_useAsync.useAsync(
     "getOAuth2AccessToken",
-    () => index.intlayerAPI.auth.getOAuth2AccessToken({
+    () => intlayerAPI.auth.getOAuth2AccessToken({
       body: { csrf_token: csrfToken }
     }),
     {
       cache: true,
       autoFetch: true,
-      enable: !!(clientId && clientSecret && csrfToken)
+      enable: !!(config.editor.clientId && config.editor.clientSecret && csrfToken)
     }
   );
   const oAuth2AccessToken = data?.data;

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 { getConfiguration } from '@intlayer/config/client';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (csrfToken: string | null | undefined) => {\n  const { clientId, clientSecret } = getConfiguration().editor;\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(clientId && clientSecret && csrfToken),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["getConfiguration","useAsync","intlayerAPI"],"mappings":";;;;;;AAMa,MAAA,YAAY,CAAC,cAAyC;AACjE,QAAM,EAAE,UAAU,iBAAiBA,OAAAA,iBAAmB,EAAA;AAEhD,QAAA,EAAE,SAASC,wBAAA;AAAA,IACf;AAAA,IACA,MACEC,MAAY,YAAA,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EAAE,YAAY,gBAAgB;AAAA,IAAA;AAAA,EAE3C;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 { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (\n  csrfToken: string | null | undefined,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(\n        config.editor.clientId &&\n        config.editor.clientSecret &&\n        csrfToken\n      ),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":["getConfiguration","getIntlayerAPI","useAsync"],"mappings":";;;;;;AAMa,MAAA,YAAY,CACvB,WACA,0BACG;AACG,QAAA,SAAS,yBAAyBA,wBAAiB;AACnD,QAAA,cAAcC,IAAAA,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAASC,wBAAA;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EACP,OAAO,OAAO,YACd,OAAO,OAAO,gBACd;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;;"}

package/dist/components/Auth/useAuth/useOAuth2.d.ts

@@ -1,4 +1,5 @@
-export declare const useOAuth2: (csrfToken: string | null | undefined) => {
+import { IntlayerConfig } from '@intlayer/config/client';
+export declare const useOAuth2: (csrfToken: string | null | undefined, intlayerConfiguration?: IntlayerConfig) => {
     oAuth2AccessToken: import('@intlayer/backend').OAuth2Token | null | undefined;
 };
 //# sourceMappingURL=useOAuth2.d.ts.map

package/dist/components/Auth/useAuth/useOAuth2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOAuth2.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,cAAe,MAAM,GAAG,IAAI,GAAG,SAAS;;CAqB7D,CAAC"}
+{"version":3,"file":"useOAuth2.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useOAuth2.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGhF,eAAO,MAAM,SAAS,cACT,MAAM,GAAG,IAAI,GAAG,SAAS,0BACZ,cAAc;;CA2BvC,CAAC"}

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

@@ -1,9 +1,10 @@
 "use client";
+import { getIntlayerAPI } from "@intlayer/api";
 import { getConfiguration } from "@intlayer/config/client";
-import { i as intlayerAPI } from "../../../index-DcWYZrJW.js";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
-const useOAuth2 = (csrfToken) => {
-  const { clientId, clientSecret } = getConfiguration().editor;
+const useOAuth2 = (csrfToken, intlayerConfiguration) => {
+  const config = intlayerConfiguration ?? getConfiguration();
+  const intlayerAPI = getIntlayerAPI(void 0, config);
   const { data } = useAsync(
     "getOAuth2AccessToken",
     () => intlayerAPI.auth.getOAuth2AccessToken({
@@ -12,7 +13,7 @@ const useOAuth2 = (csrfToken) => {
     {
       cache: true,
       autoFetch: true,
-      enable: !!(clientId && clientSecret && csrfToken)
+      enable: !!(config.editor.clientId && config.editor.clientSecret && csrfToken)
     }
   );
   const oAuth2AccessToken = data?.data;

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 { getConfiguration } from '@intlayer/config/client';\nimport { intlayerAPI } from '../../../../../api/src';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (csrfToken: string | null | undefined) => {\n  const { clientId, clientSecret } = getConfiguration().editor;\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(clientId && clientSecret && csrfToken),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":[],"mappings":";;;;AAMa,MAAA,YAAY,CAAC,cAAyC;AACjE,QAAM,EAAE,UAAU,iBAAiB,iBAAmB,EAAA;AAEhD,QAAA,EAAE,SAAS;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EAAE,YAAY,gBAAgB;AAAA,IAAA;AAAA,EAE3C;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 { getConfiguration, type IntlayerConfig } from '@intlayer/config/client';\nimport { useAsync } from '../../../hooks/useAsync/useAsync';\n\nexport const useOAuth2 = (\n  csrfToken: string | null | undefined,\n  intlayerConfiguration?: IntlayerConfig\n) => {\n  const config = intlayerConfiguration ?? getConfiguration();\n  const intlayerAPI = getIntlayerAPI(undefined, config);\n\n  const { data } = useAsync(\n    'getOAuth2AccessToken',\n    () =>\n      intlayerAPI.auth.getOAuth2AccessToken({\n        body: { csrf_token: csrfToken },\n      }),\n    {\n      cache: true,\n      autoFetch: true,\n      enable: !!(\n        config.editor.clientId &&\n        config.editor.clientSecret &&\n        csrfToken\n      ),\n    }\n  );\n\n  const oAuth2AccessToken = data?.data;\n\n  return {\n    oAuth2AccessToken,\n  };\n};\n"],"names":[],"mappings":";;;;AAMa,MAAA,YAAY,CACvB,WACA,0BACG;AACG,QAAA,SAAS,yBAAyB,iBAAiB;AACnD,QAAA,cAAc,eAAe,QAAW,MAAM;AAE9C,QAAA,EAAE,SAAS;AAAA,IACf;AAAA,IACA,MACE,YAAY,KAAK,qBAAqB;AAAA,MACpC,MAAM,EAAE,YAAY,UAAU;AAAA,IAAA,CAC/B;AAAA,IACH;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ,CAAC,EACP,OAAO,OAAO,YACd,OAAO,OAAO,gBACd;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,oBAAoB,MAAM;AAEzB,SAAA;AAAA,IACL;AAAA,EACF;AACF;"}

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

@@ -1,11 +1,14 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const api = require("@intlayer/api");
+const client = require("@intlayer/config/client");
 const require$$0 = require("react");
-const index = require("../../../index-DFc7og1d.cjs");
 const hooks_useAsync_useAsync = require("../../../hooks/useAsync/useAsync.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
-const useSession = (sessionProp) => {
+const useSession = (sessionProp, intlayerConfiguration) => {
+  const config = intlayerConfiguration ?? client.getConfiguration();
+  const intlayerAPI = api.getIntlayerAPI(void 0, config);
   const {
     getSession,
     revalidate,
@@ -16,7 +19,7 @@ const useSession = (sessionProp) => {
     "getSession",
     async () => {
       try {
-        const result = await index.getIntlayerAPI().auth.getSession();
+        const result = await intlayerAPI.auth.getSession();
         if (result.data) {
           const { user, organization, project } = result.data;
           const formattedSession = {

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 { useMemo } from 'react';\nimport { getIntlayerAPI } from '../../../../../api/src';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (sessionProp?: Session | null) => {\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 getIntlayerAPI().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":["useAsync","getIntlayerAPI","useMemo"],"mappings":";;;;;;;AAOa,MAAA,aAAa,CAAC,gBAAiC;AACpD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA,IACEA,wBAAA;AAAA,IACF;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAMC,MAAAA,iBAAiB,KAAK,WAAW;AAEtD,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,WAAA;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 { getConfiguration, IntlayerConfig } from '@intlayer/config/client';\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 config = intlayerConfiguration ?? getConfiguration();\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":["getConfiguration","getIntlayerAPI","useAsync","useMemo"],"mappings":";;;;;;;;AAQa,MAAA,aAAa,CACxB,aACA,0BACG;AACG,QAAA,SAAS,yBAAyBA,wBAAiB;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,WAAA;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.d.ts

@@ -1,5 +1,6 @@
+import { IntlayerConfig } from '@intlayer/config/client';
 import { Session } from './index';
-export declare const useSession: (sessionProp?: Session | null) => {
+export declare const useSession: (sessionProp?: Session | null, intlayerConfiguration?: IntlayerConfig) => {
     session: Session | null | undefined;
     fetchSession: () => Promise<Session | null>;
     revalidateSession: () => Promise<Session | null>;

package/dist/components/Auth/useAuth/useSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,iBAAkB,OAAO,GAAG,IAAI;;;;;CA6DtD,CAAC"}
+{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/useAuth/useSession.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,iBACP,OAAO,GAAG,IAAI,0BACJ,cAAc;;;;;CAiEvC,CAAC"}

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

@@ -1,9 +1,12 @@
 "use client";
+import { getIntlayerAPI } from "@intlayer/api";
+import { getConfiguration } from "@intlayer/config/client";
 import { useMemo } from "react";
-import { g as getIntlayerAPI } from "../../../index-DcWYZrJW.js";
 import { useAsync } from "../../../hooks/useAsync/useAsync.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
-const useSession = (sessionProp) => {
+const useSession = (sessionProp, intlayerConfiguration) => {
+  const config = intlayerConfiguration ?? getConfiguration();
+  const intlayerAPI = getIntlayerAPI(void 0, config);
   const {
     getSession,
     revalidate,
@@ -14,7 +17,7 @@ const useSession = (sessionProp) => {
     "getSession",
     async () => {
       try {
-        const result = await getIntlayerAPI().auth.getSession();
+        const result = await intlayerAPI.auth.getSession();
         if (result.data) {
           const { user, organization, project } = result.data;
           const formattedSession = {

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 { useMemo } from 'react';\nimport { getIntlayerAPI } from '../../../../../api/src';\nimport { useAsync } from '../../../hooks/useAsync';\nimport type { Session } from './index';\n\nexport const useSession = (sessionProp?: Session | null) => {\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 getIntlayerAPI().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":";;;;;AAOa,MAAA,aAAa,CAAC,gBAAiC;AACpD,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,iBAAiB,KAAK,WAAW;AAEtD,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 { getConfiguration, IntlayerConfig } from '@intlayer/config/client';\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 config = intlayerConfiguration ?? getConfiguration();\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":";;;;;;AAQa,MAAA,aAAa,CACxB,aACA,0BACG;AACG,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/Auth/useUser/index.cjs

@@ -5,7 +5,7 @@ require("react");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
-require("@intlayer/dictionaries-entry");
+require("@intlayer/editor-react");
 require("deepmerge");
 const components_Auth_useAuth_index = require("../useAuth/index.cjs");
 const useUser = () => {

package/dist/components/Auth/useUser/index.mjs

@@ -3,7 +3,7 @@ import "react";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import { useLogout } from "../../../hooks/intlayerAPIHooks.mjs";
-import "@intlayer/dictionaries-entry";
+import "@intlayer/editor-react";
 import "deepmerge";
 import { useAuth } from "../useAuth/index.mjs";
 const useUser = () => {

package/dist/components/Container/index.d.ts

@@ -4,7 +4,7 @@ declare const containerVariants: (props?: ({
     roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | null | undefined;
     transparency?: "sm" | "md" | "lg" | "xl" | "none" | "full" | null | undefined;
     padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-    separator?: "without" | "x" | "y" | "both" | null | undefined;
+    separator?: "x" | "y" | "both" | "without" | null | undefined;
     border?: "none" | "with" | null | undefined;
     borderColor?: "text" | "primary" | "secondary" | "neutral" | null | undefined;
     background?: "none" | "with" | null | undefined;
@@ -18,7 +18,7 @@ export declare const Container: import('react').ForwardRefExoticComponent<Omit<V
     roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | null | undefined;
     transparency?: "sm" | "md" | "lg" | "xl" | "none" | "full" | null | undefined;
     padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-    separator?: "without" | "x" | "y" | "both" | null | undefined;
+    separator?: "x" | "y" | "both" | "without" | null | undefined;
     border?: "none" | "with" | null | undefined;
     borderColor?: "text" | "primary" | "secondary" | "neutral" | null | undefined;
     background?: "none" | "with" | null | undefined;

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -3,27 +3,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
 const require$$0 = require("react");
-const shallow = require("../../shallow-lhDIFtEp.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-DTCehvKe.cjs");
-const components_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
-const components_DictionaryEditor_useEditionPanelStore = require("./useEditionPanelStore.cjs");
+const editorReact = require("@intlayer/editor-react");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-DAsui9u9.cjs");
 const components_DictionaryEditor_ValidDictionaryChangeButtons = require("./ValidDictionaryChangeButtons.cjs");
 const DictionaryEditor = ({
   dictionary,
   ...props
 }) => {
-  const { addEditedContent, editedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
-    shallow.useShallow((s) => ({
-      addEditedContent: s.addEditedContent,
-      editedContent: s.editedContent
-    }))
-  );
-  const { focusedContent, setFocusedContentKeyPath } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore(
-    shallow.useShallow((s) => ({
-      focusedContent: s.focusedContent,
-      setFocusedContentKeyPath: s.setFocusedContentKeyPath
-    }))
-  );
+  const { editedContent, addEditedContent } = editorReact.useEditedContent();
+  const { focusedContent, setFocusedContentKeyPath } = editorReact.useFocusDictionary();
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ require$$0.createElement(

package/dist/components/DictionaryEditor/DictionaryEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      addEditedContent: s.addEditedContent,\n      editedContent: s.editedContent,\n    }))\n  );\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    }))\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["useEditedContentStore","useShallow","useEditionPanelStore","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,kBAAkB,cAAA,IAAkBA,kDAAA;AAAA,IAC1CC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,eAAe,EAAE;AAAA,IAAA,EACjB;AAAA,EACJ;AACM,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnDD,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA,EAC5B;AAAA,EACJ;AAEA,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAE,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAC,2BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,iDAACG,yDAAAA,gCAA6B,WAAwB,CAAA;AAAA,EAAA,GACxD;AAEJ;;"}
+{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;AAeO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAIA,6BAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAIC,+BAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAC,2BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,iDAACG,yDAAAA,gCAA6B,WAAwB,CAAA;AAAA,EAAA,GACxD;AAEJ;;"}

package/dist/components/DictionaryEditor/DictionaryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwCtD,CAAC"}
+{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8BtD,CAAC"}