@intlayer/design-system 3.0.3 → 3.1.0

package/dist/Form-FW4Odjfm.js

@@ -0,0 +1,301 @@
+"use client";
+import { Button } from "./components/Button/Button.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-BgSF1HG2.js";
+import { useFormContext } from "react-hook-form";
+import { Input } from "./components/Input/Input.mjs";
+import { InputPassword } from "./components/Input/InputPassword.mjs";
+import { Checkbox } from "./components/Input/Checkbox.mjs";
+import { TextArea } from "./components/TextArea/TextArea.mjs";
+import { EditableFieldInput } from "./components/EditableField/EditableFieldInput.mjs";
+import { EditableFieldTextArea } from "./components/EditableField/EditableFieldTextArea.mjs";
+import { forwardRef } from "react";
+import { MultiSelect } from "./components/Select/Multiselect.mjs";
+import { useFormField, FormField } from "./components/Form/FormField.mjs";
+import { FormLabelLayout } from "./components/Form/layout/FormLabelLayout.mjs";
+import { Select } from "./components/Select/Select.mjs";
+import { SwitchSelector } from "./components/SwitchSelector/index.mjs";
+import { Form as Form$1 } from "./components/Form/FormBase.mjs";
+import { FormControl } from "./components/Form/FormControl.mjs";
+import { FormDescription } from "./components/Form/FormDescription.mjs";
+import { FormItem } from "./components/Form/FormItem.mjs";
+import { FormMessage } from "./components/Form/FormMessage.mjs";
+import "clsx";
+import "tailwind-merge";
+import "./components/Form/FormLabel.mjs";
+const FormItemLayout = ({
+  label,
+  description,
+  isRequired,
+  info,
+  children,
+  showErrorMessage = true,
+  htmlFor
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Form.Item, { className: "w-full space-y-2", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1 leading-none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabelLayout, { isRequired, info, htmlFor, children: label }),
+    description && /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Description, { children: description })
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Control, { children }),
+  showErrorMessage && /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Message, { "data-testid": "error-message" })
+] });
+const FormFieldElement = ({
+  field,
+  name,
+  label,
+  Element,
+  isRequired = false,
+  info,
+  description,
+  showErrorMessage = true,
+  ...props
+}) => {
+  const { error } = useFormField();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FormItemLayout,
+    {
+      htmlFor: name,
+      label,
+      description,
+      isRequired,
+      info,
+      showErrorMessage,
+      "aria-invalid": !!error,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Element, { "data-testid": "element", id: name, ...field, ...props, children: props.children })
+    }
+  );
+};
+const FormElement = (props) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name: props.name,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntimeExports.jsx(FormFieldElement, { ...props, field })
+    }
+  );
+};
+const InputElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: Input,
+    ...props
+  }
+);
+const InputPasswordElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: InputPassword,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    maxLength: 255,
+    ...props
+  }
+);
+const TextAreaElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: TextArea,
+    id: props.name,
+    "data-testid": props.name,
+    ...props
+  }
+);
+const EditableFieldInputElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: EditableFieldInput,
+    ...props
+  }
+);
+const EditableFieldTextAreaElement = (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: EditableFieldTextArea,
+    ...props
+  }
+);
+const CheckboxComponent = forwardRef(
+  ({ inputLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { ref, ...props, label: inputLabel })
+);
+const CheckboxElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: CheckboxComponent,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    size: "md",
+    maxLength: 255,
+    ...props
+  }
+);
+const MultiSelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = useFormField();
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              MultiSelect,
+              {
+                onValueChange: field.onChange,
+                values: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = useFormField();
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Select,
+              {
+                onValueChange: field.onChange,
+                defaultValue: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SwitchSelectorElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = useFormField();
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchSelector, { ...field, ...props, children })
+          }
+        );
+      }
+    }
+  );
+};
+const Form = Form$1;
+Form.Description = FormDescription;
+Form.Control = FormControl;
+Form.Field = FormField;
+Form.Item = FormItem;
+Form.Label = FormLabelLayout;
+Form.Message = FormMessage;
+Form.Element = FormElement;
+Form.Input = InputElement;
+Form.InputPassword = InputPasswordElement;
+Form.Checkbox = CheckboxElement;
+Form.TextArea = TextAreaElement;
+Form.Button = Button;
+Form.Select = SelectElement;
+Form.MultiSelect = MultiSelectElement;
+Form.EditableFieldInput = EditableFieldInputElement;
+Form.EditableFieldTextArea = EditableFieldTextAreaElement;
+Form.SwitchSelector = SwitchSelectorElement;
+export {
+  CheckboxElement as C,
+  EditableFieldInputElement as E,
+  Form as F,
+  InputElement as I,
+  MultiSelectElement as M,
+  SelectElement as S,
+  TextAreaElement as T,
+  FormItemLayout as a,
+  FormElement as b,
+  InputPasswordElement as c,
+  EditableFieldTextAreaElement as d,
+  SwitchSelectorElement as e
+};
+//# sourceMappingURL=Form-FW4Odjfm.js.map

