@uniformdev/mesh-sdk-react 20.72.4-alpha.6 → 20.73.1-alpha.13

package/dist/index.esm.js

@@ -249,6 +249,40 @@ var SvgPlus = (props) => /* @__PURE__ */ jsx14(
 );
 var Plus_default = SvgPlus;
 
+// src/hooks/createDelegationFetch.ts
+import { CSRF_HEADER_NAME, CSRF_HEADER_VALUE, DELEGATION_EXPIRED_CODE } from "@uniformdev/mesh-sdk";
+async function isDelegationExpiredResponse(response) {
+  if (response.status !== 401) {
+    return false;
+  }
+  try {
+    const body = await response.clone().json();
+    return typeof body.code === "string" && body.code === DELEGATION_EXPIRED_CODE;
+  } catch (e) {
+    return false;
+  }
+}
+function createDelegationFetch(options) {
+  var _a, _b;
+  const fetchFn = (_a = options.fetch) != null ? _a : fetch;
+  const isExpired = (_b = options.isDelegationExpired) != null ? _b : isDelegationExpiredResponse;
+  return async (input3, init) => {
+    const headers = new Headers(init == null ? void 0 : init.headers);
+    headers.set(CSRF_HEADER_NAME, CSRF_HEADER_VALUE);
+    const initWithCsrf = { ...init, headers };
+    const response = await fetchFn(input3, initWithCsrf);
+    if (!await isExpired(response)) {
+      return response;
+    }
+    try {
+      await options.reacquire();
+    } catch (e) {
+      return response;
+    }
+    return fetchFn(input3, initWithCsrf);
+  };
+}
+
 // src/hooks/useConnectedDataAsVariables.tsx
 import { useMemo } from "react";
 function useConnectedDataAsVariables(connectedData) {
@@ -283,12 +317,28 @@ function useDelegation() {
   return ctx;
 }
 
+// src/hooks/useDelegationFetch.ts
+import { useMemo as useMemo2 } from "react";
+function useDelegationFetch(options) {
+  const { reacquire } = useDelegation();
+  const fetchImpl = options == null ? void 0 : options.fetch;
+  const isDelegationExpired = options == null ? void 0 : options.isDelegationExpired;
+  return useMemo2(
+    () => createDelegationFetch({
+      reacquire,
+      fetch: fetchImpl,
+      isDelegationExpired
+    }),
+    [reacquire, fetchImpl, isDelegationExpired]
+  );
+}
+
 // src/hooks/useDynamicInputsAsVariables.tsx
 import { LOCALE_DYNAMIC_INPUT_NAME } from "@uniformdev/canvas";
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 import { Fragment, jsx as jsx15 } from "@emotion/react/jsx-runtime";
 function useDynamicInputsAsVariables(dynamicInputs) {
-  return useMemo2(() => {
+  return useMemo3(() => {
     const result = Object.entries(dynamicInputs).reduce(
       (acc, [name2, input3]) => {
         const source = `from ${name2 === LOCALE_DYNAMIC_INPUT_NAME ? "current locale" : input3.type === "path" ? "URL path" : "query string"}`;
@@ -323,10 +373,10 @@ Current preview value: ${input3.value || "not provided"}`
 }
 
 // src/hooks/useMeshLocation.ts
-import { useMemo as useMemo4, useRef } from "react";
+import { useMemo as useMemo5, useRef } from "react";
 
 // src/components/UniformMeshLocationContext.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3, useState } from "react";
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo4, useState } from "react";
 
 // src/components/UniformMeshSdkContext.tsx
 import { Theme } from "@uniformdev/design-system";
@@ -355,7 +405,7 @@ var UniformMeshLocationContextProvider = ({
 }) => {
   const sdk = useUniformMeshSdk();
   const [location, setLocation] = useState(sdk.getCurrentLocation());
-  useMemo3(() => {
+  useMemo4(() => {
     const valueChangeListener = (event) => {
       setLocation((old) => ({ ...old, value: event.newValue }));
     };
@@ -387,7 +437,7 @@ function useMeshLocation(expectedLocation) {
   }
   const backdoorLocation = useRef(location);
   backdoorLocation.current = location;
-  const stabilizedSetValueProxy = useMemo4(
+  const stabilizedSetValueProxy = useMemo5(
     () => (dispatch) => {
       const { newValue, options } = dispatch(backdoorLocation.current.value);
       backdoorLocation.current.setValue(newValue, options);
@@ -704,7 +754,7 @@ import {
   createCommand,
   SKIP_DOM_SELECTION_TAG
 } from "lexical";
-import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo6, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo7, useRef as useRef3, useState as useState4 } from "react";
 import { createPortal } from "react-dom";
 
 // src/components/Variables/toolbox/SelectVariableMenu.styles.ts
@@ -738,7 +788,7 @@ var variablesTipText = css`
 
 // src/components/Variables/VariablesProvider.tsx
 import mitt from "mitt";
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect3, useMemo as useMemo5, useState as useState3 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect3, useMemo as useMemo6, useState as useState3 } from "react";
 
 // src/components/Variables/util/useVariableEditTransaction.ts
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
@@ -940,7 +990,7 @@ function VariablesProvider({
 }) {
   const [editing, setEditing] = useState3();
   const [editingContext, setEditingContext] = useState3();
-  const events = useMemo5(
+  const events = useMemo6(
     () => mitt(),
     []
   );
@@ -948,7 +998,7 @@ function VariablesProvider({
     throw new Error("onChange must be provided when readOnly is false");
   }
   const Editor = editVariableComponent != null ? editVariableComponent : VariableEditor;
-  const valueBasedContextValue = useMemo5(
+  const valueBasedContextValue = useMemo6(
     () => ({
       flatVariables: flattenVariables(value),
       dispatch: (event) => {
@@ -992,7 +1042,7 @@ function VariablesProvider({
     isEditing: typeof editing !== "undefined",
     variables: value
   });
-  const contextValue = useMemo5(() => {
+  const contextValue = useMemo6(() => {
     return {
       ...valueBasedContextValue,
       editVariableTxn,
@@ -1200,7 +1250,7 @@ function useVariablesMenu({
     [canDispatch, enableEditingVariables, readOnly]
   );
   const canAddVariable = canDispatch && showAddVariableMenuOption && !readOnly;
-  const { groupedVariables, menuOptions } = useMemo6(() => {
+  const { groupedVariables, menuOptions } = useMemo7(() => {
     const groupedVariables2 = variablesToGroupedList(variables, filterVariable, getEditorContext == null ? void 0 : getEditorContext());
     if (canAddVariable) {
       groupedVariables2.unshift({
@@ -1287,7 +1337,7 @@ function VariablesPlugin({
     filterVariable,
     getEditorContext
   });
-  const { filteredGroupedVariables, filteredMenuOptions } = useMemo6(() => {
+  const { filteredGroupedVariables, filteredMenuOptions } = useMemo7(() => {
     if (!queryString) {
       return {
         filteredGroupedVariables: groupedVariables,
@@ -2067,7 +2117,7 @@ var inputMultiLine = (lines) => css5`
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import { hasReferencedVariables } from "@uniformdev/canvas";
-import { useEffect as useEffect7, useMemo as useMemo7, useState as useState5 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo8, useState as useState5 } from "react";
 function useInputVariablesState({
   value,
   onChange,
@@ -2099,7 +2149,7 @@ function useInputVariablesState({
   const hadVariablesInValueForReals = inputWhenNoVariables ? hadVariablesInValue : variableReferenceCountInValue > 0;
   const disableVariablesForReals = disableVariables || Object.keys(variables).length === 0 && !showAddVariableMenuOption;
   const disableResetForReals = !inputWhenNoVariables || !hadVariablesInValueForReals;
-  const sharedMenuProps = useMemo7(
+  const sharedMenuProps = useMemo8(
     () => ({
       menuTooltip,
       showAddVariableMenuOption,
@@ -2297,7 +2347,7 @@ import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin";
 import { ClearEditorPlugin } from "@lexical/react/LexicalClearEditorPlugin";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
-import { useMemo as useMemo8, useRef as useRef5, useState as useState6 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo9, useRef as useRef5, useState as useState6 } from "react";
 
 // src/components/Variables/composer/DisablePlugin.tsx
 import { useLexicalComposerContext as useLexicalComposerContext7 } from "@lexical/react/LexicalComposerContext";
@@ -2324,6 +2374,13 @@ function SingleLineTextPlugin() {
   return null;
 }
 
+// src/components/Variables/toolbox/useVariablesComposerFlushPending.ts
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var VariablesComposerFlushPendingContext = createContext5(false);
+function useVariablesComposerFlushPending() {
+  return useContext5(VariablesComposerFlushPendingContext);
+}
+
 // src/components/Variables/toolbox/VariablesComposer.tsx
 import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
 function VariablesComposer(props) {
@@ -2338,7 +2395,8 @@ function VariablesComposer(props) {
     ...variablesPluginProps
   } = props;
   const [lastEmittedValue, setLastEmittedValue] = useState6(value);
-  const editorConfig = useMemo8(
+  const [flushPending, setFlushPending] = useState6(false);
+  const editorConfig = useMemo9(
     () => ({
       namespace: "uniform",
       onError(error) {
@@ -2352,6 +2410,24 @@ function VariablesComposer(props) {
   );
   const editorState = useRef5(void 0);
   const updateTimeout = useRef5(void 0);
+  const flushDepsRef = useRef5({ onChange, lastEmittedValue });
+  flushDepsRef.current = { onChange, lastEmittedValue };
+  useEffect10(
+    () => () => {
+      if (!updateTimeout.current) {
+        return;
+      }
+      clearTimeout(updateTimeout.current);
+      const { onChange: emit, lastEmittedValue: lastEmitted } = flushDepsRef.current;
+      const valueToEmit = editorState.current ? serializeVariablesEditorState(editorState.current) : void 0;
+      const shouldEmit = editorState.current != null && valueToEmit !== lastEmitted;
+      if (!shouldEmit) {
+        return;
+      }
+      queueMicrotask(() => emit(valueToEmit));
+    },
+    []
+  );
   if (typeof document === "undefined") return null;
   return /* @__PURE__ */ jsxs10(LexicalComposer, { initialConfig: editorConfig, children: [
     /* @__PURE__ */ jsx26(
@@ -2363,6 +2439,7 @@ function VariablesComposer(props) {
           if (updateTimeout.current) {
             clearTimeout(updateTimeout.current);
           }
+          setFlushPending(true);
           updateTimeout.current = window.setTimeout(() => {
             if (editorState.current) {
               const valueToEmit = serializeVariablesEditorState(editorState.current);
@@ -2371,6 +2448,8 @@ function VariablesComposer(props) {
                 onChange(valueToEmit);
               }
             }
+            setFlushPending(false);
+            updateTimeout.current = void 0;
           }, 400);
         }
       }
@@ -2380,7 +2459,7 @@ function VariablesComposer(props) {
     /* @__PURE__ */ jsx26(VariablesPlugin, { ...variablesPluginProps }),
     /* @__PURE__ */ jsx26(DisablePlugin, { disabled }),
     /* @__PURE__ */ jsx26(Fragment5, { children: autoFocus ? /* @__PURE__ */ jsx26(AutoFocusPlugin, {}) : null }),
-    /* @__PURE__ */ jsx26(Fragment5, { children })
+    /* @__PURE__ */ jsx26(VariablesComposerFlushPendingContext.Provider, { value: flushPending, children })
   ] });
 }
 
@@ -2405,18 +2484,27 @@ import {
   CUT_COMMAND,
   PASTE_COMMAND as PASTE_COMMAND2
 } from "lexical";
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect11 } from "react";
 import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
 function VariablesComposerInput({
   css: css24,
   placeholder,
   ...contentEditableProps
 }) {
+  const flushPending = useVariablesComposerFlushPending();
   return /* @__PURE__ */ jsxs11("div", { children: [
     /* @__PURE__ */ jsx27(
       PlainTextPlugin,
       {
-        contentEditable: /* @__PURE__ */ jsx27(ContentEditable, { ...contentEditableProps, placeholder: null, "aria-placeholder": void 0 }),
+        contentEditable: /* @__PURE__ */ jsx27(
+          ContentEditable,
+          {
+            ...contentEditableProps,
+            "data-flush-pending": flushPending,
+            placeholder: null,
+            "aria-placeholder": void 0
+          }
+        ),
         placeholder: placeholder ? /* @__PURE__ */ jsx27(Fragment6, { children: placeholder }) : null,
         ErrorBoundary: LexicalErrorBoundary
       }
@@ -2427,7 +2515,7 @@ function VariablesComposerInput({
 }
 function RichishCopyAndPastePlugin() {
   const [editor] = useLexicalComposerContext9();
-  useEffect10(() => {
+  useEffect11(() => {
     return mergeRegister4(
       editor.registerCommand(
         COPY_COMMAND,
@@ -2682,7 +2770,7 @@ function InputVariablesOverlayMenu({
 import { CgUsbC as CgUsbC2 } from "@react-icons/all-files/cg/CgUsbC";
 import { bindVariablesToObject } from "@uniformdev/canvas";
 import { HorizontalRhythm as HorizontalRhythm5, Menu as Menu2 } from "@uniformdev/design-system";
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { jsx as jsx29, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
 function ParameterConnectionIndicator({
   children,
@@ -2693,7 +2781,7 @@ function ParameterConnectionIndicator({
   overrideMenuButtonParentMargin,
   renderMenuInPortal = false
 }) {
-  const hasVariablesInValue = useMemo9(() => {
+  const hasVariablesInValue = useMemo10(() => {
     let result = false;
     bindVariablesToObject({
       value,
@@ -2744,7 +2832,7 @@ import { useCallback as useCallback4 } from "react";
 import { useLexicalComposerContext as useLexicalComposerContext10 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister5 } from "@lexical/utils";
 import { $getNodeByKey as $getNodeByKey3, COMMAND_PRIORITY_HIGH as COMMAND_PRIORITY_HIGH3 } from "lexical";
-import { useEffect as useEffect11, useRef as useRef6 } from "react";
+import { useEffect as useEffect12, useRef as useRef6 } from "react";
 function OnDisconnectPlugin({
   onDisconnect
 }) {
@@ -2752,7 +2840,7 @@ function OnDisconnectPlugin({
   const { variables } = useVariables(true);
   const variablesRef = useRef6(variables);
   variablesRef.current = variables;
-  useEffect11(() => {
+  useEffect12(() => {
     return mergeRegister5(
       editor.registerCommand(
         DISCONNECT_VARIABLE_COMMAND,
@@ -3665,7 +3753,7 @@ function RequestParameters({
 
 // src/components/Request/RequestUrl.tsx
 import { css as css13 } from "@emotion/react";
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 
 // src/components/Request/urlEncodeRequestParameter.ts
 function urlEncodeRequestUrl(url, varValues) {
@@ -3691,7 +3779,7 @@ function RequestUrl() {
   var _a, _b;
   const { variables } = useVariables();
   const { request } = useRequest();
-  const mergedParameters = useMemo11(() => {
+  const mergedParameters = useMemo12(() => {
     var _a2;
     if (!((_a2 = request.baseRequest) == null ? void 0 : _a2.parameters)) {
       return request.parameters;
@@ -3936,7 +4024,7 @@ function convertRequestDataToDataType(dataType, requestData) {
 
 // src/components/Delegation/DelegationGate.tsx
 import { Callout as Callout3, LoadingOverlay } from "@uniformdev/design-system";
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 
 // src/components/Delegation/styles/DelegationGate.style.ts
 import { css as css14 } from "@emotion/react";
@@ -3954,7 +4042,7 @@ function DefaultDelegationDisabled() {
   return /* @__PURE__ */ jsx46(Callout3, { type: "caution", title: "Feature unavailable", children: "This app requires permissions that are not currently enabled. Please contact your Uniform administrator to enable identity delegation for this integration." });
 }
 function DefaultDelegationError({ error }) {
-  useEffect12(() => {
+  useEffect13(() => {
     console.error("Delegation connection failed", error);
   }, [error]);
   return /* @__PURE__ */ jsx46(Callout3, { type: "error", title: "Connection error", children: /* @__PURE__ */ jsx46("p", { children: "Failed to connect to Uniform. Try again, or contact your administrator if the problem persists." }) });
@@ -3989,9 +4077,15 @@ function DelegationGate({
 }
 
 // src/components/Delegation/DelegationProvider.tsx
-import { useCallback as useCallback5, useEffect as useEffect13, useMemo as useMemo12, useRef as useRef7, useState as useState11 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect14, useMemo as useMemo13, useRef as useRef7, useState as useState11 } from "react";
 import { jsx as jsx47 } from "@emotion/react/jsx-runtime";
-var DEFAULT_REVALIDATE_AFTER_MS = 5 * 60 * 1e3;
+var DelegationDisabledError = class extends Error {
+  constructor() {
+    super("Identity delegation is not enabled for this integration.");
+    this.name = "DelegationDisabledError";
+  }
+};
+var DEFAULT_REVALIDATE_AFTER_MS = 30 * 1e3;
 function DelegationProvider({
   sdk,
   onSessionToken,
@@ -4002,58 +4096,68 @@ function DelegationProvider({
 }) {
   const [status, setStatus] = useState11("idle");
   const [error, setError] = useState11(null);
-  const acquiringRef = useRef7(false);
   const mountedRef = useRef7(true);
   const statusRef = useRef7("idle");
   statusRef.current = status;
-  const acquire = useCallback5(async () => {
-    if (acquiringRef.current) {
-      return;
-    }
-    acquiringRef.current = true;
-    setStatus("acquiring");
-    setError(null);
-    try {
-      const isActive = await checkActive();
-      if (isActive) {
+  const acquirePromiseRef = useRef7(null);
+  const acquire = useCallback5(() => {
+    if (acquirePromiseRef.current) {
+      return acquirePromiseRef.current;
+    }
+    const run = (async () => {
+      if (statusRef.current !== "active") {
+        setStatus("acquiring");
+      }
+      setError(null);
+      try {
+        const isActive = await checkActive();
+        if (isActive) {
+          if (mountedRef.current) {
+            setStatus("active");
+          }
+          return;
+        }
+        if (!mountedRef.current) {
+          return;
+        }
+        const sessionToken = await sdk.getSessionToken();
+        if (!mountedRef.current) {
+          return;
+        }
+        if (!sessionToken) {
+          if (mountedRef.current) {
+            setStatus("disabled");
+          }
+          throw new DelegationDisabledError();
+        }
+        await onSessionToken(sessionToken);
         if (mountedRef.current) {
           setStatus("active");
         }
-        return;
-      }
-      if (!mountedRef.current) {
-        return;
-      }
-      const sessionToken = await sdk.getSessionToken();
-      if (!mountedRef.current) {
-        return;
-      }
-      if (!sessionToken) {
-        setStatus("disabled");
-        return;
-      }
-      await onSessionToken(sessionToken);
-      if (mountedRef.current) {
-        setStatus("active");
-      }
-    } catch (err) {
-      if (mountedRef.current) {
-        setError(err instanceof Error ? err : new Error(String(err)));
-        setStatus("error");
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error(String(err));
+        if (mountedRef.current && !(err instanceof DelegationDisabledError)) {
+          setError(error2);
+          setStatus("error");
+        }
+        throw error2;
       }
-    } finally {
-      acquiringRef.current = false;
-    }
+    })();
+    acquirePromiseRef.current = run.finally(() => {
+      acquirePromiseRef.current = null;
+    });
+    return acquirePromiseRef.current;
   }, [sdk, onSessionToken, checkActive]);
-  useEffect13(() => {
+  useEffect14(() => {
     mountedRef.current = true;
-    void acquire();
+    void acquire().catch(() => {
+    });
     return () => {
       mountedRef.current = false;
     };
   }, [acquire]);
   const revalidate = useCallback5(async () => {
-    if (acquiringRef.current) {
+    if (acquirePromiseRef.current) {
       return;
     }
     if (statusRef.current !== "active") {
@@ -4065,12 +4169,13 @@ function DelegationProvider({
         return;
       }
       if (!isActive) {
-        void acquire();
+        void acquire().catch(() => {
+        });
       }
     } catch (e) {
     }
   }, [checkActive, acquire]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!revalidateOnFocus) {
       return;
     }
@@ -4096,10 +4201,7 @@ function DelegationProvider({
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     };
   }, [revalidateOnFocus, revalidateAfterMs, revalidate]);
-  const reacquire = useCallback5(() => {
-    void acquire();
-  }, [acquire]);
-  const value = useMemo12(() => ({ status, error, reacquire }), [status, error, reacquire]);
+  const value = useMemo13(() => ({ status, error, reacquire: acquire }), [status, error, acquire]);
   return /* @__PURE__ */ jsx47(DelegationContext.Provider, { value, children });
 }
 
@@ -4108,12 +4210,12 @@ import { IconsProvider, LoadingIndicator as LoadingIndicator2, Theme as Theme2 }
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 import { initializeUniformMeshSDK } from "@uniformdev/mesh-sdk";
-import { useEffect as useEffect14, useRef as useRef8, useState as useState12 } from "react";
+import { useEffect as useEffect15, useRef as useRef8, useState as useState12 } from "react";
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
   const [error, setError] = useState12();
   const [sdk, setSdk] = useState12();
   const initializationInProgress = useRef8(false);
-  useEffect14(
+  useEffect15(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;
@@ -4201,15 +4303,15 @@ import { Callout as Callout4, Container, ScrollableList, VerticalRhythm as Verti
 // src/components/ObjectSearch/hooks/ObjectSearchContext.tsx
 import { bindVariablesToObject as bindVariablesToObject2 } from "@uniformdev/canvas";
 import {
-  createContext as createContext6,
+  createContext as createContext7,
   useCallback as useCallback6,
-  useContext as useContext6,
+  useContext as useContext7,
   useDeferredValue,
-  useMemo as useMemo13,
+  useMemo as useMemo14,
   useState as useState13
 } from "react";
 import { jsx as jsx50 } from "@emotion/react/jsx-runtime";
-var ObjectSearchContext = createContext6({
+var ObjectSearchContext = createContext7({
   onSetQuery: () => {
   },
   onSelectItem: () => {
@@ -4274,8 +4376,8 @@ var ObjectSearchProvider = ({
     },
     [setList]
   );
-  const boundQuery = useMemo13(() => bindQuery(query, flatVariables), [query, flatVariables]);
-  const value = useMemo13(
+  const boundQuery = useMemo14(() => bindQuery(query, flatVariables), [query, flatVariables]);
+  const value = useMemo14(
     () => ({
       boundQuery,
       onSetQuery,
@@ -4302,7 +4404,7 @@ var ObjectSearchProvider = ({
   return /* @__PURE__ */ jsx50(ObjectSearchContext.Provider, { value, children });
 };
 function useObjectSearchContext() {
-  return useContext6(ObjectSearchContext);
+  return useContext7(ObjectSearchContext);
 }
 function bindQuery(query, inputs) {
   const { result, errors } = bindVariablesToObject2({
@@ -4554,7 +4656,7 @@ var DefaultResultList = () => {
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
 import { DebouncedInputKeywordSearch, InputSelect as InputSelect3 } from "@uniformdev/design-system";
-import { useMemo as useMemo14, useState as useState14 } from "react";
+import { useMemo as useMemo15, useState as useState14 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
 import { css as css18 } from "@emotion/react";
@@ -4598,7 +4700,7 @@ var ObjectSearchFilter = ({
     });
     onSetQuery({ ...query, ...value });
   };
-  const memoizedSelectOptions = useMemo14(() => {
+  const memoizedSelectOptions = useMemo15(() => {
     if (!requireContentType && !(selectOptions == null ? void 0 : selectOptions.length)) {
       return [];
     }
@@ -5010,7 +5112,7 @@ function ObjectSearchResultList({
 
 // src/components/ObjectSearch/QueryFilter.tsx
 import { DebouncedInputKeywordSearch as DebouncedInputKeywordSearch2, Input as Input4, InputSelect as InputSelect4, VerticalRhythm as VerticalRhythm4 } from "@uniformdev/design-system";
-import { useEffect as useEffect15, useState as useState15 } from "react";
+import { useEffect as useEffect16, useState as useState15 } from "react";
 import { jsx as jsx59, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
 var QueryFilter = ({
   requireContentType,
@@ -5050,7 +5152,7 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  useEffect15(() => {
+  useEffect16(() => {
     onSetQuery(queryState);
   }, []);
   return /* @__PURE__ */ jsxs29("fieldset", { children: [
@@ -5176,7 +5278,7 @@ var QueryFilter = ({
 };
 
 // src/components/ParamTypeDynamicDataProvider.tsx
-import { useEffect as useEffect16, useMemo as useMemo15, useRef as useRef9 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo16, useRef as useRef9 } from "react";
 import { jsx as jsx60 } from "@emotion/react/jsx-runtime";
 function ParamTypeDynamicDataProvider(props) {
   const { children } = props;
@@ -5185,7 +5287,7 @@ function ParamTypeDynamicDataProvider(props) {
   } = useMeshLocation("paramType");
   const dynamicInputsAsVariables = useDynamicInputsAsVariables(dynamicInputs);
   const connectedDataAsVariables = useConnectedDataAsVariables(connectedData);
-  const variables = useMemo15(
+  const variables = useMemo16(
     () => ({ ...connectedDataAsVariables, ...dynamicInputsAsVariables }),
     [dynamicInputsAsVariables, connectedDataAsVariables]
   );
@@ -5200,7 +5302,7 @@ var JsonMeshVariableEditor = ({
 }) => {
   const sillyRef = useRef9(false);
   const { editConnectedData } = useMeshLocation("paramType");
-  useEffect16(() => {
+  useEffect17(() => {
     if (sillyRef.current) {
       return;
     }
@@ -5700,7 +5802,7 @@ var DateEditor = ({
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
 import { Input as Input6 } from "@uniformdev/design-system";
-import { useEffect as useEffect17, useState as useState17 } from "react";
+import { useEffect as useEffect18, useState as useState17 } from "react";
 import { useDebounce as useDebounce3 } from "react-use";
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
@@ -5750,7 +5852,7 @@ var DateRangeEditor = ({
     500,
     [minDateValue, maxDateValue]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (!minDateValue || !maxDateValue) {
       return;
     }
@@ -5826,7 +5928,7 @@ import {
   getComboBoxSelectedSelectableGroups,
   InputComboBox
 } from "@uniformdev/design-system";
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 
 // src/components/SearchAndFilter/editors/shared/readOnlyAttributes.tsx
 var readOnlyAttributes = {
@@ -5847,7 +5949,7 @@ var FilterMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = useMemo16(
+  const { groupedOptions, selectedOptions } = useMemo17(
     () => convertComboBoxGroupsToSelectableGroups({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
@@ -5884,7 +5986,7 @@ import {
   convertComboBoxGroupsToSelectableGroups as convertComboBoxGroupsToSelectableGroups2,
   InputComboBox as InputComboBox2
 } from "@uniformdev/design-system";
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo18 } from "react";
 import { jsx as jsx65 } from "@emotion/react/jsx-runtime";
 var FilterSingleChoiceEditor = ({
   options,
@@ -5895,7 +5997,7 @@ var FilterSingleChoiceEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = useMemo17(
+  const { groupedOptions, selectedOptions } = useMemo18(
     () => convertComboBoxGroupsToSelectableGroups2({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [String(value)] : void 0),
@@ -5964,7 +6066,7 @@ var NumberEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
 import { Input as Input8 } from "@uniformdev/design-system";
-import { useEffect as useEffect18, useState as useState19 } from "react";
+import { useEffect as useEffect19, useState as useState19 } from "react";
 import { useDebounce as useDebounce5 } from "react-use";
 import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 var NumberRangeEditor = ({
@@ -5989,7 +6091,7 @@ var NumberRangeEditor = ({
     500,
     [minValue, maxValue]
   );
-  useEffect18(() => {
+  useEffect19(() => {
     if (!maxValue && !minValue) {
       return;
     }
@@ -6056,7 +6158,7 @@ import {
   getComboBoxSelectedSelectableGroups as getComboBoxSelectedSelectableGroups2,
   InputComboBox as InputComboBox3
 } from "@uniformdev/design-system";
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 
 // src/components/SearchAndFilter/editors/shared/CustomOptions.tsx
 import { StatusBullet } from "@uniformdev/design-system";
@@ -6082,7 +6184,7 @@ var StatusMultiEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = useMemo18(
+  const { groupedOptions, selectedOptions } = useMemo19(
     () => convertComboBoxGroupsToSelectableGroups3({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
@@ -6117,7 +6219,7 @@ import {
   convertComboBoxGroupsToSelectableGroups as convertComboBoxGroupsToSelectableGroups4,
   InputComboBox as InputComboBox4
 } from "@uniformdev/design-system";
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } from "react";
 import { jsx as jsx70 } from "@emotion/react/jsx-runtime";
 var StatusSingleEditor = ({
   options,
@@ -6128,7 +6230,7 @@ var StatusSingleEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = useMemo19(
+  const { groupedOptions, selectedOptions } = useMemo20(
     () => convertComboBoxGroupsToSelectableGroups4({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [value] : void 0),
@@ -6197,7 +6299,7 @@ import {
   getComboBoxSelectedSelectableGroups as getComboBoxSelectedSelectableGroups3,
   InputCreatableComboBox
 } from "@uniformdev/design-system";
-import { useMemo as useMemo20 } from "react";
+import { useMemo as useMemo21 } from "react";
 import { jsx as jsx72 } from "@emotion/react/jsx-runtime";
 var TextMultiChoiceEditor = ({
   value,
@@ -6208,7 +6310,7 @@ var TextMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = useMemo20(() => {
+  const { groupedOptions, selectedOptions } = useMemo21(() => {
     var _a;
     const coercedValue = typeof value === "string" ? [value] : value != null ? value : [];
     const options = (_a = coercedValue.map((v) => ({ label: v, value: v }))) != null ? _a : [];
@@ -6560,19 +6662,19 @@ import { CgClose } from "@react-icons/all-files/cg/CgClose";
 import { hasReferencedVariables as hasReferencedVariables2 } from "@uniformdev/canvas";
 import { Icon as Icon3, InputKeywordSearch } from "@uniformdev/design-system";
 import { CLEAR_EDITOR_COMMAND as CLEAR_EDITOR_COMMAND2 } from "lexical";
-import { useEffect as useEffect20, useRef as useRef10, useState as useState22 } from "react";
+import { useEffect as useEffect21, useRef as useRef10, useState as useState22 } from "react";
 import { useDebounce as useDebounce7 } from "react-use";
 import { v4 as v42 } from "uuid";
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
 import { VerticalRhythm as VerticalRhythm5 } from "@uniformdev/design-system";
 import {
-  createContext as createContext7,
+  createContext as createContext8,
   useCallback as useCallback7,
-  useContext as useContext7,
+  useContext as useContext8,
   useDeferredValue as useDeferredValue2,
-  useEffect as useEffect19,
-  useMemo as useMemo21,
+  useEffect as useEffect20,
+  useMemo as useMemo22,
   useState as useState21
 } from "react";
 
@@ -6650,7 +6752,7 @@ var bindableFiltersMapper = {
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
 import { jsx as jsx75 } from "@emotion/react/jsx-runtime";
-var SearchAndFilterContext = createContext7({
+var SearchAndFilterContext = createContext8({
   searchTerm: "",
   setSearchTerm: () => {
   },
@@ -6726,13 +6828,13 @@ var SearchAndFilterProvider = ({
     },
     [filters, onChange]
   );
-  const validFilterQuery = useMemo21(() => {
+  const validFilterQuery = useMemo22(() => {
     const hasValidFilters = filters.every((f) => f.field && f.operator && f.value);
     if (hasValidFilters) {
       return filters;
     }
   }, [filters]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (filterVisibility) {
       const handleEscKeyFilterClose = (e) => {
         if (e.key === "Escape") {
@@ -6770,7 +6872,7 @@ var SearchAndFilterProvider = ({
   );
 };
 var useSearchAndFilter = () => {
-  const value = useContext7(SearchAndFilterContext);
+  const value = useContext8(SearchAndFilterContext);
   return { ...value };
 };
 
@@ -6801,7 +6903,7 @@ var FilterControls = ({
     300,
     [localSearchTerm]
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (searchTerm === "") {
       setLocalSearchTerm("");
       setIdToResetInputVariables(`data-resource-search-term-input-${v42()}`);
@@ -6882,7 +6984,7 @@ import {
   Menu as Menu3,
   SelectableMenuItem
 } from "@uniformdev/design-system";
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 
 // src/components/SearchAndFilter/util/isFilterBindable.ts
 function isFilterBindable(filter, operator) {
@@ -6910,7 +7012,7 @@ var FilterItem = ({
   const operatorLabel = filters[index].operator !== "" ? `operator ${filters[index].operator}` : "unknown operator";
   const metaDataLabel = filters[index].value !== "" ? `value ${filters[index].value}` : "unknown value";
   const metaDataPossibleOptions = (_b = (_a = operatorOptions.find((op) => filters[index].operator === op.value)) == null ? void 0 : _a.editorType) != null ? _b : "singleChoice";
-  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = useMemo22(() => {
+  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = useMemo23(() => {
     var _a2;
     const currentSelectedFilterGroup = filterOptions.find((item) => {
       var _a3;
@@ -7078,7 +7180,7 @@ import { Icon as Icon5 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/FilterMenu.tsx
 import { HorizontalRhythm as HorizontalRhythm8, VerticalRhythm as VerticalRhythm6 } from "@uniformdev/design-system";
-import React8, { useEffect as useEffect21 } from "react";
+import React8, { useEffect as useEffect22 } from "react";
 import { jsx as jsx78, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterOptionsContainer2 = ({
   buttonRow,
@@ -7111,7 +7213,7 @@ var FilterMenu = ({
 }) => {
   const { filterVisibility, setFilterVisibility, handleResetFilters, filters } = useSearchAndFilter();
   const innerMenuRef = React8.useRef(null);
-  useEffect21(() => {
+  useEffect22(() => {
     var _a;
     if (filterVisibility) {
       (_a = innerMenuRef.current) == null ? void 0 : _a.focus();
@@ -7460,10 +7562,10 @@ var SearchAndFilter = ({
 
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
 import { InputKeywordSearch as InputKeywordSearch2 } from "@uniformdev/design-system";
-import { createContext as createContext8, useState as useState23 } from "react";
+import { createContext as createContext9, useState as useState23 } from "react";
 import { useDebounce as useDebounce8 } from "react-use";
 import { jsx as jsx82 } from "@emotion/react/jsx-runtime";
-var SearchOnlyContext = createContext8({
+var SearchOnlyContext = createContext9({
   searchTerm: "",
   setSearchTerm: () => {
   }
@@ -7871,7 +7973,7 @@ function createLocationValidator(setValue, validate) {
 
 // src/utils/useContentDataResourceLocaleInfo.ts
 import { bindVariables as bindVariables2, createVariableReference as createVariableReference4, LOCALE_DYNAMIC_INPUT_NAME as LOCALE_DYNAMIC_INPUT_NAME2 } from "@uniformdev/canvas";
-import { useEffect as useEffect22, useRef as useRef11 } from "react";
+import { useEffect as useEffect23, useRef as useRef11 } from "react";
 function useContentDataResourceLocaleInfo({
   locale,
   defaultLocale,
@@ -7884,7 +7986,7 @@ function useContentDataResourceLocaleInfo({
   const { flatVariables } = useVariables();
   const effectiveLocale = locale != null ? locale : dynamicInputs[LOCALE_DYNAMIC_INPUT_NAME2] ? createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2) : defaultLocale != null ? defaultLocale : "";
   const boundLocale = (_a = bindVariables2({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
-  useEffect22(() => {
+  useEffect23(() => {
     if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
       setLocaleRef.current(effectiveLocale);
     }
@@ -7951,6 +8053,7 @@ export {
   DateEditor,
   DateRangeEditor,
   DelegationContext,
+  DelegationDisabledError,
   DelegationGate,
   DelegationProvider,
   DrawerContent,
@@ -8054,8 +8157,10 @@ export {
   VariablesProvider,
   bindableFiltersMapper,
   convertConnectedDataToVariable,
+  createDelegationFetch,
   createLocationValidator,
   filterMapper,
+  isDelegationExpiredResponse,
   prettifyBindExpression,
   readOnlyAttributes,
   serializeVariablesEditorSerializedState,
@@ -8066,6 +8171,7 @@ export {
   useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo,
   useDelegation,
+  useDelegationFetch,
   useDynamicInputsAsVariables,
   useMeshLocation,
   useObjectSearchContext,