@intlayer/design-system 5.5.11 → 5.7.0

package/dist/components/TextArea/AutocompleteTextArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteTextArea.mjs","sources":["../../../src/components/TextArea/AutocompleteTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { type FC, useState, useEffect } from 'react';\nimport { useAutocomplete } from '../../hooks';\nimport {\n  type AutoSizedTextAreaProps,\n  AutoSizedTextArea,\n} from './AutoSizeTextArea';\n\nexport const useDebounce = <T,>(value: T, delay: number): T => {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    // Cleanup the timer if value changes before 'delay' ms\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n\n  return debouncedValue;\n};\n\nexport type AutocompleteTextAreaProps = AutoSizedTextAreaProps & {\n  isActive?: boolean;\n  suggestion?: string;\n};\n\nexport const AutoCompleteTextarea: FC<AutocompleteTextAreaProps> = ({\n  isActive = true,\n  suggestion: suggestionProp,\n  ...props\n}) => {\n  const defaultValue = String(props.value ?? props.defaultValue ?? '');\n  const { autocomplete } = useAutocomplete();\n  const configuration = useConfiguration();\n  const [isTyped, setIsTyped] = useState(false);\n  const [text, setText] = useState(defaultValue);\n  const [suggestion, setSuggestion] = useState('');\n\n  // Only update this “debouncedText” after the user stops typing for 500ms\n  const debouncedText = useDebounce(text, 200);\n\n  useEffect(() => {\n    if (typeof props.value === 'undefined') return;\n    setText(defaultValue);\n  }, [props.value, props.defaultValue]);\n\n  useEffect(() => {\n    if (!isActive) return;\n    if (!isTyped) return;\n\n    const fetchSuggestion = async () => {\n      try {\n        const response = await autocomplete({\n          text: debouncedText,\n          openAiApiKey: configuration.editor.openAiApiKey,\n          model: configuration.editor.openAiApiModel,\n          temperature: configuration.editor.openAiApiTemperature,\n        });\n        // e.g. response.data.autocompletion = \"Hello World\"\n        const autocompletion = response?.data?.autocompletion ?? '';\n\n        // If the suggested text starts with what the user typed,\n        // we only store the *remaining* part as the suggestion\n        // so that we can render \"ghost\" text appropriately.\n        if (autocompletion.startsWith(debouncedText)) {\n          const remaining = autocompletion.slice(debouncedText.length);\n          return setSuggestion(remaining);\n        }\n\n        return setSuggestion(autocompletion);\n      } catch (err) {\n        console.error('Autocomplete error:', err);\n      }\n    };\n\n    if (debouncedText.length > 3) {\n      // Only fetch if user typed more than 3 chars and has paused\n      setSuggestion('');\n      fetchSuggestion();\n    } else {\n      // If typed less than threshold, clear the suggestion\n      setSuggestion('');\n    }\n  }, [debouncedText, isActive]);\n\n  const acceptSuggestion = () => {\n    // Merge the typed text with the suggestion\n    setText((prevText) => prevText + suggestion);\n    setSuggestion('');\n  };\n\n  return (\n    <div className=\"relative w-full\">\n      {/*\n        --- Background/Ghost layer ---\n        Mirrors user's typed text and shows suggestion as ghosted/gray\n      */}\n      <div\n        className=\"pointer-events-none absolute inset-0 whitespace-pre-wrap break-words px-1 py-3 text-base leading-[1.45rem] md:py-1 md:text-sm md:leading-[1.23rem]\"\n        aria-hidden=\"true\"\n      >\n        <span className=\"align-text-top text-transparent\">{text}</span>\n        {(suggestion || suggestionProp) && (\n          <span className=\"text-neutral ml-3 align-text-top\">\n            {suggestionProp ?? suggestion}\n          </span>\n        )}\n      </div>\n      {/*\n        --- Actual editable textarea ---\n        Must share the same styling (font size, line-height, etc.) so\n        text lines up exactly underneath the background layer.\n      */}\n      <AutoSizedTextArea\n        {...props}\n        value={text}\n        onChange={(e) => {\n          setIsTyped(true);\n          setText(e.target.value);\n          props.onChange?.(e);\n        }}\n        onKeyDown={(e) => {\n          // If user presses Tab and we have a suggestion, accept it\n          if (e.key === 'Tab' && suggestion) {\n            e.preventDefault();\n            acceptSuggestion();\n          }\n          props.onKeyDown?.(e);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUa,MAAA,cAAc,CAAK,OAAU,UAAqB;AAC7D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAY,KAAK;AAE7D,YAAU,MAAM;AACR,UAAA,QAAQ,WAAW,MAAM;AAC7B,wBAAkB,KAAK;AAAA,OACtB,KAAK;AAGD,WAAA,MAAM,aAAa,KAAK;AAAA,EAAA,GAC9B,CAAC,OAAO,KAAK,CAAC;AAEV,SAAA;AACT;AAOO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,GAAG;AACL,MAAM;AACJ,QAAM,eAAe,OAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAC7D,QAAA,EAAE,aAAa,IAAI,gBAAgB;AACzC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,YAAY;AAC7C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAGzC,QAAA,gBAAgB,YAAY,MAAM,GAAG;AAE3C,YAAU,MAAM;AACV,QAAA,OAAO,MAAM,UAAU,YAAa;AACxC,YAAQ,YAAY;AAAA,KACnB,CAAC,MAAM,OAAO,MAAM,YAAY,CAAC;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,QAAI,CAAC,QAAS;AAEd,UAAM,kBAAkB,YAAY;AAC9B,UAAA;AACI,cAAA,WAAW,MAAM,aAAa;AAAA,UAClC,MAAM;AAAA,UACN,cAAc,cAAc,OAAO;AAAA,UACnC,OAAO,cAAc,OAAO;AAAA,UAC5B,aAAa,cAAc,OAAO;AAAA,QAAA,CACnC;AAEK,cAAA,iBAAiB,UAAU,MAAM,kBAAkB;AAKrD,YAAA,eAAe,WAAW,aAAa,GAAG;AAC5C,gBAAM,YAAY,eAAe,MAAM,cAAc,MAAM;AAC3D,iBAAO,cAAc,SAAS;AAAA,QAAA;AAGhC,eAAO,cAAc,cAAc;AAAA,eAC5B,KAAK;AACJ,gBAAA,MAAM,uBAAuB,GAAG;AAAA,MAAA;AAAA,IAE5C;AAEI,QAAA,cAAc,SAAS,GAAG;AAE5B,oBAAc,EAAE;AACA,sBAAA;AAAA,IAAA,OACX;AAEL,oBAAc,EAAE;AAAA,IAAA;AAAA,EAClB,GACC,CAAC,eAAe,QAAQ,CAAC;AAE5B,QAAM,mBAAmB,MAAM;AAErB,YAAA,CAAC,aAAa,WAAW,UAAU;AAC3C,kBAAc,EAAE;AAAA,EAClB;AAGE,SAAA,qBAAC,OAAI,EAAA,WAAU,mBAKb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAC,oBAAA,QAAA,EAAK,WAAU,mCAAmC,UAAK,MAAA;AAAA,WACtD,cAAc,mBACd,oBAAC,UAAK,WAAU,oCACb,4BAAkB,WACrB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAMA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,UAAU,CAAC,MAAM;AACf,qBAAW,IAAI;AACP,kBAAA,EAAE,OAAO,KAAK;AACtB,gBAAM,WAAW,CAAC;AAAA,QACpB;AAAA,QACA,WAAW,CAAC,MAAM;AAEZ,cAAA,EAAE,QAAQ,SAAS,YAAY;AACjC,cAAE,eAAe;AACA,6BAAA;AAAA,UAAA;AAEnB,gBAAM,YAAY,CAAC;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"AutocompleteTextArea.mjs","sources":["../../../src/components/TextArea/AutocompleteTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { type FC, useEffect, useRef, useState } from 'react';\nimport { useAutocomplete } from '../../hooks';\nimport {\n  type AutoSizedTextAreaProps,\n  AutoSizedTextArea,\n} from './AutoSizeTextArea';\n\nexport const useDebounce = <T,>(value: T, delay: number): T => {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    // Cleanup the timer if value changes before 'delay' ms\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n\n  return debouncedValue;\n};\n\nexport type AutocompleteTextAreaProps = AutoSizedTextAreaProps & {\n  isActive?: boolean;\n  suggestion?: string;\n};\n\nexport const AutoCompleteTextarea: FC<AutocompleteTextAreaProps> = ({\n  isActive = true,\n  suggestion: suggestionProp,\n  ...props\n}) => {\n  const defaultValue = String(props.value ?? props.defaultValue ?? '');\n  const { autocomplete } = useAutocomplete();\n  const configuration = useConfiguration();\n  const [isTyped, setIsTyped] = useState(false);\n  const [text, setText] = useState(defaultValue);\n  const [suggestion, setSuggestion] = useState('');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const placeholderRef = useRef<HTMLSpanElement>(null);\n  const ghostLayerRef = useRef<HTMLDivElement>(null);\n  const [suggestionPosition, setSuggestionPosition] = useState<{\n    left: number;\n    top: number;\n  } | null>(null);\n  const [cursorAtFetch, setCursorAtFetch] = useState(-1);\n\n  // Only update this “debouncedText” after the user stops typing for 200ms\n  const debouncedText = useDebounce(text, 200);\n\n  useEffect(() => {\n    if (typeof props.value === 'undefined') return;\n    setText(defaultValue);\n  }, [props.value, props.defaultValue]);\n\n  useEffect(() => {\n    if (!isActive) return;\n    if (!isTyped) return;\n\n    const fetchSuggestion = async () => {\n      try {\n        const cursor =\n          textareaRef.current?.selectionStart ?? debouncedText.length;\n        const before = debouncedText.slice(0, cursor);\n        const after = debouncedText.slice(cursor);\n        const numLines = 5;\n        const beforeLines = before.split('\\n');\n        const contextBeforeLines = beforeLines.slice(\n          Math.max(0, beforeLines.length - numLines - 1),\n          -1\n        );\n        const contextBefore = contextBeforeLines.join('\\n');\n        const currentLine = beforeLines[beforeLines.length - 1] ?? '';\n        const afterLines = after.split('\\n');\n        const contextAfter = afterLines.slice(1, numLines + 1).join('\\n');\n\n        const response = await autocomplete({\n          text: before,\n          contextBefore,\n          currentLine,\n          contextAfter,\n          aiOptions: {\n            apiKey: configuration.editor.openAiApiKey,\n            model: configuration.editor.openAiApiModel,\n            temperature: configuration.editor.openAiApiTemperature,\n          },\n        });\n        const autocompletion = response?.data?.autocompletion ?? '';\n\n        setSuggestion(autocompletion);\n        setCursorAtFetch(cursor);\n      } catch (err) {\n        console.error('Autocomplete error:', err);\n      }\n    };\n\n    if (debouncedText.length > 3) {\n      // Only fetch if user typed more than 3 chars and has paused\n      setSuggestion('');\n      fetchSuggestion();\n    } else {\n      // If typed less than threshold, clear the suggestion\n      setSuggestion('');\n    }\n  }, [debouncedText, isActive, autocomplete, configuration]);\n\n  useEffect(() => {\n    if (\n      !suggestion ||\n      cursorAtFetch === -1 ||\n      !placeholderRef.current ||\n      !ghostLayerRef.current\n    ) {\n      setSuggestionPosition(null);\n      return;\n    }\n\n    const rect = placeholderRef.current.getBoundingClientRect();\n    const parentRect = ghostLayerRef.current.getBoundingClientRect();\n    setSuggestionPosition({\n      left: rect.left - parentRect.left,\n      top: rect.top - parentRect.top,\n    });\n  }, [suggestion, cursorAtFetch, text]);\n\n  const acceptSuggestion = () => {\n    const currentCursor = textareaRef.current?.selectionStart ?? cursorAtFetch;\n    if (currentCursor !== cursorAtFetch) return;\n    const newText =\n      text.slice(0, currentCursor) + suggestion + text.slice(currentCursor);\n    setText(newText);\n    setSuggestion('');\n    setCursorAtFetch(-1);\n    setTimeout(() => {\n      textareaRef.current?.focus();\n      const newCursorPos = currentCursor + suggestion.length;\n      textareaRef.current?.setSelectionRange(newCursorPos, newCursorPos);\n    }, 0);\n  };\n\n  return (\n    <div className=\"relative w-full\">\n      <div\n        ref={ghostLayerRef}\n        className=\"pointer-events-none absolute inset-0 whitespace-pre-wrap break-words px-1 py-3 text-base leading-[1.45rem] md:py-1 md:text-sm md:leading-[1.23rem]\"\n        aria-hidden=\"true\"\n      >\n        {suggestion && cursorAtFetch !== -1 ? (\n          <>\n            <span className=\"align-text-top text-transparent\">\n              {text.slice(0, cursorAtFetch)}\n            </span>\n            <span\n              ref={placeholderRef}\n              style={{ visibility: 'hidden' }}\n              aria-hidden=\"true\"\n            >\n              {suggestion}\n            </span>\n            <span className=\"align-text-top text-transparent\">\n              {text.slice(cursorAtFetch)}\n            </span>\n          </>\n        ) : (\n          <span className=\"align-text-top text-transparent\">{text}</span>\n        )}\n        {suggestionProp && (\n          <span className=\"text-neutral align-text-top\">{suggestionProp}</span>\n        )}\n      </div>\n      {suggestion && suggestionPosition && (\n        <div\n          className=\"pointer-events-none text-neutral whitespace-pre-wrap break-words text-base leading-[1.45rem] md:text-sm md:leading-[1.23rem]\"\n          style={{\n            position: 'absolute',\n            left: suggestionPosition.left,\n            top: suggestionPosition.top,\n          }}\n        >\n          {suggestion}\n        </div>\n      )}\n      <AutoSizedTextArea\n        {...props}\n        ref={textareaRef}\n        value={text}\n        onChange={(e) => {\n          setIsTyped(true);\n          setText(e.target.value);\n          setSuggestion('');\n          props.onChange?.(e);\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Tab' && suggestion) {\n            e.preventDefault();\n            acceptSuggestion();\n          }\n          props.onKeyDown?.(e);\n        }}\n        onSelect={(e) => {\n          if (\n            suggestion &&\n            (e.target as HTMLTextAreaElement).selectionStart !== cursorAtFetch\n          ) {\n            setSuggestion('');\n            setCursorAtFetch(-1);\n          }\n          props.onSelect?.(e);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/index.cjs

@@ -1,23 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_Accordion_Accordion = require("./Accordion/Accordion.cjs");
-const components_Auth_ExternalsLoginButtons_ExternalsLoginButtons = require("./Auth/ExternalsLoginButtons/ExternalsLoginButtons.cjs");
-const components_Auth_SignInForm_SignInForm = require("./Auth/SignInForm/SignInForm.cjs");
-const components_Auth_SignInForm_useSignInSchema = require("./Auth/SignInForm/useSignInSchema.cjs");
-const components_Auth_SignUpForm_SignUpForm = require("./Auth/SignUpForm/SignUpForm.cjs");
-const components_Auth_SignUpForm_useSignUpSchema = require("./Auth/SignUpForm/useSignUpSchema.cjs");
-const components_Auth_ChangePasswordForm_ChangePasswordForm = require("./Auth/ChangePasswordForm/ChangePasswordForm.cjs");
-const components_Auth_ChangePasswordForm_useChangePasswordSchema = require("./Auth/ChangePasswordForm/useChangePasswordSchema.cjs");
-const components_Auth_ResetPasswordForm_ResetPasswordForm = require("./Auth/ResetPasswordForm/ResetPasswordForm.cjs");
-const components_Auth_ResetPasswordForm_useResetPasswordSchema = require("./Auth/ResetPasswordForm/useResetPasswordSchema.cjs");
-const components_Auth_AuthModal_index = require("./Auth/AuthModal/index.cjs");
-const components_Auth_useAuth_index = require("./Auth/useAuth/index.cjs");
-const components_Auth_AuthenticationBarrier_AuthenticationBarrierServer = require("./Auth/AuthenticationBarrier/AuthenticationBarrierServer.cjs");
-const components_Auth_AuthenticationBarrier_AuthenticationBarrierClient = require("./Auth/AuthenticationBarrier/AuthenticationBarrierClient.cjs");
-const components_Auth_useUser_index = require("./Auth/useUser/index.cjs");
-const components_Auth_VerifyEmailForm_VerifyEmailForm = require("./Auth/VerifyEmailForm/VerifyEmailForm.cjs");
-const components_Auth_DefineNewPasswordForm_DefineNewPasswordForm = require("./Auth/DefineNewPasswordForm/DefineNewPasswordForm.cjs");
-const components_Auth_DefineNewPasswordForm_useDefineNewPasswordSchema = require("./Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.cjs");
 const components_Avatar_index = require("./Avatar/index.cjs");
 const components_Badge_index = require("./Badge/index.cjs");
 const components_Breadcrumb_index = require("./Breadcrumb/index.cjs");
@@ -26,6 +9,7 @@ const components_ClickOutsideDiv_index = require("./ClickOutsideDiv/index.cjs");
 const components_Command_index = require("./Command/index.cjs");
 const components_Container_index = require("./Container/index.cjs");
 const components_ContentSelector_ContentSelector = require("./ContentSelector/ContentSelector.cjs");
+const components_CopyButton_index = require("./CopyButton/index.cjs");
 const components_CopyToClipboard_index = require("./CopyToClipboard/index.cjs");
 const components_DictionaryEditor_DictionaryEditor = require("./DictionaryEditor/DictionaryEditor.cjs");
 const components_DictionaryFieldEditor_DictionaryCreationForm_DictionaryCreationForm = require("./DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs");
@@ -70,7 +54,6 @@ const components_Pattern_DotPattern = require("./Pattern/DotPattern.cjs");
 const components_Pattern_SpotLight = require("./Pattern/SpotLight.cjs");
 const components_Popover_index = require("./Popover/index.cjs");
 const components_PressableSpan_PressableSpan = require("./PressableSpan/PressableSpan.cjs");
-const components_ProfileDropDown_index = require("./ProfileDropDown/index.cjs");
 const components_RightDrawer_RightDrawer = require("./RightDrawer/RightDrawer.cjs");
 const components_RightDrawer_useRightDrawerStore = require("./RightDrawer/useRightDrawerStore.cjs");
 const components_Select_Multiselect = require("./Select/Multiselect.cjs");
@@ -97,25 +80,6 @@ const components_SocialNetworks_TiktokLogo = require("./SocialNetworks/TiktokLog
 const components_SocialNetworks_XLogo = require("./SocialNetworks/XLogo.cjs");
 const components_SocialNetworks_YoutubeLogo = require("./SocialNetworks/YoutubeLogo.cjs");
 exports.Accordion = components_Accordion_Accordion.Accordion;
-exports.ExternalsLoginButtons = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.ExternalsLoginButtons;
-exports.GitHubLoginButton = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.GitHubLoginButton;
-exports.GoogleLoginButton = components_Auth_ExternalsLoginButtons_ExternalsLoginButtons.GoogleLoginButton;
-exports.SignInForm = components_Auth_SignInForm_SignInForm.SignInForm;
-exports.useSignInSchema = components_Auth_SignInForm_useSignInSchema.useSignInSchema;
-exports.SignUpForm = components_Auth_SignUpForm_SignUpForm.SignUpForm;
-exports.useSignUpSchema = components_Auth_SignUpForm_useSignUpSchema.useSignUpSchema;
-exports.ChangePasswordForm = components_Auth_ChangePasswordForm_ChangePasswordForm.ChangePasswordForm;
-exports.useChangePasswordSchema = components_Auth_ChangePasswordForm_useChangePasswordSchema.useChangePasswordSchema;
-exports.ResetPasswordForm = components_Auth_ResetPasswordForm_ResetPasswordForm.ResetPasswordForm;
-exports.useResetPasswordSchema = components_Auth_ResetPasswordForm_useResetPasswordSchema.useResetPasswordSchema;
-exports.AuthModal = components_Auth_AuthModal_index.AuthModal;
-exports.useAuth = components_Auth_useAuth_index.useAuth;
-exports.AuthenticationBarrierServer = components_Auth_AuthenticationBarrier_AuthenticationBarrierServer.AuthenticationBarrierServer;
-exports.AuthenticationBarrierClient = components_Auth_AuthenticationBarrier_AuthenticationBarrierClient.AuthenticationBarrierClient;
-exports.useUser = components_Auth_useUser_index.useUser;
-exports.VerifyEmailForm = components_Auth_VerifyEmailForm_VerifyEmailForm.VerifyEmailForm;
-exports.DefineNewPasswordForm = components_Auth_DefineNewPasswordForm_DefineNewPasswordForm.DefineNewPasswordForm;
-exports.useDefineNewPasswordSchema = components_Auth_DefineNewPasswordForm_useDefineNewPasswordSchema.useDefineNewPasswordSchema;
 exports.Avatar = components_Avatar_index.Avatar;
 exports.Badge = components_Badge_index.Badge;
 exports.badgeVariants = components_Badge_index.badgeVariants;
@@ -125,7 +89,9 @@ exports.ClickOutsideDiv = components_ClickOutsideDiv_index.ClickOutsideDiv;
 exports.Command = components_Command_index.Command;
 exports.CommandRoot = components_Command_index.CommandRoot;
 exports.Container = components_Container_index.Container;
+exports.containerVariants = components_Container_index.containerVariants;
 exports.ContentSelector = components_ContentSelector_ContentSelector.ContentSelector;
+exports.CopyButton = components_CopyButton_index.CopyButton;
 exports.CopyToClipboard = components_CopyToClipboard_index.CopyToClipboard;
 exports.DictionaryEditor = components_DictionaryEditor_DictionaryEditor.DictionaryEditor;
 exports.DictionaryCreationForm = components_DictionaryFieldEditor_DictionaryCreationForm_DictionaryCreationForm.DictionaryCreationForm;
@@ -180,7 +146,6 @@ exports.DotPattern = components_Pattern_DotPattern.DotPattern;
 exports.Spotlight = components_Pattern_SpotLight.Spotlight;
 exports.Popover = components_Popover_index.Popover;
 exports.PressableSpan = components_PressableSpan_PressableSpan.PressableSpan;
-exports.ProfileDropDown = components_ProfileDropDown_index.ProfileDropDown;
 exports.RightDrawer = components_RightDrawer_RightDrawer.RightDrawer;
 exports.useRightDrawerStore = components_RightDrawer_useRightDrawerStore.useRightDrawerStore;
 exports.MultiSelect = components_Select_Multiselect.MultiSelect;

package/dist/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/index.d.ts

@@ -1,5 +1,4 @@
 export * from './Accordion';
-export * from './Auth';
 export * from './Avatar';
 export * from './Badge';
 export * from './Breadcrumb';
@@ -8,6 +7,7 @@ export * from './ClickOutsideDiv';
 export * from './Command';
 export * from './Container';
 export * from './ContentSelector';
+export * from './CopyButton';
 export * from './CopyToClipboard';
 export * from './DictionaryEditor';
 export * from './DictionaryFieldEditor';
@@ -36,7 +36,6 @@ export * from './Navbar';
 export * from './Pattern';
 export * from './Popover';
 export * from './PressableSpan';
-export * from './ProfileDropDown';
 export * from './RightDrawer';
 export * from './Select';
 export * from './SocialNetworks';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/components/index.mjs

@@ -1,29 +1,13 @@
 import { Accordion } from "./Accordion/Accordion.mjs";
-import { ExternalsLoginButtons, GitHubLoginButton, GoogleLoginButton } from "./Auth/ExternalsLoginButtons/ExternalsLoginButtons.mjs";
-import { SignInForm } from "./Auth/SignInForm/SignInForm.mjs";
-import { useSignInSchema } from "./Auth/SignInForm/useSignInSchema.mjs";
-import { SignUpForm } from "./Auth/SignUpForm/SignUpForm.mjs";
-import { useSignUpSchema } from "./Auth/SignUpForm/useSignUpSchema.mjs";
-import { ChangePasswordForm } from "./Auth/ChangePasswordForm/ChangePasswordForm.mjs";
-import { useChangePasswordSchema } from "./Auth/ChangePasswordForm/useChangePasswordSchema.mjs";
-import { ResetPasswordForm } from "./Auth/ResetPasswordForm/ResetPasswordForm.mjs";
-import { useResetPasswordSchema } from "./Auth/ResetPasswordForm/useResetPasswordSchema.mjs";
-import { AuthModal } from "./Auth/AuthModal/index.mjs";
-import { useAuth } from "./Auth/useAuth/index.mjs";
-import { AuthenticationBarrierServer } from "./Auth/AuthenticationBarrier/AuthenticationBarrierServer.mjs";
-import { AuthenticationBarrierClient } from "./Auth/AuthenticationBarrier/AuthenticationBarrierClient.mjs";
-import { useUser } from "./Auth/useUser/index.mjs";
-import { VerifyEmailForm } from "./Auth/VerifyEmailForm/VerifyEmailForm.mjs";
-import { DefineNewPasswordForm } from "./Auth/DefineNewPasswordForm/DefineNewPasswordForm.mjs";
-import { useDefineNewPasswordSchema } from "./Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.mjs";
 import { Avatar } from "./Avatar/index.mjs";
 import { Badge, badgeVariants } from "./Badge/index.mjs";
 import { Breadcrumb } from "./Breadcrumb/index.mjs";
 import { Button } from "./Button/Button.mjs";
 import { ClickOutsideDiv } from "./ClickOutsideDiv/index.mjs";
 import { Command, CommandRoot } from "./Command/index.mjs";
-import { Container } from "./Container/index.mjs";
+import { Container, containerVariants } from "./Container/index.mjs";
 import { ContentSelector } from "./ContentSelector/ContentSelector.mjs";
+import { CopyButton } from "./CopyButton/index.mjs";
 import { CopyToClipboard } from "./CopyToClipboard/index.mjs";
 import { DictionaryEditor } from "./DictionaryEditor/DictionaryEditor.mjs";
 import { DictionaryCreationForm } from "./DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs";
@@ -68,7 +52,6 @@ import { DotPattern } from "./Pattern/DotPattern.mjs";
 import { Spotlight } from "./Pattern/SpotLight.mjs";
 import { Popover } from "./Popover/index.mjs";
 import { PressableSpan } from "./PressableSpan/PressableSpan.mjs";
-import { ProfileDropDown } from "./ProfileDropDown/index.mjs";
 import { RightDrawer } from "./RightDrawer/RightDrawer.mjs";
 import { useRightDrawerStore } from "./RightDrawer/useRightDrawerStore.mjs";
 import { MultiSelect } from "./Select/Multiselect.mjs";
@@ -96,16 +79,12 @@ import { XLogo } from "./SocialNetworks/XLogo.mjs";
 import { YoutubeLogo } from "./SocialNetworks/YoutubeLogo.mjs";
 export {
   Accordion,
-  AuthModal,
-  AuthenticationBarrierClient,
-  AuthenticationBarrierServer,
   AutoCompleteTextarea,
   AutoSizedTextArea,
   Avatar,
   Badge,
   Breadcrumb,
   Button,
-  ChangePasswordForm,
   Checkbox,
   ClickOutsideDiv,
   Code,
@@ -113,8 +92,8 @@ export {
   CommandRoot,
   Container,
   ContentSelector,
+  CopyButton,
   CopyToClipboard,
-  DefineNewPasswordForm,
   DesktopThemeSwitcher,
   DictionaryCreationForm,
   DictionaryEditor,
@@ -123,14 +102,11 @@ export {
   DropDown,
   EditableFieldInput,
   EditableFieldTextArea,
-  ExternalsLoginButtons,
   FacebookLogo,
   FileList,
   Flag,
   Footer,
   F as Form,
-  GitHubLoginButton,
-  GoogleLoginButton,
   GridPattern,
   H1,
   H2,
@@ -166,15 +142,11 @@ export {
   Popover,
   PressableSpan,
   ProductHuntLogo,
-  ProfileDropDown,
-  ResetPasswordForm,
   RightDrawer,
   Select,
   SelectContent,
   SelectLabel,
   SelectSeparator,
-  SignInForm,
-  SignUpForm,
   SocialNetworks,
   Spotlight,
   SwitchSelector,
@@ -190,7 +162,6 @@ export {
   ToastTitle,
   ToastViewport,
   Toaster,
-  VerifyEmailForm,
   VersionSwitcher,
   VersionSwitcherProvider,
   WithResizer,
@@ -199,23 +170,17 @@ export {
   badgeVariants,
   checkIsExternalLink,
   checkboxVariants,
+  containerVariants,
   inputVariants,
   linkVariants,
   reducer,
   toast,
-  useAuth,
-  useChangePasswordSchema,
   useDebounce,
-  useDefineNewPasswordSchema,
   useForm,
   useFormField,
   useLocaleSwitcherContent,
-  useResetPasswordSchema,
   useRightDrawerStore,
-  useSignInSchema,
-  useSignUpSchema,
   useToast,
-  useUser,
   useVersionSwitcher
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/index.cjs

@@ -3,6 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const hooks_intlayerAPIHooks = require("./intlayerAPIHooks.cjs");
 const hooks_useAsync_useAsync = require("./useAsync/useAsync.cjs");
 const hooks_useAsync_useAsyncStateStore = require("./useAsync/useAsyncStateStore.cjs");
+const hooks_useAuth_useAuth = require("./useAuth/useAuth.cjs");
+const hooks_useAuth_useOAuth2 = require("./useAuth/useOAuth2.cjs");
+const hooks_useAuth_useSession = require("./useAuth/useSession.cjs");
 const hooks_useDevice = require("./useDevice.cjs");
 const hooks_useGetAllDictionaries = require("./useGetAllDictionaries.cjs");
 const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
@@ -14,6 +17,7 @@ const hooks_usePersistedStore = require("./usePersistedStore.cjs");
 const hooks_useScreenWidth = require("./useScreenWidth.cjs");
 const hooks_useScrollBlockage_index = require("../index-BYzBot7l.cjs");
 const hooks_useScrollDetection = require("./useScrollDetection.cjs");
+const hooks_useUser_index = require("./useUser/index.cjs");
 exports.useAddDictionary = hooks_intlayerAPIHooks.useAddDictionary;
 exports.useAddNewAccessKey = hooks_intlayerAPIHooks.useAddNewAccessKey;
 exports.useAddOrganization = hooks_intlayerAPIHooks.useAddOrganization;
@@ -29,7 +33,6 @@ exports.useAuditTag = hooks_intlayerAPIHooks.useAuditTag;
 exports.useAutocomplete = hooks_intlayerAPIHooks.useAutocomplete;
 exports.useCancelSubscription = hooks_intlayerAPIHooks.useCancelSubscription;
 exports.useChangePassword = hooks_intlayerAPIHooks.useChangePassword;
-exports.useCheckIfUserHasPassword = hooks_intlayerAPIHooks.useCheckIfUserHasPassword;
 exports.useCreateUser = hooks_intlayerAPIHooks.useCreateUser;
 exports.useDefineNewPassword = hooks_intlayerAPIHooks.useDefineNewPassword;
 exports.useDeleteAccessKey = hooks_intlayerAPIHooks.useDeleteAccessKey;
@@ -75,6 +78,9 @@ exports.useWriteDictionary = hooks_intlayerAPIHooks.useWriteDictionary;
 exports.useAsync = hooks_useAsync_useAsync.useAsync;
 exports.AsyncStateProvider = hooks_useAsync_useAsyncStateStore.AsyncStateProvider;
 exports.useAsyncState = hooks_useAsync_useAsyncStateStore.useAsyncState;
+exports.useAuth = hooks_useAuth_useAuth.useAuth;
+exports.useOAuth2 = hooks_useAuth_useOAuth2.useOAuth2;
+exports.useSession = hooks_useAuth_useSession.useSession;
 exports.calculateIsMobile = hooks_useDevice.calculateIsMobile;
 exports.checkIsIphoneOrSafariDevice = hooks_useDevice.checkIsIphoneOrSafariDevice;
 exports.checkIsMobileScreen = hooks_useDevice.checkIsMobileScreen;
@@ -91,4 +97,5 @@ exports.usePersistedStore = hooks_usePersistedStore.usePersistedStore;
 exports.useScreenWidth = hooks_useScreenWidth.useScreenWidth;
 exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;
 exports.useScrollDetection = hooks_useScrollDetection.useScrollDetection;
+exports.useUser = hooks_useUser_index.useUser;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './intlayerAPIHooks';
 export * from './useAsync';
+export * from './useAuth';
 export * from './useDevice';
 export * from './useGetAllDictionaries';
 export * from './useGetElementOrWindow';
@@ -11,4 +12,5 @@ export * from './usePersistedStore';
 export * from './useScreenWidth';
 export * from './useScrollBlockage';
 export * from './useScrollDetection';
+export * from './useUser';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC"}

package/dist/hooks/index.mjs

@@ -1,6 +1,9 @@
-import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddProject, useAddTag, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useCancelSubscription, useChangePassword, useCheckIfUserHasPassword, useCreateUser, useDefineNewPassword, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteProject, useDeleteTag, useDeleteUser, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetEditorDictionaries, useGetNewsletterStatus, useGetOrganizations, useGetPricing, useGetProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUsers, useLogin, useLogout, usePushDictionaries, useRefreshAccessKey, useRegister, useSearchDoc, useSelectOrganization, useSelectProject, useSubscribeToNewsletter, useTranslateJSONDeclaration, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateProject, useUpdateProjectMembers, useUpdateTag, useUpdateUser, useVerifyEmail, useWriteDictionary } from "./intlayerAPIHooks.mjs";
+import { useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddProject, useAddTag, useAskDocQuestion, useAskResetPassword, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useCancelSubscription, useChangePassword, useCreateUser, useDefineNewPassword, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteProject, useDeleteTag, useDeleteUser, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetEditorDictionaries, useGetNewsletterStatus, useGetOrganizations, useGetPricing, useGetProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUsers, useLogin, useLogout, usePushDictionaries, useRefreshAccessKey, useRegister, useSearchDoc, useSelectOrganization, useSelectProject, useSubscribeToNewsletter, useTranslateJSONDeclaration, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateDictionary, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateProject, useUpdateProjectMembers, useUpdateTag, useUpdateUser, useVerifyEmail, useWriteDictionary } from "./intlayerAPIHooks.mjs";
 import { useAsync } from "./useAsync/useAsync.mjs";
 import { AsyncStateProvider, useAsyncState } from "./useAsync/useAsyncStateStore.mjs";
+import { useAuth } from "./useAuth/useAuth.mjs";
+import { useOAuth2 } from "./useAuth/useOAuth2.mjs";
+import { useSession } from "./useAuth/useSession.mjs";
 import { calculateIsMobile, checkIsIphoneOrSafariDevice, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice } from "./useDevice.mjs";
 import { useGetAllDictionaries } from "./useGetAllDictionaries.mjs";
 import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
@@ -12,6 +15,7 @@ import { usePersistedStore } from "./usePersistedStore.mjs";
 import { useScreenWidth } from "./useScreenWidth.mjs";
 import { u } from "../index-BCuMWKyy.js";
 import { useScrollDetection } from "./useScrollDetection.mjs";
+import { useUser } from "./useUser/index.mjs";
 export {
   AsyncStateProvider,
   calculateIsMobile,
@@ -33,10 +37,10 @@ export {
   useAuditContentDeclarationField,
   useAuditContentDeclarationMetadata,
   useAuditTag,
+  useAuth,
   useAutocomplete,
   useCancelSubscription,
   useChangePassword,
-  useCheckIfUserHasPassword,
   useCreateUser,
   useDefineNewPassword,
   useDeleteAccessKey,
@@ -66,6 +70,7 @@ export {
   useKeyboardDetector,
   useLogin,
   useLogout,
+  useOAuth2,
   usePersistedStore,
   usePushDictionaries,
   useRefreshAccessKey,
@@ -76,6 +81,7 @@ export {
   useSearchDoc,
   useSelectOrganization,
   useSelectProject,
+  useSession,
   useSubscribeToNewsletter,
   useTranslateJSONDeclaration,
   useUnselectOrganization,
@@ -88,6 +94,7 @@ export {
   useUpdateProjectMembers,
   useUpdateTag,
   useUpdateUser,
+  useUser,
   useVerifyEmail,
   useWriteDictionary
 };

package/dist/hooks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/hooks/intlayerAPIHooks.cjs

@@ -2,16 +2,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const editorReact = require("@intlayer/editor-react");
-const components_Auth_useAuth_index = require("../components/Auth/useAuth/index.cjs");
 require("../components/Toaster/Toast.cjs");
 const components_Toaster_useToast = require("../components/Toaster/useToast.cjs");
 require("react/jsx-runtime");
 const hooks_useAsync_useAsync = require("./useAsync/useAsync.cjs");
+const hooks_useAuth_useAuth = require("./useAuth/useAuth.cjs");
+require("@intlayer/api");
+require("@intlayer/config/built");
+require("./useAsync/useAsyncStateStore.cjs");
 const hooks_useIntlayerAPI = require("./useIntlayerAPI.cjs");
 var define_process_env_default = {};
-const formatErrorCode = (errorCode) => {
-  return errorCode.split("_").join(" ");
-};
+const formatErrorCode = (errorCode) => errorCode.split("_").join(" ");
 const useErrorHandling = (options) => {
   const { toast } = components_Toaster_useToast.useToast();
   return {
@@ -36,6 +37,15 @@ const useErrorHandling = (options) => {
       options.onError?.(errorMessage);
     },
     onSuccess: (data) => {
+      if (data?.error) {
+        toast({
+          title: formatErrorCode(
+            data.error.title ?? data.error.code ?? "Error"
+          ),
+          description: data.error.message ?? data.error.code ?? "An error occurred",
+          variant: "error"
+        });
+      }
       if (data?.message)
         toast({
           title: data.message,
@@ -48,7 +58,7 @@ const useErrorHandling = (options) => {
 };
 const useAuthEnable = (options, { requireUser, requireProject, requireOrganization } = {}) => {
   const configuration = editorReact.useConfiguration();
-  const { csrfToken, oAuth2AccessToken, session } = components_Auth_useAuth_index.useAuth({
+  const { oAuth2AccessToken, session } = hooks_useAuth_useAuth.useAuth({
     intlayerConfiguration: configuration
   });
   const isEnabledOption = options?.enable ?? true;
@@ -58,9 +68,7 @@ const useAuthEnable = (options, { requireUser, requireProject, requireOrganizati
   const isUserEnabled = requireUser ? Boolean(user) : true;
   const isProjectEnabled = requireProject ? Boolean(project) : true;
   const isOrganizationEnabled = requireOrganization ? Boolean(organization) : true;
-  const isCSRFEnabled = Boolean(csrfToken) || // If auth using session, csrf token is not required
-  !session && Boolean(oAuth2AccessToken);
-  const isEnabled = isEnabledOption && isUserEnabled && isProjectEnabled && isOrganizationEnabled && isCSRFEnabled;
+  const isEnabled = isEnabledOption && isUserEnabled && isProjectEnabled && isOrganizationEnabled;
   return {
     ...options,
     enable: isEnabled
@@ -75,43 +83,34 @@ const useEditorAsync = (key, asyncFunction, options) => {
   const optionsWithErrorHandling = useErrorHandling(options ?? {});
   return hooks_useAsync_useAsync.useAsync(key, asyncFunction, optionsWithErrorHandling);
 };
-const useLogin = (args) => useAppAsync("login", hooks_useIntlayerAPI.useIntlayerAuth().auth.login, {
+const useLogin = (args) => useAppAsync("login", hooks_useIntlayerAPI.useIntlayerAuth().auth.signInEmail, {
   invalidateQueries: ["getSession"],
   ...args
 });
-const useRegister = (args) => useAppAsync("register", hooks_useIntlayerAPI.useIntlayerAuth().auth.register, {
+const useRegister = (args) => useAppAsync("register", hooks_useIntlayerAPI.useIntlayerAuth().auth.signUpEmail, {
   invalidateQueries: ["getSession"],
   ...args
 });
-const useLogout = (args) => useAppAsync("logout", hooks_useIntlayerAPI.useIntlayerAuth().auth.logout, {
-  invalidateQueries: ["getSession"],
+const useLogout = (args) => useAppAsync("logout", hooks_useIntlayerAPI.useIntlayerAuth().auth.signOut, {
   ...args
 });
-const useChangePassword = (args) => useAppAsync("changePassword", hooks_useIntlayerAPI.useIntlayerAuth().auth.changePassword, args);
+const useChangePassword = (args) => useAppAsync(
+  "changePassword",
+  hooks_useIntlayerAPI.useIntlayerAuth().auth.changePasswordSession,
+  args
+);
 const useAskResetPassword = (args) => useAppAsync(
   "askResetPassword",
-  hooks_useIntlayerAPI.useIntlayerAuth().auth.askResetPassword,
+  hooks_useIntlayerAPI.useIntlayerAuth().auth.requestPasswordResetSession,
   args
 );
 const useDefineNewPassword = (args) => useAppAsync(
   "defineNewPassword",
-  hooks_useIntlayerAPI.useIntlayerAuth().auth.defineNewPassword,
-  args
-);
-const useCheckIfUserHasPassword = (args) => useAppAsync(
-  "checkIfUserHasPassword",
-  hooks_useIntlayerAPI.useIntlayerAuth().auth.checkIfUserHasPassword,
-  args,
-  {
-    requireUser: true
-  }
-);
-const useVerifyEmail = (args) => useAppAsync("verifyEmail", hooks_useIntlayerAPI.useIntlayerAuth().auth.verifyEmail, args);
-const useGetUserByAccount = (args) => useAppAsync(
-  "getUserByAccount",
-  hooks_useIntlayerAPI.useIntlayerAuth().user.getUserByAccount,
+  hooks_useIntlayerAPI.useIntlayerAuth().auth.changePasswordSession,
   args
 );
+const useVerifyEmail = (args) => useAppAsync("verifyEmail", hooks_useIntlayerAPI.useIntlayerAuth().auth.verifyEmailSession, args);
+const useGetUserByAccount = (args) => useAppAsync("getUserByAccount", hooks_useIntlayerAPI.useIntlayerAuth().auth.accountInfo, args);
 const useGetUsers = (args) => useAppAsync(
   "getUsers",
   hooks_useIntlayerAPI.useIntlayerAuth().user.getUsers,
@@ -128,7 +127,7 @@ const useGetUsers = (args) => useAppAsync(
     requireUser: true
   }
 );
-const useCreateUser = (args) => useAppAsync("createUser", hooks_useIntlayerAPI.useIntlayerAuth().user.createUser, {
+const useCreateUser = (args) => useAppAsync("createUser", hooks_useIntlayerAPI.useIntlayerAuth().auth.updateUser, {
   invalidateQueries: ["getUsers"],
   ...args
 });
@@ -499,7 +498,6 @@ exports.useAuditTag = useAuditTag;
 exports.useAutocomplete = useAutocomplete;
 exports.useCancelSubscription = useCancelSubscription;
 exports.useChangePassword = useChangePassword;
-exports.useCheckIfUserHasPassword = useCheckIfUserHasPassword;
 exports.useCreateUser = useCreateUser;
 exports.useDefineNewPassword = useDefineNewPassword;
 exports.useDeleteAccessKey = useDeleteAccessKey;