@streamlayer/react 1.23.2 → 1.24.0

package/lib/classic/es/index12.js

@@ -1,188 +1,185 @@
-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 "./index9.js";
-import { B as B1 } from "./index4.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)
+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 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", {
+  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"
-  })}` : `${o2.toLocaleDateString("en-US", {
+  })}` : `${n.toLocaleDateString("en-US", {
     month: "2-digit",
     day: "2-digit",
     year: "2-digit"
   })}`;
-};
-const t$1 = /* @__PURE__ */ styled_default("div")({
+}, D = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cjq447q",
-  propsAsIs: false
-}), r$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), H = /* @__PURE__ */ a("div")({
   name: "ImageContainer",
   class: "i14egogb",
-  propsAsIs: false
-}), c$1 = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), S = /* @__PURE__ */ a("img")({
   name: "Image",
   class: "i2g9g4l",
-  propsAsIs: false
-}), a$1 = () => B1, m$1 = /* @__PURE__ */ styled_default(a$1())({
+  propsAsIs: !1
+}), O = () => T, E = /* @__PURE__ */ a(O())({
   name: "TwitterIcon",
   class: "t1c454nm",
-  propsAsIs: true
-}), i$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !0
+}), b = /* @__PURE__ */ a("div")({
   name: "Details",
   class: "d11nigc3",
-  propsAsIs: false
-}), p$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), x = /* @__PURE__ */ a("div")({
   name: "Name",
   class: "nrxa4k8",
-  propsAsIs: false
-}), l$1 = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), C = /* @__PURE__ */ a("div")({
   name: "UserNameAndDate",
   class: "u1p051g3",
-  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" })
+  propsAsIs: !1
+}), 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__ */ jsxs(i$1, { children: [
-      c2 && /* @__PURE__ */ jsxs(p$1, { className: "SL_TweetAccountName", children: [
-        c2,
+    /* @__PURE__ */ t(b, { children: [
+      n && /* @__PURE__ */ t(x, { className: "SL_TweetAccountName", children: [
+        n,
         " ",
-        a2 && /* @__PURE__ */ jsx(B1, { name: "icon-twitter-verified" })
+        o && /* @__PURE__ */ s(T, { name: "icon-twitter-verified" })
       ] }),
-      n && /* @__PURE__ */ jsxs(l$1, { className: "SL_TweetAccountUserName", children: [
+      c && /* @__PURE__ */ t(C, { className: "SL_TweetAccountUserName", children: [
         "@",
-        n,
+        c,
         " ",
-        i2 && `･ ${i2}`
+        m && `･ ${m}`
       ] })
     ] })
   ] });
-};
-const l = /* @__PURE__ */ styled_default("div")({
+}, P = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1kzqw87",
-  propsAsIs: false
-}), t = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), M = /* @__PURE__ */ a("div")({
   name: "Details",
   class: "d9r1hf9",
-  propsAsIs: false
-}), i = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), R = /* @__PURE__ */ a("div")({
   name: "Body",
   class: "bezygt5",
-  propsAsIs: false
-}), m = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), d = /* @__PURE__ */ a("div")({
   name: "ImagesContainer",
   class: "i1y8f7ym",
-  propsAsIs: false
-}), c = /* @__PURE__ */ styled_default("div")({
+  propsAsIs: !1
+}), h = /* @__PURE__ */ a("div")({
   name: "ImagesBlock",
   class: "i18gwonx",
-  propsAsIs: false
-}), e = /* @__PURE__ */ styled_default("img")({
+  propsAsIs: !1
+}), N = /* @__PURE__ */ a("img")({
   name: "Image",
   class: "i3g0xjd",
-  propsAsIs: false
-}), a = () => e, p = /* @__PURE__ */ styled_default(a())({
+  propsAsIs: !1
+}), j = () => N, l = /* @__PURE__ */ a(j())({
   name: "ImageFullSize",
   class: "io8rt7p",
-  propsAsIs: true
-}), o = () => e, r = /* @__PURE__ */ styled_default(o())({
+  propsAsIs: !0
+}), V = () => N, f = /* @__PURE__ */ a(V())({
   name: "ImageHalfSize",
   class: "i4hn3ox",
-  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,
+  propsAsIs: !0
+}), _ = 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: 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
+            image: r,
+            name: m?.meta?.accountName,
+            userName: o,
+            verified: p,
+            createdTweet: m?.date
           }
         ),
-        /* @__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 })
+        /* @__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 })
           ] }),
-          (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?.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 })
             ] })
           ] }),
-          (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 })
+          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__ */ jsxs(c, { children: [
-              /* @__PURE__ */ jsx(p, { src: r$12[2].mediaUrlHttps }),
-              /* @__PURE__ */ jsx(p, { src: r$12[3].mediaUrlHttps })
+            /* @__PURE__ */ t(h, { children: [
+              /* @__PURE__ */ s(l, { src: e[2].mediaUrlHttps }),
+              /* @__PURE__ */ s(l, { src: e[3].mediaUrlHttps })
             ] })
           ] })
         ] })
       ] }),
-      !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,
+      !g && (e?.[0]?.type === "video" || e?.[0]?.type === "animated_gif") && A && /* @__PURE__ */ s(
+        y,
         {
-          muted: C,
-          source: m$12,
-          poster: r$12[0].mediaUrlHttps,
-          controlVideo: T
+          muted: c,
+          source: A,
+          poster: e[0].mediaUrlHttps,
+          controlVideo: v
         }
       )
     ] });
   }
 );
 export {
-  D$1 as D,
-  I,
-  D as a,
-  b,
-  e$1 as e,
-  o$1 as o,
-  s
+  F as D,
+  K as I,
+  Z as N,
+  G as e,
+  z as j,
+  J as o,
+  X as s
 };