@stream-io/video-react-sdk 1.43.2 → 2.0.0-beta.1

package/dist/esm/src/i18n/TranslationContext.js

@@ -0,0 +1,42 @@
+import { createDefaultTranslatorFunction, defaultDateTimeParser } from '@stream-io/i18n';
+import { createTranslationContext } from '@stream-io/i18n/react';
+
+/**
+ * The `t` in force before i18next has initialized, and the context's default.
+ *
+ * Core's factory, instantiated against this SDK's catalog so it is typed exactly like the real `t`.
+ * It honours the inline `defaultValue` each prose call site passes, which is what stops raw dotted
+ * keys flashing on the first frame.
+ */
+const defaultTranslatorFunction = createDefaultTranslatorFunction();
+/**
+ * Built from the shared factory in `@stream-io/i18n/react`.
+ *
+ * A **default value** is supplied rather than making the hook throw, and that is deliberate: it
+ * matches what `useI18n` did before this module existed, and it is what lets the `embedded/`
+ * components — which are used standalone, outside any provider — render correct English instead of
+ * crashing. Chat's React Native SDK throws instead; hence core exposes this as a factory.
+ */
+const { TranslationContext, TranslationProvider, useTranslationContext } = createTranslationContext({
+    defaultValue: {
+        t: defaultTranslatorFunction,
+        tDateTimeParser: defaultDateTimeParser,
+    },
+    displayName: 'StreamVideoTranslationContext',
+});
+/**
+ * Reads `t` and `tDateTimeParser` from the closest provider.
+ *
+ * Works outside a provider too — the default translator renders each call site's inline English.
+ *
+ * The name is `useI18n` rather than core's `useTranslationContext` because ~500 call sites in this
+ * SDK already import it; renaming them is churn with no payoff.
+ *
+ * @example
+ * const { t } = useI18n();
+ * const label = t('callControls.cancelCallButton.leaveCall.title', 'Leave call');
+ */
+const useI18n = useTranslationContext;
+
+export { TranslationContext, TranslationProvider, useI18n };
+//# sourceMappingURL=TranslationContext.js.map

package/dist/esm/src/i18n/TranslationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationContext.js","sources":["../../../../../../src/i18n/TranslationContext.tsx"],"sourcesContent":["import {\n  createDefaultTranslatorFunction,\n  defaultDateTimeParser,\n} from '@stream-io/i18n';\nimport { createTranslationContext } from '@stream-io/i18n/react';\n\nimport type { StreamTFunction, TDateTimeParser } from './types';\n\nexport type TranslationContextValue = {\n  t: StreamTFunction;\n  tDateTimeParser: TDateTimeParser;\n};\n\n/**\n * The `t` in force before i18next has initialized, and the context's default.\n *\n * Core's factory, instantiated against this SDK's catalog so it is typed exactly like the real `t`.\n * It honours the inline `defaultValue` each prose call site passes, which is what stops raw dotted\n * keys flashing on the first frame.\n */\nconst defaultTranslatorFunction =\n  createDefaultTranslatorFunction() as StreamTFunction;\n\n/**\n * Built from the shared factory in `@stream-io/i18n/react`.\n *\n * A **default value** is supplied rather than making the hook throw, and that is deliberate: it\n * matches what `useI18n` did before this module existed, and it is what lets the `embedded/`\n * components — which are used standalone, outside any provider — render correct English instead of\n * crashing. Chat's React Native SDK throws instead; hence core exposes this as a factory.\n */\nconst { TranslationContext, TranslationProvider, useTranslationContext } =\n  createTranslationContext<TranslationContextValue>({\n    defaultValue: {\n      t: defaultTranslatorFunction,\n      tDateTimeParser: defaultDateTimeParser,\n    },\n    displayName: 'StreamVideoTranslationContext',\n  });\n\nexport { TranslationContext, TranslationProvider };\n\n/**\n * Reads `t` and `tDateTimeParser` from the closest provider.\n *\n * Works outside a provider too — the default translator renders each call site's inline English.\n *\n * The name is `useI18n` rather than core's `useTranslationContext` because ~500 call sites in this\n * SDK already import it; renaming them is churn with no payoff.\n *\n * @example\n * const { t } = useI18n();\n * const label = t('callControls.cancelCallButton.leaveCall.title', 'Leave call');\n */\nexport const useI18n = useTranslationContext;\n"],"names":[],"mappings":";;;AAaA;;;;;;AAMG;AACH,MAAM,yBAAyB,GAC7B,+BAA+B,EAAqB;AAEtD;;;;;;;AAOG;AACH,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GACtE,wBAAwB,CAA0B;AAChD,IAAA,YAAY,EAAE;AACZ,QAAA,CAAC,EAAE,yBAAyB;AAC5B,QAAA,eAAe,EAAE,qBAAqB;AACvC,KAAA;AACD,IAAA,WAAW,EAAE,+BAA+B;AAC7C,CAAA;AAIH;;;;;;;;;;;AAWG;AACI,MAAM,OAAO,GAAG;;;;"}

