@stream-io/video-react-sdk 1.41.0 → 1.43.0

package/dist/esm/src/embedded/call/CallHeader.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
+import 'react';
+import '@stream-io/video-client';
+import '../../core/components/Audio/Audio.js';
+import '../../core/components/Audio/ParticipantsAudio.js';
+import '../../core/components/ParticipantView/ParticipantViewContext.js';
+import '../../components/Menu/MenuToggle.js';
+import { Icon } from '../../components/Icon/Icon.js';
+import '../../core/components/ParticipantView/ParticipantView.js';
+import '../../core/components/ParticipantView/DefaultParticipantViewUI.js';
+import '../../core/components/StreamCall/StreamCall.js';
+import '../../core/components/StreamVideo/StreamVideo.js';
+import '../../core/components/Video/BaseVideo.js';
+import '../../core/components/Video/Video.js';
+import '../../core/components/CallLayout/LivestreamLayout.js';
+import '../../core/components/CallLayout/PaginatedGridLayout.js';
+import '../../core/components/CallLayout/SpeakerLayout.js';
+import '../../core/components/CallLayout/PipLayout/Pip.js';
+import '../../core/components/CallLayout/PipLayout/Host.js';
+import '../../core/components/CallLayout/PipLayout/Grid.js';
+import '../context/ConfigurationContext.js';
+import 'clsx';
+import '../../components/BackgroundFilters/BackgroundFiltersProvider.js';
+import '../../components/Button/CompositeButton.js';
+import '../../components/Button/IconButton.js';
+import '@floating-ui/react';
+import '../../components/CallControls/RecordCallButton.js';
+import '../../components/CallControls/ReactionsButton.js';
+import '../../components/DeviceSettings/DeviceSettings.js';
+import '../../components/DropdownSelect/DropdownSelect.js';
+import { CancelCallConfirmButton } from '../../components/CallControls/CancelCallButton.js';
+import '../../components/CallControls/CallStatsButton.js';
+import '../../components/CallParticipantsList/CallParticipantsList.js';
+import '../../components/CallParticipantsList/CallParticipantListingItem.js';
+import '../../components/CallStats/CallStats.js';
+import '../../components/NoiseCancellation/NoiseCancellationProvider.js';
+import '../../components/RingingCall/RingingCall.js';
+import '../../components/Permissions/PermissionRequests.js';
+import '../../core/components/Video/DefaultVideoPlaceholder.js';
+import '../shared/Lobby/ToggleMicButton.js';
+import '../shared/Lobby/ToggleCameraButton.js';
+import { useCallDuration } from '../hooks/useCallDuration.js';
+
+/**
+ * Renders the call header bar with elapsed time and leave/end call button.
+ */
+const CallHeader = () => {
+    const { useCallSession } = useCallStateHooks();
+    const session = useCallSession();
+    const startedAt = session?.started_at;
+    const { elapsed } = useCallDuration(startedAt);
+    return (jsxs("div", { className: "str-video__embedded-call-header", children: [startedAt && (jsxs("div", { className: "str-video__embedded-call-duration", children: [jsx(Icon, { icon: "verified", className: "str-video__embedded-call-duration__icon" }), jsx("span", { className: "str-video__embedded-call-duration__time", children: elapsed })] })), jsx(CancelCallConfirmButton, {})] }));
+};
+
+export { CallHeader };
+//# sourceMappingURL=CallHeader.js.map

