@m4l/gclick 0.23.0 → 0.24.0

package/components/CameraStream/CameraStream.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraStream.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/CameraStream.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,2DAkE9E"}
+{"version":3,"file":"CameraStream.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/CameraStream.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,2DAoE9E"}

package/components/CameraStream/CameraStream.js

@@ -1,45 +1,47 @@
-import { jsxs as C, jsx as D } from "@emotion/react/jsx-runtime";
-import { useCallback as r } from "react";
+import { jsxs as A, jsx as C } from "@emotion/react/jsx-runtime";
+import { useCallback as n } from "react";
 import { DefaultLabel as P } from "./defaults/DefaultLabel.js";
-import { DefaultLiveBadge as B } from "./defaults/DefaultLiveBadge.js";
-import { DefaultReplayBadge as x } from "./defaults/DefaultReplayBadge.js";
-import { DefaultRoot as _ } from "./defaults/DefaultRoot.js";
-import { pickPhaseSlot as v, pickPhaseSlotProps as M } from "./helpers/pickPhaseSlot.js";
-import { renderPhase as N } from "./helpers/renderPhase.js";
-import { CAMERA_STREAM_DRAG_HANDLE_CLASSNAME as j } from "./types.js";
-import { useCameraStreamsStore as e } from "../CameraStreams/hooks/useCameraStreamsStore.js";
-function Q({ playerKey: o, slots: n, slotProps: s }) {
-  const i = e((a) => a.players[o]?.cameraLabel ?? ""), t = e((a) => a.players[o]?.phase), c = e((a) => a.labels), l = e((a) => a.actions.play), d = e((a) => a.actions.markEnded), m = e((a) => a.actions.replay), p = r(() => {
+import { DefaultLiveBadge as x } from "./defaults/DefaultLiveBadge.js";
+import { DefaultReplayBadge as _ } from "./defaults/DefaultReplayBadge.js";
+import { DefaultRoot as v } from "./defaults/DefaultRoot.js";
+import { DefaultSharedBadge as M } from "./defaults/DefaultSharedBadge.js";
+import { pickPhaseSlot as N, pickPhaseSlotProps as j } from "./helpers/pickPhaseSlot.js";
+import { renderPhase as H } from "./helpers/renderPhase.js";
+import { CAMERA_STREAM_DRAG_HANDLE_CLASSNAME as F } from "./types.js";
+import { useCameraStreamsStore as r } from "../CameraStreams/hooks/useCameraStreamsStore.js";
+function W({ playerKey: o, slots: e, slotProps: d }) {
+  const i = r((a) => a.players[o]?.cameraLabel ?? ""), t = r((a) => a.players[o]?.phase), c = r((a) => a.labels), l = r((a) => a.actions.play), s = r((a) => a.actions.markEnded), m = r((a) => a.actions.replay), p = n(() => {
     l(o);
-  }, [l, o]), f = r(() => {
-    d(o);
-  }, [d, o]), h = r(() => {
+  }, [l, o]), f = n(() => {
+    s(o);
+  }, [s, o]), h = n(() => {
     m(o);
-  }, [m, o]), S = r(() => {
+  }, [m, o]), S = n(() => {
   }, []);
   if (!t)
     return null;
-  const k = n?.root ?? _, u = n?.label ?? P, b = n?.liveBadge ?? B, g = n?.replayBadge ?? x, E = v(t.kind, n), L = s?.root ?? {}, R = s?.label ?? {}, A = M(t.kind, s);
-  return /* @__PURE__ */ C(
-    k,
+  const u = e?.root ?? v, g = e?.label ?? P, k = e?.liveBadge ?? x, b = e?.replayBadge ?? _, B = e?.sharedBadge ?? M, E = N(t.kind, e), D = d?.root ?? {}, L = d?.label ?? {}, R = j(t.kind, d);
+  return /* @__PURE__ */ A(
+    u,
     {
       "data-player-key": o,
       "data-phase-kind": t.kind,
-      ...L,
+      ...D,
       children: [
-        /* @__PURE__ */ D(
-          u,
+        /* @__PURE__ */ C(
+          g,
           {
             cameraLabel: i,
-            dragHandleClassName: j,
+            dragHandleClassName: F,
             autoFade: t.kind === "streaming" || t.kind === "ended",
-            ...R
+            ...L
           }
         ),
-        N({
+        H({
           PhaseSlot: E,
-          LiveBadgeSlot: b,
-          ReplayBadgeSlot: g,
+          LiveBadgeSlot: k,
+          ReplayBadgeSlot: b,
+          SharedBadgeSlot: B,
           phase: t,
           playerKey: o,
           labels: c,
@@ -47,12 +49,12 @@ function Q({ playerKey: o, slots: n, slotProps: s }) {
           handleEnded: f,
           handleReplay: h,
           noopDurationChange: S,
-          phaseExtraProps: A
+          phaseExtraProps: R
         })
       ]
     }
   );
 }
 export {
-  Q as CameraStream
+  W as CameraStream
 };

package/components/CameraStream/CameraStream.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraStream.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/CameraStream.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAe1E,eAAO,MAAM,kBAAkB,EAAE,kBAwThC,CAAC"}
+{"version":3,"file":"CameraStream.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/CameraStream.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAe1E,eAAO,MAAM,kBAAkB,EAAE,kBAgVhC,CAAC"}

package/components/CameraStream/CameraStream.styles.js

@@ -1,5 +1,5 @@
 import { alpha as e } from "@mui/material/styles";
-const t = 0.92, c = {
+const t = 0.92, p = {
   /**
    * Outer tile container. Sizing is delegated to the parent layout
    * (`react-grid-layout` in TabCameras). The tile is a DS surface that
@@ -168,6 +168,30 @@ const t = 0.92, c = {
       }
     };
   },
+  /**
+   * Same corner as the LIVE badge but one row below, because unlike LIVE and
+   * replay this one DOES coexist with them. The offset is the badge height plus
+   * the corner gap, hard-coded because both badges are a fixed-size pill.
+   */
+  sharedBadge: ({ theme: a }) => ({
+    position: "absolute",
+    display: "flex",
+    alignItems: "center",
+    gap: a.vars.size.baseSpacings["sp1-5"],
+    top: `calc(${a.vars.size.baseSpacings.sp2} + 26px)`,
+    right: a.vars.size.baseSpacings.sp2,
+    backgroundColor: e(a.palette.grey[900], 0.72),
+    color: a.vars.palette.common.white,
+    padding: `${a.vars.size.baseSpacings["sp0-5"]} ${a.vars.size.baseSpacings.sp2}`,
+    borderRadius: a.vars.size.borderRadius.r1,
+    fontSize: 10,
+    fontWeight: a.vars.size.typography.weight.bold700,
+    letterSpacing: "0.12em",
+    textTransform: "uppercase",
+    zIndex: 1e3,
+    pointerEvents: "none",
+    whiteSpace: "nowrap"
+  }),
   /**
    * Full-tile clickable placeholder for the `idle` phase. Centered icon +
    * call-to-action text invite the user to start the stream. The text and
@@ -293,5 +317,5 @@ const t = 0.92, c = {
   })
 };
 export {
-  c as cameraStreamStyles
+  p as cameraStreamStyles
 };

package/components/CameraStream/defaults/DefaultPhaseChannelBusy.d.ts

@@ -1,9 +1,9 @@
 import { CameraStreamPhaseChannelBusySlotProps } from '../types';
 /**
- * Default `phaseChannelBusy` slot — neutral message + retry. Activated when
- * the backend reports another stream owns the channel (HTTP 400 on
- * `video/play` or `statusId: channel_busy` from polling). Fase B (engancharse
- * al stream activo) was descartada, so there is no UUID to surface.
+ * Default `phaseChannelBusy` slot — neutral message + retry. Only reached when
+ * joining the session that owns the channel was not possible (playback, or an
+ * occupant that is not playable); when it is joinable the FSM goes straight to
+ * `streaming` with the shared badge.
  */
 export declare function DefaultPhaseChannelBusy({ onRetry, message, retryLabel, }: CameraStreamPhaseChannelBusySlotProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DefaultPhaseChannelBusy.d.ts.map

package/components/CameraStream/defaults/DefaultPhaseStreaming.d.ts

@@ -28,5 +28,5 @@ import { CameraStreamPhaseStreamingSlotProps } from '../types';
  * registration is null-safe: if the slot is rendered without a provider (e.g.
  * an isolated test), it simply skips registering.
  */
-export declare function DefaultPhaseStreaming({ playerKey, hlsUrl, ended, onEnded, onReplay, replayLabel, onDurationChange, variant, LiveBadgeSlot, ReplayBadgeSlot, }: CameraStreamPhaseStreamingSlotProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function DefaultPhaseStreaming({ playerKey, hlsUrl, ended, onEnded, onReplay, replayLabel, onDurationChange, variant, LiveBadgeSlot, ReplayBadgeSlot, SharedBadgeSlot, attached, endsAt, sharedLabel, sharedRemainingLabel, }: CameraStreamPhaseStreamingSlotProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DefaultPhaseStreaming.d.ts.map

package/components/CameraStream/defaults/DefaultPhaseStreaming.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPhaseStreaming.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/defaults/DefaultPhaseStreaming.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAcpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,eAAe,GAChB,EAAE,mCAAmC,oDA4FrC"}
+{"version":3,"file":"DefaultPhaseStreaming.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/defaults/DefaultPhaseStreaming.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAcpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,eAAe,EACf,eAAe,EACf,QAAQ,EACR,MAAM,EACN,WAAW,EACX,oBAAoB,GACrB,EAAE,mCAAmC,oDAqGrC"}

package/components/CameraStream/defaults/DefaultPhaseStreaming.js

@@ -1,9 +1,9 @@
-import { jsxs as F, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as C, useRef as c, useContext as L, useEffect as l, useCallback as E } from "react";
-import { CameraStreamPlayersContext as O } from "../../CameraStreams/contexts/CameraStreamPlayersContext.js";
-import { VideoPlayer as I } from "../../VideoPlayer/VideoPlayer.js";
-const N = 3, b = 2, j = 2500;
-function U({
+import { jsxs as N, jsx as c } from "@emotion/react/jsx-runtime";
+import { useState as C, useRef as u, useContext as j, useEffect as l, useCallback as E } from "react";
+import { CameraStreamPlayersContext as k } from "../../CameraStreams/contexts/CameraStreamPlayersContext.js";
+import { VideoPlayer as v } from "../../VideoPlayer/VideoPlayer.js";
+const B = 3, V = 2, U = 2500;
+function G({
   playerKey: t,
   hlsUrl: f,
   ended: m,
@@ -11,47 +11,60 @@ function U({
   onReplay: p,
   replayLabel: _,
   onDurationChange: R,
-  variant: D,
-  LiveBadgeSlot: g,
-  ReplayBadgeSlot: P
+  variant: g,
+  LiveBadgeSlot: D,
+  ReplayBadgeSlot: P,
+  SharedBadgeSlot: x,
+  attached: y,
+  endsAt: L,
+  sharedLabel: M,
+  sharedRemainingLabel: T
 }) {
-  const [x, r] = C(!0), [h, S] = C(0), A = c(null), n = L(O), o = c(0), u = c(0), a = c(null);
+  const [b, r] = C(!0), [h, S] = C(0), A = u(null), n = j(k), o = u(0), a = u(0), i = u(null);
   l(() => {
-    r(!0), S(0), o.current = 0, u.current = 0;
+    r(!0), S(0), o.current = 0, a.current = 0;
   }, [f]), l(() => () => {
-    a.current && clearTimeout(a.current);
+    i.current && clearTimeout(i.current);
   }, []), l(() => {
     const e = A.current;
     if (!(!n || !e))
       return n.register(t, e), () => n.unregister(t);
   }, [n, t, h]);
-  const y = E((e, s) => {
+  const F = E((e, s) => {
     r(s), !s && Number.isFinite(e) && (o.current = e), R(e, s);
-  }, [R]), M = E(() => {
-    if (o.current < N && u.current < b) {
-      u.current += 1, r(!0), a.current = setTimeout(() => {
-        o.current = 0, S((T) => T + 1);
-      }, j);
+  }, [R]), O = E(() => {
+    if (o.current < B && a.current < V) {
+      a.current += 1, r(!0), i.current = setTimeout(() => {
+        o.current = 0, S((I) => I + 1);
+      }, U);
       return;
     }
     r(!1), d();
   }, [d]);
-  return /* @__PURE__ */ F("div", { "data-stream-player-key": t, style: { width: "100%", height: "100%" }, children: [
-    x && !m && /* @__PURE__ */ i(g, {}),
-    m && /* @__PURE__ */ i(P, { onReplay: p, replayLabel: _ }),
-    /* @__PURE__ */ i(
-      I,
+  return /* @__PURE__ */ N("div", { "data-stream-player-key": t, style: { width: "100%", height: "100%" }, children: [
+    b && !m && /* @__PURE__ */ c(D, {}),
+    m && /* @__PURE__ */ c(P, { onReplay: p, replayLabel: _ }),
+    y && /* @__PURE__ */ c(
+      x,
+      {
+        label: M,
+        remainingLabel: T,
+        endsAt: L
+      }
+    ),
+    /* @__PURE__ */ c(
+      v,
       {
         ref: A,
         src: f,
-        variant: D,
-        onDurationChange: y,
-        onEnded: M
+        variant: g,
+        onDurationChange: F,
+        onEnded: O
       },
       h
     )
   ] });
 }
 export {
-  U as DefaultPhaseStreaming
+  G as DefaultPhaseStreaming
 };

package/components/CameraStream/defaults/DefaultSharedBadge.d.ts

@@ -0,0 +1,10 @@
+import { CameraStreamSharedBadgeSlotProps } from '../types';
+/**
+ * Default `sharedBadge` slot. The countdown runs on the owner's duration, not
+ * ours: joining a 60 s session at second 50 leaves 10 s, and without this the
+ * tile would just cut out for no visible reason. Conservative on purpose — it
+ * counts from when the backend filed the stream, a few seconds before the unit
+ * actually starts publishing.
+ */
+export declare function DefaultSharedBadge({ label, remainingLabel, endsAt }: CameraStreamSharedBadgeSlotProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultSharedBadge.d.ts.map

package/components/CameraStream/defaults/DefaultSharedBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSharedBadge.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/defaults/DefaultSharedBadge.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAcjE;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,gCAAgC,oDA4BrG"}

package/components/CameraStream/defaults/DefaultSharedBadge.js

@@ -0,0 +1,28 @@
+import { jsxs as m, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as f } from "react";
+import { SharedBadgeStyled as d } from "../slots/CameraStreamSlots.js";
+function o(e) {
+  return Math.max(0, Math.round((new Date(e).getTime() - Date.now()) / 1e3));
+}
+function p(e) {
+  const r = Math.floor(e / 60), t = e % 60;
+  return `${String(r).padStart(2, "0")}:${String(t).padStart(2, "0")}`;
+}
+function v({ label: e, remainingLabel: r, endsAt: t }) {
+  const [i, a] = l(() => t ? o(t) : 0);
+  f(() => {
+    if (!t)
+      return;
+    a(o(t));
+    const c = setInterval(() => a(o(t)), 1e3);
+    return () => clearInterval(c);
+  }, [t]);
+  const n = t && i > 0 ? p(i) : null, u = n && r.includes("{{time}}") ? r.replace("{{time}}", n) : n;
+  return /* @__PURE__ */ m(d, { role: "status", "aria-live": "polite", children: [
+    e,
+    u && /* @__PURE__ */ s("span", { children: u })
+  ] });
+}
+export {
+  v as DefaultSharedBadge
+};

package/components/CameraStream/helpers/renderPhase.d.ts

@@ -6,6 +6,7 @@ export interface RenderPhaseArgs {
     PhaseSlot: ReturnType<typeof pickPhaseSlot>;
     LiveBadgeSlot: NonNullable<CameraStreamSlots['liveBadge']>;
     ReplayBadgeSlot: NonNullable<CameraStreamSlots['replayBadge']>;
+    SharedBadgeSlot: NonNullable<CameraStreamSlots['sharedBadge']>;
     phase: StreamPhase;
     playerKey: PlayerKey;
     labels: {
@@ -19,6 +20,8 @@ export interface RenderPhaseArgs {
         startChannel: string;
         replayChannel: string;
         channelBusy: string;
+        sharedSession: string;
+        sharedSessionRemaining: string;
         requestErrorMaxRetries: string;
         requestErrorMaxRetriesDesc: string;
     };

package/components/CameraStream/helpers/renderPhase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderPhase.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/helpers/renderPhase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAsB,MAAM,qBAAqB,CAAC;AAEtF,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC5C,aAAa,EAAE,WAAW,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,eAAe,EAAE,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE;QACN,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;QACtB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,sBAAsB,EAAE,MAAM,CAAC;QAC/B,0BAA0B,EAAE,MAAM,CAAC;KACpC,CAAC;IACF,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,eAAe,GAAG,SAAS,CA6G5D"}
+{"version":3,"file":"renderPhase.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/helpers/renderPhase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAsB,MAAM,qBAAqB,CAAC;AAEtF,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC5C,aAAa,EAAE,WAAW,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,eAAe,EAAE,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D,eAAe,EAAE,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE;QACN,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;QACtB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,sBAAsB,EAAE,MAAM,CAAC;QAC/B,sBAAsB,EAAE,MAAM,CAAC;QAC/B,0BAA0B,EAAE,MAAM,CAAC;KACpC,CAAC;IACF,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,eAAe,GAAG,SAAS,CAmH5D"}

package/components/CameraStream/helpers/renderPhase.js

@@ -1,25 +1,26 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
-function L(i) {
+function S(o) {
   const {
     PhaseSlot: t,
-    LiveBadgeSlot: d,
-    ReplayBadgeSlot: u,
+    LiveBadgeSlot: i,
+    ReplayBadgeSlot: h,
+    SharedBadgeSlot: u,
     phase: a,
     playerKey: n,
     labels: e,
-    handlePlay: o,
+    handlePlay: d,
     handleEnded: g,
-    handleReplay: h,
-    noopDurationChange: c,
+    handleReplay: c,
+    noopDurationChange: p,
     phaseExtraProps: r
-  } = i, s = t;
+  } = o, s = t;
   switch (a.kind) {
     case "idle":
       return /* @__PURE__ */ l(
         s,
         {
           playerKey: n,
-          onPlay: o,
+          onPlay: d,
           startLabel: e.startChannel,
           ...r
         }
@@ -38,7 +39,7 @@ function L(i) {
         s,
         {
           playerKey: n,
-          loadingLabel: p(a.stage, e),
+          loadingLabel: y(a.stage, e),
           stage: a.stage,
           startedAt: a.startedAt,
           ...r
@@ -56,11 +57,16 @@ function L(i) {
           hlsUrl: a.hlsUrl,
           ended: a.kind === "ended",
           onEnded: g,
-          onReplay: h,
+          onReplay: c,
           replayLabel: e.replayChannel,
-          onDurationChange: c,
-          LiveBadgeSlot: d,
-          ReplayBadgeSlot: u,
+          onDurationChange: p,
+          LiveBadgeSlot: i,
+          ReplayBadgeSlot: h,
+          SharedBadgeSlot: u,
+          attached: a.attached,
+          endsAt: a.endsAt,
+          sharedLabel: e.sharedSession,
+          sharedRemainingLabel: e.sharedSessionRemaining,
           ...r
         }
       );
@@ -69,7 +75,7 @@ function L(i) {
         s,
         {
           playerKey: n,
-          onRetry: o,
+          onRetry: d,
           message: e.channelBusy,
           retryLabel: e.startChannel,
           ...r
@@ -80,7 +86,7 @@ function L(i) {
         s,
         {
           playerKey: n,
-          onRetry: o,
+          onRetry: d,
           headline: e.streamError,
           message: a.message,
           retryLabel: e.startChannel,
@@ -92,7 +98,7 @@ function L(i) {
         s,
         {
           playerKey: n,
-          onRetry: o,
+          onRetry: d,
           headline: e.requestErrorMaxRetries,
           hint: e.requestErrorMaxRetriesDesc,
           retryLabel: e.startChannel,
@@ -104,8 +110,8 @@ function L(i) {
       return a;
   }
 }
-function p(i, t) {
-  switch (i) {
+function y(o, t) {
+  switch (o) {
     case "queued":
       return t.pollingQueued;
     case "dispatching":
@@ -121,5 +127,5 @@ function p(i, t) {
   }
 }
 export {
-  L as renderPhase
+  S as renderPhase
 };

package/components/CameraStream/index.d.ts

@@ -1,5 +1,5 @@
 export { CameraStream } from './CameraStream';
-export type { CameraStreamLabelSlotProps, CameraStreamLiveBadgeSlotProps, CameraStreamOwnerState, CameraStreamPhaseChannelBusySlotProps, CameraStreamPhaseErrorSlotProps, CameraStreamPhaseIdleSlotProps, CameraStreamPhasePollingSlotProps, CameraStreamPhaseRequestingSlotProps, CameraStreamPhaseStreamingSlotProps, CameraStreamPhaseTimeoutSlotProps, CameraStreamProps, CameraStreamReplayBadgeSlotProps, CameraStreamRootSlotProps, CameraStreamSlotProps, CameraStreamSlots, CameraStreamSlotsStyledType, CameraStreamStyles, } from './types';
+export type { CameraStreamLabelSlotProps, CameraStreamLiveBadgeSlotProps, CameraStreamOwnerState, CameraStreamPhaseChannelBusySlotProps, CameraStreamPhaseErrorSlotProps, CameraStreamPhaseIdleSlotProps, CameraStreamPhasePollingSlotProps, CameraStreamPhaseRequestingSlotProps, CameraStreamPhaseStreamingSlotProps, CameraStreamPhaseTimeoutSlotProps, CameraStreamProps, CameraStreamReplayBadgeSlotProps, CameraStreamRootSlotProps, CameraStreamSharedBadgeSlotProps, CameraStreamSlotProps, CameraStreamSlots, CameraStreamSlotsStyledType, CameraStreamStyles, } from './types';
 export { CAMERA_STREAM_DRAG_HANDLE_CLASSNAME } from './types';
 export { COMPONENT_CAMERA_STREAM_KEY_COMPONENT, COMPONENT_CAMERA_STREAM_TEST_ID, } from './constants';
 export { CameraStreamSlotsStyled } from './slots/CameraStreamEnum';
@@ -15,4 +15,5 @@ export { DefaultPhaseStreaming } from './defaults/DefaultPhaseStreaming';
 export { DefaultPhaseTimeout } from './defaults/DefaultPhaseTimeout';
 export { DefaultReplayBadge } from './defaults/DefaultReplayBadge';
 export { DefaultRoot } from './defaults/DefaultRoot';
+export { DefaultSharedBadge } from './defaults/DefaultSharedBadge';
 //# sourceMappingURL=index.d.ts.map

package/components/CameraStream/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,YAAY,EACV,0BAA0B,EAC1B,8BAA8B,EAC9B,sBAAsB,EACtB,qCAAqC,EACrC,+BAA+B,EAC/B,8BAA8B,EAC9B,iCAAiC,EACjC,oCAAoC,EACpC,mCAAmC,EACnC,iCAAiC,EACjC,iBAAiB,EACjB,gCAAgC,EAChC,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,EACjB,2BAA2B,EAC3B,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,mCAAmC,EAAE,MAAM,SAAS,CAAC;AAG9D,OAAO,EACL,qCAAqC,EACrC,+BAA+B,GAChC,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,YAAY,EACV,0BAA0B,EAC1B,8BAA8B,EAC9B,sBAAsB,EACtB,qCAAqC,EACrC,+BAA+B,EAC/B,8BAA8B,EAC9B,iCAAiC,EACjC,oCAAoC,EACpC,mCAAmC,EACnC,iCAAiC,EACjC,iBAAiB,EACjB,gCAAgC,EAChC,yBAAyB,EACzB,gCAAgC,EAChC,qBAAqB,EACrB,iBAAiB,EACjB,2BAA2B,EAC3B,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,mCAAmC,EAAE,MAAM,SAAS,CAAC;AAG9D,OAAO,EACL,qCAAqC,EACrC,+BAA+B,GAChC,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/components/CameraStream/slots/CameraStreamEnum.d.ts

@@ -15,6 +15,7 @@ export declare enum CameraStreamSlotsStyled {
     label = "label",
     liveBadge = "liveBadge",
     replayBadge = "replayBadge",
+    sharedBadge = "sharedBadge",
     placeholderButton = "placeholderButton",
     placeholderIcon = "placeholderIcon",
     placeholderText = "placeholderText",

package/components/CameraStream/slots/CameraStreamEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraStreamEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/slots/CameraStreamEnum.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,iBAAiB,sBAAsB;IACvC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,SAAS,cAAc;CACxB"}
+{"version":3,"file":"CameraStreamEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/slots/CameraStreamEnum.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,iBAAiB,sBAAsB;IACvC,eAAe,oBAAoB;IACnC,eAAe,oBAAoB;IACnC,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,SAAS,cAAc;CACxB"}

package/components/CameraStream/slots/CameraStreamEnum.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((p) => (p.root = "root", p.label = "label", p.liveBadge = "liveBadge", p.replayBadge = "replayBadge", p.placeholderButton = "placeholderButton", p.placeholderIcon = "placeholderIcon", p.placeholderText = "placeholderText", p.phaseOverlay = "phaseOverlay", p.phaseSkeleton = "phaseSkeleton", p.phaseMessage = "phaseMessage", p.phaseHint = "phaseHint", p))(e || {});
+var h = /* @__PURE__ */ ((p) => (p.root = "root", p.label = "label", p.liveBadge = "liveBadge", p.replayBadge = "replayBadge", p.sharedBadge = "sharedBadge", p.placeholderButton = "placeholderButton", p.placeholderIcon = "placeholderIcon", p.placeholderText = "placeholderText", p.phaseOverlay = "phaseOverlay", p.phaseSkeleton = "phaseSkeleton", p.phaseMessage = "phaseMessage", p.phaseHint = "phaseHint", p))(h || {});
 export {
-  e as CameraStreamSlotsStyled
+  h as CameraStreamSlotsStyled
 };

package/components/CameraStream/slots/CameraStreamSlots.d.ts

@@ -23,6 +23,9 @@ export declare const LiveBadgeStyled: import('@emotion/styled').StyledComponent<
 export declare const ReplayBadgeStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CameraStreamOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+export declare const SharedBadgeStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').CameraStreamOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
 export declare const PlaceholderButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CameraStreamOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;

package/components/CameraStream/slots/CameraStreamSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraStreamSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/slots/CameraStreamSlots.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,gBAAgB;;6NAGF,CAAC;AAK5B,eAAO,MAAM,iBAAiB;;UAIF,CAAC;AAE7B,eAAO,MAAM,eAAe;;6NAGI,CAAC;AAKjC,eAAO,MAAM,iBAAiB;;qPAGI,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;qPAGI,CAAC;AAEzC,eAAO,MAAM,4BAA4B;;iOAGH,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;UAGI,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;6NAGI,CAAC;AAEpC,eAAO,MAAM,mBAAmB;;6NAGI,CAAC;AAErC,eAAO,MAAM,kBAAkB;;UAGI,CAAC;AAEpC,eAAO,MAAM,eAAe;;UAGI,CAAC"}
+{"version":3,"file":"CameraStreamSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/slots/CameraStreamSlots.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,gBAAgB;;6NAGF,CAAC;AAK5B,eAAO,MAAM,iBAAiB;;UAIF,CAAC;AAE7B,eAAO,MAAM,eAAe;;6NAGI,CAAC;AAKjC,eAAO,MAAM,iBAAiB;;qPAGI,CAAC;AAEnC,eAAO,MAAM,iBAAiB;;6NAGI,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;qPAGI,CAAC;AAEzC,eAAO,MAAM,4BAA4B;;iOAGH,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;UAGI,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;6NAGI,CAAC;AAEpC,eAAO,MAAM,mBAAmB;;6NAGI,CAAC;AAErC,eAAO,MAAM,kBAAkB;;UAGI,CAAC;AAEpC,eAAO,MAAM,eAAe;;UAGI,CAAC"}

package/components/CameraStream/slots/CameraStreamSlots.js

@@ -2,53 +2,57 @@ import { Typography as l } from "@m4l/base";
 import { Chip as r } from "@m4l/components";
 import { styled as e } from "@mui/material/styles";
 import { cameraStreamStyles as t } from "../CameraStream.styles.js";
-import { COMPONENT_CAMERA_STREAM_KEY_COMPONENT as o } from "../constants.js";
-import { CameraStreamSlotsStyled as a } from "./CameraStreamEnum.js";
-const y = e("div", {
-  name: o,
-  slot: a.root
-})(t.root), S = e(r, {
-  name: o,
-  slot: a.label,
+import { COMPONENT_CAMERA_STREAM_KEY_COMPONENT as a } from "../constants.js";
+import { CameraStreamSlotsStyled as o } from "./CameraStreamEnum.js";
+const S = e("div", {
+  name: a,
+  slot: o.root
+})(t.root), y = e(r, {
+  name: a,
+  slot: o.label,
   shouldForwardProp: (s) => s !== "ownerState"
 })(t.label), i = e("div", {
-  name: o,
-  slot: a.liveBadge
+  name: a,
+  slot: o.liveBadge
 })(t.liveBadge), g = e("button", {
-  name: o,
-  slot: a.replayBadge
-})(t.replayBadge), v = e("button", {
-  name: o,
-  slot: a.placeholderButton
+  name: a,
+  slot: o.replayBadge
+})(t.replayBadge), B = e("div", {
+  name: a,
+  slot: o.sharedBadge
+})(t.sharedBadge), v = e("button", {
+  name: a,
+  slot: o.placeholderButton
 })(t.placeholderButton), P = e("span", {
-  name: o,
-  slot: a.placeholderIcon
-})(t.placeholderIcon), B = e(l, {
-  name: o,
-  slot: a.placeholderText
-})(t.placeholderText), M = e("div", {
-  name: o,
-  slot: a.phaseOverlay
-})(t.phaseOverlay), O = e("div", {
-  name: o,
-  slot: a.phaseSkeleton
-})(t.phaseSkeleton), T = e(l, {
-  name: o,
-  slot: a.phaseMessage
-})(t.phaseMessage), f = e(l, {
-  name: o,
-  slot: a.phaseHint
+  name: a,
+  slot: o.placeholderIcon
+})(t.placeholderIcon), M = e(l, {
+  name: a,
+  slot: o.placeholderText
+})(t.placeholderText), O = e("div", {
+  name: a,
+  slot: o.phaseOverlay
+})(t.phaseOverlay), T = e("div", {
+  name: a,
+  slot: o.phaseSkeleton
+})(t.phaseSkeleton), f = e(l, {
+  name: a,
+  slot: o.phaseMessage
+})(t.phaseMessage), u = e(l, {
+  name: a,
+  slot: o.phaseHint
 })(t.phaseHint);
 export {
-  S as CameraLabelStyled,
+  y as CameraLabelStyled,
   i as LiveBadgeStyled,
-  f as PhaseHintStyled,
-  T as PhaseMessageStyled,
-  M as PhaseOverlayStyled,
-  O as PhaseSkeletonStyled,
+  u as PhaseHintStyled,
+  f as PhaseMessageStyled,
+  O as PhaseOverlayStyled,
+  T as PhaseSkeletonStyled,
   v as PlaceholderButtonStyled,
   P as PlaceholderIconWrapperStyled,
-  B as PlaceholderTextStyled,
+  M as PlaceholderTextStyled,
   g as ReplayBadgeStyled,
-  y as StreamRootStyled
+  B as SharedBadgeStyled,
+  S as StreamRootStyled
 };