package/dist/esm/src/i18n/runtimeDefaults.js

@@ -0,0 +1,20 @@
+/**
+ * The SDK's bundled translation data: the keys that cannot carry an inline `defaultValue` at their
+ * call site. `Streami18n` layers it under *every* language, so a partial dictionary never knocks
+ * these out.
+ *
+ * Empty, and that is the intended steady state. The four lookups this SDK resolved from a runtime
+ * value — the only candidates for an entry here — are written as `switch` statements over literal
+ * `t()` calls instead, so every branch carries its own English copy inline and the codegen reads it
+ * straight off the call site. Nothing is left without a default. `timestamp.*` / `duration.*`
+ * formatter expressions would also live here; this SDK has none yet.
+ *
+ * Adding an entry later needs no wiring. `Streami18n` already spreads this into the core options and
+ * `scripts/generate-i18n-keys.mts` already reads this path, so a new key reaches `keys.ts` on the
+ * next `build-translations` run — where a key nothing references, or one that shadows an inline
+ * default, fails a codegen guard.
+ */
+const runtimeDefaults = {};
+
+export { runtimeDefaults };
+//# sourceMappingURL=runtimeDefaults.js.map

package/dist/esm/src/i18n/runtimeDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtimeDefaults.js","sources":["../../../../../../src/i18n/runtimeDefaults.ts"],"sourcesContent":["/**\n * The SDK's bundled translation data: the keys that cannot carry an inline `defaultValue` at their\n * call site. `Streami18n` layers it under *every* language, so a partial dictionary never knocks\n * these out.\n *\n * Empty, and that is the intended steady state. The four lookups this SDK resolved from a runtime\n * value — the only candidates for an entry here — are written as `switch` statements over literal\n * `t()` calls instead, so every branch carries its own English copy inline and the codegen reads it\n * straight off the call site. Nothing is left without a default. `timestamp.*` / `duration.*`\n * formatter expressions would also live here; this SDK has none yet.\n *\n * Adding an entry later needs no wiring. `Streami18n` already spreads this into the core options and\n * `scripts/generate-i18n-keys.mts` already reads this path, so a new key reaches `keys.ts` on the\n * next `build-translations` run — where a key nothing references, or one that shadows an inline\n * default, fails a codegen guard.\n */\nexport const runtimeDefaults = {};\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,eAAe,GAAG;;;;"}

package/dist/esm/src/i18n/useStreami18n.js

