@m4l/gclick 0.32.0 → 0.33.0

package/components/VideoPlayer/constants.d.ts

@@ -2,19 +2,36 @@
 export declare const COMPONENT_VIDEO_PLAYER_KEY_COMPONENT = "M4LVideoPlayer";
 export declare const COMPONENT_VIDEO_PLAYER_TEST_ID = "M4LVideoPlayer";
 /**
- * The vendor skins the player can wear. Values mirror `@videojs/react`'s own
- * naming (`video/skin.css` and `video/minimal-skin.css`) and are the
- * `data-theme` the skin root carries, which is what the vendor rules select on.
+ * The skins the player can wear, by their public name. The names are our API
+ * and do not follow the vendor's: `minimal` wears the vendor's Neutral skin,
+ * which `@videojs/react` called Minimal until 10.0.0-rc.5 (v10#3092). The
+ * `data-theme` each one renders is an internal mapping
+ * (`VIDEO_PLAYER_VENDOR_THEMES` in this file).
  */
 export declare const VIDEO_PLAYER_VARIANTS: {
     readonly default: "default";
     readonly minimal: "minimal";
 };
 /**
- * `crossOrigin` value applied to the `<video>` element. `use-credentials` is
- * required for the native/Safari HLS path to send the CloudFront signed
- * cookies (the hls.js/MSE path is covered by the loader hooks
- * `buildCredentialedHlsEngine` sets).
+ * The vendor theme each variant wears: the `data-theme` its skin root renders,
+ * which nearly every rule of the translated sheet selects on. A wrong value
+ * leaves the chrome unstyled with no error, so `GclickVideoSkin.test.tsx` holds
+ * the rendered root against the manifest's `theme`
+ * (`scripts/vendor-css/manifest.mjs`), and `vendorSkins.styles.test.ts` holds
+ * that `theme` against the sheet. Internal: not exported from the package.
+ */
+export declare const VIDEO_PLAYER_VENDOR_THEMES: {
+    readonly default: "default";
+    readonly minimal: "neutral";
+};
+/**
+ * `crossOrigin` value applied to the `<video>` element. `use-credentials`
+ * makes the browser send the CloudFront signed cookies on the native/Safari
+ * HLS path, and the hls.js adapter reads it on every request it sends, so it
+ * covers the hls.js/MSE path too. The loader hooks `buildCredentialedHlsEngine`
+ * sets stay on that path as well: on the attribute alone, a request sent while
+ * no element is attached, or a lost attribute, would leave without cookies,
+ * silently.
  */
 export declare const HLS_CROSS_ORIGIN: "use-credentials";
 /**

package/components/VideoPlayer/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/constants.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,oCAAoC,mBAAmB,CAAC;AACrE,eAAO,MAAM,8BAA8B,mBAAmB,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAG,iBAA0B,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAG,KAAc,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,8BAA8B;;;;CAIjC,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B,QAAY,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/constants.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,oCAAoC,mBAAmB,CAAC;AACrE,eAAO,MAAM,8BAA8B,mBAAmB,CAAC;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B;;;CAGgC,CAAC;AAExE;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAG,iBAA0B,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAG,KAAc,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,8BAA8B;;;;CAIjC,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B,QAAY,CAAC"}

package/components/VideoPlayer/constants.js

@@ -1,16 +1,20 @@
-const _ = "M4LVideoPlayer", O = {
+const _ = "M4LVideoPlayer", E = {
   default: "default",
   minimal: "minimal"
-}, e = "use-credentials", E = "mse", R = {
+}, e = {
+  default: "default",
+  minimal: "neutral"
+}, O = "use-credentials", t = "mse", a = {
   cast: !1,
   airPlay: !1,
   pictureInPicture: !1
-}, s = 10 * 1e3;
+}, R = 10 * 1e3;
 export {
-  s as ACCESS_ERROR_REPORT_WINDOW_MS,
+  R as ACCESS_ERROR_REPORT_WINDOW_MS,
   _ as COMPONENT_VIDEO_PLAYER_KEY_COMPONENT,
-  e as HLS_CROSS_ORIGIN,
-  E as HLS_PREFER_PLAYBACK,
-  R as VIDEO_PLAYER_OPTIONAL_CONTROLS,
-  O as VIDEO_PLAYER_VARIANTS
+  O as HLS_CROSS_ORIGIN,
+  t as HLS_PREFER_PLAYBACK,
+  a as VIDEO_PLAYER_OPTIONAL_CONTROLS,
+  E as VIDEO_PLAYER_VARIANTS,
+  e as VIDEO_PLAYER_VENDOR_THEMES
 };

package/components/VideoPlayer/hlsSource.d.ts

@@ -13,11 +13,13 @@ export type HlsEngineOptions = NonNullable<HlsSource['engine']>;
  * beta.24 it was flat (`preferPlayback` a top-level prop, `config` the hls.js
  * bag), beta.25 nested both under a single `config` prop, and beta.32 replaced
  * `config` with `source` and namespaced the engine options under
- * `source.engine.hlsJs`. rc.4 keeps that shape and moves the adapter to its own
- * package (`@videojs/hlsjs-video`), which spreads `engine.hlsJs` over its hls.js
- * defaults untouched. Getting it wrong fails SILENTLY: the loader hooks below
- * never reach hls.js, no cookie travels, and every segment comes back 403 with
- * no error surfaced by the player. Keep the nesting.
+ * `source.engine.hlsJs`. rc.4 moved the adapter to its own package
+ * (`@videojs/hlsjs-video`), which spreads `engine.hlsJs` over its hls.js
+ * defaults, and 10.1.0 wraps the two loader hooks in the adapter's own
+ * (v10#2870, see below). Getting the shape wrong fails SILENTLY: the loader
+ * hooks below never reach hls.js, the access errors go unobserved and the
+ * cookies hang on the `crossOrigin` attribute alone, with no error surfaced by
+ * the player. Keep the nesting.
  *
  * Build this object ONCE per mounted player and reuse it across renders and
  * `src` changes (`buildHlsSource` only wraps a new URL around it). The element
@@ -42,8 +44,8 @@ export type HlsEngineOptions = NonNullable<HlsSource['engine']>;
  * `status 0`. hls.js raises an `ERROR` for it, but a non-fatal one while it can
  * carry on: a refused live segment becomes a gap, a live playlist reload is
  * retried twice and a VOD segment six times (about 30 s) before it gives up;
- * only the first manifest is fatal at once. The rc.4 adapter forwards fatal
- * errors alone to the element (`HlsJsErrorsMixin`), so until then the player's
+ * only the first manifest is fatal at once. The adapter forwards fatal errors
+ * alone to the element (`HlsJsErrorsMixin`), so until then the player's
  * `error` never changes. Listening on the request itself is the one place that
  * sees every manifest, playlist, segment and key as it fails (see
  * `createAccessErrorXhrObserver`).
@@ -54,8 +56,14 @@ export type HlsEngineOptions = NonNullable<HlsSource['engine']>;
  * element as it resizes so fullscreen lifts it again, and the 720p floor keeps
  * a small tile off the bottom rungs of the ladder.
  *
- * The native/Safari HLS path bypasses hls.js entirely; the `crossOrigin`
- * attribute on `<HlsJsVideo>` (see {@link HLS_CROSS_ORIGIN}) covers that path.
+ * The `crossOrigin` attribute on `<HlsJsVideo>` (see {@link HLS_CROSS_ORIGIN})
+ * covers the native/Safari HLS path, which bypasses hls.js entirely. The
+ * adapter also reads it on every hls.js request: its own hooks set the same
+ * credentials when it is `use-credentials` and then call ours, on the same
+ * request. Ours stay: the adapter reads the attribute off the attached
+ * element, so with the attribute alone a request sent while none is attached,
+ * or a lost attribute, would leave without cookies, silently.
+ *
  * Credentialed CORS forbids `Access-Control-Allow-Origin: *`, so CloudFront
  * must echo the exact request origin and send
  * `Access-Control-Allow-Credentials: true` for the segments to authenticate.

package/components/VideoPlayer/hlsSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hlsSource.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/hlsSource.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,8GAA8G;AAC9G,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAYhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,gBAAgB,CAsBrF;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAC3C,MAAM,EAAE,gBAAgB,GACvB,SAAS,CAEX"}
+{"version":3,"file":"hlsSource.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/hlsSource.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,8GAA8G;AAC9G,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAYhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,gBAAgB,CAsBrF;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAC3C,MAAM,EAAE,gBAAgB,GACvB,SAAS,CAEX"}

package/components/VideoPlayer/hooks/useAccessErrorReporter.d.ts

@@ -4,9 +4,9 @@ import { VideoPlayerAccessError } from '../types';
 /**
  * Turn the consumer's `onAccessError` into a stable reporter that forwards at
  * most one error per {@link ACCESS_ERROR_REPORT_WINDOW_MS}, completed with what
- * `mediaRef` had played by then. The handler is read through a ref so an
- * inline callback never changes the reporter's identity, which in turn keeps
- * the hls.js engine configuration stable.
+ * the `<video>` behind `videoRef` had played by then. The handler is read
+ * through a ref so an inline callback never changes the reporter's identity,
+ * which in turn keeps the hls.js engine configuration stable.
  */
