@streamlayer/react 1.21.3 → 1.22.1

package/lib/es/sl-types.js

@@ -0,0 +1,277 @@
+import o from "react";
+import { listenKeys as y } from "nanostores";
+var L = function() {
+  const t = Array.prototype.slice.call(arguments).filter(Boolean), r = {}, a = [];
+  t.forEach((n) => {
+    (n ? n.split(" ") : []).forEach((s) => {
+      if (s.startsWith("atm_")) {
+        const [, _] = s.split("_");
+        r[_] = s;
+      } else
+        a.push(s);
+    });
+  });
+  const i = [];
+  for (const n in r)
+    Object.prototype.hasOwnProperty.call(r, n) && i.push(r[n]);
+  return i.push(...a), i.join(" ");
+}, I = L;
+const v = {
+  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)"
+}, x = {
+  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"
+}, te = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], re = "#cee5de", ne = "#f9d6d8", ae = "#E8E8E8", ie = {
+  REGULAR: "'SF Pro Text', Arial, Helvetica, sans-serif",
+  SERIF: "'SF Pro Display', Arial, Helvetica, sans-serif",
+  COLOR: "#fff",
+  WEIGHT_DEFAULT: "500",
+  WEIGHT_DEFAULT1: "500",
+  WEIGHT_DEFAULT2: "400",
+  WEIGHT_DEFAULT3: "500",
+  SIZE_DEFAULT: "16px",
+  SIZE_DEFAULT1: "14px",
+  SIZE_DEFAULT2: "12px",
+  LINE_HEIGHT: "24px",
+  MARGIN_TITLE_DEFAULT: "0px 0px 12px"
+}, se = {
+  xs: 324,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1440
+}, oe = {
+  landscape: "landscape",
+  portrait: "portrait"
+}, le = Object.entries(v).reduce((e, [t, r]) => `
+    ${e}
+    --color-${t.toLowerCase().replaceAll("_", "-")}: ${r};
+  `, ""), ce = Object.entries(x).reduce((e, [t, r]) => `
+    ${e}
+    --color-adv-${t.toLowerCase().replaceAll("_", "-")}: ${r};
+  `, "");
+function U(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var P = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, R = /* @__PURE__ */ U(
+  function(e) {
+    return P.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), b = (e) => e.toUpperCase() === e, k = (e) => (t) => e.indexOf(t) === -1, N = (e, t) => {
+  const r = {};
+  return Object.keys(e).filter(k(t)).forEach((a) => {
+    r[a] = e[a];
+  }), r;
+};
+function G(e, t, r) {
+  const a = N(t, r);
+  if (!e) {
+    const i = typeof R == "function" ? { default: R } : R;
+    Object.keys(a).forEach((n) => {
+      i.default(n) || delete a[n];
+    });
+  }
+  return a;
+}
+var w = (e, t) => {
+};
+function Y(e) {
+  let t = "";
+  return (r) => {
+    const a = (n, c) => {
+      const { as: s = e, class: _ = t } = n, B = r.propsAsIs === void 0 ? !(typeof s == "string" && s.indexOf("-") === -1 && !b(s[0])) : r.propsAsIs, l = G(B, n, [
+        "as",
+        "class"
+      ]);
+      l.ref = c, l.className = r.atomic ? I(r.class, l.className || _) : I(l.className || _, r.class);
+      const { vars: f } = r;
+      if (f) {
+        const d = {};
+        for (const u in f) {
+          const F = f[u], T = F[0], g = F[1] || "", A = typeof T == "function" ? T(n) : T;
+          w(A, r.name), d[`--${u}`] = `${A}${g}`;
+        }
+        const m = l.style || {}, O = Object.keys(m);
+        O.length > 0 && O.forEach((u) => {
+          d[u] = m[u];
+        }), l.style = d;
+      }
+      return e.__wyw_meta && e !== s ? (l.as = s, o.createElement(e, l)) : o.createElement(s, l);
+    }, i = o.forwardRef ? o.forwardRef(a) : (
+      // React.forwardRef won't available on older React versions and in Preact
+      // Fallback to a innerRef prop in that case
+      (n) => {
+        const c = N(n, ["innerRef"]);
+        return a(c, n.innerRef);
+      }
+    );
+    return i.displayName = r.name, i.__wyw_meta = {
+      className: r.class || t,
+      extends: e
+    }, i;
+  };
+}
+var Ee = Y, C = { exports: {} }, h = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var E = o;
+function H(e, t) {
+  return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+}
+var M = typeof Object.is == "function" ? Object.is : H, V = E.useState, K = E.useEffect, W = E.useLayoutEffect, X = E.useDebugValue;
+function Q(e, t) {
+  var r = t(), a = V({ inst: { value: r, getSnapshot: t } }), i = a[0].inst, n = a[1];
+  return W(
+    function() {
+      i.value = r, i.getSnapshot = t, p(i) && n({ inst: i });
+    },
+    [e, r, t]
+  ), K(
+    function() {
+      return p(i) && n({ inst: i }), e(function() {
+        p(i) && n({ inst: i });
+      });
+    },
+    [e]
+  ), X(r), r;
+}
+function p(e) {
+  var t = e.getSnapshot;
+  e = e.value;
+  try {
+    var r = t();
+    return !M(e, r);
+  } catch {
+    return !0;
+  }
+}
+function $(e, t) {
+  return t();
+}
+var j = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? $ : Q;
+h.useSyncExternalStore = E.useSyncExternalStore !== void 0 ? E.useSyncExternalStore : j;
+C.exports = h;
+var z = C.exports;
+const S = (e, t) => (r) => {
+  e.current !== r && (e.current = r, t());
+};
+function q(e, { keys: t, deps: r = [e, t] } = {}) {
+  const a = o.useRef();
+  a.current = e.get();
+  const i = o.useCallback((c) => (S(a, c)(e.value), (t == null ? void 0 : t.length) > 0 ? y(e, t, S(a, c)) : e.listen(S(a, c))), r), n = () => a.current;
+  return o.useSyncExternalStore ? o.useSyncExternalStore(i, n, n) : z.useSyncExternalStore(i, n, n);
+}
+const ue = q, Z = () => [
+  !1,
+  (e) => {
+    window.requestAnimationFrame(() => e());
+  }
+], _e = o.useTransition || Z;
+var D;
+(function(e) {
+  e[e.ONBOARDING = 1] = "ONBOARDING", e[e.QUESTION = 2] = "QUESTION", e[e.QUESTION_RESOLVED = 3] = "QUESTION_RESOLVED";
+})(D || (D = {}));
+export {
+  se as A,
+  oe as B,
+  le as C,
+  ie as D,
+  te as I,
+  ce as L,
+  ne as N,
+  re as O,
+  v as R,
+  ae as S,
+  D as a,
+  _e as b,
+  I as c,
+  Ee as s,
+  ue as u
+};

package/lib/es/storage.js

@@ -0,0 +1,113 @@
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { s as e } from "./sl-types.js";
+import { e as A } from "./index12.js";
+import { e as Q, i as l } from "./index9.js";
+import { B as m } from "./index6.js";
+import { P as n, Q as r, a as h } from "./useStreamLayerApp2.js";
+const S = /* @__PURE__ */ e("div")({
+  name: "QuestionItem",
+  class: "q1w97g3p",
+  propsAsIs: !1
+}), T = /* @__PURE__ */ e("div")({
+  name: "QuestionCaption",
+  class: "q2sl39u",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ e("div")({
+  name: "QuestionBody",
+  class: "qd5h0uc",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ e("div")({
+  name: "QuestionAction",
+  class: "q105uluy",
+  propsAsIs: !1
+}), L = () => m, i = /* @__PURE__ */ e(L())({
+  name: "QuestionActionIcon",
+  class: "q1fa0b9h",
+  propsAsIs: !0
+}), k = () => i, E = /* @__PURE__ */ e(k())({
+  name: "QuestionCheckIcon",
+  class: "qxlt78s",
+  propsAsIs: !0
+}), N = () => m, P = /* @__PURE__ */ e(N())({
+  name: "QuestionTypeIcon",
+  class: "qmg0vkx",
+  propsAsIs: !0
+}), b = /* @__PURE__ */ e("div")({
+  name: "QuestionTypeLabel",
+  class: "q1uz5j1g",
+  propsAsIs: !1
+}), g = /* @__PURE__ */ e("div")({
+  name: "QuestionContent",
+  class: "qc3icwa",
+  propsAsIs: !1
+}), w = /* @__PURE__ */ e("button")({
+  name: "PlayButton",
+  class: "p169lohr",
+  propsAsIs: !1
+}), x = /* @__PURE__ */ e("div")({
+  name: "SkeletonContainer",
+  class: "s1f43z3r",
+  propsAsIs: !1
+}), D = () => Q, B = /* @__PURE__ */ e(D())({
+  name: "SkeletonButton",
+  class: "s16k8geu",
+  propsAsIs: !0
+}), C = {
+  [n.LOST]: /* @__PURE__ */ s(i, { name: "incorrectVoted" }),
+  [n.WON]: /* @__PURE__ */ s(E, { name: "icon-check" }),
+  [n.UNSET]: /* @__PURE__ */ s(i, { name: "icon-arrow" }),
+  [n.DNP]: /* @__PURE__ */ s(i, { name: "icon-arrow" })
+}, F = () => /* @__PURE__ */ o(x, { children: [
+  /* @__PURE__ */ s(l, { loading: !0, style: { width: "35%" } }),
+  /* @__PURE__ */ s(l, { loading: !0, style: { width: "70%" } }),
+  /* @__PURE__ */ s(B, {})
+] }), O = ({ questionTypeData: t, questionType: a, questionStatus: p }) => /* @__PURE__ */ o(T, { className: "SL_QuestionCaption", children: [
+  /* @__PURE__ */ s(
+    P,
+    {
+      className: "SL_QuestionTypeIcon",
+      "data-testid": "question-type-icon",
+      "data-type-trivia": a === r.TRIVIA,
+      "data-type-poll": a === r.POLL,
+      name: t.iconName
+    }
+  ),
+  /* @__PURE__ */ o(b, { className: "SL_QuestionTypeLabel", children: [
+    t.label,
+    a === r.TRIVIA && p === h.RESOLVED && " • Expired"
+  ] })
+] }), H = ({
+  questionId: t,
+  questionType: a,
+  questionStatus: p,
+  subject: d,
+  openForVoting: I,
+  status: y
+}) => {
+  const c = A[a], q = C[y];
+  return c ? /* @__PURE__ */ o(S, { "data-a": "intr", "data-name": t, children: [
+    /* @__PURE__ */ o(g, { children: [
+      /* @__PURE__ */ s(
+        O,
+        {
+          questionTypeData: c,
+          questionType: a,
+          questionStatus: p
+        }
+      ),
+      /* @__PURE__ */ s(f, { children: d || "" })
+    ] }),
+    /* @__PURE__ */ s(v, { children: I ? /* @__PURE__ */ s(w, { "data-a": "intr", "data-name": t, children: "Play" }) : q })
+  ] }) : null;
+};
+var u;
+(function(t) {
+  t.OPENED = "opened";
+})(u || (u = {}));
+export {
+  F as D,
+  H as R,
+  w as S,
+  S as r,
+  O as x
+};

package/lib/es/theme.js

@@ -0,0 +1,47 @@
+import "react/jsx-runtime";
+import { A as a, B as r, C as s, L as x, D as n } from "./sl-types.js";
+const d = (e) => (t) => `
+  @media only screen and (${e}) {
+    ${t}
+  }
+`, c = (e, t) => (i) => `
+  @media only screen and (${e}) and (${t}) {
+    ${i}
+  }
+`, l = (e, t) => (i) => `
+  @media only screen and (${e}) and (${t}) {
+    ${i}
+  }
+`, p = {
+  up: (e) => {
+    const t = a[e];
+    return d(`min-width: ${t}px`);
+  },
+  down: (e) => {
+    const t = a[e] - 1;
+    return d(`max-width: ${t}px`);
+  },
+  intermediate: (e, t) => {
+    const i = a[e] - 1, o = a[t];
+    return c(`max-width: ${i}px`, `min-width: ${o}px`);
+  },
+  composite: (e, t) => {
+    const i = a[e] - 1, o = r[t];
+    return l(`max-width: ${i}px`, `orientation: ${o}`);
+  },
+  orientation: (e) => {
+    const t = r[e];
+    return d(`orientation: ${t}`);
+  }
+};
+`${s}${x}${n.REGULAR}${n.REGULAR}${n.COLOR}${n.SERIF}${n.WEIGHT_DEFAULT}${n.WEIGHT_DEFAULT1}${n.WEIGHT_DEFAULT2}${n.WEIGHT_DEFAULT3}${n.SIZE_DEFAULT}${n.SIZE_DEFAULT1}${n.SIZE_DEFAULT2}${n.LINE_HEIGHT}${n.MARGIN_TITLE_DEFAULT}${p.down("xl")`
+    --header-offset: 0px;
+  `}${p.intermediate("xl", "lg")`
+    --header-offset: 0px;
+  `}`;
+const g = "StreamLayerCSSReset", h = "ttkj0ah";
+export {
+  p as c,
+  h,
+  g as m
+};

package/lib/es/useStreamLayerApp.js

@@ -1,5 +1,4 @@
-import { u as a } from "./useStreamLayerApp2.js";
-import "react";
+import { $ as a } from "./useStreamLayerApp2.js";
 export {
   a as useStreamLayerApp
 };