@@ -0,0 +1,49 @@
+import { useState, useEffect } from 'react';
+import { useStreami18nState } from '@stream-io/i18n/react';
+import { Streami18n } from './Streami18n.js';
+
+/**
+ * Resolves the translation context value: creates or adopts a {@link Streami18n} instance,
+ * registers the supplied dictionaries, initializes it and keeps `t` fresh across language changes.
+ *
+ * `init()` and the store subscription belong to `useStreami18nState` in `@stream-io/i18n/react`,
+ * shared with the React Native SDK.
+ */
+const useStreami18n = ({ i18nInstance, language, translations, }) => {
+    // Lazy `useState`, not `useMemo`: `new Streami18n()` is a real allocation with identity that must
+    // survive a re-render, and this repo lints `react-hooks/purity` as an error — `useMemo` is a
+    // cache React is free to drop, so constructing there is a purity violation. A later change to
+    // `i18nInstance` is ignored on purpose; swapping the instance mid-tree is not a supported move.
+    const [i18n] = useState(() => {
+        const instance = i18nInstance ?? new Streami18n({ language });
+        // Registered here rather than in an effect. `useStreami18nState` calls `init()` from its own
+        // effect, which runs *before* any effect declared below it in this hook — so a dictionary
+        // registered in an effect would arrive after i18next was already initialized, and the first
+        // `init()` would warn that the language has no dictionary.
+        if (translations) {
+            for (const [code, dictionary] of Object.entries(translations)) {
+                instance.registerTranslation(code, dictionary);
+            }
+        }
+        return instance;
+    });
+    // No `onInitError` handler: core already logs a warning and leaves the instance usable, with `t`
+    // still rendering each call site's inline English. Pass one only to surface init failures
+    // somewhere other than the console.
+    const translators = useStreami18nState(i18n);
+    useEffect(() => {
+        // Guarded on the current value: `setLanguage` re-runs the formatter factories and a full
+        // i18next `changeLanguage`, and the first render already constructed the instance with
+        // `language`. Undefined means "leave whatever the instance was configured with".
+        if (!language || i18n.currentLanguage === language)
+            return;
+        i18n.setLanguage(language);
+    }, [i18n, language]);
+    // Returned as-is: `useStreami18nState` already caches this object and only produces a new one
+    // when `t` or `tDateTimeParser` actually changes, so wrapping it in a `useMemo` would add a
+    // second cache over a stable value.
+    return translators;
+};
+
+export { useStreami18n };
+//# sourceMappingURL=useStreami18n.js.map

