@intlayer/design-system 4.0.3 → 4.0.4

package/dist/components/Modal/Modal.mjs

@@ -8,12 +8,13 @@ import "react";
 import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
 import { u as useScrollBlockage } from "../../index-O_7rYrbW.js";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../index-DcWYZrJW.js";
+import "@intlayer/editor-react";
+import "@intlayer/api";
 import "@intlayer/config/client";
 import "../Toaster/Toast.mjs";
-import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { cn } from "../../utils/cn.mjs";
+import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { H3 } from "../Headers/index.mjs";
 const modalVariants = cva(
@@ -97,15 +98,18 @@ const Modal = ({
                   children: [
                     hasTitle && /* @__PURE__ */ jsxRuntimeExports.jsx(H3, { className: "flex items-center justify-center text-lg font-bold", children: title }),
                     hasCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      X,
+                      Button,
                       {
-                        role: "button",
-                        "aria-label": "Close modal",
-                        className: "right-2 top-2 ml-auto cursor-pointer",
+                        variant: "hoverable",
+                        color: "text",
+                        label: "Close modal",
+                        className: "ml-auto",
                         onClick: (e) => {
                           e.stopPropagation();
                           onClose?.();
-                        }
+                        },
+                        Icon: X,
+                        size: "icon-md"
                       }
                     )
                   ]

package/dist/components/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n  children: React.ReactNode;\n  isOpen: boolean;\n  onClose?: () => void;\n  container?: HTMLElement;\n  disableScroll?: boolean;\n  hasCloseButton?: boolean;\n  title?: string;\n  size?: Size;\n} & Pick<\n  ContainerProps,\n  | 'className'\n  | 'transparency'\n  | 'border'\n  | 'background'\n  | 'roundedSize'\n  | 'borderColor'\n  | 'padding'\n  | 'separator'\n  | 'gap'\n>;\n\nconst modalVariants = cva(\n  'cursor-default overflow-auto p-3 shadow justify-center',\n  {\n    variants: {\n      variant: {\n        sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n        md: 'max-h-[50vh] w-[95vw] max-w-xl',\n        lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n        xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n        unset: 'max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'unset',\n    },\n  }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = m.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n *   Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = false,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = 'md',\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <m.div\n      className=\"bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n      animate={isOpen ? 'visible' : 'invisible'}\n      variants={{\n        visible: {\n          opacity: 1,\n          visibility: 'visible',\n          transition: { duration: 0.1, when: 'beforeChildren' },\n        },\n        invisible: {\n          opacity: 0,\n          visibility: 'hidden',\n          transition: { duration: 0.1, when: 'afterChildren' },\n        },\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <MotionModal\n        onClick={(e) => e.stopPropagation()}\n        initial={{ scale: isOpen ? 0.5 : 1 }}\n        animate={{ scale: isOpen ? 1 : 0.5 }}\n        transition={{ duration: 0.3 }}\n        className={modalVariants({\n          variant: size,\n        })}\n        role=\"dialog\"\n        aria-modal\n        roundedSize=\"2xl\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'cursor-default',\n            hasCloseButton && hasTitle\n              ? `flex items-center justify-center`\n              : hasCloseButton\n                ? `flex items-center justify-end`\n                : hasTitle\n                  ? `items-center`\n                  : `hidden`\n          )}\n        >\n          {hasTitle && (\n            <H3 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </H3>\n          )}\n          {hasCloseButton && (\n            <X\n              role=\"button\"\n              aria-label=\"Close modal\"\n              className=\"right-2 top-2 ml-auto cursor-pointer\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClose?.();\n              }}\n            />\n          )}\n        </div>\n        <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n          {children}\n        </div>\n      </MotionModal>\n    </m.div>,\n    containerElement\n  );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAc,EAAE,OAAO,SAAS;AAU/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmB,sBAAsB,SAAS;AAExD,oBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAA;AAAA,IACLD,kCAAA;AAAA,MAAC,EAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAiB;AAAA,UACtD;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,QAEvD;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAE,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEF,kCAAA,IAAA,IAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCA,kCAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,cAAW;AAAA,wBACX,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCA,kCAAAA,IAAA,OAAA,EAAI,WAAU,mDACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n  children: React.ReactNode;\n  isOpen: boolean;\n  onClose?: () => void;\n  container?: HTMLElement;\n  disableScroll?: boolean;\n  hasCloseButton?: boolean;\n  title?: string;\n  size?: Size;\n} & Pick<\n  ContainerProps,\n  | 'className'\n  | 'transparency'\n  | 'border'\n  | 'background'\n  | 'roundedSize'\n  | 'borderColor'\n  | 'padding'\n  | 'separator'\n  | 'gap'\n>;\n\nconst modalVariants = cva(\n  'cursor-default overflow-auto p-3 shadow justify-center',\n  {\n    variants: {\n      variant: {\n        sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n        md: 'max-h-[50vh] w-[95vw] max-w-xl',\n        lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n        xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n        unset: 'max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'unset',\n    },\n  }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = m.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n *   Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = false,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = 'md',\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <m.div\n      className=\"bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n      animate={isOpen ? 'visible' : 'invisible'}\n      variants={{\n        visible: {\n          opacity: 1,\n          visibility: 'visible',\n          transition: { duration: 0.1, when: 'beforeChildren' },\n        },\n        invisible: {\n          opacity: 0,\n          visibility: 'hidden',\n          transition: { duration: 0.1, when: 'afterChildren' },\n        },\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <MotionModal\n        onClick={(e) => e.stopPropagation()}\n        initial={{ scale: isOpen ? 0.5 : 1 }}\n        animate={{ scale: isOpen ? 1 : 0.5 }}\n        transition={{ duration: 0.3 }}\n        className={modalVariants({\n          variant: size,\n        })}\n        role=\"dialog\"\n        aria-modal\n        roundedSize=\"2xl\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'cursor-default',\n            hasCloseButton && hasTitle\n              ? `flex items-center justify-center`\n              : hasCloseButton\n                ? `flex items-center justify-end`\n                : hasTitle\n                  ? `items-center`\n                  : `hidden`\n          )}\n        >\n          {hasTitle && (\n            <H3 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </H3>\n          )}\n          {hasCloseButton && (\n            <Button\n              variant=\"hoverable\"\n              color=\"text\"\n              label=\"Close modal\"\n              className=\"ml-auto\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClose?.();\n              }}\n              Icon={X}\n              size=\"icon-md\"\n            />\n          )}\n        </div>\n        <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n          {children}\n        </div>\n      </MotionModal>\n    </m.div>,\n    containerElement\n  );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAc,EAAE,OAAO,SAAS;AAU/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmB,sBAAsB,SAAS;AAExD,oBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASA,sCAAAC,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAA;AAAA,IACLD,kCAAA;AAAA,MAAC,EAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAiB;AAAA,UACtD;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,QAEvD;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAE,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEF,kCAAA,IAAA,IAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCA,kCAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,OAAM;AAAA,wBACN,OAAM;AAAA,wBACN,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBACZ;AAAA,wBACA,MAAM;AAAA,wBACN,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACP;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCA,kCAAAA,IAAA,OAAA,EAAI,WAAU,mDACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/components/Navbar/MobileNavbar.cjs

@@ -7,10 +7,10 @@ const require$$0 = require("react");
 const hooks_useScrollBlockage_index = require("../../index-Cg-S9ry9.cjs");
 const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../index-DFc7og1d.cjs");
+require("@intlayer/editor-react");
+require("@intlayer/api");
 require("@intlayer/config/client");
 require("../Toaster/Toast.cjs");
-require("@intlayer/dictionaries-entry");
 require("deepmerge");
 const utils_cn = require("../../utils/cn.cjs");
 const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");

package/dist/components/Navbar/MobileNavbar.mjs

@@ -5,10 +5,10 @@ import { useState, useRef } from "react";
 import { u as useScrollBlockage } from "../../index-O_7rYrbW.js";
 import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../index-DcWYZrJW.js";
+import "@intlayer/editor-react";
+import "@intlayer/api";
 import "@intlayer/config/client";
 import "../Toaster/Toast.mjs";
-import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";

package/dist/components/Navbar/index.cjs

@@ -7,10 +7,10 @@ require("react");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../index-DFc7og1d.cjs");
+require("@intlayer/editor-react");
+require("@intlayer/api");
 require("@intlayer/config/client");
 require("../Toaster/Toast.cjs");
-require("@intlayer/dictionaries-entry");
 require("deepmerge");
 const components_Navbar_DesktopNavbar = require("./DesktopNavbar.cjs");
 const components_Navbar_MobileNavbar = require("./MobileNavbar.cjs");

package/dist/components/Navbar/index.mjs

@@ -5,10 +5,10 @@ import "react";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { useIsMounted } from "../../hooks/useIsMounted.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../index-DcWYZrJW.js";
+import "@intlayer/editor-react";
+import "@intlayer/api";
 import "@intlayer/config/client";
 import "../Toaster/Toast.mjs";
-import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { DesktopNavbar } from "./DesktopNavbar.mjs";
 import { MobileNavbar } from "./MobileNavbar.mjs";

package/dist/components/RightDrawer/RightDrawer.cjs

@@ -7,6 +7,7 @@ const require$$0 = require("react");
 const hooks_useScrollBlockage_index = require("../../index-Cg-S9ry9.cjs");
 const hooks_useDevice = require("../../hooks/useDevice.cjs");
 const utils_isElementAtTopAndNotCovered = require("../../utils/isElementAtTopAndNotCovered.cjs");
+const components_Button_Button = require("../Button/Button.cjs");
 const components_Container_index = require("../Container/index.cjs");
 const components_MaxWidthSmoother_index = require("../MaxWidthSmoother/index.cjs");
 const components_RightDrawer_useRightDrawerStore = require("./useRightDrawerStore.cjs");
@@ -36,17 +37,22 @@ const RightDrawer = ({
   });
   require$$0.useEffect(() => {
     const handleClickOutside = (event) => {
-      if (!panelRef.current) return;
-      const isClickAble = isOpen && closeOnOutsideClick;
-      const isClickOutside = !panelRef.current.contains(event.target);
-      const isAtTopAndVisible = utils_isElementAtTopAndNotCovered.isElementAtTopAndNotCovered(panelRef.current);
-      if (isClickAble && isClickOutside && isAtTopAndVisible) {
+      try {
+        if (!panelRef.current) return;
+        const isClickAble = isOpen && closeOnOutsideClick;
+        const isClickOutside = event.target && !panelRef.current.contains(event.target);
+        const isAtTopAndVisible = utils_isElementAtTopAndNotCovered.isElementAtTopAndNotCovered(panelRef.current);
+        if (isClickAble && isClickOutside && isAtTopAndVisible || !event.target) {
+          close();
+          onClose?.();
+        }
+      } catch (_e) {
         close();
         onClose?.();
       }
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    window.addEventListener("mousedown", handleClickOutside);
+    return () => window.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen, close, onClose, closeOnOutsideClick, identifier]);
   require$$0.useEffect(() => {
     if (isOpenProp !== void 0) {
@@ -76,18 +82,29 @@ const RightDrawer = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 p-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: backButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-              "button",
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: backButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Button_Button.Button,
               {
-                className: "flex cursor-pointer flex-row items-center gap-1 text-left",
+                variant: "hoverable",
+                color: "text",
+                label: backButton.text ?? "Go back",
                 onClick: backButton.onBack,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ChevronLeft, {}),
-                  backButton?.text
-                ]
+                Icon: lucideReact.ChevronLeft,
+                children: backButton?.text
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.X, { className: "ml-auto cursor-pointer", onClick: close })
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Button_Button.Button,
+              {
+                variant: "hoverable",
+                color: "text",
+                label: "Close",
+                className: "ml-auto",
+                onClick: close,
+                Icon: lucideReact.X,
+                size: "icon-md"
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("h2", { className: "flex items-center justify-center text-lg font-bold", children: title }),
           header

package/dist/components/RightDrawer/RightDrawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightDrawer.cjs","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  type FC,\n  useEffect,\n  useRef,\n  type MouseEventHandler,\n} from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { isElementAtTopAndNotCovered } from '../../utils/isElementAtTopAndNotCovered';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\ntype BackButtonProps = {\n  onBack: () => void;\n  text?: string;\n};\n\ntype RightDrawerProps = {\n  title?: ReactNode;\n  identifier: string;\n  children?: ReactNode;\n  header?: ReactNode;\n  closeOnOutsideClick?: boolean;\n  backButton?: BackButtonProps;\n  isOpen?: boolean;\n  onClose?: () => void;\n};\n\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n  isOpen: isOpenProp,\n  onClose,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { close, open, isOpen } = useRightDrawerStore(\n    useShallow((s) => ({\n      close: () => s.close(identifier),\n      open: () => s.open(identifier),\n      isOpen: s.isOpen(identifier),\n    }))\n  );\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? `right_drawer_${identifier}` : 'right_drawer',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!panelRef.current) return;\n\n      // Check if drawer is open and click outside is enabled\n      const isClickAble = isOpen && closeOnOutsideClick;\n      // Check if click is outside the drawer panel\n      const isClickOutside = !panelRef.current.contains(event.target as Node);\n      // Check if event propagation has been stopped\n      const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n      if (isClickAble && isClickOutside && isAtTopAndVisible) {\n        close();\n        onClose?.();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, onClose, closeOnOutsideClick, identifier]); // Make sure the effect runs only if isOpen or close changes\n\n  useEffect(() => {\n    if (isOpenProp !== undefined) {\n      if (isOpenProp) {\n        open();\n      } else {\n        close();\n        onClose?.();\n      }\n    }\n  }, [close, open, onClose, isOpenProp, identifier]);\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n      onClose?.();\n    }\n  };\n\n  return (\n    <div className=\"fixed right-0 top-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"text-text dark:text-text-dark relative flex h-screen w-screen flex-col md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <button\n                    className=\"flex cursor-pointer flex-row items-center gap-1 text-left\"\n                    onClick={backButton.onBack}\n                  >\n                    <ChevronLeft />\n                    {backButton?.text}\n                  </button>\n                )}\n              </div>\n              <X className=\"ml-auto cursor-pointer\" onClick={close} />\n            </div>\n            <h2 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </h2>\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex-1\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"names":["useDevice","useRef","useRightDrawerStore","useShallow","useScrollBlockage","useEffect","isElementAtTopAndNotCovered","jsx","MaxWidthSmoother","jsxs","Container","ChevronLeft","X"],"mappings":"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"}
+{"version":3,"file":"RightDrawer.cjs","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  type FC,\n  useEffect,\n  useRef,\n  type MouseEventHandler,\n} from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { isElementAtTopAndNotCovered } from '../../utils/isElementAtTopAndNotCovered';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\ntype BackButtonProps = {\n  onBack: () => void;\n  text?: string;\n};\n\ntype RightDrawerProps = {\n  title?: ReactNode;\n  identifier: string;\n  children?: ReactNode;\n  header?: ReactNode;\n  closeOnOutsideClick?: boolean;\n  backButton?: BackButtonProps;\n  isOpen?: boolean;\n  onClose?: () => void;\n};\n\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n  isOpen: isOpenProp,\n  onClose,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { close, open, isOpen } = useRightDrawerStore(\n    useShallow((s) => ({\n      close: () => s.close(identifier),\n      open: () => s.open(identifier),\n      isOpen: s.isOpen(identifier),\n    }))\n  );\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? `right_drawer_${identifier}` : 'right_drawer',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      try {\n        if (!panelRef.current) return;\n\n        // Check if drawer is open and click outside is enabled\n        const isClickAble = isOpen && closeOnOutsideClick;\n\n        // Check if click is outside the drawer panel\n        const isClickOutside =\n          event.target && !panelRef.current.contains(event.target as Node);\n\n        // Check if event propagation has been stopped\n        const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n        if (\n          (isClickAble && isClickOutside && isAtTopAndVisible) ||\n          !event.target\n        ) {\n          close();\n          onClose?.();\n        }\n      } catch (_e) {\n        close();\n        onClose?.();\n      }\n    };\n\n    window.addEventListener('mousedown', handleClickOutside);\n    return () => window.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, onClose, closeOnOutsideClick, identifier]); // Make sure the effect runs only if isOpen or close changes\n\n  useEffect(() => {\n    if (isOpenProp !== undefined) {\n      if (isOpenProp) {\n        open();\n      } else {\n        close();\n        onClose?.();\n      }\n    }\n  }, [close, open, onClose, isOpenProp, identifier]);\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n      onClose?.();\n    }\n  };\n\n  return (\n    <div className=\"fixed right-0 top-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"text-text dark:text-text-dark relative flex h-screen w-screen flex-col md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <Button\n                    variant=\"hoverable\"\n                    color=\"text\"\n                    label={backButton.text ?? 'Go back'}\n                    onClick={backButton.onBack}\n                    Icon={ChevronLeft}\n                  >\n                    {backButton?.text}\n                  </Button>\n                )}\n              </div>\n              <Button\n                variant=\"hoverable\"\n                color=\"text\"\n                label=\"Close\"\n                className=\"ml-auto\"\n                onClick={close}\n                Icon={X}\n                size=\"icon-md\"\n              />\n            </div>\n            <h2 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </h2>\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex-1\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"names":["useDevice","useRef","useRightDrawerStore","useShallow","useScrollBlockage","useEffect","isElementAtTopAndNotCovered","jsx","MaxWidthSmoother","jsxs","Container","Button","ChevronLeft","X"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RightDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AASf,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgH5C,CAAC"}
+{"version":3,"file":"RightDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AAUf,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqI5C,CAAC"}

package/dist/components/RightDrawer/RightDrawer.mjs

@@ -5,6 +5,7 @@ import { useRef, useEffect } from "react";
 import { a as useShallow, u as useScrollBlockage } from "../../index-O_7rYrbW.js";
 import { useDevice } from "../../hooks/useDevice.mjs";
 import { isElementAtTopAndNotCovered } from "../../utils/isElementAtTopAndNotCovered.mjs";
+import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { MaxWidthSmoother } from "../MaxWidthSmoother/index.mjs";
 import { useRightDrawerStore } from "./useRightDrawerStore.mjs";
@@ -34,17 +35,22 @@ const RightDrawer = ({
   });
   useEffect(() => {
     const handleClickOutside = (event) => {
-      if (!panelRef.current) return;
-      const isClickAble = isOpen && closeOnOutsideClick;
-      const isClickOutside = !panelRef.current.contains(event.target);
-      const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);
-      if (isClickAble && isClickOutside && isAtTopAndVisible) {
+      try {
+        if (!panelRef.current) return;
+        const isClickAble = isOpen && closeOnOutsideClick;
+        const isClickOutside = event.target && !panelRef.current.contains(event.target);
+        const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);
+        if (isClickAble && isClickOutside && isAtTopAndVisible || !event.target) {
+          close();
+          onClose?.();
+        }
+      } catch (_e) {
         close();
         onClose?.();
       }
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    window.addEventListener("mousedown", handleClickOutside);
+    return () => window.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen, close, onClose, closeOnOutsideClick, identifier]);
   useEffect(() => {
     if (isOpenProp !== void 0) {
@@ -74,18 +80,29 @@ const RightDrawer = ({
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 p-6", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between gap-3", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: backButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "button",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: backButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
               {
-                className: "flex cursor-pointer flex-row items-center gap-1 text-left",
+                variant: "hoverable",
+                color: "text",
+                label: backButton.text ?? "Go back",
                 onClick: backButton.onBack,
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, {}),
-                  backButton?.text
-                ]
+                Icon: ChevronLeft,
+                children: backButton?.text
               }
             ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "ml-auto cursor-pointer", onClick: close })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "hoverable",
+                color: "text",
+                label: "Close",
+                className: "ml-auto",
+                onClick: close,
+                Icon: X,
+                size: "icon-md"
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "flex items-center justify-center text-lg font-bold", children: title }),
           header

package/dist/components/RightDrawer/RightDrawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightDrawer.mjs","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  type FC,\n  useEffect,\n  useRef,\n  type MouseEventHandler,\n} from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { isElementAtTopAndNotCovered } from '../../utils/isElementAtTopAndNotCovered';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\ntype BackButtonProps = {\n  onBack: () => void;\n  text?: string;\n};\n\ntype RightDrawerProps = {\n  title?: ReactNode;\n  identifier: string;\n  children?: ReactNode;\n  header?: ReactNode;\n  closeOnOutsideClick?: boolean;\n  backButton?: BackButtonProps;\n  isOpen?: boolean;\n  onClose?: () => void;\n};\n\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n  isOpen: isOpenProp,\n  onClose,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { close, open, isOpen } = useRightDrawerStore(\n    useShallow((s) => ({\n      close: () => s.close(identifier),\n      open: () => s.open(identifier),\n      isOpen: s.isOpen(identifier),\n    }))\n  );\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? `right_drawer_${identifier}` : 'right_drawer',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!panelRef.current) return;\n\n      // Check if drawer is open and click outside is enabled\n      const isClickAble = isOpen && closeOnOutsideClick;\n      // Check if click is outside the drawer panel\n      const isClickOutside = !panelRef.current.contains(event.target as Node);\n      // Check if event propagation has been stopped\n      const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n      if (isClickAble && isClickOutside && isAtTopAndVisible) {\n        close();\n        onClose?.();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, onClose, closeOnOutsideClick, identifier]); // Make sure the effect runs only if isOpen or close changes\n\n  useEffect(() => {\n    if (isOpenProp !== undefined) {\n      if (isOpenProp) {\n        open();\n      } else {\n        close();\n        onClose?.();\n      }\n    }\n  }, [close, open, onClose, isOpenProp, identifier]);\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n      onClose?.();\n    }\n  };\n\n  return (\n    <div className=\"fixed right-0 top-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"text-text dark:text-text-dark relative flex h-screen w-screen flex-col md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <button\n                    className=\"flex cursor-pointer flex-row items-center gap-1 text-left\"\n                    onClick={backButton.onBack}\n                  >\n                    <ChevronLeft />\n                    {backButton?.text}\n                  </button>\n                )}\n              </div>\n              <X className=\"ml-auto cursor-pointer\" onClick={close} />\n            </div>\n            <h2 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </h2>\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex-1\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"RightDrawer.mjs","sources":["../../../src/components/RightDrawer/RightDrawer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n'use client';\n\nimport { ChevronLeft, X } from 'lucide-react';\nimport {\n  type ReactNode,\n  type FC,\n  useEffect,\n  useRef,\n  type MouseEventHandler,\n} from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useDevice } from '../../hooks/useDevice';\nimport { useScrollBlockage } from '../../hooks/useScrollBlockage';\nimport { isElementAtTopAndNotCovered } from '../../utils/isElementAtTopAndNotCovered';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { MaxWidthSmoother } from '../MaxWidthSmoother/index';\nimport { useRightDrawerStore } from './useRightDrawerStore';\n\ntype BackButtonProps = {\n  onBack: () => void;\n  text?: string;\n};\n\ntype RightDrawerProps = {\n  title?: ReactNode;\n  identifier: string;\n  children?: ReactNode;\n  header?: ReactNode;\n  closeOnOutsideClick?: boolean;\n  backButton?: BackButtonProps;\n  isOpen?: boolean;\n  onClose?: () => void;\n};\n\nexport const RightDrawer: FC<RightDrawerProps> = ({\n  title,\n  identifier,\n  children,\n  header,\n  closeOnOutsideClick = true,\n  backButton,\n  isOpen: isOpenProp,\n  onClose,\n}) => {\n  const { isMobile } = useDevice('md');\n  const panelRef = useRef<HTMLDivElement>(null);\n  const childrenContainerRef = useRef<HTMLDivElement>(null);\n  const { close, open, isOpen } = useRightDrawerStore(\n    useShallow((s) => ({\n      close: () => s.close(identifier),\n      open: () => s.open(identifier),\n      isOpen: s.isOpen(identifier),\n    }))\n  );\n\n  useScrollBlockage({\n    disableScroll: isOpen,\n    key: identifier ? `right_drawer_${identifier}` : 'right_drawer',\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      try {\n        if (!panelRef.current) return;\n\n        // Check if drawer is open and click outside is enabled\n        const isClickAble = isOpen && closeOnOutsideClick;\n\n        // Check if click is outside the drawer panel\n        const isClickOutside =\n          event.target && !panelRef.current.contains(event.target as Node);\n\n        // Check if event propagation has been stopped\n        const isAtTopAndVisible = isElementAtTopAndNotCovered(panelRef.current);\n\n        if (\n          (isClickAble && isClickOutside && isAtTopAndVisible) ||\n          !event.target\n        ) {\n          close();\n          onClose?.();\n        }\n      } catch (_e) {\n        close();\n        onClose?.();\n      }\n    };\n\n    window.addEventListener('mousedown', handleClickOutside);\n    return () => window.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, close, onClose, closeOnOutsideClick, identifier]); // Make sure the effect runs only if isOpen or close changes\n\n  useEffect(() => {\n    if (isOpenProp !== undefined) {\n      if (isOpenProp) {\n        open();\n      } else {\n        close();\n        onClose?.();\n      }\n    }\n  }, [close, open, onClose, isOpenProp, identifier]);\n\n  const handleSpareSpaceClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    // Check if the click trigger the background\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    if (isMobile) {\n      close();\n      onClose?.();\n    }\n  };\n\n  return (\n    <div className=\"fixed right-0 top-0 z-50 flex h-full justify-end\">\n      <MaxWidthSmoother isHidden={!isOpen} align=\"right\">\n        <Container\n          className=\"text-text dark:text-text-dark relative flex h-screen w-screen flex-col md:w-[400px]\"\n          ref={panelRef}\n          roundedSize=\"none\"\n        >\n          <div className=\"flex flex-col gap-3 p-6\">\n            <div className=\"flex justify-between gap-3\">\n              <div>\n                {backButton && (\n                  <Button\n                    variant=\"hoverable\"\n                    color=\"text\"\n                    label={backButton.text ?? 'Go back'}\n                    onClick={backButton.onBack}\n                    Icon={ChevronLeft}\n                  >\n                    {backButton?.text}\n                  </Button>\n                )}\n              </div>\n              <Button\n                variant=\"hoverable\"\n                color=\"text\"\n                label=\"Close\"\n                className=\"ml-auto\"\n                onClick={close}\n                Icon={X}\n                size=\"icon-md\"\n              />\n            </div>\n            <h2 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </h2>\n            {header}\n          </div>\n\n          <div className=\"flex h-full flex-col overflow-y-auto p-2\">\n            <div\n              className=\"flex-1\"\n              onClick={handleSpareSpaceClick}\n              ref={childrenContainerRef}\n            >\n              {children}\n            </div>\n          </div>\n        </Container>\n      </MaxWidthSmoother>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;AAqCO,MAAM,cAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAAM;AACJ,QAAM,EAAE,SAAA,IAAa,UAAU,IAAI;AAC7B,QAAA,WAAW,OAAuB,IAAI;AACtC,QAAA,uBAAuB,OAAuB,IAAI;AACxD,QAAM,EAAE,OAAO,MAAM,OAAW,IAAA;AAAA,IAC9B,WAAW,CAAC,OAAO;AAAA,MACjB,OAAO,MAAM,EAAE,MAAM,UAAU;AAAA,MAC/B,MAAM,MAAM,EAAE,KAAK,UAAU;AAAA,MAC7B,QAAQ,EAAE,OAAO,UAAU;AAAA,IAAA,EAC3B;AAAA,EACJ;AAEkB,oBAAA;AAAA,IAChB,eAAe;AAAA,IACf,KAAK,aAAa,gBAAgB,UAAU,KAAK;AAAA,EAAA,CAClD;AAED,YAAU,MAAM;AACR,UAAA,qBAAqB,CAAC,UAAsB;AAC5C,UAAA;AACE,YAAA,CAAC,SAAS,QAAS;AAGvB,cAAM,cAAc,UAAU;AAGxB,cAAA,iBACJ,MAAM,UAAU,CAAC,SAAS,QAAQ,SAAS,MAAM,MAAc;AAG3D,cAAA,oBAAoB,4BAA4B,SAAS,OAAO;AAEtE,YACG,eAAe,kBAAkB,qBAClC,CAAC,MAAM,QACP;AACM,gBAAA;AACI,oBAAA;AAAA,QAAA;AAAA,eAEL,IAAI;AACL,cAAA;AACI,kBAAA;AAAA,MAAA;AAAA,IAEd;AAEO,WAAA,iBAAiB,aAAa,kBAAkB;AACvD,WAAO,MAAM,OAAO,oBAAoB,aAAa,kBAAkB;AAAA,EAAA,GACtE,CAAC,QAAQ,OAAO,SAAS,qBAAqB,UAAU,CAAC;AAE5D,YAAU,MAAM;AACd,QAAI,eAAe,QAAW;AAC5B,UAAI,YAAY;AACT,aAAA;AAAA,MAAA,OACA;AACC,cAAA;AACI,kBAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,GACC,CAAC,OAAO,MAAM,SAAS,YAAY,UAAU,CAAC;AAE3C,QAAA,wBAA2D,CAAC,MAAM;AAElE,QAAA,EAAE,WAAW,EAAE,eAAe;AAChC;AAAA,IAAA;AAGF,QAAI,UAAU;AACN,YAAA;AACI,gBAAA;AAAA,IAAA;AAAA,EAEd;AAGE,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,oDACb,UAAAA,kCAAA,IAAC,oBAAiB,UAAU,CAAC,QAAQ,OAAM,SACzC,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK;AAAA,MACL,aAAY;AAAA,MAEZ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAAD,kCAAAA,IAAC,SACE,UACC,cAAAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,OAAO,WAAW,QAAQ;AAAA,gBAC1B,SAAS,WAAW;AAAA,gBACpB,MAAM;AAAA,gBAEL,UAAY,YAAA;AAAA,cAAA;AAAA,YAAA,GAGnB;AAAA,YACAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,GACF;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,UACC;AAAA,QAAA,GACH;AAAA,QAEAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,4CACb,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,YACT,KAAK;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAEJ,EACF,CAAA;AAEJ;"}

package/dist/components/SwitchSelector/index.cjs

@@ -6,11 +6,11 @@ const require$$0 = require("react");
 const classVarianceAuthority = require("class-variance-authority");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../index-DFc7og1d.cjs");
+require("@intlayer/editor-react");
+require("@intlayer/api");
 require("@intlayer/config/client");
 require("../Toaster/Toast.cjs");
 const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
-require("@intlayer/dictionaries-entry");
 require("deepmerge");
 const utils_cn = require("../../utils/cn.cjs");
 const defaultChoices = [

package/dist/components/SwitchSelector/index.mjs

@@ -4,11 +4,11 @@ import { useState, useRef, useEffect, createElement } from "react";
 import { cva } from "class-variance-authority";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../index-DcWYZrJW.js";
+import "@intlayer/editor-react";
+import "@intlayer/api";
 import "@intlayer/config/client";
 import "../Toaster/Toast.mjs";
 import { useItemSelector } from "../../hooks/useItemSelector.mjs";
-import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { cn } from "../../utils/cn.mjs";
 const defaultChoices = [

package/dist/components/TabSelector/TabSelector.cjs

@@ -6,11 +6,11 @@ const classVarianceAuthority = require("class-variance-authority");
 const require$$0 = require("react");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../index-DFc7og1d.cjs");
+require("@intlayer/editor-react");
+require("@intlayer/api");
 require("@intlayer/config/client");
 require("../Toaster/Toast.cjs");
 const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
-require("@intlayer/dictionaries-entry");
 require("deepmerge");
 const utils_cn = require("../../utils/cn.cjs");
 const tabSelectorVariant = classVarianceAuthority.cva(

package/dist/components/TabSelector/TabSelector.mjs

@@ -4,11 +4,11 @@ import { cva } from "class-variance-authority";
 import { useRef, cloneElement } from "react";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../index-DcWYZrJW.js";
+import "@intlayer/editor-react";
+import "@intlayer/api";
 import "@intlayer/config/client";
 import "../Toaster/Toast.mjs";
 import { useItemSelector } from "../../hooks/useItemSelector.mjs";
-import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { cn } from "../../utils/cn.mjs";
 const tabSelectorVariant = cva(

package/dist/hooks/intlayerAPIHooks.cjs

@@ -1,6 +1,7 @@
 "use client";
 "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");
@@ -41,7 +42,10 @@ const useErrorHandling = (options) => {
   };
 };
 const useAuthEnable = (options, { requireUser, requireProject, requireOrganization } = {}) => {
-  const { csrfToken, oAuth2AccessToken, session } = components_Auth_useAuth_index.useAuth();
+  const { configuration } = editorReact.useConfiguration();
+  const { csrfToken, oAuth2AccessToken, session } = components_Auth_useAuth_index.useAuth({
+    intlayerConfiguration: configuration
+  });
   const isEnabledOption = options?.enable ?? true;
   const user = session ? session.user : oAuth2AccessToken?.user;
   const organization = session ? session.organization : oAuth2AccessToken?.organization;

package/dist/hooks/intlayerAPIHooks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"intlayerAPIHooks.cjs","sources":["../../__vite-browser-external","../../src/hooks/intlayerAPIHooks.ts"],"sourcesContent":["export default {}","/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client';\n\nimport process from 'process';\nimport { intlayerAPI } from '@intlayer/api';\nimport { useAuth } from '../components/Auth/useAuth/index';\nimport { useToast } from '../components/Toaster';\nimport { useAsync, UseAsyncOptions } from './useAsync/useAsync';\nimport { useIntlayerAuth } from './useIntlayerAPI';\n\n/**\n *  Hook to handle error logging and toast notifications\n */\nconst useErrorHandling = <T extends UseAsyncOptions<any>>(options: T): T => {\n  const { toast } = useToast();\n\n  return {\n    ...options,\n    onError: (errorMessage) => {\n      let error;\n\n      // If json is valid, parse it\n      try {\n        error = JSON.parse(errorMessage);\n      } catch (e) {\n        console.error(e);\n        // If json is not valid, set error to the original errorMessage\n\n        error = errorMessage;\n      }\n\n      // render toast for each error if there is more than one\n      // otherwise render the toast with the error message\n      [error]\n        .flatMap((error) => error)\n        .forEach((error) =>\n          toast({\n            title:\n              (process.env.NODE_ENV === 'production'\n                ? error.title\n                : error.code) ?? 'Error',\n            description: error.message ?? errorMessage ?? 'An error occurred',\n            variant: 'error',\n          })\n        );\n      options.onError?.(errorMessage);\n    },\n    onSuccess: (data) => {\n      if (data.message)\n        toast({\n          title: data.message,\n          description: data.description,\n          variant: 'success',\n        });\n      options.onSuccess?.(data);\n    },\n  };\n};\n\ntype AuthEnableOptions = {\n  requireUser?: boolean;\n  requireProject?: boolean;\n  requireOrganization?: boolean;\n};\n\n/**\n * Hook to enable authentication\n */\nconst useAuthEnable = <T extends UseAsyncOptions<any>>(\n  options: T,\n  { requireUser, requireProject, requireOrganization }: AuthEnableOptions = {}\n): T => {\n  const { csrfToken, oAuth2AccessToken, session } = useAuth();\n\n  const isEnabledOption = options?.enable ?? true;\n  const user = session ? session.user : oAuth2AccessToken?.user;\n\n  const organization = session\n    ? session.organization\n    : oAuth2AccessToken?.organization;\n\n  const project = session ? session.project : oAuth2AccessToken?.project;\n\n  const isUserEnabled = requireUser ? Boolean(user) : true;\n\n  const isProjectEnabled = requireProject ? Boolean(project) : true;\n\n  const isOrganizationEnabled = requireOrganization\n    ? Boolean(organization)\n    : true;\n\n  const isCSRFEnabled =\n    Boolean(csrfToken) ||\n    // If auth using session, csrf token is not required\n    (!session && Boolean(oAuth2AccessToken));\n\n  const isEnabled =\n    isEnabledOption &&\n    isUserEnabled &&\n    isProjectEnabled &&\n    isOrganizationEnabled &&\n    isCSRFEnabled;\n\n  return {\n    ...options,\n    enable: isEnabled,\n  };\n};\n\nconst useAppAsync = <\n  U extends string,\n  T extends (...args: any[]) => Promise<any>,\n>(\n  key: U,\n  asyncFunction: T,\n  options?: UseAsyncOptions<T>,\n  authOptions?: AuthEnableOptions\n) => {\n  // Enhance options using custom hooks\n  const optionsWithAuth = useAuthEnable(options ?? {}, authOptions);\n\n  const optionsWithErrorHandling = useErrorHandling(optionsWithAuth);\n\n  // Call the main useAsync hook with enhanced options\n  return useAsync(key, asyncFunction, optionsWithErrorHandling);\n};\n\n/**\n * Auth\n */\n\nexport const useLogin = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.login>\n) =>\n  useAppAsync('login', useIntlayerAuth().auth.login, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useRegister = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.register>\n) =>\n  useAppAsync('register', useIntlayerAuth().auth.register, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useLogout = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.logout>\n) =>\n  useAppAsync('logout', useIntlayerAuth().auth.logout, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useChangePassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.changePassword>\n) => useAppAsync('changePassword', useIntlayerAuth().auth.changePassword, args);\nexport const useAskResetPassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.askResetPassword>\n) =>\n  useAppAsync(\n    'askResetPassword',\n    useIntlayerAuth().auth.askResetPassword,\n    args\n  );\nexport const useResetPassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.resetPassword>\n) => useAppAsync('resetPassword', useIntlayerAuth().auth.resetPassword, args);\nexport const useCheckIfUserHasPassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.checkIfUserHasPassword>\n) =>\n  useAppAsync(\n    'checkIfUserHasPassword',\n    useIntlayerAuth().auth.checkIfUserHasPassword,\n    args,\n    {\n      requireUser: true,\n    }\n  );\nexport const useVerifyEmail = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.verifyEmail>\n) => useAppAsync('verifyEmail', useIntlayerAuth().auth.verifyEmail, args);\n\nexport const useGetUserByAccount = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.getUserByAccount>\n) =>\n  useAppAsync(\n    'getUserByAccount',\n    useIntlayerAuth().user.getUserByAccount,\n    args\n  );\n\n/**\n * User\n */\n\nexport const useGetUsers = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.getUsers>\n) =>\n  useAppAsync(\n    'getUsers',\n    useIntlayerAuth().user.getUsers,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n    }\n  );\nexport const useCreateUser = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.createUser>\n) =>\n  useAppAsync('createUser', useIntlayerAuth().user.createUser, {\n    invalidateQueries: ['getUsers'],\n    ...args,\n  });\nexport const useUpdateUser = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.updateUser>\n) =>\n  useAppAsync('updateUser', useIntlayerAuth().user.updateUser, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useDeleteUser = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.deleteUser>\n) =>\n  useAppAsync('deleteUser', useIntlayerAuth().user.deleteUser, {\n    invalidateQueries: ['getUsers'],\n    ...args,\n  });\n\n/**\n * Organization\n */\n\nexport const useGetOrganizations = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.getOrganizations>\n) =>\n  useAppAsync(\n    'getOrganizations',\n    useIntlayerAuth().organization.getOrganizations,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n    }\n  );\n\nexport const useAddOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.addOrganization>\n) =>\n  useAppAsync(\n    'addOrganization',\n    useIntlayerAuth().organization.addOrganization,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useUpdateOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.updateOrganization>\n) =>\n  useAppAsync(\n    'updateOrganization',\n    useIntlayerAuth().organization.updateOrganization,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\nexport const useUpdateOrganizationMembers = (\n  args?: UseAsyncOptions<\n    typeof intlayerAPI.organization.updateOrganizationMembers\n  >\n) =>\n  useAppAsync(\n    'updateOrganizationMembers',\n    useIntlayerAuth().organization.updateOrganizationMembers,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useAddOrganizationMember = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.addOrganizationMember>\n) =>\n  useAppAsync(\n    'addOrganizationMember',\n    useIntlayerAuth().organization.addOrganizationMember,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useDeleteOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.deleteOrganization>\n) =>\n  useAppAsync(\n    'deleteOrganization',\n    useIntlayerAuth().organization.deleteOrganization,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useSelectOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.selectOrganization>\n) =>\n  useAppAsync(\n    'selectOrganization',\n    useIntlayerAuth().organization.selectOrganization,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\nexport const useUnselectOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.unselectOrganization>\n) =>\n  useAppAsync(\n    'unselectOrganization',\n    useIntlayerAuth().organization.unselectOrganization,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\n\n/**\n * Project\n */\n\nexport const useGetProjects = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.getProjects>\n) =>\n  useAppAsync(\n    'getProjects',\n    useIntlayerAuth().project.getProjects,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\nexport const useAddProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.addProject>\n) =>\n  useAppAsync('addProject', useIntlayerAuth().project.addProject, {\n    invalidateQueries: ['getProjects'],\n    ...args,\n  });\nexport const useUpdateProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.updateProject>\n) =>\n  useAppAsync('updateProject', useIntlayerAuth().project.updateProject, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useUpdateProjectMembers = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.updateProjectMembers>\n) =>\n  useAppAsync(\n    'updateProjectMembers',\n    useIntlayerAuth().project.updateProjectMembers,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\nexport const useDeleteProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.deleteProject>\n) =>\n  useAppAsync('deleteProject', useIntlayerAuth().project.deleteProject, {\n    invalidateQueries: ['getProjects'],\n    ...args,\n  });\nexport const useSelectProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.selectProject>\n) =>\n  useAppAsync('selectProject', useIntlayerAuth().project.selectProject, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useUnselectProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.unselectProject>\n) =>\n  useAppAsync('unselectProject', useIntlayerAuth().project.unselectProject, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useAddNewAccessKey = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.addNewAccessKey>\n) =>\n  useAppAsync('addNewAccessKey', useIntlayerAuth().project.addNewAccessKey, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useDeleteAccessKey = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.deleteAccessKey>\n) =>\n  useAppAsync('deleteAccessKey', useIntlayerAuth().project.deleteAccessKey, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useRefreshAccessKey = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.refreshAccessKey>\n) =>\n  useAppAsync('refreshAccessKey', useIntlayerAuth().project.refreshAccessKey, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\n\n/**\n * Dictionary\n */\n\nexport const useGetDictionaries = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.getDictionaries>\n) =>\n  useAppAsync(\n    'getDictionaries',\n    useIntlayerAuth().dictionary.getDictionaries,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useGetDictionariesKeys = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.getDictionariesKeys>\n) =>\n  useAppAsync(\n    'getDictionariesKeys',\n    useIntlayerAuth().dictionary.getDictionariesKeys,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useGetDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.getDictionary>\n) =>\n  useAppAsync(\n    'getDictionary',\n    useIntlayerAuth().dictionary.getDictionary,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\nexport const useAddDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.addDictionary>\n) =>\n  useAppAsync('addDictionary', useIntlayerAuth().dictionary.addDictionary, {\n    invalidateQueries: ['getDictionaries', 'getDictionariesKeys'],\n    ...args,\n  });\n\nexport const usePushDictionaries = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.pushDictionaries>\n) =>\n  useAppAsync(\n    'pushDictionaries',\n    useIntlayerAuth().dictionary.pushDictionaries,\n    {\n      invalidateQueries: [\n        'getDictionaries',\n        'getDictionary',\n        'getDictionariesKeys',\n      ],\n      ...args,\n    }\n  );\nexport const useUpdateDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.updateDictionary>\n) =>\n  useAppAsync(\n    'updateDictionary',\n    useIntlayerAuth().dictionary.updateDictionary,\n    {\n      invalidateQueries: ['getDictionaries', 'getDictionary'],\n      ...args,\n    }\n  );\nexport const useDeleteDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.deleteDictionary>\n) =>\n  useAppAsync(\n    'deleteDictionary',\n    useIntlayerAuth().dictionary.deleteDictionary,\n    {\n      invalidateQueries: [\n        'getDictionaries',\n        'getDictionary',\n        'getDictionariesKeys',\n      ],\n      ...args,\n    }\n  );\n\n/**\n * Tag\n */\n\nexport const useGetTags = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.getTags>\n) =>\n  useAppAsync(\n    'getTags',\n    useIntlayerAuth().tag.getTags,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\nexport const useAddTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.addTag>\n) =>\n  useAppAsync('addTag', useIntlayerAuth().tag.addTag, {\n    invalidateQueries: ['getTags'],\n    ...args,\n  });\nexport const useUpdateTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.updateTag>\n) =>\n  useAppAsync('updateTag', useIntlayerAuth().tag.updateTag, {\n    invalidateQueries: ['getTags'],\n    ...args,\n  });\nexport const useDeleteTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.deleteTag>\n) =>\n  useAppAsync('deleteTag', useIntlayerAuth().tag.deleteTag, {\n    invalidateQueries: ['getTags'],\n    ...args,\n  });\n\n/**\n * Stripe\n */\n\nexport const useGetSubscription = (\n  args?: UseAsyncOptions<typeof intlayerAPI.stripe.getSubscription>\n) =>\n  useAppAsync(\n    'getSubscription',\n    useIntlayerAuth().stripe.getSubscription,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\n\nexport const useCancelSubscription = (\n  args?: UseAsyncOptions<typeof intlayerAPI.stripe.cancelSubscription>\n) =>\n  useAppAsync(\n    'cancelSubscription',\n    useIntlayerAuth().stripe.cancelSubscription,\n    { invalidateQueries: ['getSession'], ...args },\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\n\n/**\n * AI\n */\n\nexport const useAuditContentDeclaration = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditContentDeclaration>\n) =>\n  useAppAsync(\n    'auditContentDeclaration',\n    useIntlayerAuth().ai.auditContentDeclaration,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useAuditContentDeclarationMetadata = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditContentDeclarationMetadata>\n) =>\n  useAppAsync(\n    'auditContentDeclaration',\n    useIntlayerAuth().ai.auditContentDeclarationMetadata,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useAuditContentDeclarationField = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditContentDeclarationField>\n) =>\n  useAppAsync(\n    'auditContentDeclarationField',\n    useIntlayerAuth().ai.auditContentDeclarationField,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useAuditTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditTag>\n) =>\n  useAppAsync('auditTag', useIntlayerAuth().ai.auditTag, args, {\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n  });\n\nexport const useAskDocQuestion = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.askDocQuestion>\n) => useAppAsync('askDocQuestion', useIntlayerAuth().ai.askDocQuestion, args);\n"],"names":["useToast","error","useAuth","useAsync","useIntlayerAuth"],"mappings":"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"}
+{"version":3,"file":"intlayerAPIHooks.cjs","sources":["../../__vite-browser-external","../../src/hooks/intlayerAPIHooks.ts"],"sourcesContent":["export default {}","/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client';\n\nimport process from 'process';\nimport { intlayerAPI } from '@intlayer/api';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useAuth } from '../components/Auth/useAuth/index';\nimport { useToast } from '../components/Toaster';\nimport { useAsync, UseAsyncOptions } from './useAsync/useAsync';\nimport { useIntlayerAuth } from './useIntlayerAPI';\n\n/**\n *  Hook to handle error logging and toast notifications\n */\nconst useErrorHandling = <T extends UseAsyncOptions<any>>(options: T): T => {\n  const { toast } = useToast();\n\n  return {\n    ...options,\n    onError: (errorMessage) => {\n      let error;\n\n      // If json is valid, parse it\n      try {\n        error = JSON.parse(errorMessage);\n      } catch (e) {\n        console.error(e);\n        // If json is not valid, set error to the original errorMessage\n\n        error = errorMessage;\n      }\n\n      // render toast for each error if there is more than one\n      // otherwise render the toast with the error message\n      [error]\n        .flatMap((error) => error)\n        .forEach((error) =>\n          toast({\n            title:\n              (process.env.NODE_ENV === 'production'\n                ? error.title\n                : error.code) ?? 'Error',\n            description: error.message ?? errorMessage ?? 'An error occurred',\n            variant: 'error',\n          })\n        );\n      options.onError?.(errorMessage);\n    },\n    onSuccess: (data) => {\n      if (data.message)\n        toast({\n          title: data.message,\n          description: data.description,\n          variant: 'success',\n        });\n      options.onSuccess?.(data);\n    },\n  };\n};\n\ntype AuthEnableOptions = {\n  requireUser?: boolean;\n  requireProject?: boolean;\n  requireOrganization?: boolean;\n};\n\n/**\n * Hook to enable authentication\n */\nconst useAuthEnable = <T extends UseAsyncOptions<any>>(\n  options: T,\n  { requireUser, requireProject, requireOrganization }: AuthEnableOptions = {}\n): T => {\n  const { configuration } = useConfiguration();\n  const { csrfToken, oAuth2AccessToken, session } = useAuth({\n    intlayerConfiguration: configuration,\n  });\n\n  const isEnabledOption = options?.enable ?? true;\n  const user = session ? session.user : oAuth2AccessToken?.user;\n\n  const organization = session\n    ? session.organization\n    : oAuth2AccessToken?.organization;\n\n  const project = session ? session.project : oAuth2AccessToken?.project;\n\n  const isUserEnabled = requireUser ? Boolean(user) : true;\n\n  const isProjectEnabled = requireProject ? Boolean(project) : true;\n\n  const isOrganizationEnabled = requireOrganization\n    ? Boolean(organization)\n    : true;\n\n  const isCSRFEnabled =\n    Boolean(csrfToken) ||\n    // If auth using session, csrf token is not required\n    (!session && Boolean(oAuth2AccessToken));\n\n  const isEnabled =\n    isEnabledOption &&\n    isUserEnabled &&\n    isProjectEnabled &&\n    isOrganizationEnabled &&\n    isCSRFEnabled;\n\n  return {\n    ...options,\n    enable: isEnabled,\n  };\n};\n\nconst useAppAsync = <\n  U extends string,\n  T extends (...args: any[]) => Promise<any>,\n>(\n  key: U,\n  asyncFunction: T,\n  options?: UseAsyncOptions<T>,\n  authOptions?: AuthEnableOptions\n) => {\n  // Enhance options using custom hooks\n  const optionsWithAuth = useAuthEnable(options ?? {}, authOptions);\n\n  const optionsWithErrorHandling = useErrorHandling(optionsWithAuth);\n\n  // Call the main useAsync hook with enhanced options\n  return useAsync(key, asyncFunction, optionsWithErrorHandling);\n};\n\n/**\n * Auth\n */\n\nexport const useLogin = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.login>\n) =>\n  useAppAsync('login', useIntlayerAuth().auth.login, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useRegister = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.register>\n) =>\n  useAppAsync('register', useIntlayerAuth().auth.register, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useLogout = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.logout>\n) =>\n  useAppAsync('logout', useIntlayerAuth().auth.logout, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useChangePassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.changePassword>\n) => useAppAsync('changePassword', useIntlayerAuth().auth.changePassword, args);\nexport const useAskResetPassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.askResetPassword>\n) =>\n  useAppAsync(\n    'askResetPassword',\n    useIntlayerAuth().auth.askResetPassword,\n    args\n  );\nexport const useResetPassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.resetPassword>\n) => useAppAsync('resetPassword', useIntlayerAuth().auth.resetPassword, args);\nexport const useCheckIfUserHasPassword = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.checkIfUserHasPassword>\n) =>\n  useAppAsync(\n    'checkIfUserHasPassword',\n    useIntlayerAuth().auth.checkIfUserHasPassword,\n    args,\n    {\n      requireUser: true,\n    }\n  );\nexport const useVerifyEmail = (\n  args?: UseAsyncOptions<typeof intlayerAPI.auth.verifyEmail>\n) => useAppAsync('verifyEmail', useIntlayerAuth().auth.verifyEmail, args);\n\nexport const useGetUserByAccount = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.getUserByAccount>\n) =>\n  useAppAsync(\n    'getUserByAccount',\n    useIntlayerAuth().user.getUserByAccount,\n    args\n  );\n\n/**\n * User\n */\n\nexport const useGetUsers = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.getUsers>\n) =>\n  useAppAsync(\n    'getUsers',\n    useIntlayerAuth().user.getUsers,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n    }\n  );\nexport const useCreateUser = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.createUser>\n) =>\n  useAppAsync('createUser', useIntlayerAuth().user.createUser, {\n    invalidateQueries: ['getUsers'],\n    ...args,\n  });\nexport const useUpdateUser = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.updateUser>\n) =>\n  useAppAsync('updateUser', useIntlayerAuth().user.updateUser, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useDeleteUser = (\n  args?: UseAsyncOptions<typeof intlayerAPI.user.deleteUser>\n) =>\n  useAppAsync('deleteUser', useIntlayerAuth().user.deleteUser, {\n    invalidateQueries: ['getUsers'],\n    ...args,\n  });\n\n/**\n * Organization\n */\n\nexport const useGetOrganizations = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.getOrganizations>\n) =>\n  useAppAsync(\n    'getOrganizations',\n    useIntlayerAuth().organization.getOrganizations,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n    }\n  );\n\nexport const useAddOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.addOrganization>\n) =>\n  useAppAsync(\n    'addOrganization',\n    useIntlayerAuth().organization.addOrganization,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useUpdateOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.updateOrganization>\n) =>\n  useAppAsync(\n    'updateOrganization',\n    useIntlayerAuth().organization.updateOrganization,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\nexport const useUpdateOrganizationMembers = (\n  args?: UseAsyncOptions<\n    typeof intlayerAPI.organization.updateOrganizationMembers\n  >\n) =>\n  useAppAsync(\n    'updateOrganizationMembers',\n    useIntlayerAuth().organization.updateOrganizationMembers,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useAddOrganizationMember = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.addOrganizationMember>\n) =>\n  useAppAsync(\n    'addOrganizationMember',\n    useIntlayerAuth().organization.addOrganizationMember,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useDeleteOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.deleteOrganization>\n) =>\n  useAppAsync(\n    'deleteOrganization',\n    useIntlayerAuth().organization.deleteOrganization,\n    {\n      invalidateQueries: ['getOrganizations'],\n      ...args,\n    }\n  );\nexport const useSelectOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.selectOrganization>\n) =>\n  useAppAsync(\n    'selectOrganization',\n    useIntlayerAuth().organization.selectOrganization,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\nexport const useUnselectOrganization = (\n  args?: UseAsyncOptions<typeof intlayerAPI.organization.unselectOrganization>\n) =>\n  useAppAsync(\n    'unselectOrganization',\n    useIntlayerAuth().organization.unselectOrganization,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\n\n/**\n * Project\n */\n\nexport const useGetProjects = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.getProjects>\n) =>\n  useAppAsync(\n    'getProjects',\n    useIntlayerAuth().project.getProjects,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\nexport const useAddProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.addProject>\n) =>\n  useAppAsync('addProject', useIntlayerAuth().project.addProject, {\n    invalidateQueries: ['getProjects'],\n    ...args,\n  });\nexport const useUpdateProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.updateProject>\n) =>\n  useAppAsync('updateProject', useIntlayerAuth().project.updateProject, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useUpdateProjectMembers = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.updateProjectMembers>\n) =>\n  useAppAsync(\n    'updateProjectMembers',\n    useIntlayerAuth().project.updateProjectMembers,\n    {\n      invalidateQueries: ['getSession'],\n      ...args,\n    }\n  );\nexport const useDeleteProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.deleteProject>\n) =>\n  useAppAsync('deleteProject', useIntlayerAuth().project.deleteProject, {\n    invalidateQueries: ['getProjects'],\n    ...args,\n  });\nexport const useSelectProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.selectProject>\n) =>\n  useAppAsync('selectProject', useIntlayerAuth().project.selectProject, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useUnselectProject = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.unselectProject>\n) =>\n  useAppAsync('unselectProject', useIntlayerAuth().project.unselectProject, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useAddNewAccessKey = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.addNewAccessKey>\n) =>\n  useAppAsync('addNewAccessKey', useIntlayerAuth().project.addNewAccessKey, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useDeleteAccessKey = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.deleteAccessKey>\n) =>\n  useAppAsync('deleteAccessKey', useIntlayerAuth().project.deleteAccessKey, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\nexport const useRefreshAccessKey = (\n  args?: UseAsyncOptions<typeof intlayerAPI.project.refreshAccessKey>\n) =>\n  useAppAsync('refreshAccessKey', useIntlayerAuth().project.refreshAccessKey, {\n    invalidateQueries: ['getSession'],\n    ...args,\n  });\n\n/**\n * Dictionary\n */\n\nexport const useGetDictionaries = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.getDictionaries>\n) =>\n  useAppAsync(\n    'getDictionaries',\n    useIntlayerAuth().dictionary.getDictionaries,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useGetDictionariesKeys = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.getDictionariesKeys>\n) =>\n  useAppAsync(\n    'getDictionariesKeys',\n    useIntlayerAuth().dictionary.getDictionariesKeys,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useGetDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.getDictionary>\n) =>\n  useAppAsync(\n    'getDictionary',\n    useIntlayerAuth().dictionary.getDictionary,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\nexport const useAddDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.addDictionary>\n) =>\n  useAppAsync('addDictionary', useIntlayerAuth().dictionary.addDictionary, {\n    invalidateQueries: ['getDictionaries', 'getDictionariesKeys'],\n    ...args,\n  });\n\nexport const usePushDictionaries = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.pushDictionaries>\n) =>\n  useAppAsync(\n    'pushDictionaries',\n    useIntlayerAuth().dictionary.pushDictionaries,\n    {\n      invalidateQueries: [\n        'getDictionaries',\n        'getDictionary',\n        'getDictionariesKeys',\n      ],\n      ...args,\n    }\n  );\nexport const useUpdateDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.updateDictionary>\n) =>\n  useAppAsync(\n    'updateDictionary',\n    useIntlayerAuth().dictionary.updateDictionary,\n    {\n      invalidateQueries: ['getDictionaries', 'getDictionary'],\n      ...args,\n    }\n  );\nexport const useDeleteDictionary = (\n  args?: UseAsyncOptions<typeof intlayerAPI.dictionary.deleteDictionary>\n) =>\n  useAppAsync(\n    'deleteDictionary',\n    useIntlayerAuth().dictionary.deleteDictionary,\n    {\n      invalidateQueries: [\n        'getDictionaries',\n        'getDictionary',\n        'getDictionariesKeys',\n      ],\n      ...args,\n    }\n  );\n\n/**\n * Tag\n */\n\nexport const useGetTags = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.getTags>\n) =>\n  useAppAsync(\n    'getTags',\n    useIntlayerAuth().tag.getTags,\n    {\n      cache: true,\n      store: true,\n      retryLimit: 3,\n      autoFetch: true,\n      revalidation: true,\n      revalidateTime: 5 * 60 * 1000, // 5 minutes\n      ...args,\n    },\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\nexport const useAddTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.addTag>\n) =>\n  useAppAsync('addTag', useIntlayerAuth().tag.addTag, {\n    invalidateQueries: ['getTags'],\n    ...args,\n  });\nexport const useUpdateTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.updateTag>\n) =>\n  useAppAsync('updateTag', useIntlayerAuth().tag.updateTag, {\n    invalidateQueries: ['getTags'],\n    ...args,\n  });\nexport const useDeleteTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.tag.deleteTag>\n) =>\n  useAppAsync('deleteTag', useIntlayerAuth().tag.deleteTag, {\n    invalidateQueries: ['getTags'],\n    ...args,\n  });\n\n/**\n * Stripe\n */\n\nexport const useGetSubscription = (\n  args?: UseAsyncOptions<typeof intlayerAPI.stripe.getSubscription>\n) =>\n  useAppAsync(\n    'getSubscription',\n    useIntlayerAuth().stripe.getSubscription,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\n\nexport const useCancelSubscription = (\n  args?: UseAsyncOptions<typeof intlayerAPI.stripe.cancelSubscription>\n) =>\n  useAppAsync(\n    'cancelSubscription',\n    useIntlayerAuth().stripe.cancelSubscription,\n    { invalidateQueries: ['getSession'], ...args },\n    {\n      requireUser: true,\n      requireOrganization: true,\n    }\n  );\n\n/**\n * AI\n */\n\nexport const useAuditContentDeclaration = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditContentDeclaration>\n) =>\n  useAppAsync(\n    'auditContentDeclaration',\n    useIntlayerAuth().ai.auditContentDeclaration,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useAuditContentDeclarationMetadata = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditContentDeclarationMetadata>\n) =>\n  useAppAsync(\n    'auditContentDeclaration',\n    useIntlayerAuth().ai.auditContentDeclarationMetadata,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useAuditContentDeclarationField = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditContentDeclarationField>\n) =>\n  useAppAsync(\n    'auditContentDeclarationField',\n    useIntlayerAuth().ai.auditContentDeclarationField,\n    args,\n    {\n      requireUser: true,\n      requireOrganization: true,\n      requireProject: true,\n    }\n  );\n\nexport const useAuditTag = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.auditTag>\n) =>\n  useAppAsync('auditTag', useIntlayerAuth().ai.auditTag, args, {\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n  });\n\nexport const useAskDocQuestion = (\n  args?: UseAsyncOptions<typeof intlayerAPI.ai.askDocQuestion>\n) => useAppAsync('askDocQuestion', useIntlayerAuth().ai.askDocQuestion, args);\n"],"names":["useToast","error","useConfiguration","useAuth","useAsync","useIntlayerAuth"],"mappings":"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"}