@streamlayer/react 1.23.1 → 1.23.2

package/lib/es/index12.js

@@ -1,183 +1,188 @@
-import { s } from "./sl-types.js";
-import { Q as n } from "./useStreamLayerApp2.js";
-import { jsxs as a, jsx as i, Fragment as O } from "react/jsx-runtime";
-import { memo as b, useMemo as x } from "react";
-import { E as C } from "./index13.js";
-import { B as H } from "./index6.js";
-const ae = {
-  [n.TWEET]: { label: "Insight", iconName: "icon-insight" },
-  [n.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
-  [n.UNSET]: void 0,
-  [n.FACTOID]: { label: "Insight", iconName: "icon-insight" },
-  [n.POLL]: { label: "Poll", iconName: "icon-poll" },
-  [n.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
-  [n.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
-}, ne = {
-  [n.TWEET]: "Learn more",
-  [n.FACTOID]: "Learn more",
-  [n.POLL]: "Answer",
-  [n.TRIVIA]: "Answer",
-  [n.PREDICTION]: "Answer",
-  [n.PROMOTION]: "",
-  [n.UNSET]: ""
-}, le = (t) => t.split(/\s+/).map((l) => l[0]).join("").toUpperCase(), oe = (t) => t ? t.toLocaleString("en-US") : "0", P = (t) => {
-  const l = new Date(t);
-  if (!l)
+import { s as styled_default } from "./sl-types.js";
+import { Q as QuestionType } from "./useStreamLayerApp2.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { E as Et } from "./index13.js";
+import { B as B1 } from "./index6.js";
+const e$1 = {
+  [QuestionType.TWEET]: { label: "Insight", iconName: "icon-insight" },
+  [QuestionType.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
+  [QuestionType.UNSET]: void 0,
+  [QuestionType.FACTOID]: { label: "Insight", iconName: "icon-insight" },
+  [QuestionType.POLL]: { label: "Poll", iconName: "icon-poll" },
+  [QuestionType.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
+  [QuestionType.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
+}, o$1 = {
+  [QuestionType.TWEET]: "Learn more",
+  [QuestionType.FACTOID]: "Learn more",
+  [QuestionType.POLL]: "Answer",
+  [QuestionType.TRIVIA]: "Answer",
+  [QuestionType.PREDICTION]: "Answer",
+  [QuestionType.PROMOTION]: "",
+  [QuestionType.UNSET]: ""
+};
+const I = (t2) => t2.split(/\s+/).map((n) => n[0]).join("").toUpperCase(), s = (t2) => t2 ? t2.toLocaleString("en-US") : "0", L = (t2) => {
+  const o2 = new Date(t2);
+  if (!o2)
     return "";
-  const m = /* @__PURE__ */ new Date(), o = Math.floor(m.getTime() - l.getTime());
-  return o < 6e4 ? `${Math.floor(o / 1e3)}s` : o < 36e5 ? `${Math.floor(o / 6e4)}m` : o < 864e5 ? `${Math.floor(o / 36e5)}h` : l.getFullYear() === m.getFullYear() ? `${l.toLocaleDateString("en-US", {
+  const r2 = /* @__PURE__ */ new Date(), e2 = Math.floor(r2.getTime() - o2.getTime());
+  return e2 < 6e4 ? `${Math.floor(e2 / 1e3)}s` : e2 < 36e5 ? `${Math.floor(e2 / 6e4)}m` : e2 < 864e5 ? `${Math.floor(e2 / 36e5)}h` : o2.getFullYear() === r2.getFullYear() ? `${o2.toLocaleDateString("en-US", {
     month: "short",
     day: "numeric"
-  })}` : `${l.toLocaleDateString("en-US", {
+  })}` : `${o2.toLocaleDateString("en-US", {
     month: "2-digit",
     day: "2-digit",
     year: "2-digit"
   })}`;
-}, M = /* @__PURE__ */ s("div")({
+};
+const t$1 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "cjq447q",
-  propsAsIs: !1
-}), R = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), r$1 = /* @__PURE__ */ styled_default("div")({
   name: "ImageContainer",
   class: "i14egogb",
-  propsAsIs: !1
-}), F = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), c$1 = /* @__PURE__ */ styled_default("img")({
   name: "Image",
   class: "i2g9g4l",
-  propsAsIs: !1
-}), j = () => H, V = /* @__PURE__ */ s(j())({
+  propsAsIs: false
+}), a$1 = () => B1, m$1 = /* @__PURE__ */ styled_default(a$1())({
   name: "TwitterIcon",
   class: "t1c454nm",
-  propsAsIs: !0
-}), _ = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), i$1 = /* @__PURE__ */ styled_default("div")({
   name: "Details",
   class: "d11nigc3",
-  propsAsIs: !1
-}), z = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), p$1 = /* @__PURE__ */ styled_default("div")({
   name: "Name",
   class: "nrxa4k8",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l$1 = /* @__PURE__ */ styled_default("div")({
   name: "UserNameAndDate",
   class: "u1p051g3",
-  propsAsIs: !1
-}), k = ({ image: t, name: l, userName: m, verified: o, createdTweet: p }) => {
-  const r = p && P(p);
-  return /* @__PURE__ */ a(M, { children: [
-    t && /* @__PURE__ */ a(R, { children: [
-      /* @__PURE__ */ i(F, { className: "SL_AccountImage", src: t }),
-      /* @__PURE__ */ i(V, { name: "twitter" })
+  propsAsIs: false
+});
+const D$1 = ({ image: r2, name: c2, userName: n, verified: a2, createdTweet: o2 }) => {
+  const i2 = o2 && L(o2);
+  return /* @__PURE__ */ jsxs(t$1, { children: [
+    r2 && /* @__PURE__ */ jsxs(r$1, { children: [
+      /* @__PURE__ */ jsx(c$1, { className: "SL_AccountImage", src: r2 }),
+      /* @__PURE__ */ jsx(m$1, { name: "twitter" })
     ] }),
-    /* @__PURE__ */ a(_, { children: [
-      l && /* @__PURE__ */ a(z, { className: "SL_TweetAccountName", children: [
-        l,
+    /* @__PURE__ */ jsxs(i$1, { children: [
+      c2 && /* @__PURE__ */ jsxs(p$1, { className: "SL_TweetAccountName", children: [
+        c2,
         " ",
-        o && /* @__PURE__ */ i(H, { name: "icon-twitter-verified" })
+        a2 && /* @__PURE__ */ jsx(B1, { name: "icon-twitter-verified" })
       ] }),
-      m && /* @__PURE__ */ a(B, { className: "SL_TweetAccountUserName", children: [
+      n && /* @__PURE__ */ jsxs(l$1, { className: "SL_TweetAccountUserName", children: [
         "@",
-        m,
+        n,
         " ",
-        r && `･ ${r}`
+        i2 && `･ ${i2}`
       ] })
     ] })
   ] });
-}, q = /* @__PURE__ */ s("div")({
+};
+const l = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1kzqw87",
-  propsAsIs: !1
-}), Q = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), t = /* @__PURE__ */ styled_default("div")({
   name: "Details",
   class: "d9r1hf9",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), i = /* @__PURE__ */ styled_default("div")({
   name: "Body",
   class: "bezygt5",
-  propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), m = /* @__PURE__ */ styled_default("div")({
   name: "ImagesContainer",
   class: "i1y8f7ym",
-  propsAsIs: !1
-}), v = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), c = /* @__PURE__ */ styled_default("div")({
   name: "ImagesBlock",
   class: "i18gwonx",
-  propsAsIs: !1
-}), L = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), e = /* @__PURE__ */ styled_default("img")({
   name: "Image",
   class: "i3g0xjd",
-  propsAsIs: !1
-}), Y = () => L, c = /* @__PURE__ */ s(Y())({
+  propsAsIs: false
+}), a = () => e, p = /* @__PURE__ */ styled_default(a())({
   name: "ImageFullSize",
   class: "io8rt7p",
-  propsAsIs: !0
-}), G = () => L, I = /* @__PURE__ */ s(G())({
+  propsAsIs: true
+}), o = () => e, r = /* @__PURE__ */ styled_default(o())({
   name: "ImageHalfSize",
   class: "i4hn3ox",
-  propsAsIs: !0
-}), J = new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"), K = (t) => t == null ? void 0 : t.replace(J, ""), re = b(
-  ({ image: t, body: l, muted: m, account: o, accountVerified: p, tweet: r, isDetail: h, controlVideo: S }) => {
-    var A, f, T, N, U;
-    const e = (f = (A = r == null ? void 0 : r.meta) == null ? void 0 : A.extendedEntities) == null ? void 0 : f.media, g = e == null ? void 0 : e.find(({ type: u }) => u === "photo"), $ = x(() => {
-      var u, w, D, y;
-      return (y = (D = (w = (u = e == null ? void 0 : e[0]) == null ? void 0 : u.videoInfo) == null ? void 0 : w.variants) == null ? void 0 : D.findLast(({ contentType: E }) => E === "video/mp4")) == null ? void 0 : y.url;
-    }, [e]);
-    return /* @__PURE__ */ a(q, { children: [
-      /* @__PURE__ */ a(Q, { children: [
-        /* @__PURE__ */ i(
-          k,
+  propsAsIs: true
+});
+const A = new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"), D = (c2) => c2 == null ? void 0 : c2.replace(A, ""), b = memo(
+  ({ image: c$12, body: y, muted: C, account: z, accountVerified: F, tweet: n, isDetail: d, controlVideo: T }) => {
+    var h, g, H, U, f;
+    const r$12 = (g = (h = n == null ? void 0 : n.meta) == null ? void 0 : h.extendedEntities) == null ? void 0 : g.media, i$12 = r$12 == null ? void 0 : r$12.find(({ type: e2 }) => e2 === "photo"), m$12 = useMemo(() => {
+      var e2, u, v, I2;
+      return (I2 = (v = (u = (e2 = r$12 == null ? void 0 : r$12[0]) == null ? void 0 : e2.videoInfo) == null ? void 0 : u.variants) == null ? void 0 : v.findLast(({ contentType: j }) => j === "video/mp4")) == null ? void 0 : I2.url;
+    }, [r$12]);
+    return /* @__PURE__ */ jsxs(l, { children: [
+      /* @__PURE__ */ jsxs(t, { children: [
+        /* @__PURE__ */ jsx(
+          D$1,
           {
-            image: t,
-            name: (T = r == null ? void 0 : r.meta) == null ? void 0 : T.accountName,
-            userName: o,
-            verified: p,
-            createdTweet: r == null ? void 0 : r.date
+            image: c$12,
+            name: (H = n == null ? void 0 : n.meta) == null ? void 0 : H.accountName,
+            userName: z,
+            verified: F,
+            createdTweet: n == null ? void 0 : n.date
           }
         ),
-        /* @__PURE__ */ i(W, { children: K(l) }),
-        !h && g && /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(c, { src: e == null ? void 0 : e[0].mediaUrlHttps }) }),
-        h && g && /* @__PURE__ */ a(O, { children: [
-          (e == null ? void 0 : e.length) === 1 && /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(c, { src: e[0].mediaUrlHttps }) }),
-          (e == null ? void 0 : e.length) === 2 && /* @__PURE__ */ a(d, { children: [
-            /* @__PURE__ */ i(I, { src: e[0].mediaUrlHttps }),
-            /* @__PURE__ */ i(I, { src: e[1].mediaUrlHttps })
+        /* @__PURE__ */ jsx(i, { children: D(y) }),
+        !d && i$12 && /* @__PURE__ */ jsx(m, { children: /* @__PURE__ */ jsx(p, { src: r$12 == null ? void 0 : r$12[0].mediaUrlHttps }) }),
+        d && i$12 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          (r$12 == null ? void 0 : r$12.length) === 1 && /* @__PURE__ */ jsx(m, { children: /* @__PURE__ */ jsx(p, { src: r$12[0].mediaUrlHttps }) }),
+          (r$12 == null ? void 0 : r$12.length) === 2 && /* @__PURE__ */ jsxs(m, { children: [
+            /* @__PURE__ */ jsx(r, { src: r$12[0].mediaUrlHttps }),
+            /* @__PURE__ */ jsx(r, { src: r$12[1].mediaUrlHttps })
           ] }),
-          (e == null ? void 0 : e.length) === 3 && /* @__PURE__ */ a(d, { children: [
-            /* @__PURE__ */ i(I, { src: e[0].mediaUrlHttps }),
-            /* @__PURE__ */ a(v, { children: [
-              /* @__PURE__ */ i(c, { src: e[1].mediaUrlHttps }),
-              /* @__PURE__ */ i(c, { src: e[2].mediaUrlHttps })
+          (r$12 == null ? void 0 : r$12.length) === 3 && /* @__PURE__ */ jsxs(m, { children: [
+            /* @__PURE__ */ jsx(r, { src: r$12[0].mediaUrlHttps }),
+            /* @__PURE__ */ jsxs(c, { children: [
+              /* @__PURE__ */ jsx(p, { src: r$12[1].mediaUrlHttps }),
+              /* @__PURE__ */ jsx(p, { src: r$12[2].mediaUrlHttps })
             ] })
           ] }),
-          (e == null ? void 0 : e.length) === 4 && /* @__PURE__ */ a(d, { children: [
-            /* @__PURE__ */ a(v, { children: [
-              /* @__PURE__ */ i(c, { src: e[0].mediaUrlHttps }),
-              /* @__PURE__ */ i(c, { src: e[1].mediaUrlHttps })
+          (r$12 == null ? void 0 : r$12.length) === 4 && /* @__PURE__ */ jsxs(m, { children: [
+            /* @__PURE__ */ jsxs(c, { children: [
+              /* @__PURE__ */ jsx(p, { src: r$12[0].mediaUrlHttps }),
+              /* @__PURE__ */ jsx(p, { src: r$12[1].mediaUrlHttps })
             ] }),
-            /* @__PURE__ */ a(v, { children: [
-              /* @__PURE__ */ i(c, { src: e[2].mediaUrlHttps }),
-              /* @__PURE__ */ i(c, { src: e[3].mediaUrlHttps })
+            /* @__PURE__ */ jsxs(c, { children: [
+              /* @__PURE__ */ jsx(p, { src: r$12[2].mediaUrlHttps }),
+              /* @__PURE__ */ jsx(p, { src: r$12[3].mediaUrlHttps })
             ] })
           ] })
         ] })
       ] }),
-      !g && (((N = e == null ? void 0 : e[0]) == null ? void 0 : N.type) === "video" || ((U = e == null ? void 0 : e[0]) == null ? void 0 : U.type) === "animated_gif") && $ && /* @__PURE__ */ i(
-        C,
+      !i$12 && (((U = r$12 == null ? void 0 : r$12[0]) == null ? void 0 : U.type) === "video" || ((f = r$12 == null ? void 0 : r$12[0]) == null ? void 0 : f.type) === "animated_gif") && m$12 && /* @__PURE__ */ jsx(
+        Et,
         {
-          muted: m,
-          source: $,
-          poster: e[0].mediaUrlHttps,
-          controlVideo: S
+          muted: C,
+          source: m$12,
+          poster: r$12[0].mediaUrlHttps,
+          controlVideo: T
         }
       )
     ] });
   }
 );
 export {
-  k as D,
-  le as I,
-  K as a,
-  re as b,
-  ae as e,
-  ne as o,
-  oe as s
+  D$1 as D,
+  I,
+  D as a,
+  b,
+  e$1 as e,
+  o$1 as o,
+  s
 };