package/dist/esm/src/embedded/call/CallHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallHeader.js","sources":["../../../../../../../src/embedded/call/CallHeader.tsx"],"sourcesContent":["import { useCallStateHooks } from '@stream-io/video-react-bindings';\nimport { useCallDuration } from '../hooks';\nimport { CancelCallConfirmButton, Icon } from '../../components';\n\n/**\n * Renders the call header bar with elapsed time and leave/end call button.\n */\nexport const CallHeader = () => {\n  const { useCallSession } = useCallStateHooks();\n  const session = useCallSession();\n  const startedAt = session?.started_at;\n  const { elapsed } = useCallDuration(startedAt);\n\n  return (\n    <div className=\"str-video__embedded-call-header\">\n      {startedAt && (\n        <div className=\"str-video__embedded-call-duration\">\n          <Icon\n            icon=\"verified\"\n            className=\"str-video__embedded-call-duration__icon\"\n          />\n          <span className=\"str-video__embedded-call-duration__time\">\n            {elapsed}\n          </span>\n        </div>\n      )}\n      <CancelCallConfirmButton />\n    </div>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAEG;AACI,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE;AAC9C,IAAA,MAAM,OAAO,GAAG,cAAc,EAAE;AAChC,IAAA,MAAM,SAAS,GAAG,OAAO,EAAE,UAAU;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC;AAE9C,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAAA,CAC7C,SAAS,KACRA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDC,IAAC,IAAI,EAAA,EACH,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,yCAAyC,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yCAAyC,EAAA,QAAA,EACtD,OAAO,EAAA,CACH,CAAA,EAAA,CACH,CACP,EACDA,GAAA,CAAC,uBAAuB,EAAA,EAAA,CAAG,CAAA,EAAA,CACvB;AAEV;;;;"}

package/dist/esm/src/embedded/call/CallLayout.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import clsx from 'clsx';
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted } from '@stream-io/video-react-bindings';
+import '../../components/BackgroundFilters/BackgroundFiltersProvider.js';
+import '../../components/Button/CompositeButton.js';
+import '../../components/Button/IconButton.js';
+import '@floating-ui/react';
+import { SpeakingWhileMutedNotification } from '../../components/Notification/SpeakingWhileMutedNotification.js';
+import '../../components/CallControls/RecordCallButton.js';
+import '../../components/CallControls/ReactionsButton.js';
+import '../../components/DeviceSettings/DeviceSettings.js';
+import '../../components/DropdownSelect/DropdownSelect.js';
+import '../../components/Menu/MenuToggle.js';
+import '../../components/CallControls/CancelCallButton.js';
+import '../../components/CallControls/CallStatsButton.js';
+import { CallParticipantsList } from '../../components/CallParticipantsList/CallParticipantsList.js';
+import '../../components/CallParticipantsList/CallParticipantListingItem.js';
+import '../../components/CallStats/CallStats.js';
+import '../../components/NoiseCancellation/NoiseCancellationProvider.js';
+import '../../components/RingingCall/RingingCall.js';
+import { PermissionRequests } from '../../components/Permissions/PermissionRequests.js';
+import '../../core/components/Video/Video.js';
+import '../../core/components/Video/BaseVideo.js';
+import '../../core/components/Video/DefaultVideoPlaceholder.js';
+import { useLayout } from '../hooks/useLayout.js';
+import { useWakeLock } from '../hooks/useWakeLock.js';
+import '../context/ConfigurationContext.js';
+import { ConnectionNotification } from '../shared/ConnectionNotification/ConnectionNotification.js';
+import '../../core/components/Audio/Audio.js';
+import '../../core/components/Audio/ParticipantsAudio.js';
+import '../../core/components/ParticipantView/ParticipantViewContext.js';
+import '../../core/components/ParticipantView/ParticipantView.js';
+import '../../core/components/ParticipantView/DefaultParticipantViewUI.js';
+import '../../core/components/StreamCall/StreamCall.js';
+import '../../core/components/StreamVideo/StreamVideo.js';
+import '../../core/components/CallLayout/LivestreamLayout.js';
+import '../../core/components/CallLayout/PaginatedGridLayout.js';
+import '../../core/components/CallLayout/SpeakerLayout.js';
+import '../../core/components/CallLayout/PipLayout/Pip.js';
+import '../../core/components/CallLayout/PipLayout/Host.js';
+import '../../core/components/CallLayout/PipLayout/Grid.js';
+import '../shared/Lobby/ToggleMicButton.js';
+import '../shared/Lobby/ToggleCameraButton.js';
+import { CallControls } from './CallControls.js';
+import { CallHeader } from './CallHeader.js';
+
+/**
+ * CallLayout renders the active call experience with layout, controls and sidebar.
+ */
+const CallLayout = () => {
+    useWakeLock();
+    const [showParticipants, setShowParticipants] = useState(false);
+    const { Component: LayoutComponent, props: layoutProps } = useLayout();
+    const handleToggleParticipants = useCallback(() => {
+        setShowParticipants((prev) => !prev);
+    }, []);
+    return (jsxs("div", { className: "str-video__embedded-call", children: [jsx(ConnectionNotification, {}), jsx(PermissionRequests, {}), jsx("div", { className: "str-video__embedded-notifications", children: jsx(Restricted, { requiredGrants: [OwnCapability.SEND_AUDIO], hasPermissionsOnly: true, children: jsx(SpeakingWhileMutedNotification, {}) }) }), jsx(CallHeader, {}), jsxs("div", { className: "str-video__embedded-layout", children: [jsx("div", { className: "str-video__embedded-layout__stage", children: jsx(LayoutComponent, { ...layoutProps }) }), jsx("div", { className: clsx('str-video__embedded-sidebar', showParticipants && 'str-video__embedded-sidebar--open'), children: showParticipants && (jsx("div", { className: "str-video__embedded-participants", children: jsx(CallParticipantsList, { onClose: handleToggleParticipants }) })) })] }), jsx(CallControls, { showParticipants: showParticipants, onToggleParticipants: handleToggleParticipants })] }));
+};
+
+export { CallLayout };
+//# sourceMappingURL=CallLayout.js.map