-export declare function useAccessErrorReporter(onAccessError: ((info: VideoPlayerAccessError) => void) | undefined, mediaRef: RefObject<HTMLMediaElement | null>): AccessErrorReporter;
+export declare function useAccessErrorReporter(onAccessError: ((info: VideoPlayerAccessError) => void) | undefined, videoRef: RefObject<HTMLMediaElement | null>): AccessErrorReporter;
 //# sourceMappingURL=useAccessErrorReporter.d.ts.map

package/components/VideoPlayer/hooks/useAccessErrorReporter.js

@@ -1,21 +1,21 @@
 import { useRef as c, useCallback as s } from "react";
 import { ACCESS_ERROR_REPORT_WINDOW_MS as R } from "../constants.js";
-function _(e, n) {
-  const o = c(e);
-  o.current = e;
+function m(e, n) {
+  const u = c(e);
+  u.current = e;
   const t = c(null);
   return s((a) => {
-    const u = Date.now();
-    if (t.current !== null && u - t.current < R)
+    const l = Date.now();
+    if (t.current !== null && l - t.current < R)
       return;
-    t.current = u;
+    t.current = l;
     const r = n.current?.played;
-    o.current?.({
+    u.current?.({
       ...a,
-      played: r ? Array.from({ length: r.length }, (p, l) => ({ start: r.start(l), end: r.end(l) })) : []
+      played: r ? Array.from({ length: r.length }, (p, o) => ({ start: r.start(o), end: r.end(o) })) : []
     });
   }, [n]);
 }
 export {
-  _ as useAccessErrorReporter
+  m as useAccessErrorReporter
 };

package/components/VideoPlayer/hooks/useMediaReadiness.d.ts

@@ -3,13 +3,12 @@ import { RefObject } from 'react';
  * Call `onReady` every time the media element becomes able to start playing,
  * and re-arm when it goes back to empty.
  *
- * The player store exposes `canPlay`, but it means `readyState >= HAVE_ENOUGH_DATA`
- * — the `canplaythrough` threshold, which the spec defines as "can be played
- * through TO THE END without interruption". A live manifest has no end, so that
- * threshold is not merely late, it is undefined: Firefox parks a live MSE stream
- * at HAVE_FUTURE_DATA forever (hls.js#118, hls.js#4624) and Safari is erratic
- * about `canplay` (hls.js#1686). Chrome reaches it optimistically, which is why
- * autoplay only ever worked there.
+ * The player store exposes `canPlay` (`readyState >= HAVE_FUTURE_DATA`), but
+ * it rises later than this hook needs: HAVE_CURRENT_DATA, data for the current
+ * position, precedes HAVE_FUTURE_DATA, and the store re-reads `canPlay` only on
+ * `canplay`, `canplaythrough`, `loadstart` and `emptied`, so it waits on
+ * `canplay`, which Safari is erratic about (hls.js#1686), and it stays `true`
+ * when the element falls back below it.
  *
  * HAVE_CURRENT_DATA is the threshold that actually answers "can playback start",
  * and it is the one MDN's own `readyState` example gates `play()` on.

package/components/VideoPlayer/hooks/useMediaReadiness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaReadiness.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/hooks/useMediaReadiness.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAc1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAC5C,OAAO,EAAE,MAAM,IAAI,GAClB,IAAI,CAkCN"}
+{"version":3,"file":"useMediaReadiness.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/hooks/useMediaReadiness.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAc1D;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAC5C,OAAO,EAAE,MAAM,IAAI,GAClB,IAAI,CAkCN"}

package/components/VideoPlayer/hooks/usePlayerControl.d.ts

@@ -7,11 +7,12 @@ import { VideoPlayerControl } from '../types';
  * identity only changes when the store does. The handle is a thin store adapter
  * — it deliberately exposes none of the underlying video.js internals.
  *
- * Reads prefer the element to `store.state`. A store action writes the element
- * synchronously, but the state only catches up on the element's next event
- * (`volumechange`, `pause`, …), which the browser queues as a task. Reading the
- * state would miss a call made earlier in the same task, and turn
- * `setMuted(true)` twice into a mute and an unmute. The state answers while no
+ * Reads prefer the element to `store.state`. The store's own actions (`play`,
+ * `pause`, `setMuted`) write their state at once, but a change made to the
+ * element from outside the store — the browser pausing it, the controls of a
+ * picture-in-picture window — only reaches the state on the element's next
+ * event (`volumechange`, `pause`, …), which the browser queues as a task. The
+ * element is the reading that is always current. The state answers while no
  * element is mounted.
  *
  * Every mutation goes through `runStoreAction`, so the handle is inert — never

package/components/VideoPlayer/hooks/usePlayerControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePlayerControl.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/hooks/usePlayerControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAanD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,GAAG,CAAC,kBAAkB,CAAC,GAAG,SAAS,EACxC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAC3C,IAAI,CAiGN"}
+{"version":3,"file":"usePlayerControl.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/hooks/usePlayerControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAanD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,GAAG,CAAC,kBAAkB,CAAC,GAAG,SAAS,EACxC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAC3C,IAAI,CAkGN"}

package/components/VideoPlayer/hooks/usePlayerControl.js

@@ -1,12 +1,12 @@
-import { useImperativeHandle as m } from "react";
-import { runStoreAction as u, absorbDetachedStoreRejection as p } from "../storeSafety.js";
+import { useImperativeHandle as d } from "react";
+import { runStoreAction as u, absorbDetachedStoreRejection as m } from "../storeSafety.js";
 import { resolveIsLive as l } from "../utils.js";
-function d(r, t) {
+function p(r, t) {
   const { muted: a, volume: e } = r ?? t.state;
   return a || e === 0;
 }
-function g(r, t, a) {
-  m(r, () => ({
+function v(r, t, a) {
+  d(r, () => ({
     /** Resume playback, swallowing autoplay rejection. */
     async play() {
       try {
@@ -24,15 +24,18 @@ function g(r, t, a) {
     isPaused() {
       return a.current?.paused ?? t.state.paused ?? !1;
     },
-    /** Force the muted flag to `muted` (v10 only exposes a toggle). */
+    /**
+     * Set the muted flag through the store's setter, which is idempotent and
+     * restores an audible level when it unmutes at volume 0.
+     */
     setMuted(e) {
-      d(a.current, t) !== e && u(t, () => {
-        t.toggleMuted();
+      u(t, () => {
+        t.setMuted(e);
       });
     },
     /** Whether the player is currently muted. */
     isMuted() {
-      return d(a.current, t);
+      return p(a.current, t);
     },
     /** Whether the underlying manifest is still live. */
     isLive() {
@@ -41,7 +44,7 @@ function g(r, t, a) {
     /** Seek to `seconds`; no-op on live streams (no seekable window). */
     seek(e) {
       l(t.state.streamType, t.state.duration) || u(t, () => {
-        t.seek(e).catch(p);
+        t.seek(e).catch(m);
       });
     },
     /** Set the playback rate. */
@@ -87,5 +90,5 @@ function g(r, t, a) {
   }), [t, a]);
 }
 export {
-  g as usePlayerControl
+  v as usePlayerControl
 };

package/components/VideoPlayer/hooks/usePlayerEvents.d.ts

@@ -15,10 +15,15 @@ export interface PlayerEventHandlers {
  * the relevant primitives across changes. Handlers are read from a ref so
  * consumers can pass inline callbacks without re-subscribing the listener.
  *
- * Readiness is deliberately absent: the store's `canPlay` is the
- * `canplaythrough` threshold, which never arrives for a live manifest on
- * Firefox or Safari. `onReady` is emitted from `useMediaReadiness` instead,
- * which reads the element directly — see that hook for the full reasoning.
+ * Each transition fires once. The store's `play()` and `pause()` write their
+ * state at once and notify subscribers on the next microtask, ahead of the
+ * element's `play` or `pause` event; when that event lands it finds the state
+ * already there, so the diff on `paused` sees a single change.
+ *
+ * Readiness is deliberately absent: the store's `canPlay` rises at
+ * HAVE_FUTURE_DATA, on `canplay`, later than the first frame. `onReady` is
+ * emitted from `useMediaReadiness` instead, which reads the element directly —
+ * see that hook for the full reasoning.
  */
 export declare function usePlayerEvents(store: StreamPlayerStore, handlers: PlayerEventHandlers): void;
 //# sourceMappingURL=usePlayerEvents.d.ts.map

package/components/VideoPlayer/hooks/usePlayerEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePlayerEvents.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/hooks/usePlayerEvents.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,0EAA0E;AAC1E,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,mBAAmB,GAC5B,IAAI,CA6CN"}
+{"version":3,"file":"usePlayerEvents.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/hooks/usePlayerEvents.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,0EAA0E;AAC1E,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,mBAAmB,GAC5B,IAAI,CA6CN"}

package/components/VideoPlayer/subcomponents/GclickVideoSkin.d.ts

@@ -5,11 +5,12 @@ export interface GclickVideoSkinProps {
     children?: ReactNode;
     className?: string;
     poster?: string;
-    /** While live: show the native `<LiveButton>` and hide the seek region. */
+    /** While live: show the live button and hide the seek region. */
     isLive: boolean;
     /**
-     * Which vendor skin to wear: the root's `data-theme`, the layout and the
-     * icons. The stylesheet itself is chosen by the `root` slot.
+     * Which skin to wear, by its public name. It sets the vendor theme the
+     * root's `data-theme` carries (`minimal` wears the vendor's `neutral`), the
+     * layout and the icons. The stylesheet itself is chosen by the `root` slot.
      */
     variant: VideoPlayerVariant;
     /** Opt in to the transport controls that are hidden by default. */
@@ -19,9 +20,9 @@ export interface GclickVideoSkinProps {
  * Single official-v10 skin for both live and VOD, composed from the dependency's
  * building blocks + official classes (styled by the vendor stylesheet translated
  * to Emotion, scoped at the root slot; no custom per-control CSS). It unifies the
- * VOD and live presets: while `isLive` the control bar shows the native
- * `<LiveButton>` and drops the seek region; once the stream ends (`isLive` flips
- * false) it shows the skip controls + the time slider. Because it is one
+ * VOD and live presets: while `isLive` the control bar shows the live button
+ * and drops the seek region; once the stream ends (`isLive` flips false) it
+ * shows the skip controls + the time slider. Because it is one
  * component (no skin swap), the `<video>` is never remounted on the live → VOD
  * transition.
  */

package/components/VideoPlayer/subcomponents/GclickVideoSkin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GclickVideoSkin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/GclickVideoSkin.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAUhF,oFAAoF;AACpF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,EAAE,kBAAkB,CAAC;IAC5B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;CAChD;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,gBAAgB,GACjB,EAAE,oBAAoB,GAAG,SAAS,CAalC"}
+{"version":3,"file":"GclickVideoSkin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/GclickVideoSkin.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsCvC,OAAO,KAAK,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAUhF,oFAAoF;AACpF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,EAAE,kBAAkB,CAAC;IAC5B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;CAChD;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,EACP,gBAAgB,GACjB,EAAE,oBAAoB,GAAG,SAAS,CAalC"}

package/components/VideoPlayer/subcomponents/GclickVideoSkin.js

@@ -1,58 +1,58 @@
-import { jsx as i, jsxs as c } from "@emotion/react/jsx-runtime";
-import { Container as f, Poster as s, BufferingIndicator as p } from "@videojs/react";
-import { VIDEO_PLAYER_VARIANTS as l, VIDEO_PLAYER_OPTIONAL_CONTROLS as u } from "../constants.js";
-import { cx as V } from "./skin/buttons.js";
-import { DefaultVideoControls as I } from "./skin/DefaultVideoControls.js";
-import { MinimalVideoControls as N } from "./skin/MinimalVideoControls.js";
-import { SkinVariantProvider as S, useSkinVariant as g } from "./skin/skinVariant.js";
-import { VideoErrorDialog as k } from "./skin/VideoErrorDialog.js";
+import { jsx as i, jsxs as f } from "@emotion/react/jsx-runtime";
+import { Container as p, Poster as s, BufferingIndicator as l } from "@videojs/react";
+import { VIDEO_PLAYER_VARIANTS as u, VIDEO_PLAYER_OPTIONAL_CONTROLS as V } from "../constants.js";
+import { cx as I } from "./skin/buttons.js";
+import { DefaultVideoControls as N } from "./skin/DefaultVideoControls.js";
+import { MinimalVideoControls as S } from "./skin/MinimalVideoControls.js";
+import { SkinVariantProvider as g, useSkinVariant as k } from "./skin/skinVariant.js";
+import { VideoErrorDialog as h } from "./skin/VideoErrorDialog.js";
 import { VideoInputBindings as O } from "./skin/VideoInputBindings.js";
-import { VideoStatusIndicators as h } from "./skin/VideoStatusIndicators.js";
-function v({
-  children: n,
+import { VideoStatusIndicators as A } from "./skin/VideoStatusIndicators.js";
+function B({
+  children: o,
   className: e,
-  poster: t,
+  poster: n,
   isLive: r,
-  variant: a,
-  optionalControls: o
+  variant: t,
+  optionalControls: a
 }) {
-  return /* @__PURE__ */ i(S, { variant: a, children: /* @__PURE__ */ i(
-    A,
+  return /* @__PURE__ */ i(g, { variant: t, children: /* @__PURE__ */ i(
+    E,
     {
       className: e,
-      poster: t,
+      poster: n,
       isLive: r,
-      optionalControls: o,
-      children: n
+      optionalControls: a,
+      children: o
     }
   ) });
 }
-function A({
-  children: n,
+function E({
+  children: o,
   className: e,
-  poster: t,
+  poster: n,
   isLive: r,
-  optionalControls: a
+  optionalControls: t
 }) {
-  const { variant: o, icons: d } = g(), m = { ...u, ...a };
-  return /* @__PURE__ */ c(
-    f,
+  const { variant: a, theme: d, icons: c } = k(), m = { ...V, ...t };
+  return /* @__PURE__ */ f(
+    p,
     {
-      className: V("media-skin media-container video-skin", e),
-      "data-theme": o,
+      className: I("media-skin media-container video-skin", e),
+      "data-theme": d,
       "data-preset": "video",
       children: [
-        n,
-        /* @__PURE__ */ i(s.Root, { className: "media-poster", children: /* @__PURE__ */ i(s.Image, { className: "media-poster-image", src: t }) }),
-        /* @__PURE__ */ i(p, { className: "media-buffering-indicator", children: /* @__PURE__ */ i(d.SpinnerIcon, { className: "media-buffering-indicator-spinner-icon" }) }),
-        /* @__PURE__ */ i(k, {}),
-        o === l.minimal ? /* @__PURE__ */ i(N, { isLive: r, outputs: m }) : /* @__PURE__ */ i(I, { isLive: r, outputs: m }),
+        o,
+        /* @__PURE__ */ i(s.Root, { className: "media-poster", children: /* @__PURE__ */ i(s.Image, { className: "media-poster-image", src: n }) }),
+        /* @__PURE__ */ i(l, { className: "media-buffering-indicator", children: /* @__PURE__ */ i(c.SpinnerIcon, { className: "media-buffering-indicator-spinner-icon" }) }),
+        /* @__PURE__ */ i(h, {}),
+        a === u.minimal ? /* @__PURE__ */ i(S, { isLive: r, outputs: m }) : /* @__PURE__ */ i(N, { isLive: r, outputs: m }),
         /* @__PURE__ */ i(O, { isLive: r, outputs: m }),
-        /* @__PURE__ */ i(h, {})
+        /* @__PURE__ */ i(A, {})
       ]
     }
   );
 }
 export {
-  v as GclickVideoSkin
+  B as GclickVideoSkin
 };

package/components/VideoPlayer/subcomponents/VideoPlayerStage.d.ts

@@ -23,7 +23,7 @@ export interface VideoPlayerStageProps {
  * handle + event callbacks (via `usePlayer`), then renders the composed v10 skin
  * ({@link GclickVideoSkin}) wrapping the credentialed `<HlsJsVideo>`. The skin owns
  * the chrome — controls, layout, poster and the fullscreen target — and swaps the
- * seek bar ↔ native live button by `isLive`; we only wrap it to size and flatten
+ * seek bar ↔ live button by `isLive`; we only wrap it to size and flatten
  * the frame.
  */
 export declare function VideoPlayerStage({ src, poster, variant, suspended, optionalControls, className, controlRef, onReady, onPlay, onPause, onEnded, onWaiting, onError, onAccessError, onDurationChange, }: VideoPlayerStageProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/components/VideoPlayer/subcomponents/VideoPlayerStage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayerStage.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/VideoPlayerStage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAqBlD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAElB,gFAAgF;AAChF,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,aAAa,EACb,gBAAgB,GACjB,EAAE,qBAAqB,oDA8DvB"}
+{"version":3,"file":"VideoPlayerStage.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/VideoPlayerStage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAqBlD,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAElB,gFAAgF;AAChF,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,aAAa,EACb,gBAAgB,GACjB,EAAE,qBAAqB,oDAsEvB"}

package/components/VideoPlayer/subcomponents/VideoPlayerStage.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
-import { useRef as h, useMemo as l } from "react";
-import { selectStreamType as k } from "@videojs/react";
+import { useRef as g, useMemo as a } from "react";
+import { selectStreamType as h } from "@videojs/react";
 import { HlsJsVideo as A } from "@videojs/react/media/hlsjs-video";
 import { HLS_CROSS_ORIGIN as C, HLS_PREFER_PLAYBACK as O } from "../constants.js";
 import { createAccessErrorXhrObserver as V } from "../hlsAccessErrors.js";
@@ -18,8 +18,8 @@ function se({
   src: t,
   poster: c,
   variant: s,
-  suspended: p,
-  optionalControls: u,
+  suspended: u,
+  optionalControls: p,
   className: f,
   controlRef: d,
   onReady: y,
@@ -27,22 +27,22 @@ function se({
   onPause: P,
   onEnded: R,
   onWaiting: v,
-  onError: E,
-  onAccessError: b,
-  onDurationChange: H
+  onError: b,
+  onAccessError: E,
+  onDurationChange: k
 }) {
-  const e = n.usePlayer(), I = n.usePlayer(k), i = G(I?.streamType, e.state.duration), r = h(null), m = M(b, r), a = l(() => _(V(m)), [m]), L = l(() => x(t, O, a), [t, a]);
+  const e = n.usePlayer(), H = n.usePlayer(h), i = G(H?.streamType, e.state.duration), r = g(null), m = M(E, r), l = a(() => _(V(m)), [m]), I = a(() => x(t, O, l), [t, l]);
   w(d, e, r), B(e, {
     onPlay: S,
     onPause: P,
     onEnded: R,
     onWaiting: v,
-    onError: E,
-    onDurationChange: H
+    onError: b,
+    onDurationChange: k
   });
-  const g = j(e, p);
+  const L = j(e, u);
   return T(r, () => {
-    y?.(), g();
+    y?.(), L();
   }), /* @__PURE__ */ o(
     F,
     {
@@ -55,16 +55,17 @@ function se({
           poster: c,
           isLive: i,
           variant: s,
-          optionalControls: u,
+          optionalControls: p,
           children: /* @__PURE__ */ o(
             A,
             {
               ref: r,
-              source: L,
+              source: I,
               crossOrigin: C,
               autoPlay: !0,
               muted: !0,
-              playsInline: !0
+              playsInline: !0,
+              fallback: null
             }
           )
         }

package/components/VideoPlayer/subcomponents/skin/LiveButton.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { LiveButtonProps } from '@videojs/react';
+/**
+ * The vendor's `LiveButton` (`@videojs/react/dist/dev/ui/live-button/component.js`),
+ * subscribed to its derived state only: same core, element, attributes and
+ * text.
+ *
+ * The vendor selects the whole time slice (`component.js:32`), and since 10.1.0
+ * the store writes `currentTime` on every animation frame while playing
+ * (`@videojs/core/dist/dev/dom/store/features/time.js:58-69`), so that button
+ * re-renders every frame in every live tile. This one selects the core's state
+ * (`live`, `liveEdge`, `disabled`, `label`), which the core replaces only when
+ * one of them changes, and `usePlayer` keeps the previous result while the new
+ * one is shallow-equal. Activation reads the store when it happens, since the
+ * last render no longer holds the current time.
+ *
+ * Left out, because `LiveOrSeekButtons` uses none of it: `children`, `label`,
+ * `disabled`, `style`, passthrough props, the forwarded ref, the tooltip wiring
+ * (the live button has no tooltip, as in the vendor's live-video skin) and the
+ * missing-feature warning (the player always composes live, time and buffer).
+ * Retire it for the vendor's once that one selects derived state.
+ */
+export declare function LiveButton({ render, className }: Pick<LiveButtonProps, 'render' | 'className'>): ReactNode;
+//# sourceMappingURL=LiveButton.d.ts.map

package/components/VideoPlayer/subcomponents/skin/LiveButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveButton.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/skin/LiveButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAsBxB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,WAAW,CAAC,GAAG,SAAS,CA4C1G"}