@streamlayer/react 1.24.7 → 1.24.8-pre.11da316

package/lib/es/index8.js

@@ -1,240 +1,11 @@
-import { jsx as d } from "react/jsx-runtime";
-import { d as v } from "./index15.js";
-import B, { useEffect as L, useRef as S, useState as A, useCallback as p, useLayoutEffect as w } from "react";
-import { s as y } from "./feature.js";
-import { B as b } from "./index7.js";
-const K = {
-  BLUE_QUESTION_ACTION_BTN: "#1589ee",
-  WHITE: "#FFFFFF",
-  BLUE: "#2d6ffd",
-  GREY_PRIMARY: "#909395",
-  GREY_PRIMARY_ONBOARDING_INAPP: "#B5B7B8",
-  PRIMARY_1: "#1D7BFF",
-  // main
-  PRIMARY_2: "#095CD1",
-  // hover, active, ...etc (darken 10%)
-  PRIMARY_TEXT: "#090E13",
-  SECONDARY_TEXT: "rgba(10, 14, 19, 0.70)",
-  QUESTION_TYPE_ICON: "#1D7BFF",
-  QUESTION_BODY_TEXT: "#090E13",
-  PRESENTED_BY_TEXT: "#090E13",
-  SUCCESS: "#107D57",
-  UNSUCCESS: "#DF2F3B",
-  SECONDARY_RED1: "#DF2F3B",
-  NEUTRALS_WHITE: "#FFFFFF",
-  NEUTRALS_WHITE1: "#FFFFFF",
-  NEUTRALS_GRAY1: "#F7F7F7",
-  NEUTRALS_GRAY2: "#F2F2F1",
-  NEUTRALS_GRAY3: "#E8E8E8",
-  NEUTRALS_GRAY4: "#D9D9D6",
-  NEUTRALS_GRAY5: "#B1B3B3",
-  NEUTRALS_GRAY6: "#888B8D",
-  NEUTRALS_GRAY7: "#6B6F73",
-  NEUTRALS_GRAY9: "#25282A",
-  SDK_CONTAINER_BG: "#F7F7F7",
-  SDK_WHITE_CONTAINER_BG: "#fff",
-  SDK_DARK_CONTAINER_BG: "#fff",
-  SDK_PREDICTION_RESULT_SUCCESS_BG: "#fff",
-  SDK_PREDICTION_RESULT_INCORRECT_BG: "#fff",
-  SDK_PREDICTION_RESULT_SUCCESS_TEXT: "#107D57",
-  SDK_PREDICTION_RESULT_ERROR_TITLE: "#090E13",
-  SDK_PREDICTION_RESULT_ERROR_SUBTITLE: "#DF2F3B",
-  SDK_PREDICTION_RESULT_CLOSE_ICON: "#6B6F73",
-  SDK_PREDICTION_FEEDBACK_SUCCESS_ICON: "#107D57",
-  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1: "#CD2525",
-  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2: "#fff",
-  PREDICTION_BG_LINES_CORRECT: "#01AB58",
-  PREDICTION_BG_LINES_INCORRECT: "#888B8D",
-  SKELETON_COLOR_1: "#f1efef",
-  SKELETON_COLOR_2: "#f9f8f8",
-  TABS_CONTAINER_BG: "#F2F2F1",
-  TABS_ACTIVE_BG: "#FFFFFF",
-  TABS_COLOR: "#6B6F73",
-  TABS_ACTIVE_COLOR: "#1D7BFF",
-  CARD_BG: "#FFFFFF",
-  CARD_BORDER: "#fff",
-  BORDER: "#E8E8E8",
-  VOTE_BTN_BG: "#F7F7F7",
-  VOTE_BTN_BORDER: "rgb(232, 232, 232)",
-  VOTE_BTN_DISABLED_BORDER: "#B1B3B3",
-  VOTE_BTN_SELECTED_BORDER: "#25282A",
-  VOTE_BTN_NOT_SELECTED_BORDER: "#E8E8E8",
-  VOTE_BTN_SELECTED_BG: "#FFFFFF",
-  VOTE_BTN_SELECTED_BG_AD_UNIT: "#FFFFFF",
-  VOTE_BTN_NOT_SELECTED_BG: "#FFFFFF",
-  VOTE_BTN_NOT_SELECTED_BG_UNSET: "rgb(196, 196, 196)",
-  VOTED_ANSWER_BG: "#FFFFFF",
-  VOTED_BTN_RCT_BG: "#2d5694",
-  IN_APP_BG: "rgba(255, 255, 255, 0.90)",
-  IN_APP_QUESTION_TYPE_ICON: "#1D7BFF",
-  IN_APP_QUESTION_TYPE_LABEL: "#82899E",
-  IN_APP_QUESTION_QUOTE: "rgba(10, 14, 19, 0.70)",
-  IN_APP_QUESTION_RESULT_SUBTITLE_BG: "#1D7BFF",
-  IN_APP_QUESTION_RESULT_LINE: "#babfc5",
-  QUOTE_BORDER: "#E8E8E8",
-  QUOTE_TEXT: "rgba(10, 14, 19, 0.70)"
-}, W = {
-  BG_PRIMARY: "#13212b",
-  BG_SECONDARY: "#152430",
-  BG_SECONDARY1: "#435059",
-  BORDER_PRIMARY: "rgba(255, 255, 255, 0.1)",
-  TEXT_PRIMARY: "#f9f9f9",
-  TEXT_PRIMARY1: "#f9f9f9",
-  TEXT_SECONDARY: "rgba(255, 255, 255, 0.8)",
-  TEXT_SECONDARY1: "#878787",
-  WHITE: "#fff"
-}, x = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], M = "#cee5de", V = "#f9d6d8", Q = "#E8E8E8", le = {
-  xs: 324,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1440
-};
-Object.entries(K).reduce((t, [e, i]) => `
-    ${t}
-    --color-${e.toLowerCase().replaceAll("_", "-")}: ${i};
-  `, "");
-Object.entries(W).reduce((t, [e, i]) => `
-    ${t}
-    --color-adv-${e.toLowerCase().replaceAll("_", "-")}: ${i};
-  `, "");
-const X = (t) => {
-  const { Component: e, options: i, customOptions: n, autoFocus: r, ...a } = t, E = v.useFocusable({
-    ...i,
-    ...n,
-    onEnterPress: () => t.onClick?.({ currentTarget: E.ref.current, stopPropagation: () => {
-    } })
-  });
-  return L(() => {
-    r && E.focusSelf();
-  }, []), /* @__PURE__ */ d(e, { ...a, ...E, "data-is-with-focus": "true" });
-};
-function Te(t, e) {
-  return ({ webos: i, options: n, ...r }) => i ? /* @__PURE__ */ d(X, { Component: t, options: e, customOptions: n, ...r }) : /* @__PURE__ */ d(t, { ...r });
-}
-var U = typeof window > "u" ? L : w, j = ({ isPlaying: t, duration: e, startAt: i = 0, updateInterval: n = 0, onComplete: r, onUpdate: a }) => {
-  let [E, l] = A(i), T = S(0), R = S(i), s = S(i * -1e3), _ = S(null), o = S(null), c = S(null), m = (f) => {
-    let u = f / 1e3;
-    if (o.current === null) {
-      o.current = u, _.current = requestAnimationFrame(m);
-      return;
-    }
-    let F = u - o.current, C = T.current + F;
-    o.current = u, T.current = C;
-    let O = R.current + (n === 0 ? C : (C / n | 0) * n), D = R.current + C, g = typeof e == "number" && D >= e;
-    l(g ? e : O), g || (_.current = requestAnimationFrame(m));
-  }, I = () => {
-    _.current && cancelAnimationFrame(_.current), c.current && clearTimeout(c.current), o.current = null;
-  }, N = p((f) => {
-    I(), T.current = 0;
-    let u = typeof f == "number" ? f : i;
-    R.current = u, l(u), t && (_.current = requestAnimationFrame(m));
-  }, [t, i]);
-  return U(() => {
-    if (a?.(E), e && E >= e) {
-      s.current += e * 1e3;
-      let { shouldRepeat: f = !1, delay: u = 0, newStartAt: F } = r?.(s.current / 1e3) || {};
-      f && (c.current = setTimeout(() => N(F), u * 1e3));
-    }
-  }, [E, e]), U(() => (t && (_.current = requestAnimationFrame(m)), I), [t, e, n]), { elapsedTime: E, reset: N };
-}, z = (t, e, i) => {
-  let n = t / 2, r = e / 2, a = n - r, E = 2 * a, l = i === "clockwise" ? "1,0" : "0,1", T = 2 * Math.PI * a;
-  return { path: `m ${n},${r} a ${a},${a} 0 ${l} 0,${E} a ${a},${a} 0 ${l} 0,-${E}`, pathLength: T };
-}, G = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, H = (t) => ({ position: "relative", width: t, height: t }), q = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, k = (t, e, i, n, r) => {
-  if (n === 0) return e;
-  let a = (r ? n - t : t) / n;
-  return e + i * a;
-}, $ = (t) => {
-  var e, i;
-  return (i = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, r, a, E) => `#${r}${r}${a}${a}${E}${E}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? i : [];
-}, J = (t, e) => {
-  var i;
-  let { colors: n, colorsTime: r, isSmoothColorTransition: a = !0 } = t;
-  if (typeof n == "string") return n;
-  let E = (i = r?.findIndex((o, c) => o >= e && e >= r[c + 1])) != null ? i : -1;
-  if (!r || E === -1) return n[0];
-  if (!a) return n[E];
-  let l = r[E] - e, T = r[E] - r[E + 1], R = $(n[E]), s = $(n[E + 1]), _ = !!t.isGrowing;
-  return `rgb(${R.map((o, c) => k(l, o, s[c] - o, T, _) | 0).join(",")})`;
-}, Z = (t) => {
-  let { duration: e, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: a = 12, trailStrokeWidth: E, isPlaying: l = !1, isGrowing: T = !1, rotation: R = "clockwise", onComplete: s, onUpdate: _ } = t, o = S(), c = Math.max(a, E ?? 0), { path: m, pathLength: I } = z(r, c, R), { elapsedTime: N } = j({ isPlaying: l, duration: e, startAt: G(e, i), updateInterval: n, onUpdate: typeof _ == "function" ? (u) => {
-    let F = Math.ceil(e - u);
-    F !== o.current && (o.current = F, _(F));
-  } : void 0, onComplete: typeof s == "function" ? (u) => {
-    var F;
-    let { shouldRepeat: C, delay: O, newInitialRemainingTime: D } = (F = s(u)) != null ? F : {};
-    if (C) return { shouldRepeat: C, delay: O, newStartAt: G(e, D) };
-  } : void 0 }), f = e - N;
-  return { elapsedTime: N, path: m, pathLength: I, remainingTime: Math.ceil(f), rotation: R, size: r, stroke: J(t, f), strokeDashoffset: k(N, 0, I, e, T), strokeWidth: a };
-}, P = (t) => {
-  let { children: e, strokeLinecap: i, trailColor: n, trailStrokeWidth: r } = t, { path: a, pathLength: E, stroke: l, strokeDashoffset: T, remainingTime: R, elapsedTime: s, size: _, strokeWidth: o } = Z(t);
-  return B.createElement("div", { style: H(_) }, B.createElement("svg", { viewBox: `0 0 ${_} ${_}`, width: _, height: _, xmlns: "http://www.w3.org/2000/svg" }, B.createElement("path", { d: a, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: r ?? o }), B.createElement("path", { d: a, fill: "none", stroke: l, strokeLinecap: i ?? "round", strokeWidth: o, strokeDasharray: E, strokeDashoffset: T })), typeof e == "function" && B.createElement("div", { style: q }, e({ remainingTime: R, elapsedTime: s, color: l })));
-};
-P.displayName = "CountdownCircleTimer";
-const ee = [10, 10, 1, 0], te = /* @__PURE__ */ y("div")({
-  name: "RemainingTimeCircle",
-  class: "r165427",
-  propsAsIs: !1
-}), re = /* @__PURE__ */ y("div")({
-  name: "RemainingTime",
-  class: "r17garf3",
+import { jsx as t } from "react/jsx-runtime";
+import { s as l } from "./feature.js";
+const i = /* @__PURE__ */ l("div")({
+  name: "Container",
+  class: "cqg02m",
   propsAsIs: !1
-}), ne = M, h = V, Y = Q, se = ({
-  className: t,
-  duration: e = 30,
-  onTimerExpired: i,
-  isPlaying: n = !0
-}) => /* @__PURE__ */ d(P, {
-  isPlaying: n,
-  strokeWidth: 0,
-  duration: e,
-  colors: h,
-  size: 24,
-  onComplete: i,
-  children: ({
-    remainingTime: r
-  }) => /* @__PURE__ */ d(re, {
-    className: t,
-    children: e === 0 ? 0 : r
-  })
-}), Re = ({
-  isPlaying: t = !0,
-  duration: e = 30,
-  onTimerExpired: i
-}) => {
-  const [n, r] = A(e > 10 ? ne : h), [a, E] = A(2);
-  L(() => {
-    e === 0 && (E(0), r(Y));
-  }, [e]);
-  const l = ({
-    remainingTime: s
-  }) => /* @__PURE__ */ d(te, {
-    children: e === 0 ? 0 : s
-  }), T = p(() => {
-    i?.(), r(Y);
-  }, [i, r]), R = p((s) => {
-    s === 10 && r(h);
-  }, [r]);
-  return /* @__PURE__ */ d(P, {
-    isPlaying: t,
-    duration: e,
-    colors: x,
-    colorsTime: ee,
-    size: 32,
-    strokeWidth: a,
-    trailStrokeWidth: 2,
-    trailColor: n,
-    onComplete: T,
-    onUpdate: R,
-    children: l
-  });
-}, ue = ({ height: t = "37px", width: e = "37px" }) => /* @__PURE__ */ d("div", { style: { height: t, width: e }, children: /* @__PURE__ */ d(b, { name: "loader" }) });
+}), a = ({ children: s, style: e, loading: o }) => o ? /* @__PURE__ */ t(i, { style: e, children: s }) : s;
 export {
-  le as A,
-  se as G,
-  Re as L,
-  K as R,
-  Te as b,
-  ue as d
+  i as e,
+  a as i
 };

package/lib/es/index9.js

@@ -1,11 +1,240 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as l } from "./feature.js";
-const i = /* @__PURE__ */ l("div")({
-  name: "Container",
-  class: "cqg02m",
+import { jsx as d } from "react/jsx-runtime";
+import { d as v } from "./index15.js";
+import O, { useEffect as L, useRef as S, useState as A, useCallback as p, useLayoutEffect as w } from "react";
+import { s as y } from "./feature.js";
+import { M as b } from "./index5.js";
+const K = {
+  BLUE_QUESTION_ACTION_BTN: "#1589ee",
+  WHITE: "#FFFFFF",
+  BLUE: "#2d6ffd",
+  GREY_PRIMARY: "#909395",
+  GREY_PRIMARY_ONBOARDING_INAPP: "#B5B7B8",
+  PRIMARY_1: "#1D7BFF",
+  // main
+  PRIMARY_2: "#095CD1",
+  // hover, active, ...etc (darken 10%)
+  PRIMARY_TEXT: "#090E13",
+  SECONDARY_TEXT: "rgba(10, 14, 19, 0.70)",
+  QUESTION_TYPE_ICON: "#1D7BFF",
+  QUESTION_BODY_TEXT: "#090E13",
+  PRESENTED_BY_TEXT: "#090E13",
+  SUCCESS: "#107D57",
+  UNSUCCESS: "#DF2F3B",
+  SECONDARY_RED1: "#DF2F3B",
+  NEUTRALS_WHITE: "#FFFFFF",
+  NEUTRALS_WHITE1: "#FFFFFF",
+  NEUTRALS_GRAY1: "#F7F7F7",
+  NEUTRALS_GRAY2: "#F2F2F1",
+  NEUTRALS_GRAY3: "#E8E8E8",
+  NEUTRALS_GRAY4: "#D9D9D6",
+  NEUTRALS_GRAY5: "#B1B3B3",
+  NEUTRALS_GRAY6: "#888B8D",
+  NEUTRALS_GRAY7: "#6B6F73",
+  NEUTRALS_GRAY9: "#25282A",
+  SDK_CONTAINER_BG: "#F7F7F7",
+  SDK_WHITE_CONTAINER_BG: "#fff",
+  SDK_DARK_CONTAINER_BG: "#fff",
+  SDK_PREDICTION_RESULT_SUCCESS_BG: "#fff",
+  SDK_PREDICTION_RESULT_INCORRECT_BG: "#fff",
+  SDK_PREDICTION_RESULT_SUCCESS_TEXT: "#107D57",
+  SDK_PREDICTION_RESULT_ERROR_TITLE: "#090E13",
+  SDK_PREDICTION_RESULT_ERROR_SUBTITLE: "#DF2F3B",
+  SDK_PREDICTION_RESULT_CLOSE_ICON: "#6B6F73",
+  SDK_PREDICTION_FEEDBACK_SUCCESS_ICON: "#107D57",
+  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1: "#CD2525",
+  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2: "#fff",
+  PREDICTION_BG_LINES_CORRECT: "#01AB58",
+  PREDICTION_BG_LINES_INCORRECT: "#888B8D",
+  SKELETON_COLOR_1: "#f1efef",
+  SKELETON_COLOR_2: "#f9f8f8",
+  TABS_CONTAINER_BG: "#F2F2F1",
+  TABS_ACTIVE_BG: "#FFFFFF",
+  TABS_COLOR: "#6B6F73",
+  TABS_ACTIVE_COLOR: "#1D7BFF",
+  CARD_BG: "#FFFFFF",
+  CARD_BORDER: "#fff",
+  BORDER: "#E8E8E8",
+  VOTE_BTN_BG: "#F7F7F7",
+  VOTE_BTN_BORDER: "rgb(232, 232, 232)",
+  VOTE_BTN_DISABLED_BORDER: "#B1B3B3",
+  VOTE_BTN_SELECTED_BORDER: "#25282A",
+  VOTE_BTN_NOT_SELECTED_BORDER: "#E8E8E8",
+  VOTE_BTN_SELECTED_BG: "#FFFFFF",
+  VOTE_BTN_SELECTED_BG_AD_UNIT: "#FFFFFF",
+  VOTE_BTN_NOT_SELECTED_BG: "#FFFFFF",
+  VOTE_BTN_NOT_SELECTED_BG_UNSET: "rgb(196, 196, 196)",
+  VOTED_ANSWER_BG: "#FFFFFF",
+  VOTED_BTN_RCT_BG: "#2d5694",
+  IN_APP_BG: "rgba(255, 255, 255, 0.90)",
+  IN_APP_QUESTION_TYPE_ICON: "#1D7BFF",
+  IN_APP_QUESTION_TYPE_LABEL: "#82899E",
+  IN_APP_QUESTION_QUOTE: "rgba(10, 14, 19, 0.70)",
+  IN_APP_QUESTION_RESULT_SUBTITLE_BG: "#1D7BFF",
+  IN_APP_QUESTION_RESULT_LINE: "#babfc5",
+  QUOTE_BORDER: "#E8E8E8",
+  QUOTE_TEXT: "rgba(10, 14, 19, 0.70)"
+}, W = {
+  BG_PRIMARY: "#13212b",
+  BG_SECONDARY: "#152430",
+  BG_SECONDARY1: "#435059",
+  BORDER_PRIMARY: "rgba(255, 255, 255, 0.1)",
+  TEXT_PRIMARY: "#f9f9f9",
+  TEXT_PRIMARY1: "#f9f9f9",
+  TEXT_SECONDARY: "rgba(255, 255, 255, 0.8)",
+  TEXT_SECONDARY1: "#878787",
+  WHITE: "#fff"
+}, x = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], M = "#cee5de", V = "#f9d6d8", Q = "#E8E8E8", le = {
+  xs: 324,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1440
+};
+Object.entries(K).reduce((t, [e, i]) => `
+    ${t}
+    --color-${e.toLowerCase().replaceAll("_", "-")}: ${i};
+  `, "");
+Object.entries(W).reduce((t, [e, i]) => `
+    ${t}
+    --color-adv-${e.toLowerCase().replaceAll("_", "-")}: ${i};
+  `, "");
+const X = (t) => {
+  const { Component: e, options: i, customOptions: n, autoFocus: r, ...a } = t, E = v.useFocusable({
+    ...i,
+    ...n,
+    onEnterPress: () => t.onClick?.({ currentTarget: E.ref.current, stopPropagation: () => {
+    } })
+  });
+  return L(() => {
+    r && E.focusSelf();
+  }, []), /* @__PURE__ */ d(e, { ...a, ...E, "data-is-with-focus": "true" });
+};
+function Te(t, e) {
+  return ({ webos: i, options: n, ...r }) => i ? /* @__PURE__ */ d(X, { Component: t, options: e, customOptions: n, ...r }) : /* @__PURE__ */ d(t, { ...r });
+}
+var U = typeof window > "u" ? L : w, j = ({ isPlaying: t, duration: e, startAt: i = 0, updateInterval: n = 0, onComplete: r, onUpdate: a }) => {
+  let [E, l] = A(i), T = S(0), R = S(i), s = S(i * -1e3), _ = S(null), o = S(null), c = S(null), m = (f) => {
+    let u = f / 1e3;
+    if (o.current === null) {
+      o.current = u, _.current = requestAnimationFrame(m);
+      return;
+    }
+    let F = u - o.current, C = T.current + F;
+    o.current = u, T.current = C;
+    let B = R.current + (n === 0 ? C : (C / n | 0) * n), D = R.current + C, g = typeof e == "number" && D >= e;
+    l(g ? e : B), g || (_.current = requestAnimationFrame(m));
+  }, I = () => {
+    _.current && cancelAnimationFrame(_.current), c.current && clearTimeout(c.current), o.current = null;
+  }, N = p((f) => {
+    I(), T.current = 0;
+    let u = typeof f == "number" ? f : i;
+    R.current = u, l(u), t && (_.current = requestAnimationFrame(m));
+  }, [t, i]);
+  return U(() => {
+    if (a?.(E), e && E >= e) {
+      s.current += e * 1e3;
+      let { shouldRepeat: f = !1, delay: u = 0, newStartAt: F } = r?.(s.current / 1e3) || {};
+      f && (c.current = setTimeout(() => N(F), u * 1e3));
+    }
+  }, [E, e]), U(() => (t && (_.current = requestAnimationFrame(m)), I), [t, e, n]), { elapsedTime: E, reset: N };
+}, z = (t, e, i) => {
+  let n = t / 2, r = e / 2, a = n - r, E = 2 * a, l = i === "clockwise" ? "1,0" : "0,1", T = 2 * Math.PI * a;
+  return { path: `m ${n},${r} a ${a},${a} 0 ${l} 0,${E} a ${a},${a} 0 ${l} 0,-${E}`, pathLength: T };
+}, G = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, H = (t) => ({ position: "relative", width: t, height: t }), q = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, k = (t, e, i, n, r) => {
+  if (n === 0) return e;
+  let a = (r ? n - t : t) / n;
+  return e + i * a;
+}, $ = (t) => {
+  var e, i;
+  return (i = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, r, a, E) => `#${r}${r}${a}${a}${E}${E}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? i : [];
+}, J = (t, e) => {
+  var i;
+  let { colors: n, colorsTime: r, isSmoothColorTransition: a = !0 } = t;
+  if (typeof n == "string") return n;
+  let E = (i = r?.findIndex((o, c) => o >= e && e >= r[c + 1])) != null ? i : -1;
+  if (!r || E === -1) return n[0];
+  if (!a) return n[E];
+  let l = r[E] - e, T = r[E] - r[E + 1], R = $(n[E]), s = $(n[E + 1]), _ = !!t.isGrowing;
+  return `rgb(${R.map((o, c) => k(l, o, s[c] - o, T, _) | 0).join(",")})`;
+}, Z = (t) => {
+  let { duration: e, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: a = 12, trailStrokeWidth: E, isPlaying: l = !1, isGrowing: T = !1, rotation: R = "clockwise", onComplete: s, onUpdate: _ } = t, o = S(), c = Math.max(a, E ?? 0), { path: m, pathLength: I } = z(r, c, R), { elapsedTime: N } = j({ isPlaying: l, duration: e, startAt: G(e, i), updateInterval: n, onUpdate: typeof _ == "function" ? (u) => {
+    let F = Math.ceil(e - u);
+    F !== o.current && (o.current = F, _(F));
+  } : void 0, onComplete: typeof s == "function" ? (u) => {
+    var F;
+    let { shouldRepeat: C, delay: B, newInitialRemainingTime: D } = (F = s(u)) != null ? F : {};
+    if (C) return { shouldRepeat: C, delay: B, newStartAt: G(e, D) };
+  } : void 0 }), f = e - N;
+  return { elapsedTime: N, path: m, pathLength: I, remainingTime: Math.ceil(f), rotation: R, size: r, stroke: J(t, f), strokeDashoffset: k(N, 0, I, e, T), strokeWidth: a };
+}, P = (t) => {
+  let { children: e, strokeLinecap: i, trailColor: n, trailStrokeWidth: r } = t, { path: a, pathLength: E, stroke: l, strokeDashoffset: T, remainingTime: R, elapsedTime: s, size: _, strokeWidth: o } = Z(t);
+  return O.createElement("div", { style: H(_) }, O.createElement("svg", { viewBox: `0 0 ${_} ${_}`, width: _, height: _, xmlns: "http://www.w3.org/2000/svg" }, O.createElement("path", { d: a, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: r ?? o }), O.createElement("path", { d: a, fill: "none", stroke: l, strokeLinecap: i ?? "round", strokeWidth: o, strokeDasharray: E, strokeDashoffset: T })), typeof e == "function" && O.createElement("div", { style: q }, e({ remainingTime: R, elapsedTime: s, color: l })));
+};
+P.displayName = "CountdownCircleTimer";
+const ee = [10, 10, 1, 0], te = /* @__PURE__ */ y("div")({
+  name: "RemainingTimeCircle",
+  class: "r165427",
+  propsAsIs: !1
+}), re = /* @__PURE__ */ y("div")({
+  name: "RemainingTime",
+  class: "r17garf3",
   propsAsIs: !1
-}), a = ({ children: s, style: e, loading: o }) => o ? /* @__PURE__ */ t(i, { style: e, children: s }) : s;
+}), ne = M, h = V, Y = Q, se = ({
+  className: t,
+  duration: e = 30,
+  onTimerExpired: i,
+  isPlaying: n = !0
+}) => /* @__PURE__ */ d(P, {
+  isPlaying: n,
+  strokeWidth: 0,
+  duration: e,
+  colors: h,
+  size: 24,
+  onComplete: i,
+  children: ({
+    remainingTime: r
+  }) => /* @__PURE__ */ d(re, {
+    className: t,
+    children: e === 0 ? 0 : r
+  })
+}), Re = ({
+  isPlaying: t = !0,
+  duration: e = 30,
+  onTimerExpired: i
+}) => {
+  const [n, r] = A(e > 10 ? ne : h), [a, E] = A(2);
+  L(() => {
+    e === 0 && (E(0), r(Y));
+  }, [e]);
+  const l = ({
+    remainingTime: s
+  }) => /* @__PURE__ */ d(te, {
+    children: e === 0 ? 0 : s
+  }), T = p(() => {
+    i?.(), r(Y);
+  }, [i, r]), R = p((s) => {
+    s === 10 && r(h);
+  }, [r]);
+  return /* @__PURE__ */ d(P, {
+    isPlaying: t,
+    duration: e,
+    colors: x,
+    colorsTime: ee,
+    size: 32,
+    strokeWidth: a,
+    trailStrokeWidth: 2,
+    trailColor: n,
+    onComplete: T,
+    onUpdate: R,
+    children: l
+  });
+}, ue = ({ height: t = "37px", width: e = "37px" }) => /* @__PURE__ */ d("div", { style: { height: t, width: e }, children: /* @__PURE__ */ d(b, { name: "loader" }) });
 export {
-  i as e,
-  a as i
+  le as A,
+  se as G,
+  Re as L,
+  K as R,
+  Te as b,
+  ue as d
 };

package/lib/es/insight.js

@@ -1,10 +1,10 @@
 import { jsx as u, jsxs as c } from "react/jsx-runtime";
-import { h as p } from "./index6.js";
+import { h as p } from "./index7.js";
 import { u as a, s as h } from "./feature.js";
 import { useRef as f, useEffect as l } from "react";
-import { _ as I } from "./Question.js";
+import { t as I } from "./Question.js";
 import { S as g } from "./useStreamLayerApp2.js";
-import { Y as S, _ as k, g as Q } from "./hooks-n9ax4LRT.js";
+import { w as S, q as k, j as Q } from "./hooks-42q2i9Iw.js";
 const y = () => I, A = /* @__PURE__ */ h(y())({
   name: "QuestionWrap",
   class: "q10hhsxv",

package/lib/es/masters.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import { S as s, M as m } from "./masters2.js";
 import "react";
-import { Y as S } from "./hooks-n9ax4LRT.js";
+import { w as S } from "./hooks-42q2i9Iw.js";
 export {
   s as MastersStreamLayerProvider,
   m as MastersStreamLayerSDKReact,