package/dist/esm/src/embedded/call/CallLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallLayout.js","sources":["../../../../../../../src/embedded/call/CallLayout.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport clsx from 'clsx';\nimport { OwnCapability } from '@stream-io/video-client';\nimport { Restricted } from '@stream-io/video-react-bindings';\nimport {\n  CallParticipantsList,\n  PermissionRequests,\n  SpeakingWhileMutedNotification,\n} from '../../components';\n\nimport { useLayout, useWakeLock } from '../hooks';\nimport { ConnectionNotification } from '../shared';\nimport { CallControls } from './CallControls';\nimport { CallHeader } from './CallHeader';\n\n/**\n * CallLayout renders the active call experience with layout, controls and sidebar.\n */\nexport const CallLayout = () => {\n  useWakeLock();\n  const [showParticipants, setShowParticipants] = useState(false);\n\n  const { Component: LayoutComponent, props: layoutProps } = useLayout();\n\n  const handleToggleParticipants = useCallback(() => {\n    setShowParticipants((prev) => !prev);\n  }, []);\n\n  return (\n    <div className=\"str-video__embedded-call\">\n      <ConnectionNotification />\n      <PermissionRequests />\n      <div className=\"str-video__embedded-notifications\">\n        <Restricted\n          requiredGrants={[OwnCapability.SEND_AUDIO]}\n          hasPermissionsOnly\n        >\n          <SpeakingWhileMutedNotification />\n        </Restricted>\n      </div>\n      <CallHeader />\n      <div className=\"str-video__embedded-layout\">\n        <div className=\"str-video__embedded-layout__stage\">\n          <LayoutComponent {...layoutProps} />\n        </div>\n\n        <div\n          className={clsx(\n            'str-video__embedded-sidebar',\n            showParticipants && 'str-video__embedded-sidebar--open',\n          )}\n        >\n          {showParticipants && (\n            <div className=\"str-video__embedded-participants\">\n              <CallParticipantsList onClose={handleToggleParticipants} />\n            </div>\n          )}\n        </div>\n      </div>\n      <CallControls\n        showParticipants={showParticipants}\n        onToggleParticipants={handleToggleParticipants}\n      />\n    </div>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA;;AAEG;AACI,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,WAAW,EAAE;IACb,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAE/D,IAAA,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE;AAEtE,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAK;QAChD,mBAAmB,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;IAEN,QACEA,cAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAC,sBAAsB,EAAA,EAAA,CAAG,EAC1BA,GAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,EACtBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,YAChDA,GAAA,CAAC,UAAU,EAAA,EACT,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,EAC1C,kBAAkB,kBAElBA,GAAA,CAAC,8BAA8B,EAAA,EAAA,CAAG,EAAA,CACvB,EAAA,CACT,EACNA,IAAC,UAAU,EAAA,EAAA,CAAG,EACdD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzCC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAChDA,IAAC,eAAe,EAAA,EAAA,GAAK,WAAW,EAAA,CAAI,EAAA,CAChC,EAENA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CACb,6BAA6B,EAC7B,gBAAgB,IAAI,mCAAmC,CACxD,EAAA,QAAA,EAEA,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAC/CA,IAAC,oBAAoB,EAAA,EAAC,OAAO,EAAE,wBAAwB,GAAI,EAAA,CACvD,CACP,EAAA,CACG,CAAA,EAAA,CACF,EACNA,GAAA,CAAC,YAAY,EAAA,EACX,gBAAgB,EAAE,gBAAgB,EAClC,oBAAoB,EAAE,wBAAwB,EAAA,CAC9C,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/esm/src/embedded/call/CallStateRouter.js

@@ -0,0 +1,87 @@
+import { jsx } from 'react/jsx-runtime';
+import { CallingState } from '@stream-io/video-client';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { useState, useCallback } from 'react';
+import 'clsx';
+import '../../components/BackgroundFilters/BackgroundFiltersProvider.js';
+import '../../components/Button/CompositeButton.js';
+import '../../components/Button/IconButton.js';
+import '@floating-ui/react';
+import '../../components/CallControls/RecordCallButton.js';
+import '../../components/CallControls/ReactionsButton.js';
+import '../../components/DeviceSettings/DeviceSettings.js';
+import '../../components/DropdownSelect/DropdownSelect.js';
+import '../../components/Menu/MenuToggle.js';
+import '../../components/CallControls/CancelCallButton.js';
+import '../../components/CallControls/CallStatsButton.js';
+import '../../components/CallParticipantsList/CallParticipantsList.js';
+import '../../components/CallParticipantsList/CallParticipantListingItem.js';
+import { LoadingIndicator } from '../../components/LoadingIndicator/LoadingIndicator.js';
+import '../../components/CallStats/CallStats.js';
+import '../../components/NoiseCancellation/NoiseCancellationProvider.js';
+import '../../components/RingingCall/RingingCall.js';
+import '../../components/Permissions/PermissionRequests.js';
+import '../../core/components/Video/Video.js';
+import '../../core/components/Video/BaseVideo.js';
+import '../../core/components/Video/DefaultVideoPlaceholder.js';
+import { CallFeedback } from '../shared/CallFeedback/CallFeedback.js';
+import '../../core/components/Audio/Audio.js';
+import '../../core/components/Audio/ParticipantsAudio.js';
+import '../../core/components/ParticipantView/ParticipantViewContext.js';
+import '../../core/components/ParticipantView/ParticipantView.js';
+import '../../core/components/ParticipantView/DefaultParticipantViewUI.js';
+import '../../core/components/StreamCall/StreamCall.js';
+import '../../core/components/StreamVideo/StreamVideo.js';
+import '../../core/components/CallLayout/LivestreamLayout.js';
+import '../../core/components/CallLayout/PaginatedGridLayout.js';
+import '../../core/components/CallLayout/SpeakerLayout.js';
+import '../../core/components/CallLayout/PipLayout/Pip.js';
+import '../../core/components/CallLayout/PipLayout/Host.js';
+import '../../core/components/CallLayout/PipLayout/Grid.js';
+import { JoinError } from '../shared/JoinError/JoinError.js';
+import { Lobby } from '../shared/Lobby/Lobby.js';
+import { CallLayout } from './CallLayout.js';
+import { useEmbeddedConfiguration } from '../context/ConfigurationContext.js';
+
+/**
+ * CallStateRouter is the state decider component that manages view state transitions.
+ */
+const CallStateRouter = () => {
+    const call = useCall();
+    const { useCallCallingState, useLocalParticipant } = useCallStateHooks();
+    const localParticipant = useLocalParticipant();
+    const callingState = useCallCallingState();
+    const { onError } = useEmbeddedConfiguration();
+    const [joinError, setJoinError] = useState(false);
+    const handleJoin = useCallback(async () => {
+        if (!call)
+            return;
+        setJoinError(false);
+        try {
+            if (call.state.callingState !== CallingState.JOINED) {
+                await call.join();
+            }
+        }
+        catch (e) {
+            onError?.(e);
+            setJoinError(true);
+        }
+    }, [call, onError]);
+    if (joinError) {
+        return jsx(JoinError, { onJoin: handleJoin });
+    }
+    if (callingState === CallingState.IDLE ||
+        callingState === CallingState.UNKNOWN) {
+        return jsx(Lobby, { onJoin: handleJoin });
+    }
+    if (callingState === CallingState.JOINING && !localParticipant) {
+        return jsx(LoadingIndicator, { className: "str-video__embedded-loading" });
+    }
+    if (callingState === CallingState.LEFT) {
+        return jsx(CallFeedback, { onJoin: handleJoin });
+    }
+    return jsx(CallLayout, {});
+};
+
+export { CallStateRouter };
+//# sourceMappingURL=CallStateRouter.js.map

package/dist/esm/src/embedded/call/CallStateRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallStateRouter.js","sources":["../../../../../../../src/embedded/call/CallStateRouter.tsx"],"sourcesContent":["import { CallingState } from '@stream-io/video-client';\nimport { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';\n\nimport { LoadingIndicator } from '../../components';\nimport { CallFeedback, JoinError, Lobby } from '../shared';\nimport { CallLayout } from './CallLayout';\nimport { useCallback, useState } from 'react';\nimport { useEmbeddedConfiguration } from '../context';\n\n/**\n * CallStateRouter is the state decider component that manages view state transitions.\n */\nexport const CallStateRouter = () => {\n  const call = useCall();\n\n  const { useCallCallingState, useLocalParticipant } = useCallStateHooks();\n  const localParticipant = useLocalParticipant();\n  const callingState = useCallCallingState();\n  const { onError } = useEmbeddedConfiguration();\n\n  const [joinError, setJoinError] = useState(false);\n  const handleJoin = useCallback(async () => {\n    if (!call) return;\n\n    setJoinError(false);\n    try {\n      if (call.state.callingState !== CallingState.JOINED) {\n        await call.join();\n      }\n    } catch (e) {\n      onError?.(e);\n      setJoinError(true);\n    }\n  }, [call, onError]);\n\n  if (joinError) {\n    return <JoinError onJoin={handleJoin} />;\n  }\n\n  if (\n    callingState === CallingState.IDLE ||\n    callingState === CallingState.UNKNOWN\n  ) {\n    return <Lobby onJoin={handleJoin} />;\n  }\n\n  if (callingState === CallingState.JOINING && !localParticipant) {\n    return <LoadingIndicator className=\"str-video__embedded-loading\" />;\n  }\n\n  if (callingState === CallingState.LEFT) {\n    return <CallFeedback onJoin={handleJoin} />;\n  }\n\n  return <CallLayout />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;;AAEG;AACI,MAAM,eAAe,GAAG,MAAK;AAClC,IAAA,MAAM,IAAI,GAAG,OAAO,EAAE;IAEtB,MAAM,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE;AACxE,IAAA,MAAM,gBAAgB,GAAG,mBAAmB,EAAE;AAC9C,IAAA,MAAM,YAAY,GAAG,mBAAmB,EAAE;AAC1C,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,wBAAwB,EAAE;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,YAAW;AACxC,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,YAAY,CAAC,KAAK,CAAC;AACnB,QAAA,IAAI;YACF,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,YAAY,CAAC,MAAM,EAAE;AACnD,gBAAA,MAAM,IAAI,CAAC,IAAI,EAAE;YACnB;QACF;QAAE,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,GAAG,CAAC,CAAC;YACZ,YAAY,CAAC,IAAI,CAAC;QACpB;AACF,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEnB,IAAI,SAAS,EAAE;AACb,QAAA,OAAOA,IAAC,SAAS,EAAA,EAAC,MAAM,EAAE,UAAU,GAAI;IAC1C;AAEA,IAAA,IACE,YAAY,KAAK,YAAY,CAAC,IAAI;AAClC,QAAA,YAAY,KAAK,YAAY,CAAC,OAAO,EACrC;AACA,QAAA,OAAOA,IAAC,KAAK,EAAA,EAAC,MAAM,EAAE,UAAU,GAAI;IACtC;IAEA,IAAI,YAAY,KAAK,YAAY,CAAC,OAAO,IAAI,CAAC,gBAAgB,EAAE;AAC9D,QAAA,OAAOA,IAAC,gBAAgB,EAAA,EAAC,SAAS,EAAC,6BAA6B,GAAG;IACrE;AAEA,IAAA,IAAI,YAAY,KAAK,YAAY,CAAC,IAAI,EAAE;AACtC,QAAA,OAAOA,IAAC,YAAY,EAAA,EAAC,MAAM,EAAE,UAAU,GAAI;IAC7C;IAEA,OAAOA,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG;AACvB;;;;"}

package/dist/esm/src/embedded/call/EmbeddedCall.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmbeddedClientProvider } from '../EmbeddedClientProvider.js';
+import { CallStateRouter } from './CallStateRouter.js';
+
+/**
+ * Drop-in video call component that renders a lobby, active call,
+ * and post-call feedback screen. Handles client and call setup internally.
+ */
+const EmbeddedCall = ({ children, ...props }) => (jsxs(EmbeddedClientProvider, { ...props, children: [jsx(CallStateRouter, {}), children] }));
+
+export { EmbeddedCall };
+//# sourceMappingURL=EmbeddedCall.js.map

package/dist/esm/src/embedded/call/EmbeddedCall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedCall.js","sources":["../../../../../../../src/embedded/call/EmbeddedCall.tsx"],"sourcesContent":["import type { EmbeddedMeetingProps } from '../types';\nimport { EmbeddedClientProvider } from '../EmbeddedClientProvider';\nimport { CallStateRouter } from './CallStateRouter';\n\n/**\n * Drop-in video call component that renders a lobby, active call,\n * and post-call feedback screen. Handles client and call setup internally.\n */\nexport const EmbeddedCall = ({ children, ...props }: EmbeddedMeetingProps) => (\n  <EmbeddedClientProvider {...props}>\n    <CallStateRouter />\n    {children}\n  </EmbeddedClientProvider>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAIA;;;AAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,MACvEA,IAAA,CAAC,sBAAsB,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,EAClB,QAAQ,CAAA,EAAA,CACc;;;;"}

package/dist/esm/src/embedded/context/ConfigurationContext.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useMemo, useContext } from 'react';
+
+const defaultConfiguration = {
+    layout: 'SpeakerTop',
+    onError: undefined,
+};
+const ConfigurationContext = createContext(defaultConfiguration);
+const ConfigurationProvider = ({ children, layout = 'SpeakerTop', onError, }) => {
+    const value = useMemo(() => ({ layout, onError }), [layout, onError]);
+    return (jsx(ConfigurationContext.Provider, { value: value, children: children }));
+};
+/**
+ * Hook to access embedded configuration settings.
+ */
+const useEmbeddedConfiguration = () => {
+    return useContext(ConfigurationContext);
+};
+
+export { ConfigurationProvider, useEmbeddedConfiguration };
+//# sourceMappingURL=ConfigurationContext.js.map

package/dist/esm/src/embedded/context/ConfigurationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationContext.js","sources":["../../../../../../../src/embedded/context/ConfigurationContext.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, PropsWithChildren } from 'react';\nimport type { LayoutOption } from '../types';\n\nexport interface EmbeddedConfiguration {\n  layout?: LayoutOption;\n  onError?: (error: any) => void;\n}\n\nconst defaultConfiguration: EmbeddedConfiguration = {\n  layout: 'SpeakerTop',\n  onError: undefined,\n};\n\nconst ConfigurationContext =\n  createContext<EmbeddedConfiguration>(defaultConfiguration);\n\nexport const ConfigurationProvider = ({\n  children,\n  layout = 'SpeakerTop',\n  onError,\n}: PropsWithChildren<EmbeddedConfiguration>) => {\n  const value = useMemo(() => ({ layout, onError }), [layout, onError]);\n\n  return (\n    <ConfigurationContext.Provider value={value}>\n      {children}\n    </ConfigurationContext.Provider>\n  );\n};\n\n/**\n * Hook to access embedded configuration settings.\n */\nexport const useEmbeddedConfiguration = () => {\n  return useContext(ConfigurationContext);\n};\n"],"names":["_jsx"],"mappings":";;;AAQA,MAAM,oBAAoB,GAA0B;AAClD,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,SAAS;CACnB;AAED,MAAM,oBAAoB,GACxB,aAAa,CAAwB,oBAAoB,CAAC;AAErD,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,OAAO,GACkC,KAAI;IAC7C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErE,IAAA,QACEA,GAAA,CAAC,oBAAoB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACxC,QAAQ,EAAA,CACqB;AAEpC;AAEA;;AAEG;AACI,MAAM,wBAAwB,GAAG,MAAK;AAC3C,IAAA,OAAO,UAAU,CAAC,oBAAoB,CAAC;AACzC;;;;"}

package/dist/esm/src/embedded/hooks/useCallDuration.js

@@ -0,0 +1,32 @@
+import { useMemo, useState, useEffect } from 'react';
+
+const formatElapsed = (seconds) => {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    const pad = (n) => String(n).padStart(2, '0');
+    return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;
+};
+/**
+ * Returns a live-updating formatted elapsed duration string
+ * computed from the given start date.
+ */
+const useCallDuration = (startedAt) => {
+    const startedAtDate = useMemo(() => (startedAt ? new Date(startedAt).getTime() : undefined), [startedAt]);
+    const [elapsed, setElapsed] = useState('');
+    useEffect(() => {
+        if (!startedAtDate)
+            return;
+        const update = () => {
+            const seconds = Math.max(0, Math.floor((Date.now() - startedAtDate) / 1000));
+            setElapsed(formatElapsed(seconds));
+        };
+        update();
+        const interval = setInterval(update, 1000);
+        return () => clearInterval(interval);
+    }, [startedAtDate]);
+    return { elapsed };
+};
+
+export { useCallDuration };
+//# sourceMappingURL=useCallDuration.js.map

package/dist/esm/src/embedded/hooks/useCallDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallDuration.js","sources":["../../../../../../../src/embedded/hooks/useCallDuration.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nconst formatElapsed = (seconds: number) => {\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n  const pad = (n: number) => String(n).padStart(2, '0');\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\n/**\n * Returns a live-updating formatted elapsed duration string\n * computed from the given start date.\n */\nexport const useCallDuration = (startedAt?: string) => {\n  const startedAtDate = useMemo(\n    () => (startedAt ? new Date(startedAt).getTime() : undefined),\n    [startedAt],\n  );\n\n  const [elapsed, setElapsed] = useState('');\n\n  useEffect(() => {\n    if (!startedAtDate) return;\n\n    const update = () => {\n      const seconds = Math.max(\n        0,\n        Math.floor((Date.now() - startedAtDate) / 1000),\n      );\n      setElapsed(formatElapsed(seconds));\n    };\n\n    update();\n    const interval = setInterval(update, 1000);\n    return () => clearInterval(interval);\n  }, [startedAtDate]);\n\n  return { elapsed };\n};\n"],"names":[],"mappings":";;AAEA,MAAM,aAAa,GAAG,CAAC,OAAe,KAAI;IACxC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;AACpC,IAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;AAC3C,IAAA,MAAM,CAAC,GAAG,OAAO,GAAG,EAAE;AACtB,IAAA,MAAM,GAAG,GAAG,CAAC,CAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACrD,IAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAA,EAAG,GAAG,CAAC,CAAC,CAAC,CAAA,CAAA,EAAI,GAAG,CAAC,CAAC,CAAC,CAAA,CAAA,EAAI,GAAG,CAAC,CAAC,CAAC,CAAA,CAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;AACxE,CAAC;AAED;;;AAGG;AACI,MAAM,eAAe,GAAG,CAAC,SAAkB,KAAI;AACpD,IAAA,MAAM,aAAa,GAAG,OAAO,CAC3B,OAAO,SAAS,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,EAC7D,CAAC,SAAS,CAAC,CACZ;IAED,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAE1C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,aAAa;YAAE;QAEpB,MAAM,MAAM,GAAG,MAAK;YAClB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CACtB,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,aAAa,IAAI,IAAI,CAAC,CAChD;AACD,YAAA,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACpC,QAAA,CAAC;AAED,QAAA,MAAM,EAAE;QACR,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC;AAC1C,QAAA,OAAO,MAAM,aAAa,CAAC,QAAQ,CAAC;AACtC,IAAA,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEnB,OAAO,EAAE,OAAO,EAAE;AACpB;;;;"}

package/dist/esm/src/embedded/hooks/useEmbeddedClient.js

@@ -0,0 +1,40 @@
+import { useEffect } from 'react';
+import { useInitializeVideoClient } from './useInitializeVideoClient.js';
+import { useInitializeCall } from './useInitializeCall.js';
+import { useNoiseCancellationLoader } from './useNoiseCancellationLoader.js';
+
+/**
+ * Hook that initializes the Stream Video client and call.
+ * Combines useInitializeVideoClient, useInitializeCall, and useNoiseCancellationLoader.
+ */
+const useEmbeddedClient = ({ apiKey, user, callId, callType, token, tokenProvider, logLevel, handleError, }) => {
+    const client = useInitializeVideoClient({
+        apiKey,
+        user,
+        token,
+        tokenProvider,
+        logLevel,
+        handleError,
+    });
+    const call = useInitializeCall({
+        client,
+        callType,
+        callId,
+        handleError,
+    });
+    useEffect(() => {
+        if (!call)
+            return;
+        call.tracer.trace('embedded.initialized', { callType });
+    }, [call, callType]);
+    const { noiseCancellation, ready: noiseCancellationReady } = useNoiseCancellationLoader(call);
+    return {
+        client,
+        call,
+        noiseCancellation,
+        noiseCancellationReady,
+    };
+};
+
+export { useEmbeddedClient };
+//# sourceMappingURL=useEmbeddedClient.js.map

package/dist/esm/src/embedded/hooks/useEmbeddedClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmbeddedClient.js","sources":["../../../../../../../src/embedded/hooks/useEmbeddedClient.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useInitializeVideoClient } from './useInitializeVideoClient';\nimport { useInitializeCall } from './useInitializeCall';\nimport { useNoiseCancellationLoader } from './useNoiseCancellationLoader';\nimport type { EmbeddedUser } from '../types';\nimport { LogLevel, TokenProvider } from '@stream-io/video-client';\n\nexport interface UseEmbeddedClientProps {\n  apiKey: string;\n  user: EmbeddedUser;\n  callId: string;\n  callType: string;\n  token?: string;\n  tokenProvider?: TokenProvider;\n  logLevel?: LogLevel;\n  handleError: (error: any) => void;\n}\n\n/**\n * Hook that initializes the Stream Video client and call.\n * Combines useInitializeVideoClient, useInitializeCall, and useNoiseCancellationLoader.\n */\nexport const useEmbeddedClient = ({\n  apiKey,\n  user,\n  callId,\n  callType,\n  token,\n  tokenProvider,\n  logLevel,\n  handleError,\n}: UseEmbeddedClientProps) => {\n  const client = useInitializeVideoClient({\n    apiKey,\n    user,\n    token,\n    tokenProvider,\n    logLevel,\n    handleError,\n  });\n\n  const call = useInitializeCall({\n    client,\n    callType,\n    callId,\n    handleError,\n  });\n\n  useEffect(() => {\n    if (!call) return;\n\n    call.tracer.trace('embedded.initialized', { callType });\n  }, [call, callType]);\n\n  const { noiseCancellation, ready: noiseCancellationReady } =\n    useNoiseCancellationLoader(call);\n\n  return {\n    client,\n    call,\n    noiseCancellation,\n    noiseCancellationReady,\n  };\n};\n"],"names":[],"mappings":";;;;;AAkBA;;;AAGG;MACU,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAQ,EACR,WAAW,GACY,KAAI;IAC3B,MAAM,MAAM,GAAG,wBAAwB,CAAC;QACtC,MAAM;QACN,IAAI;QACJ,KAAK;QACL,aAAa;QACb,QAAQ;QACR,WAAW;AACZ,KAAA,CAAC;IAEF,MAAM,IAAI,GAAG,iBAAiB,CAAC;QAC7B,MAAM;QACN,QAAQ;QACR,MAAM;QACN,WAAW;AACZ,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAE,CAAC;AACzD,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAEpB,IAAA,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,sBAAsB,EAAE,GACxD,0BAA0B,CAAC,IAAI,CAAC;IAElC,OAAO;QACL,MAAM;QACN,IAAI;QACJ,iBAAiB;QACjB,sBAAsB;KACvB;AACH;;;;"}

package/dist/esm/src/embedded/hooks/useInitializeCall.js

@@ -0,0 +1,39 @@
+import { useState, useEffect } from 'react';
+import { CallingState } from '@stream-io/video-client';
+
+/**
+ * Hook to initialize and manage a Call instance.
+ */
+const useInitializeCall = ({ client, callType, callId, handleError, }) => {
+    const [call, setCall] = useState();
+    useEffect(() => {
+        if (!client || !callId)
+            return;
+        let cancelled = false;
+        const _call = client.call(callType, callId);
+        _call
+            .get()
+            .then(() => {
+            if (!cancelled)
+                setCall(_call);
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            handleError(err);
+        });
+        return () => {
+            cancelled = true;
+            setCall(undefined);
+            if (_call.state.callingState !== CallingState.LEFT) {
+                _call
+                    .leave()
+                    .catch((err) => console.error('Failed to leave call:', err));
+            }
+        };
+    }, [client, callType, callId, handleError]);
+    return call;
+};
+
+export { useInitializeCall };
+//# sourceMappingURL=useInitializeCall.js.map

package/dist/esm/src/embedded/hooks/useInitializeCall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializeCall.js","sources":["../../../../../../../src/embedded/hooks/useInitializeCall.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Call, CallingState, StreamVideoClient } from '@stream-io/video-client';\n\nexport interface UseInitializeCallProps {\n  client?: StreamVideoClient;\n  callType: string;\n  callId: string;\n  handleError: (error: any) => void;\n}\n\n/**\n * Hook to initialize and manage a Call instance.\n */\nexport const useInitializeCall = ({\n  client,\n  callType,\n  callId,\n  handleError,\n}: UseInitializeCallProps): Call | undefined => {\n  const [call, setCall] = useState<Call>();\n\n  useEffect(() => {\n    if (!client || !callId) return;\n\n    let cancelled = false;\n    const _call = client.call(callType, callId);\n\n    _call\n      .get()\n      .then(() => {\n        if (!cancelled) setCall(_call);\n      })\n      .catch((err) => {\n        if (cancelled) return;\n\n        handleError(err);\n      });\n\n    return () => {\n      cancelled = true;\n      setCall(undefined);\n      if (_call.state.callingState !== CallingState.LEFT) {\n        _call\n          .leave()\n          .catch((err) => console.error('Failed to leave call:', err));\n      }\n    };\n  }, [client, callType, callId, handleError]);\n\n  return call;\n};\n"],"names":[],"mappings":";;;AAUA;;AAEG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,WAAW,GACY,KAAsB;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAQ;IAExC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;YAAE;QAExB,IAAI,SAAS,GAAG,KAAK;QACrB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;QAE3C;AACG,aAAA,GAAG;aACH,IAAI,CAAC,MAAK;AACT,YAAA,IAAI,CAAC,SAAS;gBAAE,OAAO,CAAC,KAAK,CAAC;AAChC,QAAA,CAAC;AACA,aAAA,KAAK,CAAC,CAAC,GAAG,KAAI;AACb,YAAA,IAAI,SAAS;gBAAE;YAEf,WAAW,CAAC,GAAG,CAAC;AAClB,QAAA,CAAC,CAAC;AAEJ,QAAA,OAAO,MAAK;YACV,SAAS,GAAG,IAAI;YAChB,OAAO,CAAC,SAAS,CAAC;YAClB,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,EAAE;gBAClD;AACG,qBAAA,KAAK;AACL,qBAAA,KAAK,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;YAChE;AACF,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;AAE3C,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/esm/src/embedded/hooks/useInitializeVideoClient.js

