@streamlayer/react-ui 0.93.0 → 0.94.0

package/lib/ui/app/useSdkScroll.js

@@ -1,35 +1,36 @@
-import { useStore as w } from "@nanostores/react";
+import { useStore as p } from "@nanostores/react";
 import S from "lodash.throttle";
-import { useRef as f, useState as h, useEffect as g } from "react";
+import { useRef as f, useState as h, useEffect as b } from "react";
 import { BREAKPOINTS as m } from "../theme/constants.js";
-import { m as v } from "../../index-keh7OLCY.js";
+import { m as g } from "../../index-keh7OLCY.js";
 import "../../index-uEuzH3jr.js";
 const D = (t, n) => {
   var r;
   (r = t.current) == null || r.scrollIntoView(n);
 }, I = (t, n) => {
   const r = f(null), l = f(0), [e] = h(
-    v({
+    g({
       scrollPosition: 0,
+      tabsShown: !0,
       scrollDirection: "forward"
     })
-  ), c = w(n);
-  return g(() => {
+  ), c = p(n);
+  return b(() => {
     const s = window.innerWidth < m.xl ? window : r.current;
     if (!s)
       return () => {
       };
-    const i = S((d) => {
+    const i = S((w) => {
       var a;
-      const u = d.target;
+      const u = w.target;
       if (!u)
         return;
       let o = 0;
       c.screen.size < m.xl ? o = ((a = t.current) == null ? void 0 : a.getBoundingClientRect().y) || 0 : o = u.scrollTop;
-      const p = l.current < o ? "forward" : "backward";
+      const d = l.current < o ? "forward" : "backward";
       l.current = o, e.set({
         scrollPosition: Math.round(o),
-        scrollDirection: p,
+        scrollDirection: d,
         tabsShown: e.get().tabsShown
       });
     }, 200);

package/lib/ui/gamification/onboarding/index.d.ts

@@ -15,7 +15,7 @@ type OnboardingType = OnboardingInviteCardProps & {
     primaryColor?: string;
     inviteCardBtnLabel?: string;
     loading: boolean;
-    renderToNode: AppNodeRef | HeaderNodeRef;
+    renderToNode?: AppNodeRef | HeaderNodeRef;
     onClose: () => void;
 };
 export declare const Onboarding: React.FC<OnboardingType>;

package/lib/ui/gamification/onboarding/index.js

@@ -10,7 +10,8 @@ import { Container as q, OnboardingHeader as J, CloseBtn as K, IconClose as Q, C
 import "../../skeleton/styles.js";
 import "@linaria/react";
 import "./slides/onboarding-instructions/styles.js";
-import "../../../useClipboardCopy-E5rEe6It.js";
+import "../../app/useClipboardCopy.js";
+import "../../../index-jRXrW6ie.js";
 import "../../../index-uEuzH3jr.js";
 import "../copyNotification/index.js";
 import "../../icons/index.js";
@@ -42,14 +43,14 @@ const m = {
   renderToNode: I,
   onClose: N
 }) => {
-  const [e, b] = c(0), [l, p] = c(!1), [n, o] = c(m);
+  const [o, p] = c(0), [l, b] = c(!1), [n, e] = c(m);
   j(() => {
-    i != null && i.length ? o({ ...m, steps: !0 }) : r != null && r.length ? o({ ...m, rules: !0 }) : o({ ...m, inviteCard: !0 });
+    i != null && i.length ? e({ ...m, steps: !0 }) : r != null && r.length ? e({ ...m, rules: !0 }) : e({ ...m, inviteCard: !0 });
   }, []);
-  const w = H(() => n.steps && e === 0 ? "Continue" : n.rules ? l || !a ? "Got it" : a : n.inviteCard ? h || "Play Now" : "Next", [n, e, l, a, h]), A = z(() => {
-    i != null && i.length && e < i.length - 1 ? b((d) => ++d) : r != null && r.length && n.steps ? o({ ...m, rules: !0 }) : n.rules && o({ ...m, inviteCard: !0 });
-  }, [e, i == null ? void 0 : i.length, r == null ? void 0 : r.length, n, b, o]), D = async () => {
-    n.inviteCard ? await S.onboardingStatus.submitInplay() : n.rules && l ? p(!1) : A();
+  const w = H(() => n.steps && o === 0 ? "Continue" : n.rules ? l || !a ? "Got it" : a : n.inviteCard ? h || "Play Now" : "Next", [n, o, l, a, h]), A = z(() => {
+    i != null && i.length && o < i.length - 1 ? p((d) => ++d) : r != null && r.length && n.steps ? e({ ...m, rules: !0 }) : n.rules && e({ ...m, inviteCard: !0 });
+  }, [o, i == null ? void 0 : i.length, r == null ? void 0 : r.length, n, p, e]), D = async () => {
+    n.inviteCard ? await S.onboardingStatus.submitInplay() : n.rules && l ? b(!1) : A();
   };
   return /* @__PURE__ */ t(E, { children: ({ width: d, height: C }) => /* @__PURE__ */ O(q, { style: { width: d, height: C, maxHeight: C }, children: [
     /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(K, { onClick: N, children: /* @__PURE__ */ t(Q, { name: "icon-close-btn-gray" }) }) }),
@@ -59,8 +60,8 @@ const m = {
         {
           loading: u,
           stepsCount: i.length,
-          currentStep: e,
-          ...i[e]
+          currentStep: o,
+          ...i[o]
         }
       ),
       n.rules && !l && /* @__PURE__ */ t(
@@ -70,7 +71,7 @@ const m = {
           rulesTitle: y,
           termsText: f,
           primaryColor: g,
-          openTerms: () => p(!0)
+          openTerms: () => b(!0)
         }
       ),
       n.rules && l && /* @__PURE__ */ t(R, { termsTitle: s, termsText: f }),

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.js

@@ -1,30 +1,31 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { u as I } from "../../../../../useClipboardCopy-E5rEe6It.js";
+import { useClipboardCopy as I } from "../../../../app/useClipboardCopy.js";
 import { SvgIcon as f } from "../../../../icons/index.js";
-import { Container as g, IconContainer as k, InviteGameIcon as s, Content as b, Heading as y, Subtext as u, LinkContainer as L, LinkInfo as S, LinkTitle as x, LinkAddress as v, LinkIcon as j, SocialLinksContainer as A, SocialLink as G, SocialLinkLabel as H } from "./styles.js";
+import { Container as g, IconContainer as k, InviteGameIcon as b, Content as s, Heading as y, Subtext as L, LinkContainer as S, LinkInfo as u, LinkTitle as x, LinkAddress as v, LinkIcon as j, SocialLinksContainer as A, SocialLink as G, SocialLinkLabel as H } from "./styles.js";
 import "react";
+import "../../../../../index-jRXrW6ie.js";
 import "../../../../../index-uEuzH3jr.js";
 import "../../../copyNotification/index.js";
 import "../../../copyNotification/styles.js";
 import "@linaria/react";
-const E = ({
+const F = ({
   renderToNode: t,
   inviteLink: r,
   socialLinks: i,
   inviteCardTitle: c,
   inviteCardSubtext: l,
-  primaryColor: a,
-  className: d
+  primaryColor: m,
+  className: a
 }) => {
-  const [m, p] = I(t);
-  return /* @__PURE__ */ o(g, { className: d, children: [
-    /* @__PURE__ */ n(k, { style: { backgroundColor: a }, children: /* @__PURE__ */ n(s, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ o(b, { children: [
+  const [d, p] = I(t);
+  return /* @__PURE__ */ o(g, { className: a, children: [
+    /* @__PURE__ */ n(k, { style: { backgroundColor: m }, children: /* @__PURE__ */ n(b, { name: "invite-game-icon" }) }),
+    /* @__PURE__ */ o(s, { children: [
       /* @__PURE__ */ n(y, { children: c || "" }),
-      /* @__PURE__ */ n(u, { children: l || "" })
+      /* @__PURE__ */ n(L, { children: l || "" })
     ] }),
-    r && /* @__PURE__ */ o(L, { onClick: () => m(r), children: [
-      /* @__PURE__ */ o(S, { children: [
+    r && /* @__PURE__ */ o(S, { onClick: () => d(r), children: [
+      /* @__PURE__ */ o(u, { children: [
         /* @__PURE__ */ n(x, { children: "Invite link" }),
         /* @__PURE__ */ n(v, { children: r })
       ] }),
@@ -38,5 +39,5 @@ const E = ({
   ] });
 };
 export {
-  E as OnboardingInviteCard
+  F as OnboardingInviteCard
 };

package/lib/ui/gamification/question/insight/index.js

@@ -1,14 +1,13 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { InsightContent as n } from "../../../questions/insight/index.js";
 import { Container as p, ActionBtn as c } from "./styles.js";
-import "react";
 import "../../../video-player/index.js";
+import "react";
 import "../../../icons/index.js";
 import "@linaria/react";
 import "../../../video-player/styles.js";
-import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
-const d = ({
+const a = ({
   openInsight: r,
   questionId: t,
   ...o
@@ -17,5 +16,5 @@ const d = ({
   r && /* @__PURE__ */ i(c, { onClick: () => r(t), children: "View Insight" })
 ] });
 export {
-  d as Insight
+  a as Insight
 };

package/lib/ui/gamification/question/list/index.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Question as b } from "../index.js";
-import { Insight as c } from "../insight/index.js";
-import { Twitter as d } from "../twitter/index.js";
-import { QuestionsContainer as f } from "./styles.js";
+import { Question as s } from "../index.js";
+import { Insight as b } from "../insight/index.js";
+import { Twitter as p } from "../twitter/index.js";
+import { QuestionsContainer as c } from "./styles.js";
 import "@streamlayer/sdk-web-types";
 import "../../constants.js";
 import "../styles.js";
@@ -12,32 +12,32 @@ import "react";
 import "../../../questions/insight/index.js";
 import "../../../video-player/index.js";
 import "../../../video-player/styles.js";
-import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
 import "../insight/styles.js";
 import "../../../questions/twitter/index.js";
 import "../../../questions/twitter/account/index.js";
+import "../../../../utils/common.js";
 import "../../../questions/twitter/account/styles.js";
 import "../../../questions/twitter/styles.js";
 import "../twitter/styles.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
-const J = ({ questions: m, openQuestion: o }) => /* @__PURE__ */ r(f, { children: m == null ? void 0 : m.map((t) => {
-  var a, u, n;
-  if (t.type === "question" && ((a = t.attributes) == null ? void 0 : a.attributes.case) === "question") {
+const H = ({ questions: e, openQuestion: m }) => /* @__PURE__ */ r(c, { children: e == null ? void 0 : e.map((t) => {
+  var o, u, n;
+  if (t.type === "question" && ((o = t.attributes) == null ? void 0 : o.attributes.case) === "question") {
     const i = t.attributes.attributes.value;
-    return /* @__PURE__ */ r(b, { openQuestion: o, ...i }, i.questionId);
+    return /* @__PURE__ */ r(s, { openQuestion: m, ...i }, i.questionId);
   }
   if (t.type === "insight" && ((u = t.attributes) == null ? void 0 : u.attributes.case) === "insight") {
-    const i = t.attributes.attributes.value, e = t.attributes.created;
-    return /* @__PURE__ */ r(c, { openInsight: o, ...i, created: e }, i.questionId);
+    const i = t.attributes.attributes.value;
+    return /* @__PURE__ */ r(b, { openInsight: m, ...i }, i.questionId);
   }
   if (t.type === "tweet" && ((n = t.attributes) == null ? void 0 : n.attributes.case) === "tweet") {
-    const i = t.attributes.attributes.value, e = t.attributes.id, s = t.attributes.created;
-    return /* @__PURE__ */ r(d, { openTweet: o, ...i, tweetId: e, created: s }, e);
+    const i = t.attributes.attributes.value, a = t.attributes.id;
+    return /* @__PURE__ */ r(p, { openTweet: m, ...i, tweetId: a }, a);
   }
   return null;
 }) });
 export {
-  J as QuestionList
+  H as QuestionList
 };

package/lib/ui/gamification/question/notification/index.js

@@ -12,10 +12,11 @@ import "../../../video-player/styles.js";
 import "./insight/styles.js";
 import "../../../questions/twitter/index.js";
 import "../../../questions/twitter/account/index.js";
+import "../../../../utils/common.js";
 import "../../../questions/twitter/account/styles.js";
 import "../../../questions/twitter/styles.js";
 import "./tweet/styles.js";
-const y = ({
+const z = ({
   close: n,
   action: i,
   data: { questionType: r, question: m, insight: l, tweet: e }
@@ -46,5 +47,5 @@ const y = ({
   ] }) : null;
 };
 export {
-  y as Notification
+  z as Notification
 };

package/lib/ui/gamification/question/notification/tweet/index.js

@@ -1,17 +1,20 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { TwitterContent as e } from "../../../../questions/twitter/index.js";
-import { Container as n, QuoteWrap as m, Quote as l, ActionBtn as p } from "./styles.js";
-import "../../../../questions/twitter/account/index.js";
+import { Container as m, QuoteWrap as n, Quote as p, ActionBtn as l } from "./styles.js";
+import "../../../../video-player/index.js";
+import "react";
 import "../../../../icons/index.js";
 import "@linaria/react";
-import "react";
+import "../../../../video-player/styles.js";
+import "../../../../questions/twitter/account/index.js";
+import "../../../../../utils/common.js";
 import "../../../../questions/twitter/account/styles.js";
 import "../../../../questions/twitter/styles.js";
-const j = ({ action: r, ...i }) => /* @__PURE__ */ o(n, { children: [
-  i.title && /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(l, { children: i.title }) }),
+const a = ({ action: r, ...i }) => /* @__PURE__ */ o(m, { children: [
+  i.title && /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(p, { children: i.title }) }),
   /* @__PURE__ */ t(e, { ...i }),
-  r && /* @__PURE__ */ t(p, { onClick: r, children: "View Insight" })
+  r && /* @__PURE__ */ t(l, { onClick: r, children: "View Insight" })
 ] });
 export {
-  j as Tweet
+  a as Tweet
 };

package/lib/ui/gamification/question/twitter/index.js

@@ -1,42 +1,25 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { TwitterContent as l } from "../../../questions/twitter/index.js";
-import { isValidDate as f, formatDate as d, formatTime as c } from "../../../../utils/common.js";
-import { Container as u, DateTime as p, Quote as s, ActionButton as h } from "./styles.js";
-import "../../../questions/twitter/account/index.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { TwitterContent as m } from "../../../questions/twitter/index.js";
+import { Container as e, Quote as n, ActionButton as p } from "./styles.js";
+import "../../../video-player/index.js";
+import "react";
 import "../../../icons/index.js";
 import "@linaria/react";
+import "../../../video-player/styles.js";
+import "../../../questions/twitter/account/index.js";
+import "../../../../utils/common.js";
 import "../../../questions/twitter/account/styles.js";
 import "../../../questions/twitter/styles.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
-const M = ({
-  openTweet: m,
-  created: i,
+const k = ({
+  openTweet: o,
   ...t
-}) => {
-  const r = a(() => {
-    if (i) {
-      const e = new Date(i);
-      if (f(e))
-        return {
-          date: d(e),
-          time: c(e)
-        };
-    }
-    return null;
-  }, [i]);
-  return /* @__PURE__ */ n(u, { children: [
-    r && /* @__PURE__ */ n(p, { children: [
-      r.date,
-      " · ",
-      r.time
-    ] }),
-    t.title && /* @__PURE__ */ o(s, { children: t.title }),
-    /* @__PURE__ */ o(l, { ...t }),
-    m && /* @__PURE__ */ o(h, { onClick: () => m(t.tweetId), children: "View Insight" })
-  ] });
-};
+}) => /* @__PURE__ */ r(e, { children: [
+  t.title && /* @__PURE__ */ i(n, { children: t.title }),
+  /* @__PURE__ */ i(m, { ...t }),
+  o && /* @__PURE__ */ i(p, { onClick: () => o(t.tweetId), children: "View Insight" })
+] });
 export {
-  M as Twitter
+  k as Twitter
 };

package/lib/ui/gamification/question/twitter/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ActionButton: any;
-export declare const DateTime: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Quote: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLQuoteElement> & import("react").BlockquoteHTMLAttributes<HTMLQuoteElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/twitter/styles.js

@@ -1,27 +1,22 @@
-import { styled as s } from "@linaria/react";
-import { Button as o } from "../../../button/index.js";
+import { styled as o } from "@linaria/react";
+import { Button as t } from "../../../button/index.js";
 import "react/jsx-runtime";
 import "../../../button/styles.js";
-const r = /* @__PURE__ */ s("div")({
+const a = /* @__PURE__ */ o("div")({
   name: "Container",
   class: "cl56x6b",
   propsAsIs: !1
-}), t = () => o, c = /* @__PURE__ */ s(t())({
+}), s = () => t, c = /* @__PURE__ */ o(s())({
   name: "ActionButton",
   class: "a11pzf92",
   propsAsIs: !0
-}), m = /* @__PURE__ */ s("div")({
-  name: "DateTime",
-  class: "d1hbaleq",
-  propsAsIs: !1
-}), i = /* @__PURE__ */ s("blockquote")({
+}), i = /* @__PURE__ */ o("blockquote")({
   name: "Quote",
-  class: "qvvgqjm",
+  class: "q1hbaleq",
   propsAsIs: !1
 });
 export {
   c as ActionButton,
-  r as Container,
-  m as DateTime,
+  a as Container,
   i as Quote
 };

package/lib/ui/gamification/vote/insight-details/index.js

@@ -1,20 +1,19 @@
 import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { SvgIcon as l } from "../../../icons/index.js";
+import { SvgIcon as p } from "../../../icons/index.js";
 import { InsightContent as b } from "../../../questions/insight/index.js";
 import { Container as k, WebLinkBtn as c } from "./styles.js";
 import "@linaria/react";
 import "react";
 import "../../../video-player/index.js";
 import "../../../video-player/styles.js";
-import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
-const C = ({ instantView: r, ...p }) => /* @__PURE__ */ o(k, { children: [
-  /* @__PURE__ */ m(b, { instantView: r, ...p, isDetail: !0 }),
+const j = ({ instantView: r, ...l }) => /* @__PURE__ */ o(k, { children: [
+  /* @__PURE__ */ m(b, { instantView: r, ...l, isDetail: !0 }),
   (r == null ? void 0 : r.webLink) && /* @__PURE__ */ o(c, { href: r == null ? void 0 : r.webLink.url, target: "_blank", children: [
     r == null ? void 0 : r.webLink.label,
-    /* @__PURE__ */ m(l, { name: "icon-external-link" })
+    /* @__PURE__ */ m(p, { name: "icon-external-link" })
   ] })
 ] });
 export {
-  C as InsightDetails
+  j as InsightDetails
 };

package/lib/ui/gamification/vote/twitter-details/index.js

@@ -1,35 +1,19 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { TwitterContent as a } from "../../../questions/twitter/index.js";
-import { isValidDate as f, formatDate as l, formatTime as p } from "../../../../utils/common.js";
-import { Container as s, DateTime as d, Quote as u } from "./styles.js";
-import "../../../questions/twitter/account/index.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { TwitterContent as o } from "../../../questions/twitter/index.js";
+import { Container as m, Quote as e } from "./styles.js";
+import "../../../video-player/index.js";
+import "react";
 import "../../../icons/index.js";
 import "@linaria/react";
+import "../../../video-player/styles.js";
+import "../../../questions/twitter/account/index.js";
+import "../../../../utils/common.js";
 import "../../../questions/twitter/account/styles.js";
 import "../../../questions/twitter/styles.js";
-const V = ({ created: t, ...i }) => {
-  const e = n(() => {
-    if (t) {
-      const r = new Date(t);
-      if (f(r))
-        return {
-          date: l(r),
-          time: p(r)
-        };
-    }
-    return null;
-  }, [t]);
-  return /* @__PURE__ */ m(s, { children: [
-    e && /* @__PURE__ */ m(d, { children: [
-      e.date,
-      " · ",
-      e.time
-    ] }),
-    i.title && /* @__PURE__ */ o(u, { children: i.title }),
-    /* @__PURE__ */ o(a, { ...i })
-  ] });
-};
+const w = (t) => /* @__PURE__ */ r(m, { children: [
+  t.title && /* @__PURE__ */ i(e, { children: t.title }),
+  /* @__PURE__ */ i(o, { ...t, isDetail: !0 })
+] });
 export {
-  V as TwitterDetails
+  w as TwitterDetails
 };

package/lib/ui/gamification/vote/twitter-details/styles.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const DateTime: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Quote: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLQuoteElement> & import("react").BlockquoteHTMLAttributes<HTMLQuoteElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/twitter-details/styles.js

@@ -1,19 +1,14 @@
 import { styled as s } from "@linaria/react";
-const o = /* @__PURE__ */ s("div")({
+const e = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c1dcxmvf",
   propsAsIs: !1
-}), a = /* @__PURE__ */ s("div")({
-  name: "DateTime",
-  class: "db4q22c",
-  propsAsIs: !1
 }), t = /* @__PURE__ */ s("blockquote")({
   name: "Quote",
-  class: "q111mmic",
+  class: "qb4q22c",
   propsAsIs: !1
 });
 export {
-  o as Container,
-  a as DateTime,
+  e as Container,
   t as Quote
 };

package/lib/ui/modal/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type ModalProps = {
+    Modal: React.ReactNode;
+    container: React.MutableRefObject<HTMLDivElement | null>;
+    fixedView: boolean;
+    useContainer: boolean;
+};
+export declare const createModal: ({ Modal, container, fixedView, useContainer }: ModalProps) => import("react").ReactPortal | null;
+export {};

package/lib/ui/modal/index.js

@@ -0,0 +1,34 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cx as l } from "@linaria/core";
+import { styled as m } from "@linaria/react";
+import { r as n } from "../../index-jRXrW6ie.js";
+import "../../index-uEuzH3jr.js";
+import "react";
+const c = /* @__PURE__ */ m("div")({
+  name: "StaticContainer",
+  class: "svm502q",
+  propsAsIs: !1
+}), i = "fd3gza8", d = `
+  body {
+    overflow: hidden !important;
+  }
+`, p = `
+  .sl-hide-on-modal {
+    display: none !important;
+  }
+`, C = ({
+  Modal: o,
+  container: t,
+  fixedView: r,
+  useContainer: s
+}) => t.current ? s ? n.createPortal(/* @__PURE__ */ a(c, {
+  className: l(r && i),
+  children: [o, r && /* @__PURE__ */ e("style", {
+    children: d
+  }), !r && /* @__PURE__ */ e("style", {
+    children: p
+  })]
+}), t.current, "modal-node") : n.createPortal(o, t.current, "modal-node") : null;
+export {
+  C as createModal
+};

package/lib/ui/navigation/button/FeaturedGroups.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from '.';
 export declare const FeaturedGroupsButtonId = "featuredGroups";
-export declare const FeaturedGroupsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'>>;
+export declare const FeaturedGroupsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'> & {
+    labelFull: boolean;
+}>;

package/lib/ui/navigation/button/FeaturedGroups.js

@@ -1,26 +1,26 @@
-import { jsx as r } from "react/jsx-runtime";
-import { styled as e } from "@linaria/react";
-import { SvgIcon as n } from "../../icons/index.js";
-import { Button as s } from "./index.js";
+import { jsx as e } from "react/jsx-runtime";
+import { styled as r } from "@linaria/react";
+import { SvgIcon as u } from "../../icons/index.js";
+import { Button as n } from "./index.js";
 import "react";
 import "./styles.js";
-const u = () => n, c = /* @__PURE__ */ e(u())({
+const s = () => u, a = /* @__PURE__ */ r(s())({
   name: "ButtonIcon",
   class: "b11des7c",
   propsAsIs: !0
-}), l = "featuredGroups", B = (t) => {
+}), f = "featuredGroups", G = (t) => {
   var o;
-  return /* @__PURE__ */ r(s, {
+  return /* @__PURE__ */ e(n, {
     ...t,
-    label: "FG+",
+    label: t.labelFull ? "Featured Groups +" : "FG+",
     id: "featuredGroups",
-    icon: /* @__PURE__ */ r(c, {
+    icon: /* @__PURE__ */ e(a, {
       name: "icon-btn-feature-groups",
       "data-selected": (o = t.active) == null ? void 0 : o.toString()
     })
   });
 };
 export {
-  B as FeaturedGroupsButton,
-  l as FeaturedGroupsButtonId
+  G as FeaturedGroupsButton,
+  f as FeaturedGroupsButtonId
 };

package/lib/ui/questions/insight/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { InsightHistory, FeedItem } from '@streamlayer/sdk-web-types';
+import { InsightHistory } from '@streamlayer/sdk-web-types';
 export type InsightContentProps = InsightHistory & {
-    created?: FeedItem['created'];
     isDetail?: boolean;
 };
 export declare const InsightContent: React.FC<InsightContentProps>;