@workos-inc/widgets 1.20.2-next.1792700156145 → 1.20.2

package/dist/cjs/lib/use-debounce.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-debounce.cjs","names":["React","canUseDOM"],"sources":["../../../src/lib/use-debounce.ts"],"sourcesContent":["// Fork of https://github.com/xnimorz/use-debounce\n// MIT License, Copyright (c) 2018 Nikita Mostovoy\nimport * as React from \"react\";\nimport { canUseDOM } from \"./utils.js\";\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked, or until the next browser frame is drawn.\n *\n * The debounced function comes with a `cancel` method to cancel delayed `func`\n * invocations and a `flush` method to immediately invoke them.\n *\n * Provide `options` to indicate whether `func` should be invoked on the leading\n * and/or trailing edge of the `wait` timeout. The `func` is invoked with the\n * last arguments provided to the debounced function.\n *\n * Subsequent calls to the debounced function return the result of the last\n * `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is invoked\n * on the trailing edge of the timeout only if the debounced function is invoked\n * more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`\n * invocation will be deferred until the next frame is drawn (typically about\n * 16ms).\n *\n * See [David Corbacho's\n * article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `debounce` and `throttle`.\n *\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay; if omitted,\n *  `requestAnimationFrame` is used (if available, otherwise it will be\n *  setTimeout(...,0)).\n * @param {Object} [options={}] The options object. Controls if `func` should be\n *  invoked on the leading edge of the timeout.\n * @param {boolean} [options.leading=false] The maximum time `func` is allowed\n *  to be delayed before it's invoked.\n * @param {number} [options.maxWait] Controls if `func` should be invoked the\n *  trailing edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * @returns {Function} Returns the new debounced function.\n * @example\n * ```tsx\n * // Avoid costly calculations while the window size is in flux.\n * const resizeHandler = useDebouncedCallback(calculateLayout, 150);\n * window.addEventListener('resize', resizeHandler)\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * const clickHandler = useDebouncedCallback(sendMail, 300, {\n *   leading: true,\n *   trailing: false,\n * })\n * <button onClick={clickHandler}>click me</button>\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * const debounced = useDebouncedCallback(batchLog, 250, { 'maxWait': 1000 })\n * const source = new EventSource('/stream')\n * source.addEventListener('message', debounced)\n *\n * // Cancel the trailing debounced invocation.\n * window.addEventListener('popstate', debounced.cancel)\n *\n * // Check for pending invocations.\n * const status = debounced.isPending() ? \"Pending...\" : \"Ready\"\n * ```\n */\nfunction useDebouncedCallback<T extends (...args: any) => ReturnType<T>>(\n  this: unknown,\n  func: T,\n  wait?: number,\n  options?: Options,\n): DebouncedState<T> {\n  const lastCallTime = React.useRef<number>(null);\n  const lastInvokeTime = React.useRef(0);\n  const timerId = React.useRef<number>(null);\n  const lastArgs = React.useRef<unknown[]>(null);\n  const lastThis = React.useRef<unknown>(undefined);\n  const result = React.useRef<ReturnType<T>>(undefined);\n  const funcRef = React.useRef(func);\n  const mounted = React.useRef(true);\n  const visibilityListener = React.useRef<VoidFunction>(null);\n  const debouncedRef = React.useRef<DebouncedState<T>>(undefined);\n  // Always keep the latest version of debounce callback, with no wait time.\n  // TODO: Fix this!\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  funcRef.current = func;\n\n  // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.\n  const useRAF = !wait && wait !== 0 && canUseDOM;\n\n  if (typeof func !== \"function\") {\n    throw new TypeError(\"Expected a function\");\n  }\n\n  wait = +(wait || 0);\n  options = options || {};\n\n  const leading = !!options.leading;\n  const trailing = \"trailing\" in options ? !!options.trailing : true; // `true` by default\n  const flushOnExit = !!options.flushOnExit && trailing;\n  const maxing = \"maxWait\" in options;\n  const debounceOnServer =\n    \"debounceOnServer\" in options ? !!options.debounceOnServer : false; // `false` by default\n  const maxWait = maxing ? Math.max(+(options.maxWait || 0), wait) : null;\n\n  // You may have a question, why we have so many code under the useMemo definition.\n  //\n  // This was made as we want to escape from useCallback hell and\n  // not to initialize a number of functions each time useDebouncedCallback is called.\n  //\n  // It means that we have less garbage for our GC calls which improves performance.\n  // Also, it makes this library smaller.\n  //\n  // And the last reason, that the code without lots of useCallback with deps is easier to read.\n  // You have only one place for that.\n  const debounced = React.useMemo(() => {\n    const invokeFunc = (time: number) => {\n      const args = lastArgs.current;\n      const thisArg = lastThis.current;\n      lastArgs.current = lastThis.current = null;\n      lastInvokeTime.current = time;\n\n      return (result.current = funcRef.current.apply(thisArg, args || []));\n    };\n\n    const startTimer = (pendingFunc: () => void, wait: number) => {\n      if (useRAF) {\n        cancelAnimationFrame(timerId.current!);\n      }\n      timerId.current = useRAF\n        ? requestAnimationFrame(pendingFunc)\n        : (setTimeout(pendingFunc, wait) as unknown as number);\n    };\n\n    const shouldInvoke = (time: number) => {\n      if (!mounted.current) return false;\n\n      const timeSinceLastCall = time - (lastCallTime.current || 0);\n      const timeSinceLastInvoke = time - lastInvokeTime.current;\n\n      // Either this is the first call, activity has stopped and we're at the\n      // trailing edge, the system time has gone backwards and we're treating\n      // it as the trailing edge, or we've hit the `maxWait` limit.\n      return (\n        !lastCallTime.current ||\n        timeSinceLastCall >= wait ||\n        timeSinceLastCall < 0 ||\n        (maxing && timeSinceLastInvoke >= (maxWait || 0))\n      );\n    };\n\n    const trailingEdge = (time: number) => {\n      timerId.current = null;\n\n      // Only invoke if we have `lastArgs` which means `func` has been\n      // debounced at least once.\n      if (trailing && lastArgs.current) {\n        return invokeFunc(time);\n      }\n\n      lastArgs.current = lastThis.current = null;\n      return result.current;\n    };\n\n    const timerExpired = () => {\n      const time = Date.now();\n\n      if (shouldInvoke(time)) {\n        return trailingEdge(time);\n      }\n      // https://github.com/xnimorz/use-debounce/issues/97\n      if (!mounted.current) {\n        return;\n      }\n      // Remaining wait calculation\n      const timeSinceLastCall = time - (lastCallTime.current || 0);\n      const timeSinceLastInvoke = time - lastInvokeTime.current;\n      const timeWaiting = wait - timeSinceLastCall;\n      const remainingWait = maxing\n        ? Math.min(timeWaiting, (maxWait || 0) - timeSinceLastInvoke)\n        : timeWaiting;\n\n      // Restart the timer\n      startTimer(timerExpired, remainingWait);\n    };\n\n    const func: DebouncedState<T> = (...args: Parameters<T>): ReturnType<T> => {\n      if (!canUseDOM && !debounceOnServer) {\n        // TODO: Fixme\n        return undefined!;\n      }\n\n      const time = Date.now();\n      const isInvoking = shouldInvoke(time);\n\n      lastArgs.current = args;\n      lastThis.current = this;\n      lastCallTime.current = time;\n\n      if (flushOnExit && !visibilityListener.current) {\n        visibilityListener.current = () => {\n          if (globalThis.document?.visibilityState === \"hidden\") {\n            debouncedRef.current?.flush();\n          }\n        };\n        globalThis.document?.addEventListener?.(\n          \"visibilitychange\",\n          visibilityListener.current,\n        );\n      }\n      if (isInvoking) {\n        if (!timerId.current && mounted.current) {\n          // Reset any `maxWait` timer.\n          lastInvokeTime.current = lastCallTime.current;\n          // Start the timer for the trailing edge.\n          startTimer(timerExpired, wait);\n          // Invoke the leading edge.\n          return leading ? invokeFunc(lastCallTime.current) : result.current!;\n        }\n        if (maxing) {\n          // Handle invocations in a tight loop.\n          startTimer(timerExpired, wait);\n          return invokeFunc(lastCallTime.current);\n        }\n      }\n      if (!timerId.current) {\n        startTimer(timerExpired, wait);\n      }\n      return result.current!;\n    };\n\n    func.cancel = () => {\n      if (timerId.current) {\n        useRAF\n          ? cancelAnimationFrame(timerId.current!)\n          : clearTimeout(timerId.current!);\n      }\n      lastInvokeTime.current = 0;\n      lastArgs.current =\n        lastCallTime.current =\n        lastThis.current =\n        timerId.current =\n          null;\n    };\n\n    func.isPending = () => {\n      return !!timerId.current;\n    };\n\n    func.flush = () => {\n      return !timerId.current ? result.current : trailingEdge(Date.now());\n    };\n\n    return func;\n  }, [\n    leading,\n    maxing,\n    wait,\n    maxWait,\n    trailing,\n    flushOnExit,\n    useRAF,\n    debounceOnServer,\n  ]);\n\n  // Store reference to debounced function for cleanup\n  debouncedRef.current = debounced;\n\n  React.useEffect(() => {\n    mounted.current = true;\n    return () => {\n      if (flushOnExit) {\n        debouncedRef.current?.flush();\n      }\n      if (visibilityListener.current) {\n        globalThis.document?.removeEventListener?.(\n          \"visibilitychange\",\n          visibilityListener.current,\n        );\n        visibilityListener.current = null;\n      }\n      mounted.current = false;\n    };\n  }, [flushOnExit]);\n\n  return debounced;\n}\n\ninterface CallOptions {\n  /**\n   * Controls if the function should be invoked on the leading edge of the timeout.\n   */\n  leading?: boolean;\n  /**\n   * Controls if the function should be invoked on the trailing edge of the timeout.\n   */\n  trailing?: boolean;\n  /**\n   * Controls if the function should be invoked when the React component unmounts or\n   * the page is closed. This is usually desirable whenever `func` has persistent side-effects\n   * such as persists data.\n   *\n   * NOTE: If the callback calls `fetch()`, you usually also want to specify the `keepalive=true`\n   * option for `fetch()` so it can finish in the background after the page is closed.\n   *\n   * This option has no effect if `trailing == false`.\n   */\n  flushOnExit?: boolean;\n}\n\ninterface Options extends CallOptions {\n  /**\n   * The maximum time the given function is allowed to be delayed before it's invoked.\n   */\n  maxWait?: number;\n  /**\n   * If the setting is set to true, all debouncing and timers will happen on the server side as well\n   */\n  debounceOnServer?: boolean;\n}\n\ninterface ControlFunctions<ReturnT> {\n  /**\n   * Cancel pending function invocations\n   */\n  cancel: () => void;\n  /**\n   * Immediately invoke pending function invocations\n   */\n  flush: () => ReturnT | undefined;\n  /**\n   * Returns `true` if there are any pending function invocations\n   */\n  isPending: () => boolean;\n}\n\n/**\n * Subsequent calls to the debounced function return the result of the last func invocation.\n * Note, that if there are no previous invocations you will get undefined. You should check it in your code properly.\n */\ninterface DebouncedState<\n  T extends (...args: any) => ReturnType<T>,\n> extends ControlFunctions<ReturnType<T>> {\n  (...args: Parameters<T>): ReturnType<T> | undefined;\n}\n\nexport { useDebouncedCallback };\n"],"mappings":"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"}
+{"version":3,"file":"use-debounce.cjs","names":["canUseDOM","React"],"sources":["../../../src/lib/use-debounce.ts"],"sourcesContent":["// Fork of https://github.com/xnimorz/use-debounce\n// MIT License, Copyright (c) 2018 Nikita Mostovoy\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"./use-layout-effect.js\";\nimport { canUseDOM } from \"./utils.js\";\n\ninterface Options {\n  /**\n   * The number of milliseconds to delay. if omitted, invocation is deferred to\n   * the next animation frame (or the next tick where that's unavailable).\n   */\n  wait?: number;\n  /**\n   * Controls if the function should be invoked on the leading edge of the\n   * timeout.\n   * @default false\n   */\n  leading?: boolean;\n  /**\n   * Controls if the function should be invoked on the trailing edge of the\n   * timeout.\n   * @default true\n   */\n  trailing?: boolean;\n  /**\n   * Controls if the function should be invoked when the React component\n   * unmounts or the page is closed. This is usually desirable whenever `func`\n   * has persistent side-effects such as persists data.\n   *\n   * NOTE: If the callback calls `fetch()`, you usually also want to specify the\n   * `keepalive=true` option for `fetch()` so it can finish in the background\n   * after the page is closed.\n   *\n   * This option has no effect if `trailing == false`.\n   *\n   * @default false\n   */\n  flushOnExit?: boolean;\n  /**\n   * The maximum time the given function is allowed to be delayed before it's\n   * invoked. Pass `null` and the maximum wait time is equal to the `wait` time.\n   */\n  maxWait?: number | null;\n  /**\n   * If the setting is set to true, all debouncing and timers will happen on the\n   * server side as well.\n   *\n   * @default false\n   */\n  debounceOnServer?: boolean;\n}\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked, or until the next browser frame is drawn.\n *\n * The debounced function comes with a `cancel` method to cancel delayed `func`\n * invocations and a `flush` method to immediately invoke them.\n *\n * Provide `options` to indicate whether `func` should be invoked on the leading\n * and/or trailing edge of the `wait` timeout. The `func` is invoked with the\n * last arguments provided to the debounced function.\n *\n * Subsequent calls to the debounced function return the result of the last\n * `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is invoked\n * on the trailing edge of the timeout only if the debounced function is invoked\n * more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`\n * invocation will be deferred until the next frame is drawn (typically about\n * 16ms).\n *\n * See [David Corbacho's\n * article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `debounce` and `throttle`.\n *\n * @param func The function to debounce\n * @param options The options object\n * @returns Returns the new debounced function.\n * @example\n * ```tsx\n * // Avoid costly calculations while the window size is in flux.\n * const resizeHandler = useDebouncedCallback(calculateLayout, { wait: 150 });\n * window.addEventListener('resize', resizeHandler)\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * const clickHandler = useDebouncedCallback(sendMail, {\n *   wait: 300,\n *   leading: true,\n *   trailing: false,\n * })\n * <button onClick={clickHandler}>click me</button>\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * const debounced = useDebouncedCallback(batchLog, { wait: 250, maxWait: 1000 })\n * const source = new EventSource('/stream')\n * source.addEventListener('message', debounced)\n *\n * // Cancel the trailing debounced invocation.\n * window.addEventListener('popstate', debounced.cancel)\n *\n * // Check for pending invocations.\n * const status = debounced.isPending() ? \"Pending...\" : \"Ready\"\n * ```\n */\nfunction useDebouncedCallback<T extends (...args: any) => ReturnType<T>>(\n  func: T,\n  options: Options = {},\n): DebouncedState<T> {\n  const {\n    wait = 0,\n    leading = false,\n    trailing = true,\n    maxWait: maxWaitOption,\n    debounceOnServer = false,\n  } = options;\n  // Bypass `requestAnimationFrame` by explicitly setting `wait: 0`.\n  const useRAF = options.wait === undefined && canUseDOM;\n  const flushOnExit = !!options.flushOnExit && trailing;\n  const maxWait =\n    maxWaitOption === undefined ? null : Math.max(maxWaitOption ?? 0, wait);\n\n  const stateRef = React.useRef<DebounceState<T>>({\n    func,\n    lastCallTime: null,\n    lastInvokeTime: 0,\n    timerId: null,\n    lastArgs: null,\n    lastThis: undefined,\n    result: undefined,\n    mounted: true,\n    visibilityListener: null,\n    debounced: undefined,\n  });\n\n  const debounced = React.useMemo(() => {\n    const config: DebounceConfig = {\n      wait,\n      maxWait,\n      leading,\n      trailing,\n      flushOnExit,\n      useRAF,\n      debounceOnServer,\n    };\n    const debounced: DebouncedState<T> = function (\n      this: unknown,\n      ...args: Parameters<T>\n    ) {\n      return debounce(stateRef.current, config, this, args);\n    };\n    debounced.cancel = () => cancel(stateRef.current, config);\n    debounced.isPending = () => !!stateRef.current.timerId;\n    debounced.flush = () => flush(stateRef.current, config);\n    return debounced;\n  }, [wait, maxWait, leading, trailing, flushOnExit, useRAF, debounceOnServer]);\n\n  useLayoutEffect(() => {\n    stateRef.current.func = func;\n    stateRef.current.debounced = debounced;\n  });\n\n  React.useEffect(() => {\n    const state = stateRef.current;\n    state.mounted = true;\n    return () => {\n      if (flushOnExit) {\n        state.debounced?.flush();\n      }\n      if (state.visibilityListener) {\n        globalThis.document?.removeEventListener?.(\n          \"visibilitychange\",\n          state.visibilityListener,\n        );\n        state.visibilityListener = null;\n      }\n      state.mounted = false;\n    };\n  }, [flushOnExit]);\n\n  return debounced;\n}\n\n/**\n * Mutable timer state for a hook instance. It outlives any single debounced\n * function, so changing options doesn't drop pending invocations.\n */\ninterface DebounceState<T extends (...args: any) => ReturnType<T>> {\n  func: T;\n  lastCallTime: number | null;\n  lastInvokeTime: number;\n  timerId: number | null;\n  lastArgs: Parameters<T> | null;\n  lastThis: unknown;\n  result: ReturnType<T> | undefined;\n  mounted: boolean;\n  visibilityListener: VoidFunction | null;\n  debounced: DebouncedState<T> | undefined;\n}\n\ninterface DebounceConfig {\n  wait: number;\n  maxWait: number | null;\n  leading: boolean;\n  trailing: boolean;\n  flushOnExit: boolean;\n  useRAF: boolean;\n  debounceOnServer: boolean;\n}\n\nfunction invokeFunc<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  time: number,\n) {\n  const args = state.lastArgs;\n  const thisArg = state.lastThis;\n  state.lastArgs = state.lastThis = null;\n  state.lastInvokeTime = time;\n\n  return (state.result = state.func.apply(thisArg, args || []));\n}\n\nfunction startTimer<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  config: DebounceConfig,\n  wait: number,\n) {\n  const onTimer = () => timerExpired(state, config);\n  if (config.useRAF) {\n    cancelAnimationFrame(state.timerId!);\n  }\n  state.timerId = config.useRAF\n    ? requestAnimationFrame(onTimer)\n    : (setTimeout(onTimer, wait) as unknown as number);\n}\n\nfunction shouldInvoke<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  { wait, maxWait }: DebounceConfig,\n  time: number,\n) {\n  if (!state.mounted) return false;\n\n  const timeSinceLastCall = time - (state.lastCallTime || 0);\n  const timeSinceLastInvoke = time - state.lastInvokeTime;\n\n  // Either this is the first call, activity has stopped and we're at the\n  // trailing edge, the system time has gone backwards and we're treating\n  // it as the trailing edge, or we've hit the `maxWait` limit.\n  return (\n    !state.lastCallTime ||\n    timeSinceLastCall >= wait ||\n    timeSinceLastCall < 0 ||\n    (maxWait !== null && timeSinceLastInvoke >= maxWait)\n  );\n}\n\nfunction trailingEdge<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  config: DebounceConfig,\n  time: number,\n) {\n  state.timerId = null;\n\n  // Only invoke if we have `lastArgs` which means `func` has been\n  // debounced at least once.\n  if (config.trailing && state.lastArgs) {\n    return invokeFunc(state, time);\n  }\n\n  state.lastArgs = state.lastThis = null;\n  return state.result;\n}\n\nfunction timerExpired<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  config: DebounceConfig,\n) {\n  const time = Date.now();\n\n  if (shouldInvoke(state, config, time)) {\n    trailingEdge(state, config, time);\n    return;\n  }\n  // https://github.com/xnimorz/use-debounce/issues/97\n  if (!state.mounted) {\n    return;\n  }\n  // Remaining wait calculation\n  const timeSinceLastCall = time - (state.lastCallTime || 0);\n  const timeSinceLastInvoke = time - state.lastInvokeTime;\n  const timeWaiting = config.wait - timeSinceLastCall;\n  const remainingWait =\n    config.maxWait !== null\n      ? Math.min(timeWaiting, config.maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n\n  // Restart the timer\n  startTimer(state, config, remainingWait);\n}\n\nfunction debounce<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  config: DebounceConfig,\n  thisArg: unknown,\n  args: Parameters<T>,\n): ReturnType<T> | undefined {\n  if (!canUseDOM && !config.debounceOnServer) {\n    return undefined;\n  }\n\n  const time = Date.now();\n  const isInvoking = shouldInvoke(state, config, time);\n\n  state.lastArgs = args;\n  state.lastThis = thisArg;\n  state.lastCallTime = time;\n\n  if (config.flushOnExit && !state.visibilityListener) {\n    state.visibilityListener = () => {\n      if (globalThis.document?.visibilityState === \"hidden\") {\n        state.debounced?.flush();\n      }\n    };\n    globalThis.document?.addEventListener?.(\n      \"visibilitychange\",\n      state.visibilityListener,\n    );\n  }\n  if (isInvoking) {\n    if (!state.timerId && state.mounted) {\n      // Reset any `maxWait` timer.\n      state.lastInvokeTime = time;\n      // Start the timer for the trailing edge.\n      startTimer(state, config, config.wait);\n      // Invoke the leading edge.\n      return config.leading ? invokeFunc(state, time) : state.result;\n    }\n    if (config.maxWait !== null) {\n      // Handle invocations in a tight loop.\n      startTimer(state, config, config.wait);\n      return invokeFunc(state, time);\n    }\n  }\n  if (!state.timerId) {\n    startTimer(state, config, config.wait);\n  }\n  return state.result;\n}\n\nfunction cancel<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  config: DebounceConfig,\n) {\n  if (state.timerId) {\n    if (config.useRAF) {\n      cancelAnimationFrame(state.timerId);\n    } else {\n      clearTimeout(state.timerId);\n    }\n  }\n  state.lastInvokeTime = 0;\n  state.lastArgs = state.lastCallTime = state.lastThis = state.timerId = null;\n}\n\nfunction flush<T extends (...args: any) => ReturnType<T>>(\n  state: DebounceState<T>,\n  config: DebounceConfig,\n) {\n  return !state.timerId\n    ? state.result\n    : trailingEdge(state, config, Date.now());\n}\n\ninterface ControlFunctions<ReturnT> {\n  /**\n   * Cancel pending function invocations\n   */\n  cancel: () => void;\n  /**\n   * Immediately invoke pending function invocations\n   */\n  flush: () => ReturnT | undefined;\n  /**\n   * Returns `true` if there are any pending function invocations\n   */\n  isPending: () => boolean;\n}\n\n/**\n * Subsequent calls to the debounced function return the result of the last func invocation.\n * Note, that if there are no previous invocations you will get undefined. You should check it in your code properly.\n */\ninterface DebouncedState<\n  T extends (...args: any) => ReturnType<T>,\n> extends ControlFunctions<ReturnType<T>> {\n  (...args: Parameters<T>): ReturnType<T> | undefined;\n}\n\nexport { useDebouncedCallback };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,SAAS,qBACP,MACA,UAAmB,CAAC,GACD;CACnB,MAAM,EACJ,OAAO,GACP,UAAU,OACV,WAAW,MACX,SAAS,eACT,mBAAmB,UACjB;CAEJ,MAAM,SAAS,QAAQ,SAAS,UAAaA,kBAAAA;CAC7C,MAAM,cAAc,CAAC,CAAC,QAAQ,eAAe;CAC7C,MAAM,UACJ,kBAAkB,SAAY,OAAO,KAAK,IAAI,iBAAiB,GAAG,IAAI;CAExE,MAAM,WAAWC,MAAM,OAAyB;EAC9C;EACA,cAAc;EACd,gBAAgB;EAChB,SAAS;EACT,UAAU;EACV,UAAU;EACV,QAAQ;EACR,SAAS;EACT,oBAAoB;EACpB,WAAW;CACb,CAAC;CAED,MAAM,YAAYA,MAAM,cAAc;EACpC,MAAM,SAAyB;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EACA,MAAM,YAA+B,SAEnC,GAAG,MACH;GACA,OAAO,SAAS,SAAS,SAAS,QAAQ,MAAM,IAAI;EACtD;EACA,UAAU,eAAe,OAAO,SAAS,SAAS,MAAM;EACxD,UAAU,kBAAkB,CAAC,CAAC,SAAS,QAAQ;EAC/C,UAAU,cAAc,MAAM,SAAS,SAAS,MAAM;EACtD,OAAO;CACT,GAAG;EAAC;EAAM;EAAS;EAAS;EAAU;EAAa;EAAQ;CAAgB,CAAC;CAE5E,8BAAA,sBAAsB;EACpB,SAAS,QAAQ,OAAO;EACxB,SAAS,QAAQ,YAAY;CAC/B,CAAC;CAED,MAAM,gBAAgB;EACpB,MAAM,QAAQ,SAAS;EACvB,MAAM,UAAU;EAChB,aAAa;GACX,IAAI,aACF,MAAM,WAAW,MAAM;GAEzB,IAAI,MAAM,oBAAoB;IAC5B,WAAW,UAAU,sBACnB,oBACA,MAAM,kBACR;IACA,MAAM,qBAAqB;GAC7B;GACA,MAAM,UAAU;EAClB;CACF,GAAG,CAAC,WAAW,CAAC;CAEhB,OAAO;AACT;AA6BA,SAAS,WACP,OACA,MACA;CACA,MAAM,OAAO,MAAM;CACnB,MAAM,UAAU,MAAM;CACtB,MAAM,WAAW,MAAM,WAAW;CAClC,MAAM,iBAAiB;CAEvB,OAAQ,MAAM,SAAS,MAAM,KAAK,MAAM,SAAS,QAAQ,CAAC,CAAC;AAC7D;AAEA,SAAS,WACP,OACA,QACA,MACA;CACA,MAAM,gBAAgB,aAAa,OAAO,MAAM;CAChD,IAAI,OAAO,QACT,qBAAqB,MAAM,OAAQ;CAErC,MAAM,UAAU,OAAO,SACnB,sBAAsB,OAAO,IAC5B,WAAW,SAAS,IAAI;AAC/B;AAEA,SAAS,aACP,OACA,EAAE,MAAM,WACR,MACA;CACA,IAAI,CAAC,MAAM,SAAS,OAAO;CAE3B,MAAM,oBAAoB,QAAQ,MAAM,gBAAgB;CACxD,MAAM,sBAAsB,OAAO,MAAM;CAKzC,OACE,CAAC,MAAM,gBACP,qBAAqB,QACrB,oBAAoB,KACnB,YAAY,QAAQ,uBAAuB;AAEhD;AAEA,SAAS,aACP,OACA,QACA,MACA;CACA,MAAM,UAAU;CAIhB,IAAI,OAAO,YAAY,MAAM,UAC3B,OAAO,WAAW,OAAO,IAAI;CAG/B,MAAM,WAAW,MAAM,WAAW;CAClC,OAAO,MAAM;AACf;AAEA,SAAS,aACP,OACA,QACA;CACA,MAAM,OAAO,KAAK,IAAI;CAEtB,IAAI,aAAa,OAAO,QAAQ,IAAI,GAAG;EACrC,aAAa,OAAO,QAAQ,IAAI;EAChC;CACF;CAEA,IAAI,CAAC,MAAM,SACT;CAGF,MAAM,oBAAoB,QAAQ,MAAM,gBAAgB;CACxD,MAAM,sBAAsB,OAAO,MAAM;CACzC,MAAM,cAAc,OAAO,OAAO;CAOlC,WAAW,OAAO,QALhB,OAAO,YAAY,OACf,KAAK,IAAI,aAAa,OAAO,UAAU,mBAAmB,IAC1D,WAGiC;AACzC;AAEA,SAAS,SACP,OACA,QACA,SACA,MAC2B;CAC3B,IAAI,CAACD,kBAAAA,aAAa,CAAC,OAAO,kBACxB;CAGF,MAAM,OAAO,KAAK,IAAI;CACtB,MAAM,aAAa,aAAa,OAAO,QAAQ,IAAI;CAEnD,MAAM,WAAW;CACjB,MAAM,WAAW;CACjB,MAAM,eAAe;CAErB,IAAI,OAAO,eAAe,CAAC,MAAM,oBAAoB;EACnD,MAAM,2BAA2B;GAC/B,IAAI,WAAW,UAAU,oBAAoB,UAC3C,MAAM,WAAW,MAAM;EAE3B;EACA,WAAW,UAAU,mBACnB,oBACA,MAAM,kBACR;CACF;CACA,IAAI,YAAY;EACd,IAAI,CAAC,MAAM,WAAW,MAAM,SAAS;GAEnC,MAAM,iBAAiB;GAEvB,WAAW,OAAO,QAAQ,OAAO,IAAI;GAErC,OAAO,OAAO,UAAU,WAAW,OAAO,IAAI,IAAI,MAAM;EAC1D;EACA,IAAI,OAAO,YAAY,MAAM;GAE3B,WAAW,OAAO,QAAQ,OAAO,IAAI;GACrC,OAAO,WAAW,OAAO,IAAI;EAC/B;CACF;CACA,IAAI,CAAC,MAAM,SACT,WAAW,OAAO,QAAQ,OAAO,IAAI;CAEvC,OAAO,MAAM;AACf;AAEA,SAAS,OACP,OACA,QACA;CACA,IAAI,MAAM,SAAS;EACjB,IAAI,OAAO,QACT,qBAAqB,MAAM,OAAO;OAElC,aAAa,MAAM,OAAO;CAE9B;CACA,MAAM,iBAAiB;CACvB,MAAM,WAAW,MAAM,eAAe,MAAM,WAAW,MAAM,UAAU;AACzE;AAEA,SAAS,MACP,OACA,QACA;CACA,OAAO,CAAC,MAAM,UACV,MAAM,SACN,aAAa,OAAO,QAAQ,KAAK,IAAI,CAAC;AAC5C"}

package/dist/cjs/lib/use-debounce.d.cts

@@ -1,4 +1,49 @@
 //#region src/lib/use-debounce.d.ts
+interface Options {
+  /**
+   * The number of milliseconds to delay. if omitted, invocation is deferred to
+   * the next animation frame (or the next tick where that's unavailable).
+   */
+  wait?: number;
+  /**
+   * Controls if the function should be invoked on the leading edge of the
+   * timeout.
+   * @default false
+   */
+  leading?: boolean;
+  /**
+   * Controls if the function should be invoked on the trailing edge of the
+   * timeout.
+   * @default true
+   */
+  trailing?: boolean;
+  /**
+   * Controls if the function should be invoked when the React component
+   * unmounts or the page is closed. This is usually desirable whenever `func`
+   * has persistent side-effects such as persists data.
+   *
+   * NOTE: If the callback calls `fetch()`, you usually also want to specify the
+   * `keepalive=true` option for `fetch()` so it can finish in the background
+   * after the page is closed.
+   *
+   * This option has no effect if `trailing == false`.
+   *
+   * @default false
+   */
+  flushOnExit?: boolean;
+  /**
+   * The maximum time the given function is allowed to be delayed before it's
+   * invoked. Pass `null` and the maximum wait time is equal to the `wait` time.
+   */
+  maxWait?: number | null;
+  /**
+   * If the setting is set to true, all debouncing and timers will happen on the
+   * server side as well.
+   *
+   * @default false
+   */
+  debounceOnServer?: boolean;
+}
 /**
  * Creates a debounced function that delays invoking `func` until after `wait`
  * milliseconds have elapsed since the last time the debounced function was
@@ -29,34 +74,25 @@
  * article](https://css-tricks.com/debouncing-throttling-explained-examples/)
  * for details over the differences between `debounce` and `throttle`.
  *
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay; if omitted,
- *  `requestAnimationFrame` is used (if available, otherwise it will be
- *  setTimeout(...,0)).
- * @param {Object} [options={}] The options object. Controls if `func` should be
- *  invoked on the leading edge of the timeout.
- * @param {boolean} [options.leading=false] The maximum time `func` is allowed
- *  to be delayed before it's invoked.
- * @param {number} [options.maxWait] Controls if `func` should be invoked the
- *  trailing edge of the timeout.
- * @param {boolean} [options.trailing=true]
- * @returns {Function} Returns the new debounced function.
+ * @param func The function to debounce
+ * @param options The options object
+ * @returns Returns the new debounced function.
  * @example
  * ```tsx
  * // Avoid costly calculations while the window size is in flux.
- * const resizeHandler = useDebouncedCallback(calculateLayout, 150);
+ * const resizeHandler = useDebouncedCallback(calculateLayout, { wait: 150 });
  * window.addEventListener('resize', resizeHandler)
  *
  * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * const clickHandler = useDebouncedCallback(sendMail, 300, {
+ * const clickHandler = useDebouncedCallback(sendMail, {
+ *   wait: 300,
  *   leading: true,
  *   trailing: false,
  * })
  * <button onClick={clickHandler}>click me</button>
  *
  * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * const debounced = useDebouncedCallback(batchLog, 250, { 'maxWait': 1000 })
+ * const debounced = useDebouncedCallback(batchLog, { wait: 250, maxWait: 1000 })
  * const source = new EventSource('/stream')
  * source.addEventListener('message', debounced)
  *
@@ -67,38 +103,7 @@
  * const status = debounced.isPending() ? "Pending..." : "Ready"
  * ```
  */
-declare function useDebouncedCallback<T extends (...args: any) => ReturnType<T>>(this: unknown, func: T, wait?: number, options?: Options): DebouncedState<T>;
-interface CallOptions {
-  /**
-   * Controls if the function should be invoked on the leading edge of the timeout.
-   */
-  leading?: boolean;
-  /**
-   * Controls if the function should be invoked on the trailing edge of the timeout.
-   */
-  trailing?: boolean;
-  /**
-   * Controls if the function should be invoked when the React component unmounts or
-   * the page is closed. This is usually desirable whenever `func` has persistent side-effects
-   * such as persists data.
-   *
-   * NOTE: If the callback calls `fetch()`, you usually also want to specify the `keepalive=true`
-   * option for `fetch()` so it can finish in the background after the page is closed.
-   *
-   * This option has no effect if `trailing == false`.
-   */
-  flushOnExit?: boolean;
-}
-interface Options extends CallOptions {
-  /**
-   * The maximum time the given function is allowed to be delayed before it's invoked.
-   */
-  maxWait?: number;
-  /**
-   * If the setting is set to true, all debouncing and timers will happen on the server side as well
-   */
-  debounceOnServer?: boolean;
-}
+declare function useDebouncedCallback<T extends (...args: any) => ReturnType<T>>(func: T, options?: Options): DebouncedState<T>;
 interface ControlFunctions<ReturnT> {
   /**
    * Cancel pending function invocations

package/dist/cjs/lib/use-debounce.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"use-debounce.d.cts","names":[],"sources":["../../../src/lib/use-debounce.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyES,qBAAqB,cAAc,cAAc,WAAW,IACnE,eACA,MAAM,GACN,eACA,UAAU,UACT,eAAe;UAyNR;;;;EAIR;;;;EAIA;;;;;;;;;;;EAWA;;UAGQ,gBAAgB;;;;EAIxB;;;;EAIA;;UAGQ,iBAAiB;;;;EAIzB;;;;EAIA,aAAa;;;;EAIb;;;;;;UAOQ,eACR,cAAc,cAAc,WAAW,YAC/B,iBAAiB,WAAW;MAChC,MAAM,WAAW,KAAK,WAAW"}
+{"version":3,"file":"use-debounce.d.cts","names":[],"sources":["../../../src/lib/use-debounce.ts"],"mappings":";UAMU;;;;;EAKR;;;;;;EAMA;;;;;;EAMA;;;;;;;;;;;;;;EAcA;;;;;EAKA;;;;;;;EAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8DO,qBAAqB,cAAc,cAAc,WAAW,IACnE,MAAM,GACN,UAAS,UACR,eAAe;UA0QR,iBAAiB;;;;EAIzB;;;;EAIA,aAAa;;;;EAIb;;;;;;UAOQ,eACR,cAAc,cAAc,WAAW,YAC/B,iBAAiB,WAAW;MAChC,MAAM,WAAW,KAAK,WAAW"}

package/dist/cjs/lib/use-widgets-invalidator.cjs

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_api_client_graphql_hooks = require("../api/client-graphql/hooks.cjs");
+const require_api_client_graphql_query_keys = require("../api/client-graphql/query-keys.cjs");
+require("../api/client-graphql/hooks.cjs");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
@@ -9,8 +10,7 @@ function useWidgetsInvalidatorImpl() {
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return react.useCallback(async () => {
 		await queryClient.invalidateQueries({ queryKey: ["authToken"] });
-		await new Promise((resolve) => setTimeout(resolve, 1));
-		return queryClient.invalidateQueries({ predicate: (query) => require_api_client_graphql_hooks.isClientGraphqlQueryKey(query.queryKey) });
+		return queryClient.invalidateQueries({ predicate: (query) => require_api_client_graphql_query_keys.isClientGraphqlQueryKey(query.queryKey) });
 	}, [queryClient]);
 }
 function useWidgetsInvalidator() {

package/dist/cjs/lib/use-widgets-invalidator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-widgets-invalidator.cjs","names":["useQueryClient","React","isClientGraphqlQueryKey"],"sources":["../../../src/lib/use-widgets-invalidator.ts"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport { isClientGraphqlQueryKey } from \"../api/client-graphql/hooks.js\";\n\nfunction useWidgetsInvalidatorImpl() {\n  const queryClient = useQueryClient();\n\n  return React.useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey: [\"authToken\"] });\n    // TODO: Unclear why, but invalidating other widgets' queries immediately\n    // after the authToken invalidation (even though it's async?) doesn't work,\n    // and We end up with stale data. Waiting for the next tick fixes this.\n    await new Promise((resolve) => setTimeout(resolve, 1));\n    return queryClient.invalidateQueries({\n      predicate: (query) => isClientGraphqlQueryKey(query.queryKey),\n    });\n  }, [queryClient]);\n}\n\nfunction useWidgetsInvalidator() {\n  try {\n    // oxlint-disable-next-line react-hooks/rules-of-hooks\n    return useWidgetsInvalidatorImpl();\n  } catch {\n    throw Error(\n      \"useWidgetsInvalidation must be used within the `WorkOsWidgets` provider component\",\n    );\n  }\n}\n\nexport { useWidgetsInvalidator };\n"],"mappings":";;;;;;;AAIA,SAAS,4BAA4B;CACnC,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe;CAEnC,OAAOC,MAAM,YAAY,YAAY;EACnC,MAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,EAAE,CAAC;EAI/D,MAAM,IAAI,SAAS,YAAY,WAAW,SAAS,CAAC,CAAC;EACrD,OAAO,YAAY,kBAAkB,EACnC,YAAY,UAAUC,iCAAAA,wBAAwB,MAAM,QAAQ,EAC9D,CAAC;CACH,GAAG,CAAC,WAAW,CAAC;AAClB;AAEA,SAAS,wBAAwB;CAC/B,IAAI;EAEF,OAAO,0BAA0B;CACnC,QAAQ;EACN,MAAM,MACJ,mFACF;CACF;AACF"}
+{"version":3,"file":"use-widgets-invalidator.cjs","names":["useQueryClient","React","isClientGraphqlQueryKey"],"sources":["../../../src/lib/use-widgets-invalidator.ts"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport { isClientGraphqlQueryKey } from \"../api/client-graphql/hooks.js\";\n\nfunction useWidgetsInvalidatorImpl() {\n  const queryClient = useQueryClient();\n\n  return React.useCallback(async () => {\n    await queryClient.invalidateQueries({ queryKey: [\"authToken\"] });\n    return queryClient.invalidateQueries({\n      predicate: (query) => isClientGraphqlQueryKey(query.queryKey),\n    });\n  }, [queryClient]);\n}\n\nfunction useWidgetsInvalidator() {\n  try {\n    // oxlint-disable-next-line react-hooks/rules-of-hooks\n    return useWidgetsInvalidatorImpl();\n  } catch {\n    throw Error(\n      \"useWidgetsInvalidation must be used within the `WorkOsWidgets` provider component\",\n    );\n  }\n}\n\nexport { useWidgetsInvalidator };\n"],"mappings":";;;;;;;;AAIA,SAAS,4BAA4B;CACnC,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe;CAEnC,OAAOC,MAAM,YAAY,YAAY;EACnC,MAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,EAAE,CAAC;EAC/D,OAAO,YAAY,kBAAkB,EACnC,YAAY,UAAUC,sCAAAA,wBAAwB,MAAM,QAAQ,EAC9D,CAAC;CACH,GAAG,CAAC,WAAW,CAAC;AAClB;AAEA,SAAS,wBAAwB;CAC/B,IAAI;EAEF,OAAO,0BAA0B;CACnC,QAAQ;EACN,MAAM,MACJ,mFACF;CACF;AACF"}

package/dist/cjs/lib/use-widgets-invalidator.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"use-widgets-invalidator.d.cts","names":[],"sources":["../../../src/lib/use-widgets-invalidator.ts"],"mappings":";iBAmBS,+BAAqB"}
+{"version":3,"file":"use-widgets-invalidator.d.cts","names":[],"sources":["../../../src/lib/use-widgets-invalidator.ts"],"mappings":";iBAeS,+BAAqB"}

package/dist/cjs/lib/utils.cjs

@@ -1,12 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/lib/utils.ts
 const canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-function composeEventHandlers(originalEventHandler, ourEventHandler) {
-	return function handleEvent(event) {
-		originalEventHandler?.(event);
-		if (!event || !event.defaultPrevented) return ourEventHandler?.(event);
-	};
-}
 function getBestName({ firstName, lastName }) {
 	return [firstName, lastName].filter(Boolean).join(" ") || null;
 }
@@ -55,7 +49,6 @@ function openUrlViaForm(href, options) {
 }
 //#endregion
 exports.canUseDOM = canUseDOM;
-exports.composeEventHandlers = composeEventHandlers;
 exports.getBestName = getBestName;
 exports.isErrorLike = isErrorLike;
 exports.isObjectLike = isObjectLike;

package/dist/cjs/lib/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":[],"sources":["../../../src/lib/utils.ts"],"sourcesContent":["export const canUseDOM = !!(\n  typeof window !== \"undefined\" &&\n  window.document &&\n  window.document.createElement\n);\n\nexport function composeEventHandlers<E extends { defaultPrevented: boolean }>(\n  originalEventHandler?: (event: E) => void,\n  ourEventHandler?: (event: E) => void,\n) {\n  return function handleEvent(event: E) {\n    originalEventHandler?.(event);\n    if (!event || !event.defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\n\nexport function getBestName({\n  firstName,\n  lastName,\n}: {\n  firstName?: string | null | undefined;\n  lastName?: string | null | undefined;\n}) {\n  return [firstName, lastName].filter(Boolean).join(\" \") || null;\n}\n\nexport function isObjectLike(value: unknown): value is object {\n  return typeof value === \"object\" && value !== null;\n}\n\nexport function isErrorLike(value: unknown): value is Error {\n  return (\n    isObjectLike(value) &&\n    \"message\" in value &&\n    typeof value.message === \"string\" &&\n    \"name\" in value &&\n    typeof value.name === \"string\" &&\n    (!(\"stack\" in value && value.stack) || typeof value.stack === \"string\")\n  );\n}\n\nexport function isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n  return (\n    isObjectLike(value) && \"then\" in value && typeof value.then === \"function\"\n  );\n}\n\n/**\n * Opens links via form submission instead of URL query parameters. This keeps\n * sensitive parameters in the request body rather than the URL, reducing\n * exposure in server logs, browser history, and referrer headers.\n */\nexport function openUrlViaForm(\n  href: string,\n  options: { sensitiveParams?: string[]; target?: string; rel?: string },\n): void {\n  let url: URL;\n  try {\n    url = new URL(href);\n  } catch {\n    throw new TypeError(\"Invalid URL\");\n  }\n\n  let { target, rel, sensitiveParams = [] } = options;\n\n  // API tokens are always treated as sensitive parameters\n  sensitiveParams = [...sensitiveParams, \"apiToken\"];\n\n  const form = document.createElement(\"form\");\n  form.method = \"POST\";\n  if (target) {\n    form.target = target;\n  }\n\n  if (!rel && target === \"_blank\") {\n    rel = \"noopener noreferrer\";\n  }\n\n  if (rel) {\n    form.rel = rel;\n  }\n\n  for (const paramName of sensitiveParams) {\n    const paramValue = url.searchParams.get(paramName);\n    if (paramValue === null) {\n      continue;\n    }\n\n    url.searchParams.delete(paramName);\n    const fieldInput = document.createElement(\"input\");\n    fieldInput.type = \"hidden\";\n    fieldInput.name = paramName;\n    fieldInput.value = paramValue;\n    form.appendChild(fieldInput);\n  }\n\n  const formAction = url.toString();\n  form.action = formAction;\n  document.body.appendChild(form);\n  form.submit();\n  document.body.removeChild(form);\n}\n"],"mappings":";;AAAA,MAAa,YAAY,CAAC,EACxB,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAGlB,SAAgB,qBACd,sBACA,iBACA;CACA,OAAO,SAAS,YAAY,OAAU;EACpC,uBAAuB,KAAK;EAC5B,IAAI,CAAC,SAAS,CAAC,MAAM,kBACnB,OAAO,kBAAkB,KAAK;CAElC;AACF;AAEA,SAAgB,YAAY,EAC1B,WACA,YAIC;CACD,OAAO,CAAC,WAAW,QAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK;AAC5D;AAEA,SAAgB,aAAa,OAAiC;CAC5D,OAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAEA,SAAgB,YAAY,OAAgC;CAC1D,OACE,aAAa,KAAK,KAClB,aAAa,SACb,OAAO,MAAM,YAAY,YACzB,UAAU,SACV,OAAO,MAAM,SAAS,aACrB,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,MAAM,UAAU;AAElE;AAEA,SAAgB,cAAc,OAA+C;CAC3E,OACE,aAAa,KAAK,KAAK,UAAU,SAAS,OAAO,MAAM,SAAS;AAEpE;;;;;;AAOA,SAAgB,eACd,MACA,SACM;CACN,IAAI;CACJ,IAAI;EACF,MAAM,IAAI,IAAI,IAAI;CACpB,QAAQ;EACN,MAAM,IAAI,UAAU,aAAa;CACnC;CAEA,IAAI,EAAE,QAAQ,KAAK,kBAAkB,CAAC,MAAM;CAG5C,kBAAkB,CAAC,GAAG,iBAAiB,UAAU;CAEjD,MAAM,OAAO,SAAS,cAAc,MAAM;CAC1C,KAAK,SAAS;CACd,IAAI,QACF,KAAK,SAAS;CAGhB,IAAI,CAAC,OAAO,WAAW,UACrB,MAAM;CAGR,IAAI,KACF,KAAK,MAAM;CAGb,KAAK,MAAM,aAAa,iBAAiB;EACvC,MAAM,aAAa,IAAI,aAAa,IAAI,SAAS;EACjD,IAAI,eAAe,MACjB;EAGF,IAAI,aAAa,OAAO,SAAS;EACjC,MAAM,aAAa,SAAS,cAAc,OAAO;EACjD,WAAW,OAAO;EAClB,WAAW,OAAO;EAClB,WAAW,QAAQ;EACnB,KAAK,YAAY,UAAU;CAC7B;CAGA,KAAK,SADc,IAAI,SACT;CACd,SAAS,KAAK,YAAY,IAAI;CAC9B,KAAK,OAAO;CACZ,SAAS,KAAK,YAAY,IAAI;AAChC"}
+{"version":3,"file":"utils.cjs","names":[],"sources":["../../../src/lib/utils.ts"],"sourcesContent":["export const canUseDOM = !!(\n  typeof window !== \"undefined\" &&\n  window.document &&\n  window.document.createElement\n);\n\nexport function getBestName({\n  firstName,\n  lastName,\n}: {\n  firstName?: string | null | undefined;\n  lastName?: string | null | undefined;\n}) {\n  return [firstName, lastName].filter(Boolean).join(\" \") || null;\n}\n\nexport function isObjectLike(value: unknown): value is object {\n  return typeof value === \"object\" && value !== null;\n}\n\nexport function isErrorLike(value: unknown): value is Error {\n  return (\n    isObjectLike(value) &&\n    \"message\" in value &&\n    typeof value.message === \"string\" &&\n    \"name\" in value &&\n    typeof value.name === \"string\" &&\n    (!(\"stack\" in value && value.stack) || typeof value.stack === \"string\")\n  );\n}\n\nexport function isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n  return (\n    isObjectLike(value) && \"then\" in value && typeof value.then === \"function\"\n  );\n}\n\n/**\n * Opens links via form submission instead of URL query parameters. This keeps\n * sensitive parameters in the request body rather than the URL, reducing\n * exposure in server logs, browser history, and referrer headers.\n */\nexport function openUrlViaForm(\n  href: string,\n  options: { sensitiveParams?: string[]; target?: string; rel?: string },\n): void {\n  let url: URL;\n  try {\n    url = new URL(href);\n  } catch {\n    throw new TypeError(\"Invalid URL\");\n  }\n\n  let { target, rel, sensitiveParams = [] } = options;\n\n  // API tokens are always treated as sensitive parameters\n  sensitiveParams = [...sensitiveParams, \"apiToken\"];\n\n  const form = document.createElement(\"form\");\n  form.method = \"POST\";\n  if (target) {\n    form.target = target;\n  }\n\n  if (!rel && target === \"_blank\") {\n    rel = \"noopener noreferrer\";\n  }\n\n  if (rel) {\n    form.rel = rel;\n  }\n\n  for (const paramName of sensitiveParams) {\n    const paramValue = url.searchParams.get(paramName);\n    if (paramValue === null) {\n      continue;\n    }\n\n    url.searchParams.delete(paramName);\n    const fieldInput = document.createElement(\"input\");\n    fieldInput.type = \"hidden\";\n    fieldInput.name = paramName;\n    fieldInput.value = paramValue;\n    form.appendChild(fieldInput);\n  }\n\n  const formAction = url.toString();\n  form.action = formAction;\n  document.body.appendChild(form);\n  form.submit();\n  document.body.removeChild(form);\n}\n"],"mappings":";;AAAA,MAAa,YAAY,CAAC,EACxB,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAGlB,SAAgB,YAAY,EAC1B,WACA,YAIC;CACD,OAAO,CAAC,WAAW,QAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK;AAC5D;AAEA,SAAgB,aAAa,OAAiC;CAC5D,OAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAEA,SAAgB,YAAY,OAAgC;CAC1D,OACE,aAAa,KAAK,KAClB,aAAa,SACb,OAAO,MAAM,YAAY,YACzB,UAAU,SACV,OAAO,MAAM,SAAS,aACrB,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,MAAM,UAAU;AAElE;AAEA,SAAgB,cAAc,OAA+C;CAC3E,OACE,aAAa,KAAK,KAAK,UAAU,SAAS,OAAO,MAAM,SAAS;AAEpE;;;;;;AAOA,SAAgB,eACd,MACA,SACM;CACN,IAAI;CACJ,IAAI;EACF,MAAM,IAAI,IAAI,IAAI;CACpB,QAAQ;EACN,MAAM,IAAI,UAAU,aAAa;CACnC;CAEA,IAAI,EAAE,QAAQ,KAAK,kBAAkB,CAAC,MAAM;CAG5C,kBAAkB,CAAC,GAAG,iBAAiB,UAAU;CAEjD,MAAM,OAAO,SAAS,cAAc,MAAM;CAC1C,KAAK,SAAS;CACd,IAAI,QACF,KAAK,SAAS;CAGhB,IAAI,CAAC,OAAO,WAAW,UACrB,MAAM;CAGR,IAAI,KACF,KAAK,MAAM;CAGb,KAAK,MAAM,aAAa,iBAAiB;EACvC,MAAM,aAAa,IAAI,aAAa,IAAI,SAAS;EACjD,IAAI,eAAe,MACjB;EAGF,IAAI,aAAa,OAAO,SAAS;EACjC,MAAM,aAAa,SAAS,cAAc,OAAO;EACjD,WAAW,OAAO;EAClB,WAAW,OAAO;EAClB,WAAW,QAAQ;EACnB,KAAK,YAAY,UAAU;CAC7B;CAGA,KAAK,SADc,IAAI,SACT;CACd,SAAS,KAAK,YAAY,IAAI;CAC9B,KAAK,OAAO;CACZ,SAAS,KAAK,YAAY,IAAI;AAChC"}

package/dist/cjs/lib/utils.d.cts

@@ -1,8 +1,5 @@
 //#region src/lib/utils.d.ts
 export declare const canUseDOM: boolean;
-export declare function composeEventHandlers<E extends {
-  defaultPrevented: boolean;
-}>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void): (event: E) => void;
 export declare function getBestName({ firstName, lastName }: {
   firstName?: string | null | undefined;
   lastName?: string | null | undefined;

package/dist/cjs/lib/utils.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.cts","names":[],"sources":["../../../src/lib/utils.ts"],"mappings":";qBAAa;wBAMG,qBAAqB;EAAY;GAC/C,wBAAwB,OAAO,YAC/B,mBAAmB,OAAO,cAAU,OAED;wBAQrB,cACd,WACA;EAEA;EACA;;wBAKc,aAAa,iBAAiB;wBAI9B,YAAY,iBAAiB,SAAS;wBAWtC,cAAc,iBAAiB,SAAS;;;;;;wBAWxC,eACd,cACA;EAAW;EAA4B;EAAiB"}
+{"version":3,"file":"utils.d.cts","names":[],"sources":["../../../src/lib/utils.ts"],"mappings":";qBAAa;wBAMG,cACd,WACA;EAEA;EACA;;wBAKc,aAAa,iBAAiB;wBAI9B,YAAY,iBAAiB,SAAS;wBAWtC,cAAc,iBAAiB,SAAS;;;;;;wBAWxC,eACd,cACA;EAAW;EAA4B;EAAiB"}

package/dist/cjs/organization-switcher.client.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
 const require_lib_widgets_context = require("./lib/widgets-context.cjs");
+const require_api_client_graphql_query_keys = require("./api/client-graphql/query-keys.cjs");
 const require_api_api_provider = require("./api/api-provider.cjs");
 const require_api_client_graphql_hooks = require("./api/client-graphql/hooks.cjs");
 const require_components_error_boundary = require("./components/error-boundary.cjs");
@@ -37,7 +38,7 @@ const emptyOrganizations = [];
 const OrganizationSwitcherImpl = ({ variant, switchToOrganization, organizationLabel, truncateBehavior, children, ...domProps }) => {
 	const isApiReady = require_api_api_provider.useApiReady();
 	const organizationsQuery = require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("ListUserOrganizations"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("ListUserOrganizations"),
 		queryFn: (sdk) => sdk.ListUserOrganizations(),
 		select: (data) => data.organizations,
 		placeholderData: _tanstack_react_query.keepPreviousData

package/dist/cjs/organization-switcher.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"organization-switcher.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","OrganizationSwitcherError","ApiProvider","useApiReady","useClientGraphqlQuery","clientGraphqlQueryKey","keepPreviousData","OrganizationSwitcherLoading","OrganizationSwitcherPresentational"],"sources":["../../src/organization-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { keepPreviousData } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport type {\n  OrganizationSwitcherErrorProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherPassthroughProps,\n  UserOrganization,\n} from \"./widgets/organization-switcher/organization-switcher.js\";\nimport {\n  OrganizationSwitcherError,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcher as OrganizationSwitcherPresentational,\n} from \"./widgets/organization-switcher/organization-switcher.js\";\n\ninterface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {\n  authToken: AuthToken;\n}\n\nconst OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n  authToken,\n  organizationLabel,\n  switchToOrganization,\n  truncateBehavior,\n  variant,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"organization-switcher\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <OrganizationSwitcherImpl\n          switchToOrganization={switchToOrganization}\n          organizationLabel={organizationLabel}\n          truncateBehavior={truncateBehavior}\n          variant={variant}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// Constant reference to avoid unnecessary prop changes\nconst emptyOrganizations: UserOrganization[] = [];\n\ninterface OrganizationSwitcherImplProps extends OrganizationSwitcherPassthroughProps {}\n\nconst OrganizationSwitcherImpl: React.FC<OrganizationSwitcherImplProps> = ({\n  variant,\n  switchToOrganization,\n  organizationLabel,\n  truncateBehavior,\n  children,\n  ...domProps\n}) => {\n  const isApiReady = useApiReady();\n  const organizationsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n    select: (data) => data.organizations,\n    placeholderData: keepPreviousData,\n  });\n\n  const organizations = organizationsQuery.data ?? emptyOrganizations;\n\n  if (organizationsQuery.isLoading || !isApiReady) {\n    return <OrganizationSwitcherLoading variant={variant} {...domProps} />;\n  }\n\n  if (organizationsQuery.isError) {\n    return (\n      <OrganizationSwitcherError\n        error={organizationsQuery.error}\n        variant={variant}\n        {...domProps}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <OrganizationSwitcherPresentational\n        organizations={organizations}\n        switchToOrganization={switchToOrganization}\n        variant={variant}\n        organizationLabel={organizationLabel}\n        truncateBehavior={truncateBehavior}\n        {...domProps}\n      >\n        {children}\n      </OrganizationSwitcherPresentational>\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  OrganizationSwitcherProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherErrorProps,\n};\nexport {\n  OrganizationSwitcher,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcherError,\n};\n"],"mappings":";;;;;;;;;;;;;AA4BA,MAAM,wBAA6D,EACjE,WACA,mBACA,sBACA,kBACA,SACA,GAAG,eACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,2BAAD;GACS;GACE;GACT,GAAI;EACL,CAAA;EAGH,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,0BAAD;IACwB;IACH;IACD;IACT;IACT,GAAI;GACL,CAAA;EACU,CAAA;CACA,CAAA;AAEnB;AAGA,MAAM,qBAAyC,CAAC;AAIhD,MAAM,4BAAqE,EACzE,SACA,sBACA,mBACA,kBACA,UACA,GAAG,eACC;CACJ,MAAM,aAAaC,yBAAAA,YAAY;CAC/B,MAAM,qBAAqBC,iCAAAA,sBAAsB;EAC/C,UAAUC,iCAAAA,sBAAsB,uBAAuB;EACvD,UAAU,QAAQ,IAAI,sBAAsB;EAC5C,SAAS,SAAS,KAAK;EACvB,iBAAiBC,sBAAAA;CACnB,CAAC;CAED,MAAM,gBAAgB,mBAAmB,QAAQ;CAEjD,IAAI,mBAAmB,aAAa,CAAC,YACnC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,6BAAD;EAAsC;EAAS,GAAI;CAAW,CAAA;CAGvE,IAAI,mBAAmB,SACrB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACN,4DAAAA,2BAAD;EACE,OAAO,mBAAmB;EACjB;EACT,GAAI;CACL,CAAA;CAIL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,2BAAD;GACS;GACE;GACT,GAAI;EACL,CAAA;EAGH,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACO,4DAAAA,sBAAD;GACiB;GACO;GACb;GACU;GACD;GAClB,GAAI;GAEH;EACiC,CAAA;CACvB,CAAA;AAEnB"}
+{"version":3,"file":"organization-switcher.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","OrganizationSwitcherError","ApiProvider","useApiReady","useClientGraphqlQuery","clientGraphqlQueryKey","keepPreviousData","OrganizationSwitcherLoading","OrganizationSwitcherPresentational"],"sources":["../../src/organization-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { keepPreviousData } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport type {\n  OrganizationSwitcherErrorProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherPassthroughProps,\n  UserOrganization,\n} from \"./widgets/organization-switcher/organization-switcher.js\";\nimport {\n  OrganizationSwitcherError,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcher as OrganizationSwitcherPresentational,\n} from \"./widgets/organization-switcher/organization-switcher.js\";\n\ninterface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {\n  authToken: AuthToken;\n}\n\nconst OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n  authToken,\n  organizationLabel,\n  switchToOrganization,\n  truncateBehavior,\n  variant,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"organization-switcher\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <OrganizationSwitcherImpl\n          switchToOrganization={switchToOrganization}\n          organizationLabel={organizationLabel}\n          truncateBehavior={truncateBehavior}\n          variant={variant}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// Constant reference to avoid unnecessary prop changes\nconst emptyOrganizations: UserOrganization[] = [];\n\ninterface OrganizationSwitcherImplProps extends OrganizationSwitcherPassthroughProps {}\n\nconst OrganizationSwitcherImpl: React.FC<OrganizationSwitcherImplProps> = ({\n  variant,\n  switchToOrganization,\n  organizationLabel,\n  truncateBehavior,\n  children,\n  ...domProps\n}) => {\n  const isApiReady = useApiReady();\n  const organizationsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n    select: (data) => data.organizations,\n    placeholderData: keepPreviousData,\n  });\n\n  const organizations = organizationsQuery.data ?? emptyOrganizations;\n\n  if (organizationsQuery.isLoading || !isApiReady) {\n    return <OrganizationSwitcherLoading variant={variant} {...domProps} />;\n  }\n\n  if (organizationsQuery.isError) {\n    return (\n      <OrganizationSwitcherError\n        error={organizationsQuery.error}\n        variant={variant}\n        {...domProps}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <OrganizationSwitcherPresentational\n        organizations={organizations}\n        switchToOrganization={switchToOrganization}\n        variant={variant}\n        organizationLabel={organizationLabel}\n        truncateBehavior={truncateBehavior}\n        {...domProps}\n      >\n        {children}\n      </OrganizationSwitcherPresentational>\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  OrganizationSwitcherProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherErrorProps,\n};\nexport {\n  OrganizationSwitcher,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcherError,\n};\n"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAM,wBAA6D,EACjE,WACA,mBACA,sBACA,kBACA,SACA,GAAG,eACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,2BAAD;GACS;GACE;GACT,GAAI;EACL,CAAA;EAGH,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,0BAAD;IACwB;IACH;IACD;IACT;IACT,GAAI;GACL,CAAA;EACU,CAAA;CACA,CAAA;AAEnB;AAGA,MAAM,qBAAyC,CAAC;AAIhD,MAAM,4BAAqE,EACzE,SACA,sBACA,mBACA,kBACA,UACA,GAAG,eACC;CACJ,MAAM,aAAaC,yBAAAA,YAAY;CAC/B,MAAM,qBAAqBC,iCAAAA,sBAAsB;EAC/C,UAAUC,sCAAAA,sBAAsB,uBAAuB;EACvD,UAAU,QAAQ,IAAI,sBAAsB;EAC5C,SAAS,SAAS,KAAK;EACvB,iBAAiBC,sBAAAA;CACnB,CAAC;CAED,MAAM,gBAAgB,mBAAmB,QAAQ;CAEjD,IAAI,mBAAmB,aAAa,CAAC,YACnC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,6BAAD;EAAsC;EAAS,GAAI;CAAW,CAAA;CAGvE,IAAI,mBAAmB,SACrB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACN,4DAAAA,2BAAD;EACE,OAAO,mBAAmB;EACjB;EACT,GAAI;CACL,CAAA;CAIL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,2BAAD;GACS;GACE;GACT,GAAI;EACL,CAAA;EAGH,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACO,4DAAAA,sBAAD;GACiB;GACO;GACb;GACU;GACD;GAClB,GAAI;GAEH;EACiC,CAAA;CACvB,CAAA;AAEnB"}

package/dist/cjs/pipes-admin.client.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_widgets_context = require("./lib/widgets-context.cjs");
 const require_lib_use_is_hydrated = require("./lib/use-is-hydrated.cjs");
+const require_api_client_graphql_query_keys = require("./api/client-graphql/query-keys.cjs");
 const require_api_api_provider = require("./api/api-provider.cjs");
 const require_api_client_graphql_hooks = require("./api/client-graphql/hooks.cjs");
 const require_components_error_boundary = require("./components/error-boundary.cjs");
@@ -54,7 +55,7 @@ const PipesAdminSectionsImpl = (props) => {
 	const integrations = require_widgets_pipes_admin_pipes_admin.useManageableIntegrations();
 	const shared = require_widgets_pipes_admin_pipes_admin.useOrganizationOwnedIntegrations();
 	const organizationName = require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("ListUserOrganizations"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("ListUserOrganizations"),
 		queryFn: (sdk) => sdk.ListUserOrganizations()
 	}).data?.organizations.find((organization) => organization.isCurrent)?.name;
 	if (!isHydrated || integrations.isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_widgets_pipes_admin_pipes_admin.PipesAdminLoading, {

package/dist/cjs/pipes-admin.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pipes-admin.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","PipesAdminError","ApiProvider","PipesCredentialUserIdContext","useIsHydrated","useManageableIntegrations","PipesAdminLoading","PipesAdminPresentational","useOrganizationOwnedIntegrations","useClientGraphqlQuery","clientGraphqlQueryKey","PipesAdminSectionsPresentational"],"sources":["../../src/pipes-admin.client.tsx"],"sourcesContent":["\"use client\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesAdminError,\n  PipesAdminLoading,\n  PipesAdmin as PipesAdminPresentational,\n  PipesAdminSections as PipesAdminSectionsPresentational,\n  useManageableIntegrations,\n  useOrganizationOwnedIntegrations,\n} from \"./widgets/pipes-admin/pipes-admin.js\";\nimport type {\n  PipesAdminErrorProps,\n  PipesAdminLoadingProps,\n} from \"./widgets/pipes-admin/pipes-admin.js\";\nimport { PipesCredentialUserIdContext } from \"./widgets/pipes/pipes-credential-attribution.js\";\n\ninterface PipesAdminProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * The acting person's WorkOS user ID for shared API-key and client-credentials\n   * writes with an application credential token. Required for those writes only.\n   * User-backed sessions use the authenticated user; a different ID is rejected.\n   * This prop is not rendered and does not grant authorization. The API validates\n   * identity and organization membership.\n   */\n  userId?: string;\n  /**\n   * Opt in to the sectioned administrator experience: the connections the\n   * organization owns and shares with everyone (which the administrator can\n   * configure, connect, reauthorize and disconnect), followed by the provider\n   * settings that govern what members may connect to on their own.\n   *\n   * The two sections are fetched separately, so provider settings render as\n   * soon as they resolve regardless of the shared section.\n   *\n   * Defaults to `false`, which renders the single unsectioned provider\n   * settings list and never requests organization-owned connections.\n   */\n  enableSharedConnections?: boolean;\n}\n\nconst PipesAdmin: React.FC<PipesAdminProps> = ({\n  authToken,\n  userId,\n  enableSharedConnections,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <PipesAdminError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"pipes-admin\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <PipesCredentialUserIdContext.Provider value={userId}>\n          <PipesAdminImpl\n            enableSharedConnections={enableSharedConnections}\n            {...domProps}\n          />\n        </PipesCredentialUserIdContext.Provider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface PipesAdminImplProps extends Omit<\n  PipesAdminProps,\n  \"authToken\" | \"userId\"\n> {}\n\n// The two experiences are separate components so the opt-out path mounts no\n// organization-owned hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesAdminImpl: React.FC<PipesAdminImplProps> = ({\n  enableSharedConnections,\n  ...props\n}) => {\n  return enableSharedConnections ? (\n    <PipesAdminSectionsImpl {...props} />\n  ) : (\n    <PipesAdminProviderSettingsImpl {...props} />\n  );\n};\n\ninterface PipesAdminProviderSettingsImplProps extends Omit<\n  PipesAdminImplProps,\n  \"enableSharedConnections\"\n> {}\n\nconst PipesAdminProviderSettingsImpl: React.FC<\n  PipesAdminProviderSettingsImplProps\n> = (props) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminPresentational integrations={integrations.data} {...props} />\n  );\n};\n\ninterface PipesAdminSectionsImplProps extends Omit<\n  PipesAdminImplProps,\n  \"enableSharedConnections\"\n> {}\n\nconst PipesAdminSectionsImpl: React.FC<PipesAdminSectionsImplProps> = (\n  props,\n) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n  // Both sections have their own cache entry and resolve independently:\n  // provider settings render as soon as they arrive, and a slow or failing\n  // organization request only affects the shared section.\n  const shared = useOrganizationOwnedIntegrations();\n  const organizations = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n  });\n  const organizationName = organizations.data?.organizations.find(\n    (organization) => organization.isCurrent,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminSectionsPresentational\n      integrations={integrations.data}\n      sharedIntegrations={shared.data}\n      isSharedLoading={shared.isLoading}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nexport type { PipesAdminProps, PipesAdminLoadingProps, PipesAdminErrorProps };\nexport { PipesAdmin, PipesAdminLoading, PipesAdminError };\n"],"mappings":";;;;;;;;;;;AAkDA,MAAM,cAAyC,EAC7C,WACA,QACA,yBACA,GAAG,eACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,iBAAD;GAAiB,GAAI;GAAiB;EAAQ,CAAA;EAGhD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,6BAA6B,UAA9B;IAAuC,OAAO;IAC5C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;KAC2B;KACzB,GAAI;IACL,CAAA;GACoC,CAAA;EAC5B,CAAA;CACA,CAAA;AAEnB;AAUA,MAAM,kBAAiD,EACrD,yBACA,GAAG,YACC;CACJ,OAAO,0BACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA,IAEpC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gCAAD,EAAgC,GAAI,MAAQ,CAAA;AAEhD;AAOA,MAAM,kCAED,UAAU;CACb,MAAM,aAAaC,4BAAAA,cAAc;CACjC,MAAM,eAAeC,wCAAAA,0BAA0B;CAE/C,IAAI,CAAC,cAAc,aAAa,WAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,mBAAD;EAAmB,OAAO;EAAG,GAAI;CAAQ,CAAA;CAGlD,IAAI,aAAa,SACf,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,wCAAAA,iBAAD;EAAiB,OAAO,aAAa;EAAO,GAAI;CAAQ,CAAA;CAGjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACM,wCAAAA,YAAD;EAA0B,cAAc,aAAa;EAAM,GAAI;CAAQ,CAAA;AAE3E;AAOA,MAAM,0BACJ,UACG;CACH,MAAM,aAAaH,4BAAAA,cAAc;CACjC,MAAM,eAAeC,wCAAAA,0BAA0B;CAI/C,MAAM,SAASG,wCAAAA,iCAAiC;CAKhD,MAAM,mBAJgBC,iCAAAA,sBAAsB;EAC1C,UAAUC,iCAAAA,sBAAsB,uBAAuB;EACvD,UAAU,QAAQ,IAAI,sBAAsB;CAC9C,CACyB,CAAA,CAAc,MAAM,cAAc,MACxD,iBAAiB,aAAa,SACjC,CAAC,EAAE;CAEH,IAAI,CAAC,cAAc,aAAa,WAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACJ,wCAAAA,mBAAD;EAAmB,OAAO;EAAG,GAAI;CAAQ,CAAA;CAGlD,IAAI,aAAa,SACf,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,wCAAAA,iBAAD;EAAiB,OAAO,aAAa;EAAO,GAAI;CAAQ,CAAA;CAGjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACU,wCAAAA,oBAAD;EACE,cAAc,aAAa;EAC3B,oBAAoB,OAAO;EAC3B,iBAAiB,OAAO;EACN;EAClB,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"pipes-admin.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","PipesAdminError","ApiProvider","PipesCredentialUserIdContext","useIsHydrated","useManageableIntegrations","PipesAdminLoading","PipesAdminPresentational","useOrganizationOwnedIntegrations","useClientGraphqlQuery","clientGraphqlQueryKey","PipesAdminSectionsPresentational"],"sources":["../../src/pipes-admin.client.tsx"],"sourcesContent":["\"use client\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesAdminError,\n  PipesAdminLoading,\n  PipesAdmin as PipesAdminPresentational,\n  PipesAdminSections as PipesAdminSectionsPresentational,\n  useManageableIntegrations,\n  useOrganizationOwnedIntegrations,\n} from \"./widgets/pipes-admin/pipes-admin.js\";\nimport type {\n  PipesAdminErrorProps,\n  PipesAdminLoadingProps,\n} from \"./widgets/pipes-admin/pipes-admin.js\";\nimport { PipesCredentialUserIdContext } from \"./widgets/pipes/pipes-credential-attribution.js\";\n\ninterface PipesAdminProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * The acting person's WorkOS user ID for shared API-key and client-credentials\n   * writes with an application credential token. Required for those writes only.\n   * User-backed sessions use the authenticated user; a different ID is rejected.\n   * This prop is not rendered and does not grant authorization. The API validates\n   * identity and organization membership.\n   */\n  userId?: string;\n  /**\n   * Opt in to the sectioned administrator experience: the connections the\n   * organization owns and shares with everyone (which the administrator can\n   * configure, connect, reauthorize and disconnect), followed by the provider\n   * settings that govern what members may connect to on their own.\n   *\n   * The two sections are fetched separately, so provider settings render as\n   * soon as they resolve regardless of the shared section.\n   *\n   * Defaults to `false`, which renders the single unsectioned provider\n   * settings list and never requests organization-owned connections.\n   */\n  enableSharedConnections?: boolean;\n}\n\nconst PipesAdmin: React.FC<PipesAdminProps> = ({\n  authToken,\n  userId,\n  enableSharedConnections,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <PipesAdminError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"pipes-admin\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <PipesCredentialUserIdContext.Provider value={userId}>\n          <PipesAdminImpl\n            enableSharedConnections={enableSharedConnections}\n            {...domProps}\n          />\n        </PipesCredentialUserIdContext.Provider>\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface PipesAdminImplProps extends Omit<\n  PipesAdminProps,\n  \"authToken\" | \"userId\"\n> {}\n\n// The two experiences are separate components so the opt-out path mounts no\n// organization-owned hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesAdminImpl: React.FC<PipesAdminImplProps> = ({\n  enableSharedConnections,\n  ...props\n}) => {\n  return enableSharedConnections ? (\n    <PipesAdminSectionsImpl {...props} />\n  ) : (\n    <PipesAdminProviderSettingsImpl {...props} />\n  );\n};\n\ninterface PipesAdminProviderSettingsImplProps extends Omit<\n  PipesAdminImplProps,\n  \"enableSharedConnections\"\n> {}\n\nconst PipesAdminProviderSettingsImpl: React.FC<\n  PipesAdminProviderSettingsImplProps\n> = (props) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminPresentational integrations={integrations.data} {...props} />\n  );\n};\n\ninterface PipesAdminSectionsImplProps extends Omit<\n  PipesAdminImplProps,\n  \"enableSharedConnections\"\n> {}\n\nconst PipesAdminSectionsImpl: React.FC<PipesAdminSectionsImplProps> = (\n  props,\n) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n  // Both sections have their own cache entry and resolve independently:\n  // provider settings render as soon as they arrive, and a slow or failing\n  // organization request only affects the shared section.\n  const shared = useOrganizationOwnedIntegrations();\n  const organizations = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n  });\n  const organizationName = organizations.data?.organizations.find(\n    (organization) => organization.isCurrent,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminSectionsPresentational\n      integrations={integrations.data}\n      sharedIntegrations={shared.data}\n      isSharedLoading={shared.isLoading}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nexport type { PipesAdminProps, PipesAdminLoadingProps, PipesAdminErrorProps };\nexport { PipesAdmin, PipesAdminLoading, PipesAdminError };\n"],"mappings":";;;;;;;;;;;;AAkDA,MAAM,cAAyC,EAC7C,WACA,QACA,yBACA,GAAG,eACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,iBAAD;GAAiB,GAAI;GAAiB;EAAQ,CAAA;EAGhD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,6BAA6B,UAA9B;IAAuC,OAAO;IAC5C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;KAC2B;KACzB,GAAI;IACL,CAAA;GACoC,CAAA;EAC5B,CAAA;CACA,CAAA;AAEnB;AAUA,MAAM,kBAAiD,EACrD,yBACA,GAAG,YACC;CACJ,OAAO,0BACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA,IAEpC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gCAAD,EAAgC,GAAI,MAAQ,CAAA;AAEhD;AAOA,MAAM,kCAED,UAAU;CACb,MAAM,aAAaC,4BAAAA,cAAc;CACjC,MAAM,eAAeC,wCAAAA,0BAA0B;CAE/C,IAAI,CAAC,cAAc,aAAa,WAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,wCAAAA,mBAAD;EAAmB,OAAO;EAAG,GAAI;CAAQ,CAAA;CAGlD,IAAI,aAAa,SACf,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,wCAAAA,iBAAD;EAAiB,OAAO,aAAa;EAAO,GAAI;CAAQ,CAAA;CAGjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACM,wCAAAA,YAAD;EAA0B,cAAc,aAAa;EAAM,GAAI;CAAQ,CAAA;AAE3E;AAOA,MAAM,0BACJ,UACG;CACH,MAAM,aAAaH,4BAAAA,cAAc;CACjC,MAAM,eAAeC,wCAAAA,0BAA0B;CAI/C,MAAM,SAASG,wCAAAA,iCAAiC;CAKhD,MAAM,mBAJgBC,iCAAAA,sBAAsB;EAC1C,UAAUC,sCAAAA,sBAAsB,uBAAuB;EACvD,UAAU,QAAQ,IAAI,sBAAsB;CAC9C,CACyB,CAAA,CAAc,MAAM,cAAc,MACxD,iBAAiB,aAAa,SACjC,CAAC,EAAE;CAEH,IAAI,CAAC,cAAc,aAAa,WAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACJ,wCAAAA,mBAAD;EAAmB,OAAO;EAAG,GAAI;CAAQ,CAAA;CAGlD,IAAI,aAAa,SACf,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,wCAAAA,iBAAD;EAAiB,OAAO,aAAa;EAAO,GAAI;CAAQ,CAAA;CAGjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACU,wCAAAA,oBAAD;EACE,cAAc,aAAa;EAC3B,oBAAoB,OAAO;EAC3B,iBAAiB,OAAO;EACN;EAClB,GAAI;CACL,CAAA;AAEL"}

package/dist/cjs/pipes.client.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_widgets_context = require("./lib/widgets-context.cjs");
 const require_lib_use_is_hydrated = require("./lib/use-is-hydrated.cjs");
+const require_api_client_graphql_query_keys = require("./api/client-graphql/query-keys.cjs");
 const require_api_api_provider = require("./api/api-provider.cjs");
 const require_api_client_graphql_hooks = require("./api/client-graphql/hooks.cjs");
 const require_components_error_boundary = require("./components/error-boundary.cjs");
@@ -90,7 +91,7 @@ const PipesSectionsImpl = (props) => {
 	const integrations = require_lib_api_pipes.useMyDataIntegrations();
 	const shared = require_lib_api_pipes.useSharedDataConnections();
 	const organizationName = require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("ListUserOrganizations"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("ListUserOrganizations"),
 		queryFn: (sdk) => sdk.ListUserOrganizations()
 	}).data?.organizations.find((organization) => organization.isCurrent)?.name;
 	if (!isHydrated || integrations.isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_widgets_pipes_pipes.PipesLoading, {

package/dist/cjs/pipes.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pipes.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","PipesError","ApiProvider","useIsHydrated","useMyDataIntegrations","PipesLoading","PipesPresentational","useSharedDataConnections","useClientGraphqlQuery","clientGraphqlQueryKey","PipesSectionsPresentational"],"sources":["../../src/pipes.client.tsx"],"sourcesContent":["\"use client\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport {\n  useMyDataIntegrations,\n  useSharedDataConnections,\n} from \"./lib/api/pipes.js\";\nimport type {\n  DataIntegration,\n  DataIntegrationWithConnections,\n  SharedDataConnection,\n} from \"./lib/api/types.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesError,\n  PipesLoading,\n  Pipes as PipesPresentational,\n  PipesSections as PipesSectionsPresentational,\n} from \"./widgets/pipes/pipes.js\";\nimport type {\n  PipesErrorProps,\n  PipesLoadingProps,\n} from \"./widgets/pipes/pipes.js\";\n\n/** An auth method a provider advertises (defaults to `oauth` when unset). */\ntype PipesAuthMethod = NonNullable<DataIntegration[\"authMethods\"]>[number];\n\n/**\n * Serializable criteria for narrowing which integrations render. All provided\n * criteria are ANDed; an absent criterion is ignored. Safe to pass from a\n * Server Component, since props cross the server/client boundary.\n */\ninterface PipesFilterCriteria {\n  /** Render only integrations whose `slug` is in this list. */\n  slugs?: string[];\n  /** Render only integrations whose `integrationType` is in this list. */\n  integrationTypes?: string[];\n  /** Render only integrations that advertise at least one of these methods. */\n  authMethods?: PipesAuthMethod[];\n}\n\n/**\n * Narrows which enabled integrations the widget renders. The widget still\n * fetches the full set of integrations the user's organization has enabled\n * (plus any the user is still connected to so they can disconnect); a filter\n * only controls which of those rows are shown, in either of two forms:\n *\n * - **Serializable criteria** (`{ slugs, integrationTypes, authMethods }`),\n *   ANDed together. This is the form to use when `<Pipes>` is embedded in a\n *   Server Component (the documented token-minting pattern), because props must\n *   be serializable across the server/client boundary and plain objects survive\n *   it. e.g. `filter={{ slugs: [\"google-drive\"] }}`.\n *\n * - **A predicate** `((integration) => boolean)` for arbitrary filtering by any\n *   field on the integration (`authMethods`, `integrationType`,\n *   `installation.state`, etc.). A function is **not serializable across the\n *   server/client boundary**: the predicate must be defined inside client code\n *   and must never be passed in from a Server Component. Concretely, a host\n *   using the App Router server-component pattern that needs a predicate must\n *   author its own `\"use client\"` wrapper that *owns* the predicate and\n *   receives only serializable props (e.g. `authToken`) from the server page.\n *\n * Undefined renders every enabled integration (the default).\n */\ntype PipesFilter =\n  | PipesFilterCriteria\n  | ((integration: DataIntegration) => boolean);\n\n/** A row the widget renders when `enableSharedConnections` is on. */\ntype PipesConnection = DataIntegrationWithConnections | SharedDataConnection;\n\n/**\n * {@link PipesFilter} as `enableSharedConnections` widens it: the same two\n * forms, except they narrow both sections. The predicate also sees the\n * organization's shared rows, discriminated with `\"integrationType\" in\n * connection` — shared rows carry none of the provider metadata the member's\n * own rows do. Neither `ownership` nor `connected_accounts` discriminates\n * them: the member's own connections can be `\"organization\"` too, and both\n * payloads carry `connected_accounts` (of different element types). Criteria\n * narrow shared rows by `slugs` alone, for the same want of metadata.\n */\ntype PipesConnectionFilter =\n  | PipesFilterCriteria\n  | ((connection: PipesConnection) => boolean);\n\n/** The unsectioned widget, whose `filter` is what it always was. */\ninterface PipesPersonalProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Defaults to `false`, which renders the single unsectioned list of the\n   * member's own connections and never requests shared connections.\n   */\n  enableSharedConnections?: false;\n  /** Narrows the member's own connections: {@link PipesFilter}. */\n  filter?: PipesFilter;\n}\n\n/**\n * The sectioned widget, whose `filter` also narrows the shared section and so\n * takes the widened predicate.\n */\ninterface PipesSectionsProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned member experience: the connections the organization\n   * owns and shares with everyone, followed by the member's own connections.\n   *\n   * Shared connections are read-only for members — they carry no\n   * credential-management actions — and are fetched separately from the\n   * member's own connections, so the personal section renders as soon as it\n   * resolves regardless of the shared one.\n   *\n   * Typed `boolean` rather than `true` so a host can forward a runtime feature\n   * flag: a predicate has to cope with shared rows whenever the flag can be on.\n   */\n  enableSharedConnections: boolean;\n  /** Narrows both sections: {@link PipesConnectionFilter}. */\n  filter?: PipesConnectionFilter;\n}\n\ntype PipesProps = PipesPersonalProps | PipesSectionsProps;\n\ntype PipesImplProps =\n  | Omit<PipesPersonalProps, \"authToken\">\n  | Omit<PipesSectionsProps, \"authToken\">;\n\n/**\n * Overloads rather than one props union, so that opting in widens the\n * predicate's parameter for that host alone while every other host's `filter`\n * stays exactly as it was. A union leaves `enableSharedConnections={false}`\n * satisfying both members — the opt-in one accepts every `boolean` — leaving an\n * inline predicate no single contextual type to draw on (`TS7006`). Overloads\n * are ordered instead: a literal `false` resolves to the personal signature,\n * and anything else, a runtime flag included, to the widened one.\n *\n * The last signature takes the whole union, so that a wrapper forwarding\n * `PipesProps` it hasn't narrowed (`<Pipes {...props} />`) still resolves, and\n * so that `React.ComponentProps<typeof Pipes>` — which reads the last\n * signature — describes the widget rather than only its opted-in half.\n */\ninterface PipesComponent {\n  (props: PipesPersonalProps): React.ReactNode;\n  (props: PipesSectionsProps): React.ReactNode;\n  (props: PipesProps): React.ReactNode;\n}\n\nconst PipesRoot = ({ authToken, ...props }: PipesProps) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => <PipesError {...props} error={error} />}\n    >\n      <ApiProvider widgetType=\"pipes\" authToken={authToken} baseUrl={baseUrl}>\n        <PipesImpl {...props} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n/**\n * Evaluates serializable {@link PipesFilterCriteria} against an integration.\n * Provided criteria are ANDed; an integration with no declared `authMethods`\n * is treated as `oauth` (matching the widget's connect-method defaults).\n */\nfunction matchesPipesFilterCriteria(\n  integration: DataIntegration,\n  criteria: PipesFilterCriteria,\n): boolean {\n  if (criteria.slugs && !criteria.slugs.includes(integration.slug)) {\n    return false;\n  }\n  if (\n    criteria.integrationTypes &&\n    !criteria.integrationTypes.includes(integration.integrationType)\n  ) {\n    return false;\n  }\n  if (criteria.authMethods) {\n    const methods = integration.authMethods ?? [\"oauth\"];\n    if (!criteria.authMethods.some((method) => methods.includes(method))) {\n      return false;\n    }\n  }\n  return true;\n}\n\n/**\n * Narrows shared connections. Criteria match them on `slugs` alone, since their\n * payload carries none of the provider metadata the other criteria read.\n */\nfunction applySharedPipesFilter(\n  connections: SharedDataConnection[],\n  filter: PipesConnectionFilter | undefined,\n): SharedDataConnection[] {\n  if (!filter) {\n    return connections;\n  }\n\n  if (typeof filter === \"function\") {\n    return connections.filter(filter);\n  }\n\n  const { slugs } = filter;\n\n  return slugs\n    ? connections.filter((connection) => slugs.includes(connection.slug))\n    : connections;\n}\n\n/** Applies a {@link PipesFilter} in either of its forms. */\nfunction applyPipesFilter<T extends DataIntegrationWithConnections>(\n  integrations: T[],\n  filter: PipesFilter | PipesConnectionFilter | undefined,\n): T[] {\n  if (!filter) {\n    return integrations;\n  }\n\n  return typeof filter === \"function\"\n    ? integrations.filter((integration) => filter(integration))\n    : integrations.filter((integration) =>\n        matchesPipesFilterCriteria(integration, filter),\n      );\n}\n\ninterface PipesSectionsImplProps extends WidgetRootDomProps {\n  filter?: PipesConnectionFilter;\n}\n\n// The two experiences are separate components so the opt-out path mounts no\n// shared-connections hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesImpl: React.FC<PipesImplProps> = (props) => {\n  if (props.enableSharedConnections) {\n    const { enableSharedConnections, ...sectionsProps } = props;\n    return <PipesSectionsImpl {...sectionsProps} />;\n  }\n\n  const { enableSharedConnections, ...personalProps } = props;\n  return <PipesPersonalImpl {...personalProps} />;\n};\n\ninterface PipesPersonalImplProps extends WidgetRootDomProps {\n  filter?: PipesFilter | PipesConnectionFilter;\n}\n\nconst PipesPersonalImpl: React.FC<PipesPersonalImplProps> = (props) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  if (integrations.isSuccess) {\n    const visible = applyPipesFilter(integrations.data, props.filter);\n\n    return (\n      <PipesPresentational\n        integrations={visible}\n        hasUnfilteredIntegrations={integrations.data.length > 0}\n        {...props}\n      />\n    );\n  }\n\n  return <PipesError error={integrations.error} {...props} />;\n};\n\nconst PipesSectionsImpl: React.FC<PipesSectionsImplProps> = (props) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n  // Both sections have their own cache entry and resolve independently: the\n  // member's own connections render as soon as they arrive, and a slow or\n  // failing shared request only affects the shared section.\n  const shared = useSharedDataConnections();\n  const organizations = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n  });\n  const organizationName = organizations.data?.organizations.find(\n    (organization) => organization.isCurrent,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError || !integrations.isSuccess) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  const visible = applyPipesFilter(integrations.data, props.filter);\n\n  return (\n    <PipesSectionsPresentational\n      integrations={visible}\n      hasUnfilteredIntegrations={integrations.data.length > 0}\n      sharedConnections={applySharedPipesFilter(shared.data, props.filter)}\n      hasUnfilteredSharedConnections={shared.data.length > 0}\n      // A failed attempt drops the section rather than leaving skeletons up\n      // for the whole retry sequence.\n      isSharedLoading={shared.isPending && shared.failureCount === 0}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nconst Pipes: PipesComponent = PipesRoot;\n\nexport type {\n  PipesProps,\n  PipesConnection,\n  PipesFilter,\n  PipesFilterCriteria,\n  PipesConnectionFilter,\n  PipesAuthMethod,\n  PipesLoadingProps,\n  PipesErrorProps,\n};\nexport { Pipes, PipesLoading, PipesError };\n"],"mappings":"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"}
+{"version":3,"file":"pipes.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","PipesError","ApiProvider","useIsHydrated","useMyDataIntegrations","PipesLoading","PipesPresentational","useSharedDataConnections","useClientGraphqlQuery","clientGraphqlQueryKey","PipesSectionsPresentational"],"sources":["../../src/pipes.client.tsx"],"sourcesContent":["\"use client\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport {\n  useMyDataIntegrations,\n  useSharedDataConnections,\n} from \"./lib/api/pipes.js\";\nimport type {\n  DataIntegration,\n  DataIntegrationWithConnections,\n  SharedDataConnection,\n} from \"./lib/api/types.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesError,\n  PipesLoading,\n  Pipes as PipesPresentational,\n  PipesSections as PipesSectionsPresentational,\n} from \"./widgets/pipes/pipes.js\";\nimport type {\n  PipesErrorProps,\n  PipesLoadingProps,\n} from \"./widgets/pipes/pipes.js\";\n\n/** An auth method a provider advertises (defaults to `oauth` when unset). */\ntype PipesAuthMethod = NonNullable<DataIntegration[\"authMethods\"]>[number];\n\n/**\n * Serializable criteria for narrowing which integrations render. All provided\n * criteria are ANDed; an absent criterion is ignored. Safe to pass from a\n * Server Component, since props cross the server/client boundary.\n */\ninterface PipesFilterCriteria {\n  /** Render only integrations whose `slug` is in this list. */\n  slugs?: string[];\n  /** Render only integrations whose `integrationType` is in this list. */\n  integrationTypes?: string[];\n  /** Render only integrations that advertise at least one of these methods. */\n  authMethods?: PipesAuthMethod[];\n}\n\n/**\n * Narrows which enabled integrations the widget renders. The widget still\n * fetches the full set of integrations the user's organization has enabled\n * (plus any the user is still connected to so they can disconnect); a filter\n * only controls which of those rows are shown, in either of two forms:\n *\n * - **Serializable criteria** (`{ slugs, integrationTypes, authMethods }`),\n *   ANDed together. This is the form to use when `<Pipes>` is embedded in a\n *   Server Component (the documented token-minting pattern), because props must\n *   be serializable across the server/client boundary and plain objects survive\n *   it. e.g. `filter={{ slugs: [\"google-drive\"] }}`.\n *\n * - **A predicate** `((integration) => boolean)` for arbitrary filtering by any\n *   field on the integration (`authMethods`, `integrationType`,\n *   `installation.state`, etc.). A function is **not serializable across the\n *   server/client boundary**: the predicate must be defined inside client code\n *   and must never be passed in from a Server Component. Concretely, a host\n *   using the App Router server-component pattern that needs a predicate must\n *   author its own `\"use client\"` wrapper that *owns* the predicate and\n *   receives only serializable props (e.g. `authToken`) from the server page.\n *\n * Undefined renders every enabled integration (the default).\n */\ntype PipesFilter =\n  | PipesFilterCriteria\n  | ((integration: DataIntegration) => boolean);\n\n/** A row the widget renders when `enableSharedConnections` is on. */\ntype PipesConnection = DataIntegrationWithConnections | SharedDataConnection;\n\n/**\n * {@link PipesFilter} as `enableSharedConnections` widens it: the same two\n * forms, except they narrow both sections. The predicate also sees the\n * organization's shared rows, discriminated with `\"integrationType\" in\n * connection` — shared rows carry none of the provider metadata the member's\n * own rows do. Neither `ownership` nor `connected_accounts` discriminates\n * them: the member's own connections can be `\"organization\"` too, and both\n * payloads carry `connected_accounts` (of different element types). Criteria\n * narrow shared rows by `slugs` alone, for the same want of metadata.\n */\ntype PipesConnectionFilter =\n  | PipesFilterCriteria\n  | ((connection: PipesConnection) => boolean);\n\n/** The unsectioned widget, whose `filter` is what it always was. */\ninterface PipesPersonalProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Defaults to `false`, which renders the single unsectioned list of the\n   * member's own connections and never requests shared connections.\n   */\n  enableSharedConnections?: false;\n  /** Narrows the member's own connections: {@link PipesFilter}. */\n  filter?: PipesFilter;\n}\n\n/**\n * The sectioned widget, whose `filter` also narrows the shared section and so\n * takes the widened predicate.\n */\ninterface PipesSectionsProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned member experience: the connections the organization\n   * owns and shares with everyone, followed by the member's own connections.\n   *\n   * Shared connections are read-only for members — they carry no\n   * credential-management actions — and are fetched separately from the\n   * member's own connections, so the personal section renders as soon as it\n   * resolves regardless of the shared one.\n   *\n   * Typed `boolean` rather than `true` so a host can forward a runtime feature\n   * flag: a predicate has to cope with shared rows whenever the flag can be on.\n   */\n  enableSharedConnections: boolean;\n  /** Narrows both sections: {@link PipesConnectionFilter}. */\n  filter?: PipesConnectionFilter;\n}\n\ntype PipesProps = PipesPersonalProps | PipesSectionsProps;\n\ntype PipesImplProps =\n  | Omit<PipesPersonalProps, \"authToken\">\n  | Omit<PipesSectionsProps, \"authToken\">;\n\n/**\n * Overloads rather than one props union, so that opting in widens the\n * predicate's parameter for that host alone while every other host's `filter`\n * stays exactly as it was. A union leaves `enableSharedConnections={false}`\n * satisfying both members — the opt-in one accepts every `boolean` — leaving an\n * inline predicate no single contextual type to draw on (`TS7006`). Overloads\n * are ordered instead: a literal `false` resolves to the personal signature,\n * and anything else, a runtime flag included, to the widened one.\n *\n * The last signature takes the whole union, so that a wrapper forwarding\n * `PipesProps` it hasn't narrowed (`<Pipes {...props} />`) still resolves, and\n * so that `React.ComponentProps<typeof Pipes>` — which reads the last\n * signature — describes the widget rather than only its opted-in half.\n */\ninterface PipesComponent {\n  (props: PipesPersonalProps): React.ReactNode;\n  (props: PipesSectionsProps): React.ReactNode;\n  (props: PipesProps): React.ReactNode;\n}\n\nconst PipesRoot = ({ authToken, ...props }: PipesProps) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => <PipesError {...props} error={error} />}\n    >\n      <ApiProvider widgetType=\"pipes\" authToken={authToken} baseUrl={baseUrl}>\n        <PipesImpl {...props} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n/**\n * Evaluates serializable {@link PipesFilterCriteria} against an integration.\n * Provided criteria are ANDed; an integration with no declared `authMethods`\n * is treated as `oauth` (matching the widget's connect-method defaults).\n */\nfunction matchesPipesFilterCriteria(\n  integration: DataIntegration,\n  criteria: PipesFilterCriteria,\n): boolean {\n  if (criteria.slugs && !criteria.slugs.includes(integration.slug)) {\n    return false;\n  }\n  if (\n    criteria.integrationTypes &&\n    !criteria.integrationTypes.includes(integration.integrationType)\n  ) {\n    return false;\n  }\n  if (criteria.authMethods) {\n    const methods = integration.authMethods ?? [\"oauth\"];\n    if (!criteria.authMethods.some((method) => methods.includes(method))) {\n      return false;\n    }\n  }\n  return true;\n}\n\n/**\n * Narrows shared connections. Criteria match them on `slugs` alone, since their\n * payload carries none of the provider metadata the other criteria read.\n */\nfunction applySharedPipesFilter(\n  connections: SharedDataConnection[],\n  filter: PipesConnectionFilter | undefined,\n): SharedDataConnection[] {\n  if (!filter) {\n    return connections;\n  }\n\n  if (typeof filter === \"function\") {\n    return connections.filter(filter);\n  }\n\n  const { slugs } = filter;\n\n  return slugs\n    ? connections.filter((connection) => slugs.includes(connection.slug))\n    : connections;\n}\n\n/** Applies a {@link PipesFilter} in either of its forms. */\nfunction applyPipesFilter<T extends DataIntegrationWithConnections>(\n  integrations: T[],\n  filter: PipesFilter | PipesConnectionFilter | undefined,\n): T[] {\n  if (!filter) {\n    return integrations;\n  }\n\n  return typeof filter === \"function\"\n    ? integrations.filter((integration) => filter(integration))\n    : integrations.filter((integration) =>\n        matchesPipesFilterCriteria(integration, filter),\n      );\n}\n\ninterface PipesSectionsImplProps extends WidgetRootDomProps {\n  filter?: PipesConnectionFilter;\n}\n\n// The two experiences are separate components so the opt-out path mounts no\n// shared-connections hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesImpl: React.FC<PipesImplProps> = (props) => {\n  if (props.enableSharedConnections) {\n    const { enableSharedConnections, ...sectionsProps } = props;\n    return <PipesSectionsImpl {...sectionsProps} />;\n  }\n\n  const { enableSharedConnections, ...personalProps } = props;\n  return <PipesPersonalImpl {...personalProps} />;\n};\n\ninterface PipesPersonalImplProps extends WidgetRootDomProps {\n  filter?: PipesFilter | PipesConnectionFilter;\n}\n\nconst PipesPersonalImpl: React.FC<PipesPersonalImplProps> = (props) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  if (integrations.isSuccess) {\n    const visible = applyPipesFilter(integrations.data, props.filter);\n\n    return (\n      <PipesPresentational\n        integrations={visible}\n        hasUnfilteredIntegrations={integrations.data.length > 0}\n        {...props}\n      />\n    );\n  }\n\n  return <PipesError error={integrations.error} {...props} />;\n};\n\nconst PipesSectionsImpl: React.FC<PipesSectionsImplProps> = (props) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n  // Both sections have their own cache entry and resolve independently: the\n  // member's own connections render as soon as they arrive, and a slow or\n  // failing shared request only affects the shared section.\n  const shared = useSharedDataConnections();\n  const organizations = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n  });\n  const organizationName = organizations.data?.organizations.find(\n    (organization) => organization.isCurrent,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError || !integrations.isSuccess) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  const visible = applyPipesFilter(integrations.data, props.filter);\n\n  return (\n    <PipesSectionsPresentational\n      integrations={visible}\n      hasUnfilteredIntegrations={integrations.data.length > 0}\n      sharedConnections={applySharedPipesFilter(shared.data, props.filter)}\n      hasUnfilteredSharedConnections={shared.data.length > 0}\n      // A failed attempt drops the section rather than leaving skeletons up\n      // for the whole retry sequence.\n      isSharedLoading={shared.isPending && shared.failureCount === 0}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nconst Pipes: PipesComponent = PipesRoot;\n\nexport type {\n  PipesProps,\n  PipesConnection,\n  PipesFilter,\n  PipesFilterCriteria,\n  PipesConnectionFilter,\n  PipesAuthMethod,\n  PipesLoadingProps,\n  PipesErrorProps,\n};\nexport { Pipes, PipesLoading, PipesError };\n"],"mappings":"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"}

package/dist/cjs/user-security.client.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
 const require_lib_widgets_context = require("./lib/widgets-context.cjs");
+const require_api_client_graphql_query_keys = require("./api/client-graphql/query-keys.cjs");
 const require_api_api_provider = require("./api/api-provider.cjs");
 const require_api_client_graphql_hooks = require("./api/client-graphql/hooks.cjs");
 const require_components_error_boundary = require("./components/error-boundary.cjs");
@@ -30,7 +31,7 @@ const UserSecurityImpl = (props) => {
 	const isApiReady = require_api_api_provider.useApiReady();
 	const meQuery = require_lib_api_me.useMe();
 	const settingsQuery = require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("AuthenticationSettings"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("AuthenticationSettings"),
 		queryFn: (sdk) => sdk.AuthenticationSettings(),
 		select: (data) => data.authenticationSettings
 	});

package/dist/cjs/user-security.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"user-security.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","UserSecurityError","ApiProvider","useApiReady","useMe","useClientGraphqlQuery","clientGraphqlQueryKey","UserSecurityLoading","UserSecurityPresentational"],"sources":["../../src/user-security.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport { useMe } from \"./lib/api/me.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  UserSecurityError,\n  UserSecurityLoading,\n  UserSecurity as UserSecurityPresentational,\n} from \"./widgets/user-security/user-security.js\";\nimport type {\n  UserSecurityErrorProps,\n  UserSecurityLoadingProps,\n} from \"./widgets/user-security/user-security.js\";\n\ninterface UserSecurityProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UserSecurity: React.FC<UserSecurityProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSecurityError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-security\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSecurityImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSecurityImplProps extends WidgetRootDomProps {}\n\nconst UserSecurityImpl: React.FC<UserSecurityImplProps> = (props) => {\n  const isApiReady = useApiReady();\n  const meQuery = useMe();\n  const settingsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"AuthenticationSettings\"),\n    queryFn: (sdk) => sdk.AuthenticationSettings(),\n    select: (data) => data.authenticationSettings,\n  });\n\n  if (!isApiReady || meQuery.isLoading || settingsQuery.isLoading) {\n    return <UserSecurityLoading {...props} />;\n  }\n\n  if (!meQuery.isSuccess || !settingsQuery.isSuccess) {\n    return (\n      <UserSecurityError\n        error={meQuery.error ?? settingsQuery.error}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSecurityError error={error} {...props} />\n      )}\n    >\n      <UserSecurityPresentational\n        user={meQuery.data}\n        settings={settingsQuery.data}\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserSecurityProps,\n  UserSecurityLoadingProps,\n  UserSecurityErrorProps,\n};\nexport { UserSecurity, UserSecurityLoading, UserSecurityError };\n"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,gBAA6C,EACjD,WACA,GAAG,eACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;GAA0B;GAAO,GAAI;EAAW,CAAA;EAGlD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,SAAW,CAAA;EACtB,CAAA;CACA,CAAA;AAEnB;AAIA,MAAM,oBAAqD,UAAU;CACnE,MAAM,aAAaC,yBAAAA,YAAY;CAC/B,MAAM,UAAUC,mBAAAA,MAAM;CACtB,MAAM,gBAAgBC,iCAAAA,sBAAsB;EAC1C,UAAUC,iCAAAA,sBAAsB,wBAAwB;EACxD,UAAU,QAAQ,IAAI,uBAAuB;EAC7C,SAAS,SAAS,KAAK;CACzB,CAAC;CAED,IAAI,CAAC,cAAc,QAAQ,aAAa,cAAc,WACpD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,qBAAD,EAAqB,GAAI,MAAQ,CAAA;CAG1C,IAAI,CAAC,QAAQ,aAAa,CAAC,cAAc,WACvC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACN,4CAAAA,mBAAD;EACE,OAAO,QAAQ,SAAS,cAAc;EACtC,GAAI;CACL,CAAA;CAIL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;GAA0B;GAAO,GAAI;EAAQ,CAAA;EAG/C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACO,4CAAAA,cAAD;GACE,MAAM,QAAQ;GACd,UAAU,cAAc;GACxB,GAAI;EACL,CAAA;CACY,CAAA;AAEnB"}
+{"version":3,"file":"user-security.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","UserSecurityError","ApiProvider","useApiReady","useMe","useClientGraphqlQuery","clientGraphqlQueryKey","UserSecurityLoading","UserSecurityPresentational"],"sources":["../../src/user-security.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { AuthToken } from \"./api/api-provider.js\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport { useMe } from \"./lib/api/me.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  UserSecurityError,\n  UserSecurityLoading,\n  UserSecurity as UserSecurityPresentational,\n} from \"./widgets/user-security/user-security.js\";\nimport type {\n  UserSecurityErrorProps,\n  UserSecurityLoadingProps,\n} from \"./widgets/user-security/user-security.js\";\n\ninterface UserSecurityProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n}\n\nconst UserSecurity: React.FC<UserSecurityProps> = ({\n  authToken,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSecurityError error={error} {...domProps} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"user-security\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSecurityImpl {...domProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSecurityImplProps extends WidgetRootDomProps {}\n\nconst UserSecurityImpl: React.FC<UserSecurityImplProps> = (props) => {\n  const isApiReady = useApiReady();\n  const meQuery = useMe();\n  const settingsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"AuthenticationSettings\"),\n    queryFn: (sdk) => sdk.AuthenticationSettings(),\n    select: (data) => data.authenticationSettings,\n  });\n\n  if (!isApiReady || meQuery.isLoading || settingsQuery.isLoading) {\n    return <UserSecurityLoading {...props} />;\n  }\n\n  if (!meQuery.isSuccess || !settingsQuery.isSuccess) {\n    return (\n      <UserSecurityError\n        error={meQuery.error ?? settingsQuery.error}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSecurityError error={error} {...props} />\n      )}\n    >\n      <UserSecurityPresentational\n        user={meQuery.data}\n        settings={settingsQuery.data}\n        {...props}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserSecurityProps,\n  UserSecurityLoadingProps,\n  UserSecurityErrorProps,\n};\nexport { UserSecurity, UserSecurityLoading, UserSecurityError };\n"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,gBAA6C,EACjD,WACA,GAAG,eACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;GAA0B;GAAO,GAAI;EAAW,CAAA;EAGlD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,SAAW,CAAA;EACtB,CAAA;CACA,CAAA;AAEnB;AAIA,MAAM,oBAAqD,UAAU;CACnE,MAAM,aAAaC,yBAAAA,YAAY;CAC/B,MAAM,UAAUC,mBAAAA,MAAM;CACtB,MAAM,gBAAgBC,iCAAAA,sBAAsB;EAC1C,UAAUC,sCAAAA,sBAAsB,wBAAwB;EACxD,UAAU,QAAQ,IAAI,uBAAuB;EAC7C,SAAS,SAAS,KAAK;CACzB,CAAC;CAED,IAAI,CAAC,cAAc,QAAQ,aAAa,cAAc,WACpD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,qBAAD,EAAqB,GAAI,MAAQ,CAAA;CAG1C,IAAI,CAAC,QAAQ,aAAa,CAAC,cAAc,WACvC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACN,4CAAAA,mBAAD;EACE,OAAO,QAAQ,SAAS,cAAc;EACtC,GAAI;CACL,CAAA;CAIL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;GAA0B;GAAO,GAAI;EAAQ,CAAA;EAG/C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACO,4CAAAA,cAAD;GACE,MAAM,QAAQ;GACd,UAAU,cAAc;GACxB,GAAI;EACL,CAAA;CACY,CAAA;AAEnB"}

package/dist/cjs/user-sessions.client.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
 const require_lib_widgets_context = require("./lib/widgets-context.cjs");
+const require_api_client_graphql_query_keys = require("./api/client-graphql/query-keys.cjs");
 const require_api_api_provider = require("./api/api-provider.cjs");
 const require_api_client_graphql_hooks = require("./api/client-graphql/hooks.cjs");
 const require_components_error_boundary = require("./components/error-boundary.cjs");
@@ -31,7 +32,7 @@ const UserSessions = ({ authToken, ...passthroughProps }) => {
 const UserSessionsImpl = ({ currentSessionId, ...domProps }) => {
 	const isApiReady = require_api_api_provider.useApiReady();
 	const sessionsQuery = require_api_client_graphql_hooks.useClientGraphqlQuery({
-		queryKey: require_api_client_graphql_hooks.clientGraphqlQueryKey("Sessions"),
+		queryKey: require_api_client_graphql_query_keys.clientGraphqlQueryKey("Sessions"),
 		queryFn: (sdk) => sdk.Sessions(),
 		select: (data) => data.sessions
 	});

package/dist/cjs/user-sessions.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"user-sessions.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","UserSessionsError","ApiProvider","useApiReady","useClientGraphqlQuery","clientGraphqlQueryKey","UserSessionsLoading","UserSessionsPresentational"],"sources":["../../src/user-sessions.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  UserSessionsError,\n  UserSessionsLoading,\n  UserSessions as UserSessionsPresentational,\n} from \"./widgets/user-sessions/user-sessions.js\";\nimport type {\n  UserSessionsErrorProps,\n  UserSessionsLoadingProps,\n} from \"./widgets/user-sessions/user-sessions.js\";\n\ninterface UserSessionsWithoutCurrentSessionIdProps {\n  authToken: () => Promise<string>;\n  currentSessionId?: never;\n}\n\ninterface UserSessionsWithCurrentSessionIdProps {\n  authToken: string;\n  currentSessionId: string;\n}\n\ntype UserSessionsProps = WidgetRootDomProps &\n  (\n    | UserSessionsWithoutCurrentSessionIdProps\n    | UserSessionsWithCurrentSessionIdProps\n  );\n\nconst UserSessions: React.FC<UserSessionsProps> = ({\n  authToken,\n  ...passthroughProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => {\n        const { currentSessionId, ...domProps } = passthroughProps;\n        return <UserSessionsError error={error} {...domProps} />;\n      }}\n    >\n      <ApiProvider\n        widgetType=\"user-sessions\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSessionsImpl {...passthroughProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSessionsImplProps extends WidgetRootDomProps {\n  currentSessionId?: string;\n}\n\nconst UserSessionsImpl: React.FC<UserSessionsImplProps> = ({\n  currentSessionId,\n  ...domProps\n}) => {\n  const isApiReady = useApiReady();\n  const sessionsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"Sessions\"),\n    queryFn: (sdk) => sdk.Sessions(),\n    select: (data) => data.sessions,\n  });\n\n  if (!isApiReady || sessionsQuery.isLoading) {\n    return <UserSessionsLoading {...domProps} />;\n  }\n\n  if (sessionsQuery.isError) {\n    return <UserSessionsError error={sessionsQuery.error} {...domProps} />;\n  }\n\n  const sessions = sessionsQuery.data ?? [];\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSessionsError error={error} {...domProps} />\n      )}\n    >\n      <UserSessionsPresentational\n        sessionsData={sessions}\n        currentSessionId={\n          currentSessionId ??\n          sessions.find((session) => session.isCurrent)?.id ??\n          \"\"\n        }\n        {...domProps}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserSessionsProps,\n  UserSessionsLoadingProps,\n  UserSessionsErrorProps,\n};\nexport { UserSessions, UserSessionsLoading, UserSessionsError };\n"],"mappings":";;;;;;;;;;;;AAqCA,MAAM,gBAA6C,EACjD,WACA,GAAG,uBACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAChC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YAAY;GAC7B,MAAM,EAAE,kBAAkB,GAAG,aAAa;GAC1C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;IAA0B;IAAO,GAAI;GAAW,CAAA;EACzD;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,iBAAmB,CAAA;EAC9B,CAAA;CACA,CAAA;AAEnB;AAMA,MAAM,oBAAqD,EACzD,kBACA,GAAG,eACC;CACJ,MAAM,aAAaC,yBAAAA,YAAY;CAC/B,MAAM,gBAAgBC,iCAAAA,sBAAsB;EAC1C,UAAUC,iCAAAA,sBAAsB,UAAU;EAC1C,UAAU,QAAQ,IAAI,SAAS;EAC/B,SAAS,SAAS,KAAK;CACzB,CAAC;CAED,IAAI,CAAC,cAAc,cAAc,WAC/B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,qBAAD,EAAqB,GAAI,SAAW,CAAA;CAG7C,IAAI,cAAc,SAChB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,4CAAAA,mBAAD;EAAmB,OAAO,cAAc;EAAO,GAAI;CAAW,CAAA;CAGvE,MAAM,WAAW,cAAc,QAAQ,CAAC;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;GAA0B;GAAO,GAAI;EAAW,CAAA;EAGlD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACM,4CAAAA,cAAD;GACE,cAAc;GACd,kBACE,oBACA,SAAS,MAAM,YAAY,QAAQ,SAAS,CAAC,EAAE,MAC/C;GAEF,GAAI;EACL,CAAA;CACY,CAAA;AAEnB"}
+{"version":3,"file":"user-sessions.client.cjs","names":["useWorkOsApiUrl","ErrorBoundary","UserSessionsError","ApiProvider","useApiReady","useClientGraphqlQuery","clientGraphqlQueryKey","UserSessionsLoading","UserSessionsPresentational"],"sources":["../../src/user-sessions.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ApiProvider, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { ErrorBoundary } from \"./components/error-boundary.js\";\nimport type { WidgetRootDomProps } from \"./lib/widget-types.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  UserSessionsError,\n  UserSessionsLoading,\n  UserSessions as UserSessionsPresentational,\n} from \"./widgets/user-sessions/user-sessions.js\";\nimport type {\n  UserSessionsErrorProps,\n  UserSessionsLoadingProps,\n} from \"./widgets/user-sessions/user-sessions.js\";\n\ninterface UserSessionsWithoutCurrentSessionIdProps {\n  authToken: () => Promise<string>;\n  currentSessionId?: never;\n}\n\ninterface UserSessionsWithCurrentSessionIdProps {\n  authToken: string;\n  currentSessionId: string;\n}\n\ntype UserSessionsProps = WidgetRootDomProps &\n  (\n    | UserSessionsWithoutCurrentSessionIdProps\n    | UserSessionsWithCurrentSessionIdProps\n  );\n\nconst UserSessions: React.FC<UserSessionsProps> = ({\n  authToken,\n  ...passthroughProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => {\n        const { currentSessionId, ...domProps } = passthroughProps;\n        return <UserSessionsError error={error} {...domProps} />;\n      }}\n    >\n      <ApiProvider\n        widgetType=\"user-sessions\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <UserSessionsImpl {...passthroughProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\ninterface UserSessionsImplProps extends WidgetRootDomProps {\n  currentSessionId?: string;\n}\n\nconst UserSessionsImpl: React.FC<UserSessionsImplProps> = ({\n  currentSessionId,\n  ...domProps\n}) => {\n  const isApiReady = useApiReady();\n  const sessionsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"Sessions\"),\n    queryFn: (sdk) => sdk.Sessions(),\n    select: (data) => data.sessions,\n  });\n\n  if (!isApiReady || sessionsQuery.isLoading) {\n    return <UserSessionsLoading {...domProps} />;\n  }\n\n  if (sessionsQuery.isError) {\n    return <UserSessionsError error={sessionsQuery.error} {...domProps} />;\n  }\n\n  const sessions = sessionsQuery.data ?? [];\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <UserSessionsError error={error} {...domProps} />\n      )}\n    >\n      <UserSessionsPresentational\n        sessionsData={sessions}\n        currentSessionId={\n          currentSessionId ??\n          sessions.find((session) => session.isCurrent)?.id ??\n          \"\"\n        }\n        {...domProps}\n      />\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  UserSessionsProps,\n  UserSessionsLoadingProps,\n  UserSessionsErrorProps,\n};\nexport { UserSessions, UserSessionsLoading, UserSessionsError };\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,gBAA6C,EACjD,WACA,GAAG,uBACC;CACJ,MAAM,UAAUA,4BAAAA,gBAAgB;CAChC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YAAY;GAC7B,MAAM,EAAE,kBAAkB,GAAG,aAAa;GAC1C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;IAA0B;IAAO,GAAI;GAAW,CAAA;EACzD;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,aAAD;GACE,YAAW;GACA;GACF;GAET,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,iBAAmB,CAAA;EAC9B,CAAA;CACA,CAAA;AAEnB;AAMA,MAAM,oBAAqD,EACzD,kBACA,GAAG,eACC;CACJ,MAAM,aAAaC,yBAAAA,YAAY;CAC/B,MAAM,gBAAgBC,iCAAAA,sBAAsB;EAC1C,UAAUC,sCAAAA,sBAAsB,UAAU;EAC1C,UAAU,QAAQ,IAAI,SAAS;EAC/B,SAAS,SAAS,KAAK;CACzB,CAAC;CAED,IAAI,CAAC,cAAc,cAAc,WAC/B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,qBAAD,EAAqB,GAAI,SAAW,CAAA;CAG7C,IAAI,cAAc,SAChB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,4CAAAA,mBAAD;EAAmB,OAAO,cAAc;EAAO,GAAI;CAAW,CAAA;CAGvE,MAAM,WAAW,cAAc,QAAQ,CAAC;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kCAAAA,eAAD;EACE,iBAAiB,EAAE,YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,mBAAD;GAA0B;GAAO,GAAI;EAAW,CAAA;EAGlD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACM,4CAAAA,cAAD;GACE,cAAc;GACd,kBACE,oBACA,SAAS,MAAM,YAAY,QAAQ,SAAS,CAAC,EAAE,MAC/C;GAEF,GAAI;EACL,CAAA;CACY,CAAA;AAEnB"}