@@ -0,0 +1,93 @@
+import { useState, useRef, useEffect } from 'react';
+import { StreamVideoClient } from '@stream-io/video-client';
+
+/**
+ * Hook that creates a StreamVideoClient and connects the user.
+ * Disconnects and cleans up on unmount or when props change.
+ *
+ */
+const useInitializeVideoClient = ({ apiKey, user, token, tokenProvider, logLevel, handleError, }) => {
+    const [client, setClient] = useState();
+    const tokenProviderRef = useRef(tokenProvider);
+    tokenProviderRef.current = tokenProvider;
+    useEffect(() => {
+        if (!apiKey)
+            return;
+        const options = logLevel ? { logLevel } : undefined;
+        let _client;
+        try {
+            if (user?.type === 'guest') {
+                const streamUser = {
+                    id: user.id,
+                    type: 'guest',
+                    name: user.name,
+                    image: user.image,
+                };
+                _client = new StreamVideoClient({
+                    apiKey,
+                    user: streamUser,
+                    options,
+                });
+            }
+            else if (user?.type === 'anonymous') {
+                const streamUser = {
+                    id: '!anon',
+                    type: 'anonymous',
+                    name: user.name,
+                    image: user.image,
+                };
+                _client = new StreamVideoClient({
+                    apiKey,
+                    user: streamUser,
+                    token,
+                    tokenProvider: tokenProviderRef.current,
+                    options,
+                });
+            }
+            else {
+                const streamUser = {
+                    id: user.id,
+                    name: user.name,
+                    image: user.image,
+                };
+                const currentTokenProvider = tokenProviderRef.current;
+                _client = new StreamVideoClient({
+                    apiKey,
+                    user: streamUser,
+                    ...(token
+                        ? {
+                            token,
+                            ...(currentTokenProvider
+                                ? { tokenProvider: currentTokenProvider }
+                                : {}),
+                        }
+                        : { tokenProvider: currentTokenProvider }),
+                    options,
+                });
+            }
+            setClient(_client);
+        }
+        catch (err) {
+            handleError(err);
+        }
+        return () => {
+            _client
+                ?.disconnectUser()
+                .catch((err) => console.error('Failed to disconnect user:', err));
+            setClient(undefined);
+        };
+    }, [
+        apiKey,
+        user.id,
+        user.type,
+        user.name,
+        user.image,
+        token,
+        logLevel,
+        handleError,
+    ]);
+    return client;
+};
+
+export { useInitializeVideoClient };
+//# sourceMappingURL=useInitializeVideoClient.js.map

