@streamlayer/react 1.23.1 → 1.24.0

package/lib/classic/es/index12.js

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