package/dist/esm/src/i18n/useStreami18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStreami18n.js","sources":["../../../../../../src/i18n/useStreami18n.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useStreami18nState } from '@stream-io/i18n/react';\n\nimport { Streami18n } from './Streami18n';\nimport type { TranslationContextValue } from './TranslationContext';\nimport type { LooseTranslationDictionary } from './types';\n\nexport type UseStreami18nParams = {\n  /** An instance the integrator configured. One is created when absent. */\n  i18nInstance?: Streami18n;\n  /** The language the SDK's copy renders in. Changing it switches languages in place. */\n  language?: string;\n  /** Dictionaries to register, keyed by language code. Partial dictionaries are safe. */\n  translations?: Record<string, LooseTranslationDictionary>;\n};\n\n/**\n * Resolves the translation context value: creates or adopts a {@link Streami18n} instance,\n * registers the supplied dictionaries, initializes it and keeps `t` fresh across language changes.\n *\n * `init()` and the store subscription belong to `useStreami18nState` in `@stream-io/i18n/react`,\n * shared with the React Native SDK.\n */\nexport const useStreami18n = ({\n  i18nInstance,\n  language,\n  translations,\n}: UseStreami18nParams): TranslationContextValue => {\n  // Lazy `useState`, not `useMemo`: `new Streami18n()` is a real allocation with identity that must\n  // survive a re-render, and this repo lints `react-hooks/purity` as an error — `useMemo` is a\n  // cache React is free to drop, so constructing there is a purity violation. A later change to\n  // `i18nInstance` is ignored on purpose; swapping the instance mid-tree is not a supported move.\n  const [i18n] = useState(() => {\n    const instance = i18nInstance ?? new Streami18n({ language });\n\n    // Registered here rather than in an effect. `useStreami18nState` calls `init()` from its own\n    // effect, which runs *before* any effect declared below it in this hook — so a dictionary\n    // registered in an effect would arrive after i18next was already initialized, and the first\n    // `init()` would warn that the language has no dictionary.\n    if (translations) {\n      for (const [code, dictionary] of Object.entries(translations)) {\n        instance.registerTranslation(code, dictionary);\n      }\n    }\n\n    return instance;\n  });\n\n  // No `onInitError` handler: core already logs a warning and leaves the instance usable, with `t`\n  // still rendering each call site's inline English. Pass one only to surface init failures\n  // somewhere other than the console.\n  const translators = useStreami18nState(i18n);\n\n  useEffect(() => {\n    // Guarded on the current value: `setLanguage` re-runs the formatter factories and a full\n    // i18next `changeLanguage`, and the first render already constructed the instance with\n    // `language`. Undefined means \"leave whatever the instance was configured with\".\n    if (!language || i18n.currentLanguage === language) return;\n    i18n.setLanguage(language);\n  }, [i18n, language]);\n\n  // Returned as-is: `useStreami18nState` already caches this object and only produces a new one\n  // when `t` or `tDateTimeParser` actually changes, so wrapping it in a `useMemo` would add a\n  // second cache over a stable value.\n  return translators;\n};\n"],"names":[],"mappings":";;;;AAgBA;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,YAAY,GACQ,KAA6B;;;;;AAKjD,IAAA,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAK;QAC3B,MAAM,QAAQ,GAAG,YAAY,IAAI,IAAI,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;;;;;QAM7D,IAAI,YAAY,EAAE;AAChB,YAAA,KAAK,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;AAC7D,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,IAAI,EAAE,UAAU,CAAC;YAChD;QACF;AAEA,QAAA,OAAO,QAAQ;AACjB,IAAA,CAAC,CAAC;;;;AAKF,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;IAE5C,SAAS,CAAC,MAAK;;;;AAIb,QAAA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,KAAK,QAAQ;YAAE;AACpD,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;;;;AAKpB,IAAA,OAAO,WAAW;AACpB;;;;"}

package/dist/esm/src/wrappers/LivestreamPlayer/LivestreamPlayer.js

@@ -4,11 +4,15 @@ import { CallingState } from '@stream-io/video-client';
 import { useStreamVideoClient, useEffectEvent, useCallStateHooks, useCall } from '@stream-io/video-react-bindings';
 import '../../core/components/Audio/Audio.js';
 import '../../core/components/Audio/ParticipantsAudio.js';
+import '@stream-io/i18n';
+import '../../i18n/TranslationContext.js';
+import '@stream-io/i18n/react';
 import '../../core/components/ParticipantView/ParticipantViewContext.js';
 import '../../components/Menu/MenuToggle.js';
 import 'clsx';
 import '../../core/components/ParticipantView/ParticipantView.js';
 import '../../core/components/ParticipantView/DefaultParticipantViewUI.js';
+import '../../core/components/ParticipantView/ConnectionQualityIndicator.js';
 import { StreamCall } from '../../core/components/StreamCall/StreamCall.js';
 import '../../core/components/StreamVideo/StreamVideo.js';
 import '../../core/components/Video/BaseVideo.js';

package/dist/esm/src/wrappers/LivestreamPlayer/LivestreamPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LivestreamPlayer.js","sources":["../../../../../../../src/wrappers/LivestreamPlayer/LivestreamPlayer.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\nimport { Call, CallingState } from '@stream-io/video-client';\nimport {\n  useCall,\n  useCallStateHooks,\n  useEffectEvent,\n  useStreamVideoClient,\n} from '@stream-io/video-react-bindings';\nimport {\n  BackstageLayout,\n  BackstageLayoutProps,\n  LivestreamLayout,\n  LivestreamLayoutProps,\n  StreamCall,\n} from '../../core';\n\nexport type LivestreamPlayerProps = {\n  /**\n   * The call type. Usually `livestream`.\n   */\n  callType: string;\n  /**\n   * The call ID.\n   */\n  callId: string;\n  /**\n   * Determines when the viewer joins the call.\n   *\n   * `\"asap\"` behavior means joining the call as soon as it is possible\n   * (either the `join_ahead_time_seconds` setting allows it, or the user\n   * has the capability to join backstage).\n   *\n   * `\"live\"` behavior means joining the call when it goes live.\n   *\n   * @default \"asap\"\n   */\n  joinBehavior?: 'asap' | 'live';\n  /**\n   * The props for the {@link LivestreamLayout} component.\n   */\n  layoutProps?: LivestreamLayoutProps;\n  /**\n   * The props for the {@link BackstageLayout} component.\n   */\n  backstageProps?: BackstageLayoutProps;\n  /**\n   * Callback to handle errors while fetching or joining livestream.\n   */\n  onError?: (error: any) => void;\n};\n\nexport const LivestreamPlayer = (\n  props: PropsWithChildren<LivestreamPlayerProps>,\n) => {\n  const { callType, callId, children, ...restProps } = props;\n  const client = useStreamVideoClient();\n  const [call, setCall] = useState<Call>();\n  const onError = useEffectEvent(props.onError ?? (() => {}));\n\n  useEffect(() => {\n    if (!client) return;\n    const myCall = client.call(callType, callId);\n    setCall(myCall);\n    myCall.get().catch((e) => {\n      console.error('Failed to fetch call', e);\n      onError(e);\n    });\n    return () => {\n      myCall.leave().catch((e) => {\n        console.error('Failed to leave call', e);\n      });\n      setCall(undefined);\n    };\n  }, [callId, callType, client]);\n\n  if (!call) {\n    return null;\n  }\n\n  return (\n    <StreamCall call={call}>\n      <LivestreamCall {...restProps} />\n      {children}\n    </StreamCall>\n  );\n};\n\nconst LivestreamCall = (props: {\n  joinBehavior?: 'asap' | 'live';\n  layoutProps?: LivestreamLayoutProps;\n  backstageProps?: BackstageLayoutProps;\n  onError?: (error: any) => void;\n}) => {\n  const call = useLivestreamCall(props);\n  const { useIsCallLive } = useCallStateHooks();\n  const isLive = useIsCallLive();\n\n  if (!call) return null;\n\n  if (isLive) {\n    return <LivestreamLayout {...props.layoutProps} />;\n  }\n\n  return <BackstageLayout {...props.backstageProps} />;\n};\n\nconst useLivestreamCall = (props: {\n  joinBehavior?: 'asap' | 'live';\n  onError?: (error: any) => void;\n}) => {\n  const call = useCall();\n  const { useIsCallLive, useOwnCapabilities } = useCallStateHooks();\n  const canJoinLive = useIsCallLive();\n  const canJoinEarly = useCanJoinEarly();\n  const canJoinBackstage =\n    useOwnCapabilities()?.includes('join-backstage') ?? false;\n  const canJoinAsap = canJoinLive || canJoinEarly || canJoinBackstage;\n  const joinBehavior = props.joinBehavior ?? 'asap';\n  const canJoin =\n    (joinBehavior === 'asap' && canJoinAsap) ||\n    (joinBehavior === 'live' && canJoinLive);\n  const onError = useEffectEvent(props.onError ?? (() => {}));\n\n  useEffect(() => {\n    if (call && call.state.callingState === CallingState.IDLE && canJoin) {\n      call.join().catch((e) => {\n        console.error('Failed to join call', e);\n        onError(e);\n      });\n    }\n  }, [call, canJoin]);\n\n  return call;\n};\n\nconst useCanJoinEarly = () => {\n  const { useCallStartsAt, useCallSettings } = useCallStateHooks();\n  const startsAt = useCallStartsAt();\n  const settings = useCallSettings();\n  const joinAheadTimeSeconds = settings?.backstage.join_ahead_time_seconds;\n  const [canJoinEarly, setCanJoinEarly] = useState(() =>\n    checkCanJoinEarly(startsAt, joinAheadTimeSeconds),\n  );\n\n  useEffect(() => {\n    if (canJoinEarly) return;\n    const handle = setInterval(() => {\n      setCanJoinEarly(checkCanJoinEarly(startsAt, joinAheadTimeSeconds));\n    }, 1000);\n\n    return () => clearInterval(handle);\n  }, [canJoinEarly, startsAt, joinAheadTimeSeconds]);\n\n  return canJoinEarly;\n};\n\nconst checkCanJoinEarly = (\n  startsAt: Date | undefined,\n  joinAheadTimeSeconds: number | undefined,\n) => {\n  if (!startsAt) {\n    return false;\n  }\n\n  return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"LivestreamPlayer.js","sources":["../../../../../../../src/wrappers/LivestreamPlayer/LivestreamPlayer.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\nimport { Call, CallingState } from '@stream-io/video-client';\nimport {\n  useCall,\n  useCallStateHooks,\n  useEffectEvent,\n  useStreamVideoClient,\n} from '@stream-io/video-react-bindings';\nimport {\n  BackstageLayout,\n  BackstageLayoutProps,\n  LivestreamLayout,\n  LivestreamLayoutProps,\n  StreamCall,\n} from '../../core';\n\nexport type LivestreamPlayerProps = {\n  /**\n   * The call type. Usually `livestream`.\n   */\n  callType: string;\n  /**\n   * The call ID.\n   */\n  callId: string;\n  /**\n   * Determines when the viewer joins the call.\n   *\n   * `\"asap\"` behavior means joining the call as soon as it is possible\n   * (either the `join_ahead_time_seconds` setting allows it, or the user\n   * has the capability to join backstage).\n   *\n   * `\"live\"` behavior means joining the call when it goes live.\n   *\n   * @default \"asap\"\n   */\n  joinBehavior?: 'asap' | 'live';\n  /**\n   * The props for the {@link LivestreamLayout} component.\n   */\n  layoutProps?: LivestreamLayoutProps;\n  /**\n   * The props for the {@link BackstageLayout} component.\n   */\n  backstageProps?: BackstageLayoutProps;\n  /**\n   * Callback to handle errors while fetching or joining livestream.\n   */\n  onError?: (error: any) => void;\n};\n\nexport const LivestreamPlayer = (\n  props: PropsWithChildren<LivestreamPlayerProps>,\n) => {\n  const { callType, callId, children, ...restProps } = props;\n  const client = useStreamVideoClient();\n  const [call, setCall] = useState<Call>();\n  const onError = useEffectEvent(props.onError ?? (() => {}));\n\n  useEffect(() => {\n    if (!client) return;\n    const myCall = client.call(callType, callId);\n    setCall(myCall);\n    myCall.get().catch((e) => {\n      console.error('Failed to fetch call', e);\n      onError(e);\n    });\n    return () => {\n      myCall.leave().catch((e) => {\n        console.error('Failed to leave call', e);\n      });\n      setCall(undefined);\n    };\n  }, [callId, callType, client]);\n\n  if (!call) {\n    return null;\n  }\n\n  return (\n    <StreamCall call={call}>\n      <LivestreamCall {...restProps} />\n      {children}\n    </StreamCall>\n  );\n};\n\nconst LivestreamCall = (props: {\n  joinBehavior?: 'asap' | 'live';\n  layoutProps?: LivestreamLayoutProps;\n  backstageProps?: BackstageLayoutProps;\n  onError?: (error: any) => void;\n}) => {\n  const call = useLivestreamCall(props);\n  const { useIsCallLive } = useCallStateHooks();\n  const isLive = useIsCallLive();\n\n  if (!call) return null;\n\n  if (isLive) {\n    return <LivestreamLayout {...props.layoutProps} />;\n  }\n\n  return <BackstageLayout {...props.backstageProps} />;\n};\n\nconst useLivestreamCall = (props: {\n  joinBehavior?: 'asap' | 'live';\n  onError?: (error: any) => void;\n}) => {\n  const call = useCall();\n  const { useIsCallLive, useOwnCapabilities } = useCallStateHooks();\n  const canJoinLive = useIsCallLive();\n  const canJoinEarly = useCanJoinEarly();\n  const canJoinBackstage =\n    useOwnCapabilities()?.includes('join-backstage') ?? false;\n  const canJoinAsap = canJoinLive || canJoinEarly || canJoinBackstage;\n  const joinBehavior = props.joinBehavior ?? 'asap';\n  const canJoin =\n    (joinBehavior === 'asap' && canJoinAsap) ||\n    (joinBehavior === 'live' && canJoinLive);\n  const onError = useEffectEvent(props.onError ?? (() => {}));\n\n  useEffect(() => {\n    if (call && call.state.callingState === CallingState.IDLE && canJoin) {\n      call.join().catch((e) => {\n        console.error('Failed to join call', e);\n        onError(e);\n      });\n    }\n  }, [call, canJoin]);\n\n  return call;\n};\n\nconst useCanJoinEarly = () => {\n  const { useCallStartsAt, useCallSettings } = useCallStateHooks();\n  const startsAt = useCallStartsAt();\n  const settings = useCallSettings();\n  const joinAheadTimeSeconds = settings?.backstage.join_ahead_time_seconds;\n  const [canJoinEarly, setCanJoinEarly] = useState(() =>\n    checkCanJoinEarly(startsAt, joinAheadTimeSeconds),\n  );\n\n  useEffect(() => {\n    if (canJoinEarly) return;\n    const handle = setInterval(() => {\n      setCanJoinEarly(checkCanJoinEarly(startsAt, joinAheadTimeSeconds));\n    }, 1000);\n\n    return () => clearInterval(handle);\n  }, [canJoinEarly, startsAt, joinAheadTimeSeconds]);\n\n  return canJoinEarly;\n};\n\nconst checkCanJoinEarly = (\n  startsAt: Date | undefined,\n  joinAheadTimeSeconds: number | undefined,\n) => {\n  if (!startsAt) {\n    return false;\n  }\n\n  return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmDO,MAAM,gBAAgB,GAAG,CAC9B,KAA+C,KAC7C;AACF,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAC1D,IAAA,MAAM,MAAM,GAAG,oBAAoB,EAAE;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAQ;AACxC,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,OAAO,KAAK,MAAK,EAAE,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;QACb,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC5C,OAAO,CAAC,MAAM,CAAC;QACf,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAI;AACvB,YAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC,CAAC;YACxC,OAAO,CAAC,CAAC,CAAC;AACZ,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,MAAK;YACV,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAI;AACzB,gBAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC,CAAC;AAC1C,YAAA,CAAC,CAAC;YACF,OAAO,CAAC,SAAS,CAAC;AACpB,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE9B,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEA,IAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CACpBC,GAAA,CAAC,cAAc,OAAK,SAAS,EAAA,CAAI,EAChC,QAAQ,CAAA,EAAA,CACE;AAEjB;AAEA,MAAM,cAAc,GAAG,CAAC,KAKvB,KAAI;AACH,IAAA,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC;AACrC,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,EAAE;AAC7C,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAE9B,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IAEtB,IAAI,MAAM,EAAE;AACV,QAAA,OAAOA,IAAC,gBAAgB,EAAA,EAAA,GAAK,KAAK,CAAC,WAAW,GAAI;IACpD;AAEA,IAAA,OAAOA,IAAC,eAAe,EAAA,EAAA,GAAK,KAAK,CAAC,cAAc,GAAI;AACtD,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,KAG1B,KAAI;AACH,IAAA,MAAM,IAAI,GAAG,OAAO,EAAE;IACtB,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE;AACjE,IAAA,MAAM,WAAW,GAAG,aAAa,EAAE;AACnC,IAAA,MAAM,YAAY,GAAG,eAAe,EAAE;IACtC,MAAM,gBAAgB,GACpB,kBAAkB,EAAE,EAAE,QAAQ,CAAC,gBAAgB,CAAC,IAAI,KAAK;AAC3D,IAAA,MAAM,WAAW,GAAG,WAAW,IAAI,YAAY,IAAI,gBAAgB;AACnE,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,MAAM;IACjD,MAAM,OAAO,GACX,CAAC,YAAY,KAAK,MAAM,IAAI,WAAW;AACvC,SAAC,YAAY,KAAK,MAAM,IAAI,WAAW,CAAC;AAC1C,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,OAAO,KAAK,MAAK,EAAE,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,IAAI,OAAO,EAAE;YACpE,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAI;AACtB,gBAAA,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;gBACvC,OAAO,CAAC,CAAC,CAAC;AACZ,YAAA,CAAC,CAAC;QACJ;AACF,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAEnB,IAAA,OAAO,IAAI;AACb,CAAC;AAED,MAAM,eAAe,GAAG,MAAK;IAC3B,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE;AAChE,IAAA,MAAM,QAAQ,GAAG,eAAe,EAAE;AAClC,IAAA,MAAM,QAAQ,GAAG,eAAe,EAAE;AAClC,IAAA,MAAM,oBAAoB,GAAG,QAAQ,EAAE,SAAS,CAAC,uBAAuB;AACxE,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,MAC/C,iBAAiB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAClD;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY;YAAE;AAClB,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAK;YAC9B,eAAe,CAAC,iBAAiB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;QACpE,CAAC,EAAE,IAAI,CAAC;AAER,QAAA,OAAO,MAAM,aAAa,CAAC,MAAM,CAAC;IACpC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC;AAElD,IAAA,OAAO,YAAY;AACrB,CAAC;AAED,MAAM,iBAAiB,GAAG,CACxB,QAA0B,EAC1B,oBAAwC,KACtC;IACF,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,oBAAoB,IAAI,CAAC,IAAI,IAAI;AACrE,CAAC;;;;"}