package/dist/esm/src/embedded/hooks/useInitializeVideoClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitializeVideoClient.js","sources":["../../../../../../../src/embedded/hooks/useInitializeVideoClient.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport {\n  LogLevel,\n  StreamVideoClient,\n  TokenProvider,\n  User,\n} from '@stream-io/video-client';\nimport type { EmbeddedUser } from '../types';\n\nexport interface UseInitializeVideoClientProps {\n  apiKey: string;\n  user: EmbeddedUser;\n  token?: string;\n  tokenProvider?: TokenProvider;\n  logLevel?: LogLevel;\n  handleError: (error: any) => void;\n}\n\n/**\n * Hook that creates a StreamVideoClient and connects the user.\n * Disconnects and cleans up on unmount or when props change.\n *\n */\nexport const useInitializeVideoClient = ({\n  apiKey,\n  user,\n  token,\n  tokenProvider,\n  logLevel,\n  handleError,\n}: UseInitializeVideoClientProps): StreamVideoClient | undefined => {\n  const [client, setClient] = useState<StreamVideoClient | undefined>();\n\n  const tokenProviderRef = useRef(tokenProvider);\n  tokenProviderRef.current = tokenProvider;\n\n  useEffect(() => {\n    if (!apiKey) return;\n\n    const options = logLevel ? { logLevel } : undefined;\n    let _client: StreamVideoClient | undefined;\n    try {\n      if (user?.type === 'guest') {\n        const streamUser: User = {\n          id: user.id,\n          type: 'guest',\n          name: user.name,\n          image: user.image,\n        };\n\n        _client = new StreamVideoClient({\n          apiKey,\n          user: streamUser,\n          options,\n        });\n      } else if (user?.type === 'anonymous') {\n        const streamUser: User = {\n          id: '!anon',\n          type: 'anonymous',\n          name: user.name,\n          image: user.image,\n        };\n\n        _client = new StreamVideoClient({\n          apiKey,\n          user: streamUser,\n          token,\n          tokenProvider: tokenProviderRef.current,\n          options,\n        });\n      } else {\n        const streamUser: User = {\n          id: user.id,\n          name: user.name,\n          image: user.image,\n        };\n\n        const currentTokenProvider = tokenProviderRef.current;\n        _client = new StreamVideoClient({\n          apiKey,\n          user: streamUser,\n          ...(token\n            ? {\n                token,\n                ...(currentTokenProvider\n                  ? { tokenProvider: currentTokenProvider }\n                  : {}),\n              }\n            : { tokenProvider: currentTokenProvider! }),\n          options,\n        });\n      }\n\n      setClient(_client);\n    } catch (err) {\n      handleError(err);\n    }\n\n    return () => {\n      _client\n        ?.disconnectUser()\n        .catch((err) => console.error('Failed to disconnect user:', err));\n\n      setClient(undefined);\n    };\n  }, [\n    apiKey,\n    user.id,\n    user.type,\n    user.name,\n    user.image,\n    token,\n    logLevel,\n    handleError,\n  ]);\n\n  return client;\n};\n"],"names":[],"mappings":";;;AAkBA;;;;AAIG;AACI,MAAM,wBAAwB,GAAG,CAAC,EACvC,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,QAAQ,EACR,WAAW,GACmB,KAAmC;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAiC;AAErE,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC;AAC9C,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;IAExC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,OAAO,GAAG,QAAQ,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS;AACnD,QAAA,IAAI,OAAsC;AAC1C,QAAA,IAAI;AACF,YAAA,IAAI,IAAI,EAAE,IAAI,KAAK,OAAO,EAAE;AAC1B,gBAAA,MAAM,UAAU,GAAS;oBACvB,EAAE,EAAE,IAAI,CAAC,EAAE;AACX,oBAAA,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;gBAED,OAAO,GAAG,IAAI,iBAAiB,CAAC;oBAC9B,MAAM;AACN,oBAAA,IAAI,EAAE,UAAU;oBAChB,OAAO;AACR,iBAAA,CAAC;YACJ;AAAO,iBAAA,IAAI,IAAI,EAAE,IAAI,KAAK,WAAW,EAAE;AACrC,gBAAA,MAAM,UAAU,GAAS;AACvB,oBAAA,EAAE,EAAE,OAAO;AACX,oBAAA,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;gBAED,OAAO,GAAG,IAAI,iBAAiB,CAAC;oBAC9B,MAAM;AACN,oBAAA,IAAI,EAAE,UAAU;oBAChB,KAAK;oBACL,aAAa,EAAE,gBAAgB,CAAC,OAAO;oBACvC,OAAO;AACR,iBAAA,CAAC;YACJ;iBAAO;AACL,gBAAA,MAAM,UAAU,GAAS;oBACvB,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB;AAED,gBAAA,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,OAAO;gBACrD,OAAO,GAAG,IAAI,iBAAiB,CAAC;oBAC9B,MAAM;AACN,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,IAAI;AACF,0BAAE;4BACE,KAAK;AACL,4BAAA,IAAI;AACF,kCAAE,EAAE,aAAa,EAAE,oBAAoB;kCACrC,EAAE,CAAC;AACR;AACH,0BAAE,EAAE,aAAa,EAAE,oBAAqB,EAAE,CAAC;oBAC7C,OAAO;AACR,iBAAA,CAAC;YACJ;YAEA,SAAS,CAAC,OAAO,CAAC;QACpB;QAAE,OAAO,GAAG,EAAE;YACZ,WAAW,CAAC,GAAG,CAAC;QAClB;AAEA,QAAA,OAAO,MAAK;YACV;AACE,kBAAE,cAAc;AACf,iBAAA,KAAK,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;YAEnE,SAAS,CAAC,SAAS,CAAC;AACtB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE;QACD,MAAM;AACN,QAAA,IAAI,CAAC,EAAE;AACP,QAAA,IAAI,CAAC,IAAI;AACT,QAAA,IAAI,CAAC,IAAI;AACT,QAAA,IAAI,CAAC,KAAK;QACV,KAAK;QACL,QAAQ;QACR,WAAW;AACZ,KAAA,CAAC;AAEF,IAAA,OAAO,MAAM;AACf;;;;"}

