@m4l/gclick 0.21.0 → 0.22.0

package/components/VideoTimeLineSelector/helpers/playbackRange/playbackRange.d.ts

@@ -1,9 +1,9 @@
 import { SegmentType } from '../../types';
 import { IndexedPlaybackSegment, PlaybackRange, PlaybackTooltipAnchor, ResolveActiveSegmentInput, ResolvePreviewRangeInput, ResolveTooltipAnchorInput, SnapToSegmentStartResult } from './types';
 /**
- * Converts a Date value into seconds elapsed since local midnight.
+ * Converts a Date value into seconds elapsed since the requested wall-clock midnight.
  */
-export declare const dateToDaySeconds: (date: Date) => number;
+export declare const dateToDaySeconds: (date: Date, timeZoneName?: string | null) => number;
 /**
  * Converts a day-second value into a full-day timeline percentage.
  */
@@ -11,16 +11,16 @@ export declare const secondsToTimelinePercent: (seconds: number) => number;
 /**
  * Builds or reuses a sorted playback-segment index for one channel.
  */
-export declare const getSortedPlaybackSegments: <T>(channelSegments: SegmentType<T> | undefined) => IndexedPlaybackSegment<T>[];
+export declare const getSortedPlaybackSegments: <T>(channelSegments: SegmentType<T> | undefined, timeZoneName?: string | null) => IndexedPlaybackSegment<T>[];
 /**
  * Resolves the active segment that contains the candidate time.
  * When segments overlap, the segment with the latest start wins.
  */
-export declare const resolveActiveSegment: <T>({ activeChannel, candidateTime, segments, }: ResolveActiveSegmentInput<T>) => IndexedPlaybackSegment<T> | null;
+export declare const resolveActiveSegment: <T>({ activeChannel, candidateTime, segments, timeZoneName, }: ResolveActiveSegmentInput<T>) => IndexedPlaybackSegment<T> | null;
 /**
  * Finds the closest segment that ended before the candidate time.
  */
-export declare const findPreviousSegment: <T>({ activeChannel, candidateTime, segments, }: ResolveActiveSegmentInput<T>) => IndexedPlaybackSegment<T> | null;
+export declare const findPreviousSegment: <T>({ activeChannel, candidateTime, segments, timeZoneName, }: ResolveActiveSegmentInput<T>) => IndexedPlaybackSegment<T> | null;
 /**
  * Resolves the final indicator time for segment-start snapping.
  */