package/dist/Form-FW4Odjfm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-FW4Odjfm.js","sources":["../src/components/Form/layout/FormItemLayout.tsx","../src/components/Form/elements/FormElement.tsx","../src/components/Form/elements/InputElement.tsx","../src/components/Form/elements/InputPasswordElement.tsx","../src/components/Form/elements/TextAreaElement.tsx","../src/components/Form/elements/EditableFieldInputElement.tsx","../src/components/Form/elements/EditableFieldTextAreaElement.tsx","../src/components/Form/elements/CheckboxElement.tsx","../src/components/Form/elements/MultiselectElement.tsx","../src/components/Form/elements/SelectElement.tsx","../src/components/Form/elements/SwitchSelectorElement.tsx","../src/components/Form/Form.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport type { FC, ReactNode } from 'react';\nimport { Form } from '../Form';\nimport { FormLabelLayout, type FormLabelLayoutProps } from './FormLabelLayout';\n\nexport type FormItemLayoutProps = Omit<FormLabelLayoutProps, 'children'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  showErrorMessage?: boolean;\n};\n\nexport const FormItemLayout: FC<FormItemLayoutProps> = ({\n  label,\n  description,\n  isRequired,\n  info,\n  children,\n  showErrorMessage = true,\n  htmlFor,\n}) => (\n  <Form.Item className=\"w-full space-y-2\">\n    <div className=\"space-y-1 leading-none\">\n      <FormLabelLayout isRequired={isRequired} info={info} htmlFor={htmlFor}>\n        {label}\n      </FormLabelLayout>\n      {description && <Form.Description>{description}</Form.Description>}\n    </div>\n    <Form.Control>{children}</Form.Control>\n\n    {showErrorMessage && <Form.Message data-testid=\"error-message\" />}\n  </Form.Item>\n);\n","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { ComponentProps, ElementType, ReactNode } from 'react';\nimport {\n  useFormContext,\n  type ControllerRenderProps,\n  type FieldValues,\n} from 'react-hook-form';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout, FormItemLayoutProps } from '../layout';\n\nexport type FormElementProps<T extends ElementType> = {\n  name: string;\n  Element: T;\n  label?: ReactNode;\n  isRequired?: boolean;\n  info?: string;\n  showErrorMessage?: boolean;\n  focus?: boolean;\n} & Omit<FormItemLayoutProps, 'children'>;\n\ntype FormFieldElementProps<T extends ElementType> = FormElementProps<T> &\n  ComponentProps<T> & {\n    field: ControllerRenderProps<FieldValues, string>;\n  };\n\nconst FormFieldElement = <T extends ElementType>({\n  field,\n  name,\n  label,\n  Element,\n  isRequired = false,\n  info,\n  description,\n  showErrorMessage = true,\n  ...props\n}: FormFieldElementProps<T>) => {\n  const { error } = useFormField();\n\n  return (\n    <FormItemLayout\n      htmlFor={name}\n      label={label}\n      description={description}\n      isRequired={isRequired}\n      info={info}\n      showErrorMessage={showErrorMessage}\n      aria-invalid={!!error}\n    >\n      <Element data-testid=\"element\" id={name} {...field} {...props}>\n        {props.children}\n      </Element>\n    </FormItemLayout>\n  );\n};\n\n/**\n * FormElement is a component that allows you to create a form element with a label, description, error message, and validation.\n *\n * The Element prop is the type of the element that will be rendered.\n * This element will interact with the FormContext and will be controlled by the FormControl component.\n * The props used to control the element will be `value` and `onChange`.\n */\nexport const FormElement = <T extends ElementType>(\n  props: FormElementProps<T> & ComponentProps<T>\n) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={props.name}\n      render={({ field }) => <FormFieldElement {...props} field={field} />}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, FC } from 'react';\nimport { Input } from '../../../components/Input';\nimport { FormElementProps, FormElement } from './FormElement';\n\ntype InputElementProps = Omit<FormElementProps<typeof Input>, 'Element'> &\n  ComponentProps<typeof Input> & {\n    name: string;\n  };\n\nexport const InputElement: FC<InputElementProps> = (props) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={Input}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, FC } from 'react';\nimport { InputPassword } from '../../Input';\nimport { FormElementProps, FormElement } from './FormElement';\n\ntype InputPasswordElementProps = Omit<\n  FormElementProps<typeof InputPassword>,\n  'Element'\n> &\n  ComponentProps<typeof InputPassword> & {\n    name: string;\n    autoComplete: 'current-password' | 'new-password';\n  };\n\nexport const InputPasswordElement: FC<InputPasswordElementProps> = ({\n  autoComplete,\n  ...props\n}) => (\n  <FormElement\n    Element={InputPassword}\n    id={props.name}\n    data-testid={props.name}\n    autoComplete={autoComplete}\n    minLength={6}\n    maxLength={255}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { FC } from 'react';\nimport { TextArea } from '../../TextArea/TextArea';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype TextAreaElementsProps = Omit<\n  FormElementProps<typeof TextArea>,\n  'Element'\n> &\n  React.ComponentProps<typeof TextArea> & {\n    name: string;\n  };\n\nexport const TextAreaElement: FC<TextAreaElementsProps> = (props) => (\n  <FormElement\n    Element={TextArea}\n    id={props.name}\n    data-testid={props.name}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { EditableFieldInput } from '../../EditableField/EditableFieldInput';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype EditableFieldInputElementProps = Omit<\n  FormElementProps<typeof EditableFieldInput>,\n  'Element'\n> &\n  Omit<ComponentProps<typeof EditableFieldInput>, 'onChange'> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const EditableFieldInputElement = (\n  props: EditableFieldInputElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={EditableFieldInput}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\n\nimport type { ComponentProps, ReactNode } from 'react';\nimport { EditableFieldTextArea } from '../../EditableField/EditableFieldTextArea';\nimport { FormElement, type FormElementProps } from './FormElement';\n\ntype EditableFieldTextAreaElementProps = Omit<\n  FormElementProps<typeof EditableFieldTextArea>,\n  'Element'\n> &\n  Omit<ComponentProps<typeof EditableFieldTextArea>, 'onChange'> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const EditableFieldTextAreaElement = (\n  props: EditableFieldTextAreaElementProps\n) => (\n  <FormElement\n    id={props.name}\n    data-testid={props.name}\n    Element={EditableFieldTextArea}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport { forwardRef, type ComponentProps, type FC } from 'react';\nimport { Checkbox } from '../../Input';\nimport { FormElementProps, FormElement } from './FormElement';\n\ntype CheckboxElementProps = Omit<FormElementProps<typeof Checkbox>, 'Element'> &\n  ComponentProps<typeof Checkbox> & {\n    name: string;\n    inputLabel?: string;\n  };\n\ntype CheckboxComponentProps = Omit<ComponentProps<typeof Checkbox>, 'label'> & {\n  name: string;\n  inputLabel?: ComponentProps<typeof Checkbox>['label'];\n};\n\nconst CheckboxComponent = forwardRef<HTMLInputElement, CheckboxComponentProps>(\n  ({ inputLabel, ...props }, ref) => (\n    <Checkbox ref={ref} {...props} label={inputLabel} />\n  )\n);\n\nexport const CheckboxElement: FC<CheckboxElementProps> = ({\n  autoComplete,\n  ...props\n}) => (\n  <FormElement\n    Element={CheckboxComponent}\n    id={props.name}\n    data-testid={props.name}\n    autoComplete={autoComplete}\n    minLength={6}\n    size=\"md\"\n    maxLength={255}\n    {...props}\n  />\n);\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { MultiSelect } from '../../Select/Multiselect';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SelectElementsProps = Omit<\n  FormElementProps<typeof MultiSelect>,\n  'Element'\n> &\n  ComponentProps<typeof MultiSelect> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const MultiSelectElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SelectElementsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks, sonarjs/rules-of-hooks\n        const { error } = useFormField();\n\n        return (\n          <FormItemLayout\n            htmlFor={name}\n            label={label}\n            description={description}\n            isRequired={isRequired}\n            info={info}\n            showErrorMessage={showErrorMessage}\n            aria-invalid={!!error}\n          >\n            <MultiSelect\n              onValueChange={field.onChange}\n              values={field.value}\n              {...props}\n            >\n              {children}\n            </MultiSelect>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { Select } from '../../Select/Select';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SelectElementsProps = Omit<FormElementProps<typeof Select>, 'Element'> &\n  ComponentProps<typeof Select> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const SelectElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SelectElementsProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks, sonarjs/rules-of-hooks\n        const { error } = useFormField();\n\n        return (\n          <FormItemLayout\n            htmlFor={name}\n            label={label}\n            description={description}\n            isRequired={isRequired}\n            info={info}\n            showErrorMessage={showErrorMessage}\n            aria-invalid={!!error}\n          >\n            <Select\n              onValueChange={field.onChange}\n              defaultValue={field.value}\n              {...props}\n            >\n              {children}\n            </Select>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { SwitchSelector } from '../../SwitchSelector';\nimport { Form } from '../Form';\nimport { useFormField } from '../FormField';\nimport { FormItemLayout } from '../layout/FormItemLayout';\nimport type { FormElementProps } from './FormElement';\n\ntype SwitchSelectorElementProps = Omit<\n  FormElementProps<typeof SwitchSelector>,\n  'Element'\n> &\n  ComponentProps<typeof SwitchSelector> & {\n    name: string;\n    description?: string;\n    placeholder?: string;\n    className?: string;\n    children?: ReactNode;\n  };\n\nexport const SwitchSelectorElement = ({\n  name,\n  description,\n  label,\n  isRequired,\n  info,\n  showErrorMessage,\n  children,\n  ...props\n}: SwitchSelectorElementProps) => {\n  const { control } = useFormContext();\n\n  return (\n    <Form.Field\n      control={control}\n      name={name}\n      render={({ field }) => {\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const { error } = useFormField();\n\n        return (\n          <FormItemLayout\n            htmlFor={name}\n            label={label}\n            description={description}\n            isRequired={isRequired}\n            info={info}\n            showErrorMessage={showErrorMessage}\n            aria-invalid={!!error}\n          >\n            <SwitchSelector {...field} {...props}>\n              {children}\n            </SwitchSelector>\n          </FormItemLayout>\n        );\n      }}\n    />\n  );\n};\n","/* eslint-disable import/no-cycle */\nimport { Button } from '../Button';\nimport {\n  FormElement,\n  InputElement,\n  InputPasswordElement,\n  TextAreaElement,\n} from './elements';\nimport { CheckboxElement } from './elements/CheckboxElement';\nimport { EditableFieldInputElement } from './elements/EditableFieldInputElement';\nimport { EditableFieldTextAreaElement } from './elements/EditableFieldTextAreaElement';\nimport { MultiSelectElement } from './elements/MultiselectElement';\nimport { SelectElement } from './elements/SelectElement';\nimport { SwitchSelectorElement } from './elements/SwitchSelectorElement';\nimport { Form as FormRoot } from './FormBase';\nimport { FormControl } from './FormControl';\nimport { FormDescription } from './FormDescription';\nimport { FormField } from './FormField';\nimport { FormItem } from './FormItem';\nimport { FormMessage } from './FormMessage';\nimport { FormLabelLayout } from './layout';\n\ntype FormType = typeof FormRoot & {\n  Description: typeof FormDescription;\n  Control: typeof FormControl;\n  Field: typeof FormField;\n  Item: typeof FormItem;\n  Label: typeof FormLabelLayout;\n  Message: typeof FormMessage;\n  Element: typeof FormElement;\n  Button: typeof Button;\n  Input: typeof InputElement;\n  InputPassword: typeof InputPasswordElement;\n  Checkbox: typeof CheckboxElement;\n  TextArea: typeof TextAreaElement;\n  MultiSelect: typeof MultiSelectElement;\n  Select: typeof SelectElement;\n  EditableFieldInput: typeof EditableFieldInputElement;\n  EditableFieldTextArea: typeof EditableFieldTextAreaElement;\n  SwitchSelector: typeof SwitchSelectorElement;\n};\n\n/**\n * Form components\n *\n * Example of usage:\n * ```jsx\n * <Form\n *  schema={ZodSchema}\n *  onSubmitSuccess={onSubmitSuccess}\n *  onSubmitError={onSubmitError}\n *  autoComplete\n * >\n *   <Form.Input name=\"name\" label=\"Name\" />\n *   <Form.Button type=\"submit\" label=\"Click to submit\">\n *      Submit\n *   </Form.Button>\n * </Form>\n * ```\n */\nexport const Form = FormRoot as FormType;\nForm.Description = FormDescription;\nForm.Control = FormControl;\nForm.Field = FormField;\nForm.Item = FormItem;\nForm.Label = FormLabelLayout;\nForm.Message = FormMessage;\nForm.Element = FormElement;\nForm.Input = InputElement;\nForm.InputPassword = InputPasswordElement;\nForm.Checkbox = CheckboxElement;\nForm.TextArea = TextAreaElement;\nForm.Button = Button;\nForm.Select = SelectElement;\nForm.MultiSelect = MultiSelectElement;\nForm.EditableFieldInput = EditableFieldInputElement;\nForm.EditableFieldTextArea = EditableFieldTextAreaElement;\nForm.SwitchSelector = SwitchSelectorElement;\n"],"names":["jsxs","jsx","FormRoot"],"mappings":"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"}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,6 +1,5 @@
 import { FC, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
-
 type AccordionProps = {
     identifier: string;
     header: ReactNode;

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

@@ -1,6 +1,5 @@
 import { UserAPI } from '@intlayer/backend';
 import { FC } from 'react';
-
 declare enum AuthState {
     SignIn = 0,
     SignUp = 1,

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

@@ -14,8 +14,8 @@ const AuthContext = require$$0.createContext({
   csrfToken: null,
   csrfTokenFetched: false,
   oAuth2AccessToken: null,
-  isProjectAdmin: false,
-  isOrganizationAdmin: false
+  isProjectAdmin: null,
+  isOrganizationAdmin: null
 });
 const useAuth = () => require$$0.useContext(AuthContext);
 const AuthProvider = ({
@@ -25,20 +25,6 @@ const AuthProvider = ({
   const { csrfToken, csrfTokenFetched } = components_Auth_AuthProvider_useCSRF.useCSRF();
   const { session, fetchSession, revalidateSession, setSession } = components_Auth_AuthProvider_useSession.useSession(sessionProp);
   const { oAuth2AccessToken } = components_Auth_AuthProvider_useOAuth2.useOAuth2(csrfToken);
-  const [isProjectAdmin, setIsProjectAdmin] = require$$0.useState(false);
-  const [isOrganizationAdmin, setIsOrganizationAdmin] = require$$0.useState(false);
-  require$$0.useEffect(() => {
-    if (session?.user && session.organization) {
-      setIsOrganizationAdmin(
-        session.organization.adminsIds.includes(session.user._id)
-      );
-    }
-    if (session?.user && session.project) {
-      setIsProjectAdmin(
-        session.project?.adminsIds.includes(session.user._id) ?? false
-      );
-    }
-  }, [session]);
   const memoValue = require$$0.useMemo(
     () => ({
       session,
@@ -48,8 +34,8 @@ const AuthProvider = ({
       csrfToken,
       csrfTokenFetched,
       oAuth2AccessToken,
-      isProjectAdmin,
-      isOrganizationAdmin
+      isProjectAdmin: session?.isProjectAdmin,
+      isOrganizationAdmin: session?.isOrganizationAdmin
     }),
     [
       session,
@@ -58,9 +44,7 @@ const AuthProvider = ({
       revalidateSession,
       csrfToken,
       csrfTokenFetched,
-      oAuth2AccessToken,
-      isProjectAdmin,
-      isOrganizationAdmin
+      oAuth2AccessToken
     ]
   );
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AuthContext.Provider, { value: memoValue, children });

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/AuthProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  Organization,\n  Project,\n  UserAPI,\n} from '@intlayer/backend';\nimport {\n  type PropsWithChildren,\n  type FC,\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n  useEffect,\n} from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: Organization | null;\n  project: Project | null;\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;\n  isOrganizationAdmin: boolean;\n};\n\nexport const AuthContext = createContext<SessionContextProps>({\n  session: undefined,\n  setSession: () => null,\n  fetchSession: () => Promise.resolve(undefined),\n  revalidateSession: () => Promise.resolve(undefined),\n  csrfToken: null,\n  csrfTokenFetched: false,\n  oAuth2AccessToken: null,\n  isProjectAdmin: false,\n  isOrganizationAdmin: false,\n});\n\nexport const useAuth = () => useContext(AuthContext);\n\nexport type AuthProviderProps = PropsWithChildren<{\n  /**\n   * auth session\n   */\n  session?: Session | null;\n}>;\n\nexport const AuthProvider: FC<PropsWithChildren<AuthProviderProps>> = ({\n  children,\n  session: sessionProp,\n}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF();\n  const { session, fetchSession, revalidateSession, setSession } =\n    useSession(sessionProp);\n  const { oAuth2AccessToken } = useOAuth2(csrfToken);\n  const [isProjectAdmin, setIsProjectAdmin] = useState<boolean>(false);\n  const [isOrganizationAdmin, setIsOrganizationAdmin] =\n    useState<boolean>(false);\n\n  useEffect(() => {\n    if (session?.user && session.organization) {\n      setIsOrganizationAdmin(\n        session.organization.adminsIds.includes(session.user._id)\n      );\n    }\n    if (session?.user && session.project) {\n      setIsProjectAdmin(\n        session.project?.adminsIds.includes(session.user._id) ?? false\n      );\n    }\n  }, [session]);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin,\n      isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin,\n      isOrganizationAdmin,\n    ]\n  );\n\n  return (\n    <AuthContext.Provider value={memoValue}>{children}</AuthContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useCSRF","useSession","useOAuth2","useState","useEffect","useMemo"],"mappings":";;;;;;;;AAuCO,MAAM,cAAcA,WAAAA,cAAmC;AAAA,EAC5D,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,cAAc,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAC7C,mBAAmB,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAClD,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB,CAAC;AAEY,MAAA,UAAU,MAAMC,WAAA,WAAW,WAAW;AAS5C,MAAM,eAAyD,CAAC;AAAA,EACrE;AAAA,EACA,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,WAAW,iBAAiB,IAAIC,qCAAQ,QAAA;AAChD,QAAM,EAAE,SAAS,cAAc,mBAAmB,eAChDC,wCAAAA,WAAW,WAAW;AACxB,QAAM,EAAE,kBAAA,IAAsBC,uCAAA,UAAU,SAAS;AACjD,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,oBAAkB,KAAK;AACnE,QAAM,CAAC,qBAAqB,sBAAsB,IAChDA,oBAAkB,KAAK;AAEzBC,aAAAA,UAAU,MAAM;AACV,QAAA,SAAS,QAAQ,QAAQ,cAAc;AACzC;AAAA,QACE,QAAQ,aAAa,UAAU,SAAS,QAAQ,KAAK,GAAG;AAAA,MAAA;AAAA,IAE5D;AACI,QAAA,SAAS,QAAQ,QAAQ,SAAS;AACpC;AAAA,QACE,QAAQ,SAAS,UAAU,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,MAAA;AAAA,IAE7D;AAAA,EAAA,GACC,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAiCC,WAAA;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,0DACG,YAAY,UAAZ,EAAqB,OAAO,WAAY,SAAS,CAAA;AAEtD;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/AuthProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  Organization,\n  Project,\n  UserAPI,\n} from '@intlayer/backend';\nimport {\n  type PropsWithChildren,\n  type FC,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: Organization | null;\n  project: Project | 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 AuthContext = createContext<SessionContextProps>({\n  session: undefined,\n  setSession: () => null,\n  fetchSession: () => Promise.resolve(undefined),\n  revalidateSession: () => Promise.resolve(undefined),\n  csrfToken: null,\n  csrfTokenFetched: false,\n  oAuth2AccessToken: null,\n  isProjectAdmin: null,\n  isOrganizationAdmin: null,\n});\n\nexport const useAuth = () => useContext(AuthContext);\n\nexport type AuthProviderProps = PropsWithChildren<{\n  /**\n   * auth session\n   */\n  session?: Session | null;\n}>;\n\nexport const AuthProvider: FC<PropsWithChildren<AuthProviderProps>> = ({\n  children,\n  session: sessionProp,\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 (\n    <AuthContext.Provider value={memoValue}>{children}</AuthContext.Provider>\n  );\n};\n"],"names":["createContext","useContext","useCSRF","useSession","useOAuth2","useMemo"],"mappings":";;;;;;;;AAuCO,MAAM,cAAcA,WAAAA,cAAmC;AAAA,EAC5D,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,cAAc,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAC7C,mBAAmB,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAClD,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB,CAAC;AAEY,MAAA,UAAU,MAAMC,WAAA,WAAW,WAAW;AAS5C,MAAM,eAAyD,CAAC;AAAA,EACrE;AAAA,EACA,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,WAAW,iBAAiB,IAAIC,qCAAQ,QAAA;AAChD,QAAM,EAAE,SAAS,cAAc,mBAAmB,eAChDC,wCAAAA,WAAW,WAAW;AACxB,QAAM,EAAE,kBAAA,IAAsBC,uCAAA,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,IACF;AAAA,EAAA;AAGF,0DACG,YAAY,UAAZ,EAAqB,OAAO,WAAY,SAAS,CAAA;AAEtD;;;;"}

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

@@ -1,10 +1,11 @@
 import { OAuth2Token, Organization, Project, UserAPI } from '@intlayer/backend';
 import { PropsWithChildren, FC } from 'react';
-
 export type Session = {
     user: UserAPI | null;
     organization: Organization | null;
     project: Project | null;
+    isOrganizationAdmin: boolean;
+    isProjectAdmin: boolean;
 };
 type SessionContextProps = {
     session: Session | null | undefined;
@@ -14,8 +15,8 @@ type SessionContextProps = {
     csrfToken: string | null | undefined;
     csrfTokenFetched: boolean;
     oAuth2AccessToken: OAuth2Token | null | undefined;
-    isProjectAdmin: boolean;
-    isOrganizationAdmin: boolean;
+    isProjectAdmin: boolean | null | undefined;
+    isOrganizationAdmin: boolean | null | undefined;
 };
 export declare const AuthContext: import('react').Context<SessionContextProps>;
 export declare const useAuth: () => SessionContextProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/AuthProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAO,EACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,GAAG,IAAI,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,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,WAAW,8CAUtB,CAAC;AAEH,eAAO,MAAM,OAAO,2BAAgC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAqDjE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/AuthProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAO,EACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,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,WAAW,8CAUtB,CAAC;AAEH,eAAO,MAAM,OAAO,2BAAgC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAmCjE,CAAC"}

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

@@ -1,6 +1,6 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
-import { createContext, useContext, useState, useEffect, useMemo } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { useCSRF } from "./useCSRF.mjs";
 import { useOAuth2 } from "./useOAuth2.mjs";
 import { useSession } from "./useSession.mjs";
@@ -12,8 +12,8 @@ const AuthContext = createContext({
   csrfToken: null,
   csrfTokenFetched: false,
   oAuth2AccessToken: null,
-  isProjectAdmin: false,
-  isOrganizationAdmin: false
+  isProjectAdmin: null,
+  isOrganizationAdmin: null
 });
 const useAuth = () => useContext(AuthContext);
 const AuthProvider = ({
@@ -23,20 +23,6 @@ const AuthProvider = ({
   const { csrfToken, csrfTokenFetched } = useCSRF();
   const { session, fetchSession, revalidateSession, setSession } = useSession(sessionProp);
   const { oAuth2AccessToken } = useOAuth2(csrfToken);
-  const [isProjectAdmin, setIsProjectAdmin] = useState(false);
-  const [isOrganizationAdmin, setIsOrganizationAdmin] = useState(false);
-  useEffect(() => {
-    if (session?.user && session.organization) {
-      setIsOrganizationAdmin(
-        session.organization.adminsIds.includes(session.user._id)
-      );
-    }
-    if (session?.user && session.project) {
-      setIsProjectAdmin(
-        session.project?.adminsIds.includes(session.user._id) ?? false
-      );
-    }
-  }, [session]);
   const memoValue = useMemo(
     () => ({
       session,
@@ -46,8 +32,8 @@ const AuthProvider = ({
       csrfToken,
       csrfTokenFetched,
       oAuth2AccessToken,
-      isProjectAdmin,
-      isOrganizationAdmin
+      isProjectAdmin: session?.isProjectAdmin,
+      isOrganizationAdmin: session?.isOrganizationAdmin
     }),
     [
       session,
@@ -56,9 +42,7 @@ const AuthProvider = ({
       revalidateSession,
       csrfToken,
       csrfTokenFetched,
-      oAuth2AccessToken,
-      isProjectAdmin,
-      isOrganizationAdmin
+      oAuth2AccessToken
     ]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(AuthContext.Provider, { value: memoValue, children });

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/components/Auth/AuthProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  Organization,\n  Project,\n  UserAPI,\n} from '@intlayer/backend';\nimport {\n  type PropsWithChildren,\n  type FC,\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n  useEffect,\n} from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: Organization | null;\n  project: Project | null;\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;\n  isOrganizationAdmin: boolean;\n};\n\nexport const AuthContext = createContext<SessionContextProps>({\n  session: undefined,\n  setSession: () => null,\n  fetchSession: () => Promise.resolve(undefined),\n  revalidateSession: () => Promise.resolve(undefined),\n  csrfToken: null,\n  csrfTokenFetched: false,\n  oAuth2AccessToken: null,\n  isProjectAdmin: false,\n  isOrganizationAdmin: false,\n});\n\nexport const useAuth = () => useContext(AuthContext);\n\nexport type AuthProviderProps = PropsWithChildren<{\n  /**\n   * auth session\n   */\n  session?: Session | null;\n}>;\n\nexport const AuthProvider: FC<PropsWithChildren<AuthProviderProps>> = ({\n  children,\n  session: sessionProp,\n}) => {\n  const { csrfToken, csrfTokenFetched } = useCSRF();\n  const { session, fetchSession, revalidateSession, setSession } =\n    useSession(sessionProp);\n  const { oAuth2AccessToken } = useOAuth2(csrfToken);\n  const [isProjectAdmin, setIsProjectAdmin] = useState<boolean>(false);\n  const [isOrganizationAdmin, setIsOrganizationAdmin] =\n    useState<boolean>(false);\n\n  useEffect(() => {\n    if (session?.user && session.organization) {\n      setIsOrganizationAdmin(\n        session.organization.adminsIds.includes(session.user._id)\n      );\n    }\n    if (session?.user && session.project) {\n      setIsProjectAdmin(\n        session.project?.adminsIds.includes(session.user._id) ?? false\n      );\n    }\n  }, [session]);\n\n  const memoValue: SessionContextProps = useMemo(\n    () => ({\n      session,\n      fetchSession,\n      setSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin,\n      isOrganizationAdmin,\n    }),\n    [\n      session,\n      setSession,\n      fetchSession,\n      revalidateSession,\n      csrfToken,\n      csrfTokenFetched,\n      oAuth2AccessToken,\n      isProjectAdmin,\n      isOrganizationAdmin,\n    ]\n  );\n\n  return (\n    <AuthContext.Provider value={memoValue}>{children}</AuthContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuCO,MAAM,cAAc,cAAmC;AAAA,EAC5D,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,cAAc,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAC7C,mBAAmB,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAClD,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB,CAAC;AAEY,MAAA,UAAU,MAAM,WAAW,WAAW;AAS5C,MAAM,eAAyD,CAAC;AAAA,EACrE;AAAA,EACA,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,WAAW,iBAAiB,IAAI,QAAQ;AAChD,QAAM,EAAE,SAAS,cAAc,mBAAmB,eAChD,WAAW,WAAW;AACxB,QAAM,EAAE,kBAAA,IAAsB,UAAU,SAAS;AACjD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAkB,KAAK;AACnE,QAAM,CAAC,qBAAqB,sBAAsB,IAChD,SAAkB,KAAK;AAEzB,YAAU,MAAM;AACV,QAAA,SAAS,QAAQ,QAAQ,cAAc;AACzC;AAAA,QACE,QAAQ,aAAa,UAAU,SAAS,QAAQ,KAAK,GAAG;AAAA,MAAA;AAAA,IAE5D;AACI,QAAA,SAAS,QAAQ,QAAQ,SAAS;AACpC;AAAA,QACE,QAAQ,SAAS,UAAU,SAAS,QAAQ,KAAK,GAAG,KAAK;AAAA,MAAA;AAAA,IAE7D;AAAA,EAAA,GACC,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAiC;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,+CACG,YAAY,UAAZ,EAAqB,OAAO,WAAY,SAAS,CAAA;AAEtD;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/Auth/AuthProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  OAuth2Token,\n  Organization,\n  Project,\n  UserAPI,\n} from '@intlayer/backend';\nimport {\n  type PropsWithChildren,\n  type FC,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react';\nimport { useCSRF } from './useCSRF';\nimport { useOAuth2 } from './useOAuth2';\nimport { useSession } from './useSession';\n\nexport type Session = {\n  user: UserAPI | null;\n  organization: Organization | null;\n  project: Project | 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 AuthContext = createContext<SessionContextProps>({\n  session: undefined,\n  setSession: () => null,\n  fetchSession: () => Promise.resolve(undefined),\n  revalidateSession: () => Promise.resolve(undefined),\n  csrfToken: null,\n  csrfTokenFetched: false,\n  oAuth2AccessToken: null,\n  isProjectAdmin: null,\n  isOrganizationAdmin: null,\n});\n\nexport const useAuth = () => useContext(AuthContext);\n\nexport type AuthProviderProps = PropsWithChildren<{\n  /**\n   * auth session\n   */\n  session?: Session | null;\n}>;\n\nexport const AuthProvider: FC<PropsWithChildren<AuthProviderProps>> = ({\n  children,\n  session: sessionProp,\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 (\n    <AuthContext.Provider value={memoValue}>{children}</AuthContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuCO,MAAM,cAAc,cAAmC;AAAA,EAC5D,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,cAAc,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAC7C,mBAAmB,MAAM,QAAQ,QAAQ,MAAS;AAAA,EAClD,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB,CAAC;AAEY,MAAA,UAAU,MAAM,WAAW,WAAW;AAS5C,MAAM,eAAyD,CAAC;AAAA,EACrE;AAAA,EACA,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,WAAW,iBAAiB,IAAI,QAAQ;AAChD,QAAM,EAAE,SAAS,cAAc,mBAAmB,eAChD,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,IACF;AAAA,EAAA;AAGF,+CACG,YAAY,UAAZ,EAAqB,OAAO,WAAY,SAAS,CAAA;AAEtD;"}

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

@@ -11,14 +11,18 @@ const useSession = (sessionProp) => {
       try {
         const result = await libs_intlayerApi_index.getIntlayerAPI().auth.getSession();
         if (result.data) {
+          const { user, organization, project } = result.data;
           const formattedSession = {
-            user: result.data.user,
-            organization: result.data.organization,
-            project: result.data.project
+            user,
+            organization,
+            isOrganizationAdmin: (user && (organization?.adminsIds ?? []).includes(user._id)) ?? false,
+            project,
+            isProjectAdmin: (user && (project?.adminsIds ?? []).includes(user._id)) ?? false
           };
           return formattedSession;
         }
       } catch (_error) {
+        console.error(_error);
       }
       return null;
     },

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

@@ -1 +1 @@
-{"version":3,"file":"useSession.cjs","sources":["../../../../src/components/Auth/AuthProvider/useSession.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useCallback, useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport { getIntlayerAPI } from '../../../libs/intlayer-api';\nimport type { Session } from './index';\n\nexport const useSession = (sessionProp?: Session | null) => {\n  const useGetSession = () =>\n    useAsync(\n      'getSession',\n      async () => {\n        try {\n          const result = await getIntlayerAPI().auth.getSession();\n\n          if (result.data) {\n            const formattedSession: Session = {\n              user: result.data.user,\n              organization: result.data.organization,\n              project: result.data.project,\n            };\n\n            return formattedSession;\n          }\n        } catch (_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 {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useGetSession();\n\n  const fetchSession = useCallback(async () => {\n    if (sessionProp) {\n      return;\n    }\n\n    return await getSession();\n  }, [sessionProp]);\n\n  const revalidateSession = revalidate;\n\n  useEffect(() => {\n    // Fetch session if sessionProp is not provided when the component is mounted\n    fetchSession();\n  }, [fetchSession]);\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"names":["useAsync","getIntlayerAPI","useCallback","useEffect","useMemo"],"mappings":";;;;;;AAOa,MAAA,aAAa,CAAC,gBAAiC;AAC1D,QAAM,gBAAgB,MACpBA,wBAAA;AAAA,IACE;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAMC,uBAAAA,eAAe,EAAE,KAAK,WAAW;AAEtD,YAAI,OAAO,MAAM;AACf,gBAAM,mBAA4B;AAAA,YAChC,MAAM,OAAO,KAAK;AAAA,YAClB,cAAc,OAAO,KAAK;AAAA,YAC1B,SAAS,OAAO,KAAK;AAAA,UAAA;AAGhB,iBAAA;AAAA,QACT;AAAA,eACO,QAAQ;AAAA,MAEjB;AAEO,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,MACF;AAAA,IACF;AAAA,EAAA;AAGE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MACE,cAAc;AAEZ,QAAA,eAAeC,WAAAA,YAAY,YAAY;AAC3C,QAAI,aAAa;AACf;AAAA,IACF;AAEA,WAAO,MAAM,WAAW;AAAA,EAAA,GACvB,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB;AAE1BC,aAAAA,UAAU,MAAM;AAED;EAAA,GACZ,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAUC,WAAA;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAAA;AAGX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}
+{"version":3,"file":"useSession.cjs","sources":["../../../../src/components/Auth/AuthProvider/useSession.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useCallback, useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport { getIntlayerAPI } from '../../../libs/intlayer-api';\nimport type { Session } from './index';\n\nexport const useSession = (sessionProp?: Session | null) => {\n  const useGetSession = () =>\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!)) ??\n                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 {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useGetSession();\n\n  const fetchSession = useCallback(async () => {\n    if (sessionProp) {\n      return;\n    }\n\n    return await getSession();\n  }, [sessionProp]);\n\n  const revalidateSession = revalidate;\n\n  useEffect(() => {\n    // Fetch session if sessionProp is not provided when the component is mounted\n    fetchSession();\n  }, [fetchSession]);\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"names":["useAsync","getIntlayerAPI","useCallback","useEffect","useMemo"],"mappings":";;;;;;AAOa,MAAA,aAAa,CAAC,gBAAiC;AAC1D,QAAM,gBAAgB,MACpBA,wBAAA;AAAA,IACE;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAMC,uBAAAA,eAAe,EAAE,KAAK,WAAW;AAEtD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,QAAA,IAAY,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,CAAI,GAAA,SAAS,KAAK,GAAI,MACtD;AAAA,UAAA;AAGG,iBAAA;AAAA,QACT;AAAA,eACO,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAEtB;AAEO,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,MACF;AAAA,IACF;AAAA,EAAA;AAGE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MACE,cAAc;AAEZ,QAAA,eAAeC,WAAAA,YAAY,YAAY;AAC3C,QAAI,aAAa;AACf;AAAA,IACF;AAEA,WAAO,MAAM,WAAW;AAAA,EAAA,GACvB,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB;AAE1BC,aAAAA,UAAU,MAAM;AAED;EAAA,GACZ,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAUC,WAAA;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAAA;AAGX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}

package/dist/components/Auth/AuthProvider/useSession.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/AuthProvider/useSession.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,iBAAkB,OAAO,GAAG,IAAI;;;;;CAuEtD,CAAC"}
+{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/AuthProvider/useSession.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,UAAU,iBAAkB,OAAO,GAAG,IAAI;;;;;CAgFtD,CAAC"}

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

@@ -9,14 +9,18 @@ const useSession = (sessionProp) => {
       try {
         const result = await getIntlayerAPI().auth.getSession();
         if (result.data) {
+          const { user, organization, project } = result.data;
           const formattedSession = {
-            user: result.data.user,
-            organization: result.data.organization,
-            project: result.data.project
+            user,
+            organization,
+            isOrganizationAdmin: (user && (organization?.adminsIds ?? []).includes(user._id)) ?? false,
+            project,
+            isProjectAdmin: (user && (project?.adminsIds ?? []).includes(user._id)) ?? false
           };
           return formattedSession;
         }
       } catch (_error) {
+        console.error(_error);
       }
       return null;
     },

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

@@ -1 +1 @@
-{"version":3,"file":"useSession.mjs","sources":["../../../../src/components/Auth/AuthProvider/useSession.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useCallback, useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport { getIntlayerAPI } from '../../../libs/intlayer-api';\nimport type { Session } from './index';\n\nexport const useSession = (sessionProp?: Session | null) => {\n  const useGetSession = () =>\n    useAsync(\n      'getSession',\n      async () => {\n        try {\n          const result = await getIntlayerAPI().auth.getSession();\n\n          if (result.data) {\n            const formattedSession: Session = {\n              user: result.data.user,\n              organization: result.data.organization,\n              project: result.data.project,\n            };\n\n            return formattedSession;\n          }\n        } catch (_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 {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useGetSession();\n\n  const fetchSession = useCallback(async () => {\n    if (sessionProp) {\n      return;\n    }\n\n    return await getSession();\n  }, [sessionProp]);\n\n  const revalidateSession = revalidate;\n\n  useEffect(() => {\n    // Fetch session if sessionProp is not provided when the component is mounted\n    fetchSession();\n  }, [fetchSession]);\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"names":[],"mappings":";;;;AAOa,MAAA,aAAa,CAAC,gBAAiC;AAC1D,QAAM,gBAAgB,MACpB;AAAA,IACE;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,eAAe,EAAE,KAAK,WAAW;AAEtD,YAAI,OAAO,MAAM;AACf,gBAAM,mBAA4B;AAAA,YAChC,MAAM,OAAO,KAAK;AAAA,YAClB,cAAc,OAAO,KAAK;AAAA,YAC1B,SAAS,OAAO,KAAK;AAAA,UAAA;AAGhB,iBAAA;AAAA,QACT;AAAA,eACO,QAAQ;AAAA,MAEjB;AAEO,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,MACF;AAAA,IACF;AAAA,EAAA;AAGE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MACE,cAAc;AAEZ,QAAA,eAAe,YAAY,YAAY;AAC3C,QAAI,aAAa;AACf;AAAA,IACF;AAEA,WAAO,MAAM,WAAW;AAAA,EAAA,GACvB,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB;AAE1B,YAAU,MAAM;AAED;EAAA,GACZ,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAAA;AAGX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useSession.mjs","sources":["../../../../src/components/Auth/AuthProvider/useSession.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useCallback, useMemo } from 'react';\nimport { useAsync } from '../../../hooks/useAsync';\nimport { getIntlayerAPI } from '../../../libs/intlayer-api';\nimport type { Session } from './index';\n\nexport const useSession = (sessionProp?: Session | null) => {\n  const useGetSession = () =>\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!)) ??\n                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 {\n    getSession,\n    revalidate,\n    data,\n    setData: setSession,\n    isFetched,\n  } = useGetSession();\n\n  const fetchSession = useCallback(async () => {\n    if (sessionProp) {\n      return;\n    }\n\n    return await getSession();\n  }, [sessionProp]);\n\n  const revalidateSession = revalidate;\n\n  useEffect(() => {\n    // Fetch session if sessionProp is not provided when the component is mounted\n    fetchSession();\n  }, [fetchSession]);\n\n  const session = useMemo(\n    () => data ?? (isFetched ? null : undefined),\n    [data, isFetched]\n  );\n\n  return {\n    session,\n    fetchSession,\n    revalidateSession,\n    setSession,\n  };\n};\n"],"names":[],"mappings":";;;;AAOa,MAAA,aAAa,CAAC,gBAAiC;AAC1D,QAAM,gBAAgB,MACpB;AAAA,IACE;AAAA,IACA,YAAY;AACN,UAAA;AACF,cAAM,SAAS,MAAM,eAAe,EAAE,KAAK,WAAW;AAEtD,YAAI,OAAO,MAAM;AACf,gBAAM,EAAE,MAAM,cAAc,QAAA,IAAY,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,CAAI,GAAA,SAAS,KAAK,GAAI,MACtD;AAAA,UAAA;AAGG,iBAAA;AAAA,QACT;AAAA,eACO,QAAQ;AACf,gBAAQ,MAAM,MAAM;AAAA,MAEtB;AAEO,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,MACF;AAAA,IACF;AAAA,EAAA;AAGE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MACE,cAAc;AAEZ,QAAA,eAAe,YAAY,YAAY;AAC3C,QAAI,aAAa;AACf;AAAA,IACF;AAEA,WAAO,MAAM,WAAW;AAAA,EAAA,GACvB,CAAC,WAAW,CAAC;AAEhB,QAAM,oBAAoB;AAE1B,YAAU,MAAM;AAED;EAAA,GACZ,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU;AAAA,IACd,MAAM,SAAS,YAAY,OAAO;AAAA,IAClC,CAAC,MAAM,SAAS;AAAA,EAAA;AAGX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}