package/dist/esm/src/embedded/hooks/useIsLivestreamPaused.js

@@ -0,0 +1,42 @@
+import { useState, useEffect } from 'react';
+import { SfuModels, CallingState } from '@stream-io/video-client';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+
+/**
+ * Distinguishes a temporary live pause (host went backstage) from a real
+ * call end. Returns `true` when the viewer was kicked because the host
+ * paused the livestream — not because the call was fully terminated.
+ *
+ * Resets to `false` on rejoin or when `call.ended` (real end) arrives.
+ */
+const useIsLivestreamPaused = () => {
+    const call = useCall();
+    const { useCallCallingState } = useCallStateHooks();
+    const callingState = useCallCallingState();
+    const [isPaused, setIsPaused] = useState(false);
+    useEffect(() => {
+        if (!call)
+            return;
+        const unsubSfu = call.on('callEnded', (e) => {
+            if (e.reason === SfuModels.CallEndedReason.LIVE_ENDED) {
+                setIsPaused(true);
+            }
+        });
+        const unsubEnded = call.on('call.ended', () => {
+            setIsPaused(false);
+        });
+        return () => {
+            unsubSfu();
+            unsubEnded();
+        };
+    }, [call]);
+    useEffect(() => {
+        if (callingState === CallingState.JOINED) {
+            setIsPaused(false);
+        }
+    }, [callingState]);
+    return isPaused;
+};
+
+export { useIsLivestreamPaused };
+//# sourceMappingURL=useIsLivestreamPaused.js.map