@@ -28,7 +28,7 @@ export declare const snapToSegmentStart: <T>(input: ResolveActiveSegmentInput<T>
 /**
  * Resolves the time label anchor independently from the draggable indicator.
  */
-export declare const resolveTooltipAnchor: <T>({ activeChannel, candidateTime, fallbackPositionPercent, segments, snapEnabled, }: ResolveTooltipAnchorInput<T>) => PlaybackTooltipAnchor;
+export declare const resolveTooltipAnchor: <T>({ activeChannel, candidateTime, fallbackPositionPercent, segments, snapEnabled, timeZoneName, }: ResolveTooltipAnchorInput<T>) => PlaybackTooltipAnchor;
 /**
  * Resolves the visible playback preview range for the active segment.
  */

package/components/VideoTimeLineSelector/helpers/playbackRange/playbackRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playbackRange.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/playbackRange/playbackRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAajB;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,IAAI,KAAG,MAK7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,KAAG,MAG1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,GAAI,CAAC,EACzC,iBAAiB,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,KAC1C,sBAAsB,CAAC,CAAC,CAAC,EAsB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,6CAItC,yBAAyB,CAAC,CAAC,CAAC,KAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAiC7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,6CAIrC,yBAAyB,CAAC,CAAC,CAAC,KAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAyB7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAClC,OAAO,yBAAyB,CAAC,CAAC,CAAC,KAClC,wBAAwB,CAAC,CAAC,CAe5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,mFAMtC,yBAAyB,CAAC,CAAC,CAAC,KAAG,qBAsBjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,2DAKrC,wBAAwB,CAAC,CAAC,CAAC,KAAG,aAAa,GAAG,IAahD,CAAC"}
+{"version":3,"file":"playbackRange.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/playbackRange/playbackRange.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAmDjB;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,IAAI,EACV,eAAe,MAAM,GAAG,IAAI,KAC3B,MAYF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,KAAG,MAG1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,GAAI,CAAC,EACzC,iBAAiB,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,EAC3C,eAAe,MAAM,GAAG,IAAI,KAC3B,sBAAsB,CAAC,CAAC,CAAC,EAiC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,2DAKtC,yBAAyB,CAAC,CAAC,CAAC,KAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAoC7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,2DAKrC,yBAAyB,CAAC,CAAC,CAAC,KAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,IA4B7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAClC,OAAO,yBAAyB,CAAC,CAAC,CAAC,KAClC,wBAAwB,CAAC,CAAC,CAe5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAG,iGAOtC,yBAAyB,CAAC,CAAC,CAAC,KAAG,qBAuBjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,2DAKrC,wBAAwB,CAAC,CAAC,CAAC,KAAG,aAAa,GAAG,IAahD,CAAC"}

package/components/VideoTimeLineSelector/helpers/playbackRange/playbackRange.js

@@ -1,41 +1,72 @@
-const S = /* @__PURE__ */ new WeakMap(), l = (e) => Math.max(0, Math.min(86399, Math.floor(e))), m = (e) => e.getHours() * 3600 + e.getMinutes() * 60 + e.getSeconds() + e.getMilliseconds() / 1e3, u = (e) => Math.max(0, Math.min(86400, e)) * 100 / 86400, f = (e) => {
+import { convertDateToUserTimeZone as h } from "@m4l/core";
+const m = 1440 * 60, p = "__local__", S = /* @__PURE__ */ new WeakMap(), u = (e) => Math.max(0, Math.min(m - 1, Math.floor(e)));
+function g(e) {
+  if (typeof e != "string")
+    return null;
+  const t = e.trim();
+  if (t === "")
+    return null;
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      timeZone: t
+    }).format(/* @__PURE__ */ new Date(0)), t;
+  } catch {
+    return "UTC";
+  }
+}
+function M(e) {
+  return g(e) ?? p;
+}
+const f = (e, t) => {
+  const s = g(t), o = s ? h(e, s) : e;
+  return o.getHours() * 3600 + o.getMinutes() * 60 + o.getSeconds() + o.getMilliseconds() / 1e3;
+}, _ = (e) => Math.max(0, Math.min(m, e)) * 100 / m, v = (e, t) => {
   if (!e?.segmentsList)
     return [];
-  const t = S.get(e.segmentsList);
-  if (t)
-    return t;
-  const o = e.segmentsList.filter((n) => n.startTime && n.endTime && n.startTime < n.endTime).map((n) => ({
+  const s = M(t), o = S.get(
+    e.segmentsList
+  ), c = o?.get(s);
+  if (c)
+    return c;
+  const r = e.segmentsList.filter((n) => n.startTime && n.endTime && n.startTime < n.endTime).map((n) => ({
     channelId: e.channelId,
     segment: n,
-    startSeconds: m(n.startTime),
-    endSeconds: m(n.endTime)
-  })).sort((n, s) => n.startSeconds - s.startSeconds);
-  return S.set(e.segmentsList, o), o;
-}, g = ({
+    startSeconds: f(n.startTime, t),
+    endSeconds: f(n.endTime, t)
+  })).sort((n, a) => n.startSeconds - a.startSeconds);
+  return o ? o.set(s, r) : S.set(
+    e.segmentsList,
+    /* @__PURE__ */ new Map([[s, r]])
+  ), r;
+}, T = ({
   activeChannel: e,
   candidateTime: t,
-  segments: o
+  segments: s,
+  timeZoneName: o
 }) => {
   if (!e)
     return null;
-  const n = o.find((c) => c.channelId === e), s = f(n);
-  let r = 0, i = s.length - 1, d = -1;
-  for (; r <= i; ) {
-    const c = Math.floor((r + i) / 2);
-    if (s[c].startSeconds <= t) {
-      d = c, r = c + 1;
+  const c = s.find((i) => i.channelId === e), r = v(
+    c,
+    o
+  );
+  let n = 0, a = r.length - 1, d = -1;
+  for (; n <= a; ) {
+    const i = Math.floor((n + a) / 2);
+    if (r[i].startSeconds <= t) {
+      d = i, n = i + 1;
       continue;
     }
-    i = c - 1;
+    a = i - 1;
   }
-  for (let c = d; c >= 0; c -= 1) {
-    const a = s[c];
-    if (t <= a.endSeconds)
-      return a;
+  for (let i = d; i >= 0; i -= 1) {
+    const l = r[i];
+    if (t <= l.endSeconds)
+      return l;
   }
   return null;
-}, h = (e) => {
-  const t = g(e);
+}, y = (e) => {
+  const t = T(e);
   return t ? {
     time: t.startSeconds,
     segment: t,
@@ -45,48 +76,50 @@ const S = /* @__PURE__ */ new WeakMap(), l = (e) => Math.max(0, Math.min(86399,
     segment: null,
     didSnap: !1
   };
-}, p = ({
+}, C = ({
   activeChannel: e,
   candidateTime: t,
-  fallbackPositionPercent: o,
-  segments: n,
-  snapEnabled: s
+  fallbackPositionPercent: s,
+  segments: o,
+  snapEnabled: c,
+  timeZoneName: r
 }) => {
-  if (s) {
-    const r = g({
+  if (c) {
+    const n = T({
       activeChannel: e,
       candidateTime: t,
-      segments: n
+      segments: o,
+      timeZoneName: r
     });
-    if (r)
+    if (n)
       return {
-        time: l(r.startSeconds),
-        positionPercent: u(r.startSeconds),
+        time: u(n.startSeconds),
+        positionPercent: _(n.startSeconds),
         snapsToSegment: !0
       };
   }
   return {
-    time: l(t),
-    positionPercent: o,
+    time: u(t),
+    positionPercent: s,
     snapsToSegment: !1
   };
-}, T = ({
+}, D = ({
   indicatorTime: e,
   durationSeconds: t,
-  segment: o,
-  snapEnabled: n
+  segment: s,
+  snapEnabled: o
 }) => {
-  if (!o || !t || t <= 0)
+  if (!s || !t || t <= 0)
     return null;
-  const s = n ? o.startSeconds : e, r = Math.min(s + t, o.endSeconds);
-  return r <= s ? null : { start: s, end: r };
+  const c = o ? s.startSeconds : e, r = Math.min(c + t, s.endSeconds);
+  return r <= c ? null : { start: c, end: r };
 };
 export {
-  m as dateToDaySeconds,
-  f as getSortedPlaybackSegments,
-  g as resolveActiveSegment,
-  T as resolvePreviewRange,
-  p as resolveTooltipAnchor,
-  u as secondsToTimelinePercent,
-  h as snapToSegmentStart
+  f as dateToDaySeconds,
+  v as getSortedPlaybackSegments,
+  T as resolveActiveSegment,
+  D as resolvePreviewRange,
+  C as resolveTooltipAnchor,
+  _ as secondsToTimelinePercent,
+  y as snapToSegmentStart
 };

package/components/VideoTimeLineSelector/helpers/playbackRange/types.d.ts

@@ -23,6 +23,7 @@ export type ResolveActiveSegmentInput<T = unknown> = {
     activeChannel: ActiveChannel | null | undefined;
     candidateTime: number;
     segments: SegmentType<T>[];
+    timeZoneName?: string | null;
 };
 export type ResolvePreviewRangeInput<T = unknown> = {
     indicatorTime: number;

package/components/VideoTimeLineSelector/helpers/playbackRange/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/playbackRange/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI;IAChD,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,GAAG,OAAO,IAAI;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,OAAO,IAAI;IACnD,aAAa,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,GAAG,OAAO,IAAI;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,OAAO,IAAI,yBAAyB,CAAC,CAAC,CAAC,GAAG;IAClF,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/helpers/playbackRange/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI;IAChD,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,GAAG,OAAO,IAAI;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,OAAO,IAAI;IACnD,aAAa,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IAChD,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,GAAG,OAAO,IAAI;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,OAAO,IAAI,yBAAyB,CAAC,CAAC,CAAC,GAAG;IAClF,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/components/VideoTimeLineSelector/subcomponents/BaseVideoTimeLineSelector/BaseVideoTimeLineSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseVideoTimeLineSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/subcomponents/BaseVideoTimeLineSelector/BaseVideoTimeLineSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAMjF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,6CAGvC;IACD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,KAAK,IAAI,CAAC;IACpH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,qDAkKA,CAAC"}
+{"version":3,"file":"BaseVideoTimeLineSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/subcomponents/BaseVideoTimeLineSelector/BaseVideoTimeLineSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAMjF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,6CAGvC;IACD,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,KAAK,IAAI,CAAC;IACpH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,qDAyKA,CAAC"}

package/components/VideoTimeLineSelector/subcomponents/BaseVideoTimeLineSelector/BaseVideoTimeLineSelector.js

@@ -1,25 +1,25 @@
 import { jsx as n, jsxs as c } from "@emotion/react/jsx-runtime";
-import { Skeleton as M, Select as I } from "@m4l/components";
-import { ChartTimeLineRootStyled as z, ContainerSelectTimeChannelsStyled as Q, ChannelsRadioGroupStyled as B, ChannelsGroupStyled as W, WrapperDialTimeLineArrowsStyled as q, ArrowLeftIconStyled as G, ArrowRightIconStyled as Y } from "../../slots/VideoTimeLineSelectorSlots.js";
-import { TIME_VISIBLE_OPTIONS_KEYS as j, VIDEO_TIME_LINE_SELECTOR_CLASSES as d } from "../../constants.js";
-import { useEffect as F, useTransition as K, useMemo as g, useCallback as $ } from "react";
+import { Skeleton as Q, Select as g } from "@m4l/components";
+import { ChartTimeLineRootStyled as B, ContainerSelectTimeChannelsStyled as W, ChannelsRadioGroupStyled as q, ChannelsGroupStyled as G, WrapperDialTimeLineArrowsStyled as Y, ArrowLeftIconStyled as j, ArrowRightIconStyled as F } from "../../slots/VideoTimeLineSelectorSlots.js";
+import { TIME_VISIBLE_OPTIONS_KEYS as K, VIDEO_TIME_LINE_SELECTOR_CLASSES as d } from "../../constants.js";
+import { useEffect as U, useTransition as Z, useMemo as D, useCallback as $ } from "react";
 import { VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS as m } from "../../dictionary.js";
 import { isValidTimeVisible as H } from "../../helpers/isValidTimeVisible/isValidTimeVisible.js";
 import { useVideoTimeLineSelectorStore as u } from "../../store/useVideoTimeLineSelectorStore.js";
 import { shallow as J } from "zustand/shallow";
-import { useModuleDictionary as U } from "@m4l/core";
-import { useComponentSize as X } from "@m4l/graphics";
-import { ChannelCheckbox as Z } from "../ChannelCheckBox/ChannelCheckbox.js";
-import { ChartTimeLine as ee } from "../ChartTimeLine/ChartTimeLine.js";
-import { VIDEO_TIME_LINE_SELECTOR_ICONS as D } from "../../icons.js";
-import { ChannelRadioButton as ne } from "../ChannelRadioButton/ChannelRadioButton.js";
-import { getIntersectedSegments as ae } from "../../helpers/getIntersectedSegments/getIntersectedSegments.js";
-import { getDataWithoutProxy as re } from "../../helpers/getDataWithoutProxy/getDataWithoutProxy.js";
-const Ee = ({
+import { useModuleDictionary as X, useUserPreferences as ee } from "@m4l/core";
+import { useComponentSize as ne } from "@m4l/graphics";
+import { ChannelCheckbox as re } from "../ChannelCheckBox/ChannelCheckbox.js";
+import { ChartTimeLine as ae } from "../ChartTimeLine/ChartTimeLine.js";
+import { VIDEO_TIME_LINE_SELECTOR_ICONS as _ } from "../../icons.js";
+import { ChannelRadioButton as te } from "../ChannelRadioButton/ChannelRadioButton.js";
+import { getIntersectedSegments as oe } from "../../helpers/getIntersectedSegments/getIntersectedSegments.js";
+import { getDataWithoutProxy as ie } from "../../helpers/getDataWithoutProxy/getDataWithoutProxy.js";
+const De = ({
   onChange: S,
-  showPlaybackDurationSelector: _ = !0
+  showPlaybackDurationSelector: k = !0
 }) => {
-  const { getLabel: r } = U(), { setTimeVisible: k, setActiveChannel: h, setCurrentQuadrant: C, setPlaybackDurationSeconds: p } = u((e) => e.actions), { timeVisible: L, currentQuadrant: o, quadrants: R, maxChannelsSelected: V, channels: b, allowedPlaybackDurationsSeconds: i, playbackDurationSeconds: O, onPlaybackDurationChange: f } = u(
+  const { getLabel: a } = X(), { timeZone: L } = ee(), h = L?.name?.trim() || "UTC", { setTimeVisible: R, setActiveChannel: C, setCurrentQuadrant: p, setPlaybackDurationSeconds: f } = u((e) => e.actions), { timeVisible: V, currentQuadrant: t, quadrants: O, maxChannelsSelected: P, channels: b, allowedPlaybackDurationsSeconds: i, playbackDurationSeconds: w, onPlaybackDurationChange: y } = u(
     (e) => ({
       timeVisible: e.timeVisible,
       activeChannels: e.activeChannels,
@@ -32,97 +32,102 @@ const Ee = ({
       onPlaybackDurationChange: e.onPlaybackDurationChange
     }),
     J
-  ), { currentTime: l, activeChannels: s, segments: y, loading: w } = u(
+  ), { currentTime: s, activeChannels: l, segments: T, loading: A } = u(
     (e) => e
   );
-  F(() => {
-    const e = ae(l, s, y);
-    S?.(...re(l, s, e));
-  }, [l, s, y, S]);
-  const { currentSize: t } = X(), [T, A] = K(), P = g(() => j.map((e) => ({
+  U(() => {
+    const e = oe(
+      s,
+      l,
+      T,
+      h
+    );
+    S?.(...ie(s, l, e));
+  }, [s, l, T, S, h]);
+  const { currentSize: o } = ne(), [E, N] = Z(), x = D(() => K.map((e) => ({
     id: e,
-    label: r(m[e])
-  })), [r]), E = g(() => i.map((e) => ({
+    label: a(m[e])
+  })), [a]), I = D(() => i.map((e) => ({
     id: e,
-    label: r(`${m.duration_seconds}.${e}`)
-  })), [i, r]), N = _ && E.length > 1, x = (e) => {
+    label: a(`${m.duration_seconds}.${e}`)
+  })), [i, a]), v = k && I.length > 1, M = (e) => {
     if (e && !Array.isArray(e)) {
-      const a = e.id;
-      H(a) && A(() => {
-        k(a);
+      const r = e.id;
+      H(r) && N(() => {
+        R(r);
       });
     }
-  }, v = $((e) => {
+  }, z = $((e) => {
     if (!e || Array.isArray(e))
       return;
-    const a = Number(e.id);
-    !Number.isFinite(a) || a <= 0 || (p(a), f?.(a));
-  }, [f, p]);
-  return w ? /* @__PURE__ */ n(M, { variant: "rectangular", width: "100%", height: "200px" }) : /* @__PURE__ */ c(z, { className: d.root, children: [
-    /* @__PURE__ */ c(Q, { children: [
+    const r = Number(e.id);
+    !Number.isFinite(r) || r <= 0 || (f(r), y?.(r));
+  }, [y, f]);
+  return A ? /* @__PURE__ */ n(Q, { variant: "rectangular", width: "100%", height: "200px" }) : /* @__PURE__ */ c(B, { className: d.root, children: [
+    /* @__PURE__ */ c(W, { children: [
       /* @__PURE__ */ n(
-        I,
+        g,
         {
-          options: P,
-          value: L,
-          onChange: x,
-          disabled: T,
-          size: t
+          options: x,
+          value: V,
+          onChange: M,
+          disabled: E,
+          size: o
         }
       ),
-      V === 1 ? /* @__PURE__ */ n(B, { ownerState: { size: t }, children: b.map((e) => /* @__PURE__ */ n(
-        ne,
+      P === 1 ? /* @__PURE__ */ n(q, { ownerState: { size: o }, children: b.map((e) => /* @__PURE__ */ n(
+        te,
         {
           channel: e,
-          onChange: h
+          onChange: C
         },
         e.id
-      )) }) : /* @__PURE__ */ n(W, { ownerState: { size: t }, children: b.map((e) => /* @__PURE__ */ n(
-        Z,
+      )) }) : /* @__PURE__ */ n(G, { ownerState: { size: o }, children: b.map((e) => /* @__PURE__ */ n(
+        re,
         {
           channel: e,
-          onChange: h
+          onChange: C
         },
         e.id
       )) }),
-      N && /* @__PURE__ */ n(
-        I,
+      v && /* @__PURE__ */ n(
+        g,
         {
-          options: E,
-          value: O ?? i[0],
-          onChange: v,
-          placeholder: r(m.duration_placeholder),
-          size: t
+          options: I,
+          value: w ?? i[0],
+          onChange: z,
+          placeholder: a(m.duration_placeholder),
+          size: o
         }
       )
     ] }),
-    /* @__PURE__ */ c(q, { children: [
+    /* @__PURE__ */ c(Y, { children: [
       /* @__PURE__ */ n(
-        G,
+        j,
         {
           className: d.arrowLeft,
-          src: D.ARROW_LEFT,
-          onClick: () => C(o - 1),
+          src: _.ARROW_LEFT,
+          onClick: () => p(t - 1),
           color: "default",
           variant: "contained",
-          disabled: o === 1
+          disabled: t === 1
         }
       ),
-      /* @__PURE__ */ n(ee, { isTransitioning: T }),
+      /* @__PURE__ */ n(ae, { isTransitioning: E }),
       /* @__PURE__ */ n(
-        Y,
+        F,
         {
           className: d.arrowRight,
-          src: D.ARROW_RIGHT,
-          onClick: () => C(o + 1),
+          src: _.ARROW_RIGHT,
+          onClick: () => p(t + 1),
           color: "default",
           variant: "contained",
-          disabled: o === R
+          disabled: t === O
         }
       )
     ] })
   ] });
 };
 export {
-  Ee as BaseVideoTimeLineSelector
+  De as BaseVideoTimeLineSelector
 };

package/components/VideoTimeLineSelector/subcomponents/ChartTimeLine/ChartTimeLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTimeLine.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/subcomponents/ChartTimeLine/ChartTimeLine.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAe7C;;;GAGG;AACH,eAAO,MAAM,aAAa,8CAAgB,kBAAkB,sDAgpB1D,CAAC"}
+{"version":3,"file":"ChartTimeLine.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/subcomponents/ChartTimeLine/ChartTimeLine.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAe7C;;;GAGG;AACH,eAAO,MAAM,aAAa,8CAAgB,kBAAkB,sDAypB1D,CAAC"}