@streamlayer/react-ui 0.89.7 → 0.90.0

package/lib/ui/app/Notifications/styles.js

@@ -1,31 +1,36 @@
 import { styled as s } from "@linaria/react";
-import { Pill as o } from "../../gamification/question/notification/pill/index.js";
-import { ShowIn as n } from "../../show-in/index.js";
+import { Pill as n } from "../../gamification/question/notification/pill/index.js";
+import { ShowIn as o } from "../../show-in/index.js";
 import "react/jsx-runtime";
 import "../../icons/index.js";
 import "react";
 import "../../gamification/question/notification/pill/styles.js";
 import "@linaria/core";
-const r = () => n, I = /* @__PURE__ */ s(r())({
+const i = () => o, h = /* @__PURE__ */ s(i())({
   name: "Container",
   class: "ctckejh",
   propsAsIs: !0
-}), h = /* @__PURE__ */ s("div")({
+}), r = /* @__PURE__ */ s("div")({
   name: "InnerContainer",
   class: "i1ri7tzr",
   propsAsIs: !1
-}), A = /* @__PURE__ */ s("div")({
+}), t = () => r, C = /* @__PURE__ */ s(t())({
+  name: "HiddenContainer",
+  class: "h1ng1qh5",
+  propsAsIs: !0
+}), u = /* @__PURE__ */ s("div")({
   name: "NotificationRefreshing",
-  class: "n1ng1qh5",
+  class: "nruq6ik",
   propsAsIs: !1
-}), t = () => o, C = /* @__PURE__ */ s(t())({
+}), e = () => n, A = /* @__PURE__ */ s(e())({
   name: "Pill",
-  class: "pruq6ik",
+  class: "pj6uyys",
   propsAsIs: !0
 });
 export {
-  I as Container,
-  h as InnerContainer,
-  A as NotificationRefreshing,
-  C as Pill
+  h as Container,
+  C as HiddenContainer,
+  r as InnerContainer,
+  u as NotificationRefreshing,
+  A as Pill
 };

package/lib/ui/app/Points/index.js

@@ -1,8 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useStore as u } from "@nanostores/react";
-import { useState as a, useEffect as p } from "react";
-import { FeatureType as c } from "@streamlayer/sdk-web-types";
+import { jsx as s } from "react/jsx-runtime";
+import { useState as p, useEffect as u } from "react";
+import { FeatureType as a } from "@streamlayer/sdk-web-types";
+import { useSdkFeature as c } from "../useSdkFeature.js";
 import { Points as f } from "../../gamification/points/index.js";
+import "@nanostores/react";
+import "@streamlayer/sdk-web-interfaces";
 import "../../animated-counter/index.js";
 import "react-countup";
 import "../../theme/theme.js";
@@ -11,22 +13,20 @@ import "../../gamification/points/styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 const S = ({ userSummary: t }) => {
-  const [o, r] = a(0);
-  return p(() => {
+  const [o, r] = p(0);
+  return u(() => {
     const n = t.subscribe((e) => {
-      var s, i;
-      (i = (s = e.data) == null ? void 0 : s.summary) != null && i.points && r(e.data.summary.points);
+      var i, m;
+      (m = (i = e.data) == null ? void 0 : i.summary) != null && m.points && r(e.data.summary.points);
     });
     return () => {
       n();
     };
-  }, [t]), /* @__PURE__ */ m(f, { points: o });
-}, j = ({ sdk: t }) => {
-  if (u(t.sdkStore.status) !== "ready")
-    return null;
-  const r = t.getFeature(c.GAMES);
-  return r ? /* @__PURE__ */ m(S, { userSummary: r.userSummary.getStore() }) : null;
+  }, [t]), /* @__PURE__ */ s(f, { points: o });
+}, k = ({ sdk: t }) => {
+  const [o, r] = c(t);
+  return o !== a.GAMES || !r ? null : /* @__PURE__ */ s(S, { userSummary: r.userSummary.getStore() });
 };
 export {
-  j as StreamLayerSDKPoints
+  k as StreamLayerSDKPoints
 };

package/lib/ui/app/masters.js