package/dist/esm/src/embedded/hooks/useIsLivestreamPaused.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsLivestreamPaused.js","sources":["../../../../../../../src/embedded/hooks/useIsLivestreamPaused.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { CallingState, SfuModels } from '@stream-io/video-client';\nimport { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';\n\n/**\n * Distinguishes a temporary live pause (host went backstage) from a real\n * call end. Returns `true` when the viewer was kicked because the host\n * paused the livestream — not because the call was fully terminated.\n *\n * Resets to `false` on rejoin or when `call.ended` (real end) arrives.\n */\nexport const useIsLivestreamPaused = () => {\n  const call = useCall();\n  const { useCallCallingState } = useCallStateHooks();\n  const callingState = useCallCallingState();\n  const [isPaused, setIsPaused] = useState(false);\n\n  useEffect(() => {\n    if (!call) return;\n\n    const unsubSfu = call.on('callEnded', (e) => {\n      if (e.reason === SfuModels.CallEndedReason.LIVE_ENDED) {\n        setIsPaused(true);\n      }\n    });\n\n    const unsubEnded = call.on('call.ended', () => {\n      setIsPaused(false);\n    });\n\n    return () => {\n      unsubSfu();\n      unsubEnded();\n    };\n  }, [call]);\n\n  useEffect(() => {\n    if (callingState === CallingState.JOINED) {\n      setIsPaused(false);\n    }\n  }, [callingState]);\n\n  return isPaused;\n};\n"],"names":[],"mappings":";;;;AAIA;;;;;;AAMG;AACI,MAAM,qBAAqB,GAAG,MAAK;AACxC,IAAA,MAAM,IAAI,GAAG,OAAO,EAAE;AACtB,IAAA,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE;AACnD,IAAA,MAAM,YAAY,GAAG,mBAAmB,EAAE;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE/C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI;YAAE;QAEX,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,KAAI;YAC1C,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,eAAe,CAAC,UAAU,EAAE;gBACrD,WAAW,CAAC,IAAI,CAAC;YACnB;AACF,QAAA,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,MAAK;YAC5C,WAAW,CAAC,KAAK,CAAC;AACpB,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,EAAE;AACV,YAAA,UAAU,EAAE;AACd,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAEV,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY,KAAK,YAAY,CAAC,MAAM,EAAE;YACxC,WAAW,CAAC,KAAK,CAAC;QACpB;AACF,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,OAAO,QAAQ;AACjB;;;;"}