@@ -19,10 +19,10 @@ import "@streamlayer/sdk-web-interfaces";
 import "../navigation/masters.js";
 import "@linaria/react";
 import "../navigation/index.js";
-import "../../index_4nhkck-4ed993c7.js";
-import "../../masters_1wv7w2k-4ed993c7.js";
-import "../../index-ba93b6b2.js";
-import "../../index-39a0b9b6.js";
+import "../../index_ej4hfx-w40geAFS.js";
+import "../../masters_m6itlr-w40geAFS.js";
+import "../../index-jRXrW6ie.js";
+import "../../index-uEuzH3jr.js";
 import "@streamlayer/sdk-web-notifications";
 import "../gamification/constants.js";
 import "../gamification/question/notification/index.js";
@@ -62,7 +62,7 @@ import "./Notifications/styles.js";
 import "../gamification/question/notification/pill/index.js";
 import "../gamification/question/notification/pill/styles.js";
 import "../navigation/button/styles.js";
-import "../../LeaderBoard_16p26hz-4ed993c7.js";
+import "../../LeaderBoard_fzzlxb-w40geAFS.js";
 import "../navigation/button/index.js";
 import "lodash.throttle";
 const K = ({ sdk: t, className: p, scrollStore: e, appNode: r, scrollNode: a }) => {

package/lib/ui/app/styles.d.ts

@@ -2,13 +2,13 @@
 export declare const SDKContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SDKScrollContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SDKContentContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const SDKWhiteContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const SDKWhiteContainer: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
 export declare const TabsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LeaderboardContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const LeaderboardContainer: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const TabsNavContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const TabsNavContainer: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;

package/lib/ui/app/styles.js

@@ -1,17 +1,17 @@
 import { styled as s } from "@linaria/react";
-const c = /* @__PURE__ */ s("div")({
+const i = /* @__PURE__ */ s("div")({
   name: "SDKContainer",
   class: "stu11h7",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("div")({
   name: "SDKScrollContainer",
   class: "s1ucohr1",
   propsAsIs: !1
-}), e = /* @__PURE__ */ s("div")({
+}), a = /* @__PURE__ */ s("div")({
   name: "SDKContentContainer",
   class: "s1el4wvm",
   propsAsIs: !1
-}), a = () => e, n = /* @__PURE__ */ s(a())({
+}), e = () => a, n = /* @__PURE__ */ s(e())({
   name: "SDKWhiteContainer",
   class: "s1oe3036",
   propsAsIs: !0
@@ -30,9 +30,9 @@ const c = /* @__PURE__ */ s("div")({
 });
 export {
   l as LeaderboardContainer,
-  c as SDKContainer,
-  e as SDKContentContainer,
-  i as SDKScrollContainer,
+  i as SDKContainer,
+  a as SDKContentContainer,
+  c as SDKScrollContainer,
   n as SDKWhiteContainer,
   p as TabsContainer,
   C as TabsNavContainer

package/lib/ui/app/useMastersApp.js

@@ -7,9 +7,9 @@ import { FeaturedGroupsButtonId as n } from "../navigation/button/FeaturedGroups
 import "@linaria/react";
 import "../icons/index.js";
 import "../navigation/button/styles.js";
-import "../../LeaderBoard_16p26hz-4ed993c7.js";
-import "../../index_4nhkck-4ed993c7.js";
-import "../../masters_1wv7w2k-4ed993c7.js";
+import "../../LeaderBoard_fzzlxb-w40geAFS.js";
+import "../../index_ej4hfx-w40geAFS.js";
+import "../../masters_m6itlr-w40geAFS.js";
 import "../navigation/button/index.js";
 const U = (t) => {
   const a = h(""), [f, l] = d(!1), A = m(t.status), r = m(t.userId()), i = A === "ready", [s, u] = d(n), p = F(

package/lib/ui/app/useSdkFeature.d.ts

@@ -6,4 +6,4 @@ import { FeatureType } from '@streamlayer/sdk-web-types';
  * @param sdk - The StreamLayerSDK instance to manage the feature for.
  * @returns A tuple containing the active feature type and the active feature instance, or null if there is no active feature.
  */
-export declare const useSdkFeature: (sdk: StreamLayerSDK) => [FeatureType, Features | null];
+export declare const useSdkFeature: (sdk: StreamLayerSDK) => [FeatureType | undefined, Features | null];

package/lib/ui/app/useSdkFeature.js

@@ -7,7 +7,7 @@ const d = (r) => {
     const u = r.getFeatures();
     if (s)
       for (const [e, t] of u)
-        e === s ? t.status.get() === a.Suspended && (t.enable(), f(t)) : t.status.get() === a.Ready && t.disable();
+        e === s ? (t.status.get() === a.Suspended && t.enable(), f(t)) : t.status.get() === a.Ready && t.disable();
     else {
       for (const [, e] of u)
         e.status.get() === a.Ready && e.disable();

package/lib/ui/app/useSdkScroll.js

@@ -1,6 +1,6 @@
 import a from "lodash.throttle";
-import { useRef as f, useState as v, useCallback as d, useEffect as p } from "react";
-import { d as m } from "../../index-39a0b9b6.js";
+import { useRef as f, useState as v, useCallback as p, useEffect as d } from "react";
+import { p as m } from "../../index-uEuzH3jr.js";
 let h = Symbol("clean"), n = [], b = (i, r) => {
   let l = [], e = {
     get() {
@@ -52,7 +52,7 @@ let h = Symbol("clean"), n = [], b = (i, r) => {
     },
     value: i
   };
-  return m.process.env.NODE_ENV !== "production" && (e[h] = () => {
+  return m.env.NODE_ENV !== "production" && (e[h] = () => {
     l = [], e.lc = 0, e.off();
   }), e;
 }, g = (i = {}) => {
@@ -70,7 +70,7 @@ const w = () => {
       scrollPosition: 0,
       scrollDirection: "forward"
     })
-  ), e = d(
+  ), e = p(
     a((o) => {
       const s = o.target;
       if (!s)
@@ -80,7 +80,7 @@ const w = () => {
     }, 200),
     []
   );
-  return p(() => {
+  return d(() => {
     const o = i.current;
     return o ? (o.addEventListener("scroll", e), () => {
       o.removeEventListener("scroll", e);

package/lib/ui/gamification/copyNotification/styles.js

@@ -3,17 +3,17 @@ const n = /* @__PURE__ */ s("button")({
   name: "Container",
   class: "cpjnajb",
   propsAsIs: !1
-}), e = /* @__PURE__ */ s("div")({
+}), a = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "c4m6kaz",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("span")({
+}), e = /* @__PURE__ */ s("span")({
   name: "Title",
   class: "t1h8t9cc",
   propsAsIs: !1
 });
 export {
   n as Container,
-  e as Content,
-  o as Title
+  a as Content,
+  e as Title
 };

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

@@ -1,25 +1,25 @@
-import { jsxs as g, jsx as D } from "react/jsx-runtime";
-import { QuestionImages as N } from "@streamlayer/sdk-web-types";
-import { Container as n, Graphic as z, Content as T, Title as E, NextIcon as u, InsightIconDefault as A, InsightIconAbsolute as x, InsightIconCircle as t } from "./styles.js";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { QuestionImages as c } from "@streamlayer/sdk-web-types";
+import { Container as h, Graphic as l, Content as C, Title as g, NextIcon as a, InsightIconDefault as I, InsightIconAbsolute as d, InsightIconCircle as u } from "./styles.js";
 import "@linaria/react";
-const y = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNMTIgOC4xNzIyMkMxMiA4LjI4NzgzIDExLjk3ODEgOC4zOTU1MyAxMS45MzQyIDguNDk1MzNDMTEuODkwMyA4LjU5NTEzIDExLjgyMiA4LjY4OTkyIDExLjcyOTIgOC43Nzk3TDYuMzY5NDkgMTMuOTQzOUM2LjIxNDYyIDE0LjA5NjUgNi4wMjc0MiAxNC4xNzI5IDUuODA3ODcgMTQuMTcyOUM1LjY1NzUyIDE0LjE3MjkgNS41MjE5MSAxNC4xMzc5IDUuNDAxMDQgMTQuMDY3OUM1LjI4MDE2IDEzLjk5OCA1LjE4MzEgMTMuOTAzOSA1LjEwOTg2IDEzLjc4NTZDNS4wMzY2MiAxMy42NjczIDUgMTMuNTM0NSA1IDEzLjM4NzNDNSAxMy4xNzIxIDUuMDgyODggMTIuOTgxOCA1LjI0ODYzIDEyLjgxNjRMMTAuMDgwNyA4LjE3MDk1TDUuMjQ4NjMgMy41Mjc5OUM1LjA4Mjg4IDMuMzY0MjUgNSAzLjE3NDM5IDUgMi45NTg0MUM1IDIuODExMTggNS4wMzY2MiAyLjY3ODQyIDUuMTA5ODYgMi41NjAxM0M1LjE4MzEgMi40NDE4MyA1LjI4MDE2IDIuMzQ3NzEgNS40MDEwNCAyLjI3Nzc3QzUuNTIxOTEgMi4yMDc4MiA1LjY1NzUyIDIuMTcyODUgNS44MDc4NyAyLjE3Mjg1QzYuMDI3NDIgMi4xNzI4NSA2LjIxNDYyIDIuMjQ3MzEgNi4zNjk0OSAyLjM5NjI0TDExLjcyOTIgNy41NjQ3M0MxMS44MjExIDcuNjU0NTEgMTEuODg5IDcuNzQ5MDkgMTEuOTMyOSA3Ljg0ODQ2QzExLjk3NjggNy45NDc4NCAxMS45OTkxIDguMDU1NzYgMTIgOC4xNzIyMloiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K", O = (I, M) => {
-  switch (I) {
-    case N.ROUNDED:
-      return /* @__PURE__ */ D(t, { alt: "insight-icon", src: M });
-    case N.TRANSPARENT:
-      return /* @__PURE__ */ D(x, { alt: "insight-icon", src: M });
-    case N.CENTERED:
-      return /* @__PURE__ */ D(A, { alt: "insight-icon", src: M });
+const m = "data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Chevron'%3e%3cpath%20id='Chevron_2'%20d='M12%208.17222C12%208.28783%2011.9781%208.39553%2011.9342%208.49533C11.8903%208.59513%2011.822%208.68992%2011.7292%208.7797L6.36949%2013.9439C6.21462%2014.0965%206.02742%2014.1729%205.80787%2014.1729C5.65752%2014.1729%205.52191%2014.1379%205.40104%2014.0679C5.28016%2013.998%205.1831%2013.9039%205.10986%2013.7856C5.03662%2013.6673%205%2013.5345%205%2013.3873C5%2013.1721%205.08288%2012.9818%205.24863%2012.8164L10.0807%208.17095L5.24863%203.52799C5.08288%203.36425%205%203.17439%205%202.95841C5%202.81118%205.03662%202.67842%205.10986%202.56013C5.1831%202.44183%205.28016%202.34771%205.40104%202.27777C5.52191%202.20782%205.65752%202.17285%205.80787%202.17285C6.02742%202.17285%206.21462%202.24731%206.36949%202.39624L11.7292%207.56473C11.8211%207.65451%2011.889%207.74909%2011.9329%207.84846C11.9768%207.94784%2011.9991%208.05576%2012%208.17222Z'%20fill='%23FFFFFF'/%3e%3c/g%3e%3c/svg%3e", p = (i, n) => {
+  switch (i) {
+    case c.ROUNDED:
+      return /* @__PURE__ */ t(u, { alt: "insight-icon", src: n });
+    case c.TRANSPARENT:
+      return /* @__PURE__ */ t(d, { alt: "insight-icon", src: n });
+    case c.CENTERED:
+      return /* @__PURE__ */ t(I, { alt: "insight-icon", src: n });
     default:
       return null;
   }
-}, e = ({ title: I, image: M, questionId: j, imageMode: i, openInsight: c }) => /* @__PURE__ */ g(n, { onClick: () => c(j), children: [
-  /* @__PURE__ */ D(z, { children: M && O(i, M) }),
-  /* @__PURE__ */ g(T, { children: [
-    /* @__PURE__ */ D(E, { children: I || "" }),
-    /* @__PURE__ */ D(u, { alt: "next-icon", src: y })
+}, F = ({ title: i, image: n, questionId: r, imageMode: o, openInsight: s }) => /* @__PURE__ */ e(h, { onClick: () => s(r), children: [
+  /* @__PURE__ */ t(l, { children: n && p(o, n) }),
+  /* @__PURE__ */ e(C, { children: [
+    /* @__PURE__ */ t(g, { children: i || "" }),
+    /* @__PURE__ */ t(a, { alt: "next-icon", src: m })
   ] })
 ] });
 export {
-  e as Insight
+  F as Insight
 };

package/lib/ui/gamification/insight/styles.js

@@ -7,11 +7,11 @@ const e = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "c71yvf9",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), a = /* @__PURE__ */ s("div")({
   name: "Graphic",
   class: "gao3b2f",
   propsAsIs: !1
-}), a = /* @__PURE__ */ s("img")({
+}), t = /* @__PURE__ */ s("img")({
   name: "InsightIconDefault",
   class: "i1k4eec3",
   propsAsIs: !1
@@ -35,10 +35,10 @@ const e = /* @__PURE__ */ s("div")({
 export {
   e as Container,
   o as Content,
-  t as Graphic,
+  a as Graphic,
   i as InsightIconAbsolute,
   c as InsightIconCircle,
-  a as InsightIconDefault,
+  t as InsightIconDefault,
   p as NextIcon,
   l as Title
 };

package/lib/ui/gamification/insight-list/styles.js

@@ -1,14 +1,14 @@
 import { styled as s } from "@linaria/react";
-const e = /* @__PURE__ */ s("div")({
+const n = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "cddmj9e",
   propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "ItemsContainer",
   class: "i16t83sg",
   propsAsIs: !1
 });
 export {
-  e as Container,
-  n as ItemsContainer
+  n as Container,
+  t as ItemsContainer
 };

package/lib/ui/gamification/invite-link/index.js

@@ -1,16 +1,16 @@
-import { jsxs as N, jsx as M } from "react/jsx-runtime";
-import { Container as g, FriendsIcon as x, Content as E, Title as A, Description as z, ArrowInviteIcon as O } from "./styles.js";
+import { jsxs as i, jsx as C } from "react/jsx-runtime";
+import { Container as o, FriendsIcon as c, Content as l, Title as s, Description as h, ArrowInviteIcon as d } from "./styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
-const L = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC40NjE1IDEyLjY4NzVDOS40NDIzMSAxMi42ODc1IDguNjE1MzggMTMuNDY2NSA4LjYxNTM4IDE0LjQyNjZDOC42MTUzOCAxNS4zODY4IDkuNDQyMzEgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThDMTEuNDgwOCAxNi4xNjU4IDEyLjMwNzcgMTUuMzg2OCAxMi4zMDc3IDE0LjQyNjZDMTIuMzA3NyAxMy40NjY1IDExLjQ4MDggMTIuNjg3NSAxMC40NjE1IDEyLjY4NzVaTTEwLjQ2MTUgMTYuMTY1OEM5LjEwODE3IDE2LjE2NTggOCAxNy4yMDk3IDggMTguNDg0NlYxOS43NTI3QzggMTkuNzUyNyA4LjYxNTM4IDIwLjIyMzcgMTAuNDYxNSAyMC4yMjM3QzEyLjMwNzcgMjAuMjIzNyAxMi45MjMxIDE5Ljc1MjcgMTIuOTIzMSAxOS43NTI3VjE4LjQ4NDZDMTIuOTIzMSAxNy4yMDk3IDExLjgxNDkgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThaTTIxLjUzODUgMTIuNjg3NUMyMC41MTkyIDEyLjY4NzUgMTkuNjkyMyAxMy40NjY1IDE5LjY5MjMgMTQuNDI2NkMxOS42OTIzIDE1LjM4NjggMjAuNTE5MiAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OEMyMi41NTc3IDE2LjE2NTggMjMuMzg0NiAxNS4zODY4IDIzLjM4NDYgMTQuNDI2NkMyMy4zODQ2IDEzLjQ2NjUgMjIuNTU3NyAxMi42ODc1IDIxLjUzODUgMTIuNjg3NVpNMjEuNTM4NSAxNi4xNjU4QzIwLjE4NTEgMTYuMTY1OCAxOS4wNzY5IDE3LjIwOTcgMTkuMDc2OSAxOC40ODQ2VjE5Ljc1MjdDMTkuMDc2OSAxOS43NTI3IDE5LjY5MjMgMjAuMjIzNyAyMS41Mzg1IDIwLjIyMzdDMjMuMzg0NiAyMC4yMjM3IDI0IDE5Ljc1MjcgMjQgMTkuNzUyN1YxOC40ODQ2QzI0IDE3LjIwOTcgMjIuODkxOCAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OFpNMTYgMTUuMDA2M0MxNC45ODA4IDE1LjAwNjMgMTQuMTUzOCAxNS43ODUzIDE0LjE1MzggMTYuNzQ1NUMxNC4xNTM4IDE3LjcwNTYgMTQuOTgwOCAxOC40ODQ2IDE2IDE4LjQ4NDZDMTcuMDE5MiAxOC40ODQ2IDE3Ljg0NjIgMTcuNzA1NiAxNy44NDYyIDE2Ljc0NTVDMTcuODQ2MiAxNS43ODUzIDE3LjAxOTIgMTUuMDA2MyAxNiAxNS4wMDYzWk0xNiAxOC40ODQ2QzE0LjY0NjYgMTguNDg0NiAxMy41Mzg1IDE5LjUyODUgMTMuNTM4NSAyMC44MDM0VjIyLjA3MTVDMTMuNTM4NSAyMi4wNzE1IDE0LjE1MzggMjIuNTQyNSAxNiAyMi41NDI1QzE3Ljg0NjIgMjIuNTQyNSAxOC40NjE1IDIyLjA3MTUgMTguNDYxNSAyMi4wNzE1VjIwLjgwMzRDMTguNDYxNSAxOS41Mjg1IDE3LjM1MzQgMTguNDg0NiAxNiAxOC40ODQ2WiIgZmlsbD0iIzEwN0Q1NyIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMy4zOTA4IDlDMTIuMzEwMyA5IDExLjQzMzYgOS44MjU4NCAxMS40MzM2IDEwLjg0MzdDMTEuNDMzNiAxMS44NjE2IDEyLjMxMDMgMTIuNjg3NSAxMy4zOTA4IDEyLjY4NzVDMTQuNDcxMyAxMi42ODc1IDE1LjM0OCAxMS44NjE2IDE1LjM0OCAxMC44NDM3QzE1LjM0OCA5LjgyNTg0IDE0LjQ3MTMgOSAxMy4zOTA4IDlaTTEzLjM5MDggMTIuNjg3NUMxMy4xOTQ2IDEyLjY4NzUgMTIuOTk1OCAxMi42ODI3IDEyLjc5OTYgMTIuNzQ1MUMxMy4xOTIgMTMuMjM3MiAxMy4zOTA4IDEzLjg1NDIgMTMuMzkwOCAxNC41MzEyQzEzLjM5MDggMTQuNzc2MSAxMy4zMjk2IDE1LjAxNjEgMTMuMzI5NiAxNS4yNjFDMTMuODUyMSAxNC41MjQgMTQuNjk1NiAxNC4wMzkxIDE1LjY3NDIgMTMuOTE2NkMxNS4yMTggMTMuMTc5NiAxNC4zNjk0IDEyLjY4NzUgMTMuMzkwOCAxMi42ODc1Wk0xOC42MSA5QzE3LjUyOTUgOSAxNi42NTI4IDkuODI1ODQgMTYuNjUyOCAxMC44NDM3QzE2LjY1MjggMTEuODYxNiAxNy41Mjk1IDEyLjY4NzUgMTguNjEgMTIuNjg3NUMxOS42OTA1IDEyLjY4NzUgMjAuNTY3MiAxMS44NjE2IDIwLjU2NzIgMTAuODQzN0MyMC41NjcyIDkuODI1ODQgMTkuNjkwNSA5IDE4LjYxIDlaTTE4LjYxIDEyLjY4NzVDMTcuNjMxNCAxMi42ODc1IDE2Ljc4MjggMTMuMTc5NiAxNi4zMjY2IDEzLjkxNjZDMTcuMzA1MiAxNC4wMzkxIDE4LjE0ODcgMTQuNTI0IDE4LjY3MTIgMTUuMjYxQzE4LjY3MTIgMTUuMDE2MSAxOC42MSAxNC43NzYxIDE4LjYxIDE0LjUzMTJDMTguNjEgMTMuODU0MiAxOC44MDg4IDEzLjIzNzIgMTkuMjAxMiAxMi43NDUxQzE5LjAwNSAxMi42ODI3IDE4LjgwNjIgMTIuNjg3NSAxOC42MSAxMi42ODc1WiIgZmlsbD0iIzEwN0Q1NyIvPgo8L3N2Zz4K", Q = ({ title: D, description: j, onClick: I, className: T }) => /* @__PURE__ */ N(g, { onClick: I, className: T, children: [
-  /* @__PURE__ */ M(x, { alt: "friends-icon", src: L }),
-  /* @__PURE__ */ N(E, { children: [
-    /* @__PURE__ */ M(A, { children: D }),
-    /* @__PURE__ */ M(z, { children: j })
+const p = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", f = ({ title: t, description: e, onClick: n, className: r }) => /* @__PURE__ */ i(o, { onClick: n, className: r, children: [
+  /* @__PURE__ */ C(c, { alt: "friends-icon", src: p }),
+  /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ C(s, { children: t }),
+    /* @__PURE__ */ C(h, { children: e })
   ] }),
-  /* @__PURE__ */ M(O, { name: "icon-copy" })
+  /* @__PURE__ */ C(d, { name: "icon-copy" })
 ] });
 export {
-  Q as InviteLink
+  f as InviteLink
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ListProps } from 'react-window';
-import { LeaderboardItemProps } from '../../gamification/leaderboard/list-item';
+import { LeaderboardItemProps } from './list-item';
 type LeaderboardListProps = {
     items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
     currentUserId?: string;

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

@@ -10,7 +10,7 @@ import "./list-item/styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
-import "../../../styles_hxnaic-4ed993c7.js";
+import "../../../styles_z07sl8-w40geAFS.js";
 import "react-infinite-scroller";
 const M = ({
   items: r,

package/lib/ui/gamification/leaderboard/static.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ScrollStore } from '../../app/useSdkScroll';
-import { LeaderboardItemProps } from '../../gamification/leaderboard/list-item';
+import { LeaderboardItemProps } from './list-item';
 type LeaderboardListProps = {
     items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
     currentUserId?: string;

package/lib/ui/gamification/leaderboard/static.js

@@ -11,23 +11,23 @@ const m = /* @__PURE__ */ l("div")({
   class: "c16btbfp",
   propsAsIs: !1
 }), h = ({
-  items: e,
-  currentUserId: t,
+  items: t,
+  currentUserId: e,
   openItemDetail: i,
-  fetchMore: s,
-  scrollNode: a,
+  fetchMore: a,
+  scrollNode: s,
   hasMore: n
 }) => /* @__PURE__ */ o(p, {
-  loadMore: s,
+  loadMore: a,
   initialLoad: !1,
   hasMore: n,
   useWindow: !1,
-  getScrollParent: () => a.current,
+  getScrollParent: () => s.current,
   children: /* @__PURE__ */ o(m, {
-    children: e.map((r) => /* @__PURE__ */ o(d, {
+    children: t.map((r) => /* @__PURE__ */ o(d, {
       ...r,
       openItemDetail: () => i(r.userId),
-      isCurrentUser: !!t && t === r.userId
+      isCurrentUser: !!e && e === r.userId
     }, r.userId))
   })
 });

package/lib/ui/gamification/leaderboard/styles.js

@@ -1,5 +1,5 @@
 import { styled as o } from "@linaria/react";
-import "../../../styles_hxnaic-4ed993c7.js";
+import "../../../styles_z07sl8-w40geAFS.js";
 const l = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.js

@@ -7,11 +7,11 @@ const a = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "cjyzpp7",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), o = /* @__PURE__ */ s("div")({
   name: "Graphic",
   class: "g16mldgz",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "Headline",
   class: "h69js65",
   propsAsIs: !1
@@ -27,8 +27,8 @@ const a = /* @__PURE__ */ s("div")({
 export {
   a as Container,
   e as Content,
-  t as Graphic,
-  o as Headline,
+  o as Graphic,
+  t as Headline,
   c as StepIndicator,
   p as StepsContainer
 };

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

@@ -26,15 +26,15 @@ const l = /* @__PURE__ */ s("div")({
   name: "Subtext",
   class: "s1lhlj9j",
   propsAsIs: !1
-}), f = /* @__PURE__ */ s("div")({
+}), L = /* @__PURE__ */ s("div")({
   name: "LinkContainer",
   class: "l1wot35e",
   propsAsIs: !1
-}), L = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("span")({
+}), f = /* @__PURE__ */ s("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
   propsAsIs: !1
@@ -66,10 +66,10 @@ export {
   p as IconContainer,
   r as InviteGameIcon,
   A as LinkAddress,
-  f as LinkContainer,
+  L as LinkContainer,
   v as LinkIcon,
-  L as LinkInfo,
-  d as LinkTitle,
+  d as LinkInfo,
+  f as LinkTitle,
   S as SocialLink,
   b as SocialLinkLabel,
   C as SocialLinksContainer,

package/lib/ui/gamification/points/styles.js

@@ -10,11 +10,11 @@ const a = /* @__PURE__ */ s("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), n = () => o, c = /* @__PURE__ */ s(n())({
+}), n = () => o, r = /* @__PURE__ */ s(n())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
-}), r = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("div")({
   name: "PointsBody",
   class: "p12n4f2h",
   propsAsIs: !1
@@ -28,10 +28,10 @@ const a = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 });
 export {
-  r as PointsBody,
+  c as PointsBody,
   a as PointsContainer,
   l as PointsIcon,
-  c as PointsSvg,
+  r as PointsSvg,
   m as PointsTitle,
   P as PointsValue
 };

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

@@ -1,5 +1,5 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("div")({
+const t = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
@@ -10,5 +10,5 @@ const n = /* @__PURE__ */ s("div")({
 });
 export {
   o as ActionBtn,
-  n as Container
+  t as Container
 };

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

@@ -1,9 +1,9 @@
 import { styled as s } from "@linaria/react";
-const t = /* @__PURE__ */ s("div")({
+const e = /* @__PURE__ */ s("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
 });
 export {
-  t as QuestionsContainer
+  e as QuestionsContainer
 };

package/lib/ui/gamification/question/notification/insight/styles.js

@@ -1,5 +1,5 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("div")({
+const t = /* @__PURE__ */ s("div")({
   name: "InsightContainer",
   class: "i1pqqgpo",
   propsAsIs: !1
@@ -28,7 +28,7 @@ export {
   p as ActionBtn,
   i as Description,
   e as Image,
-  n as InsightContainer,
+  t as InsightContainer,
   o as InsightContent,
   a as Title
 };

package/lib/ui/gamification/question/notification/pill/styles.js

@@ -3,17 +3,17 @@ const n = /* @__PURE__ */ s("button")({
   name: "Container",
   class: "crkmfw1",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), e = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "c11awpy4",
   propsAsIs: !1
-}), e = /* @__PURE__ */ s("span")({
+}), o = /* @__PURE__ */ s("span")({
   name: "Title",
   class: "t154z7mh",
   propsAsIs: !1
 });
 export {
   n as Container,
-  o as Content,
-  e as Title
+  e as Content,
+  o as Title
 };