@streamlayer/react-ui 0.89.7 → 0.91.0

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

@@ -1,19 +1,21 @@
-import { jsxs as h, Fragment as S, jsx as s } from "react/jsx-runtime";
-import { useStore as b } from "@nanostores/react";
-import { useState as a, useMemo as T, useEffect as d, useRef as x, useCallback as v } from "react";
-import { r as D } from "../../../index-ba93b6b2.js";
+import { jsxs as h, Fragment as v, jsx as m } from "react/jsx-runtime";
+import { useStore as O } from "@nanostores/react";
+import { useState as a, useMemo as S, useEffect as g, useRef as T, useCallback as R } from "react";
+import { r as C } from "../../../useClipboardCopy-E5rEe6It.js";
 import { NotificationType as c } from "@streamlayer/sdk-web-notifications";
-import { QuestionTypeData as E } from "../../gamification/constants.js";
-import { Notification as O } from "../../gamification/question/notification/index.js";
-import { PredictionResult as P } from "../../gamification/question/notification/prediction-result/index.js";
-import { Onboarding as C } from "./Onboarding/index.js";
-import { Pill as I, InnerContainer as R, Container as q, NotificationRefreshing as B } from "./styles.js";
-import "../../../index-39a0b9b6.js";
+import { QuestionTypeData as D } from "../../gamification/constants.js";
+import { Notification as b } from "../../gamification/question/notification/index.js";
+import { PredictionResult as E } from "../../gamification/question/notification/prediction-result/index.js";
+import { Onboarding as P } from "./Onboarding/index.js";
+import { Pill as x, HiddenContainer as I, Container as B, InnerContainer as H, NotificationRefreshing as q } from "./styles.js";
+import "../../../index-uEuzH3jr.js";
+import "../../gamification/copyNotification/index.js";
+import "../../icons/index.js";
+import "@linaria/react";
+import "../../gamification/copyNotification/styles.js";
 import "@streamlayer/sdk-web-types";
 import "../../gamification/question/notification/insight/index.js";
 import "../../video-player/index.js";
-import "../../icons/index.js";
-import "@linaria/react";
 import "../../video-player/styles.js";
 import "../../gamification/question/notification/insight/styles.js";
 import "../../gamification/question/notification/styles.js";
@@ -44,78 +46,77 @@ import "./Onboarding/Notification/styles.js";
 import "../../gamification/question/notification/pill/index.js";
 import "../../gamification/question/notification/pill/styles.js";
 const w = (p) => {
-  const [t, o] = a(0), e = x(null), m = v((i) => {
+  const [t, o] = a(0), e = T(null), s = R((i) => {
     e.current = i;
   }, []);
-  d(() => {
+  g(() => {
     var n;
     const i = (n = e.current) == null ? void 0 : n.getBoundingClientRect();
     i && o(i.height);
   }, [p]);
-  const r = v((i) => {
+  const r = R((i) => {
     o(i);
   }, []);
-  return [m, t, r];
-}, H = ({
+  return [s, t, r];
+}, Q = ({
   sdk: p,
   notification: t,
   appNode: o
 }) => {
   var i, n;
-  const [e, m, r] = w(t.id);
-  return t.type === c.QUESTION ? /* @__PURE__ */ h(S, {
-    children: [/* @__PURE__ */ s(R, {
+  const [e, s, r] = w(t.id);
+  return t.type === c.QUESTION ? /* @__PURE__ */ h(v, {
+    children: [/* @__PURE__ */ m(I, {
       ref: e,
       style: {
-        position: "absolute",
-        visibility: "hidden"
+        position: "absolute"
       },
-      children: /* @__PURE__ */ s(O, {
+      children: /* @__PURE__ */ m(b, {
         ...t
       })
-    }), /* @__PURE__ */ h(q, {
+    }), /* @__PURE__ */ h(B, {
       style: {
-        height: t.hiding ? 0 : m
+        height: t.hiding ? 0 : s
       },
       hiding: t.hiding,
-      children: [/* @__PURE__ */ s(R, {
+      children: [/* @__PURE__ */ m(H, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ s(O, {
+        children: /* @__PURE__ */ m(b, {
           ...t
         })
-      }), /* @__PURE__ */ s(B, {}, t.id)]
+      }), /* @__PURE__ */ m(q, {}, t.id)]
     })]
-  }) : t.type === c.QUESTION_RESOLVED && ((n = (i = t.data) == null ? void 0 : i.question) != null && n.predictionResult) ? /* @__PURE__ */ s(P, {
+  }) : t.type === c.QUESTION_RESOLVED && ((n = (i = t.data) == null ? void 0 : i.question) != null && n.predictionResult) ? /* @__PURE__ */ m(E, {
     style: {
-      height: t.hiding ? 0 : m
+      height: t.hiding ? 0 : s
     },
     saveHeight: r,
     close: t.close,
     hiding: t.hiding,
     ...t.data.question
-  }) : t.type === c.ONBOARDING && o.current ? /* @__PURE__ */ s(C, {
+  }) : t.type === c.ONBOARDING && o.current ? /* @__PURE__ */ m(P, {
     style: {
-      height: t.hiding ? 0 : m
+      height: t.hiding ? 0 : s
     },
     saveHeight: r,
     sdk: p,
     notification: t,
     appNode: o
   }) : null;
-}, Dt = ({
+}, xt = ({
   sdk: p,
   scrollNode: t,
   appNode: o,
   scrollStore: e
 }) => {
   var f, y;
-  const [m] = a(p.getNotificationsStore()), r = b(m), {
+  const [s] = a(p.getNotificationsStore()), r = O(s), {
     tabsShown: i
-  } = b(e, {
+  } = O(e, {
     keys: ["tabsShown"]
-  }), [n, g] = a(null), l = T(() => {
+  }), [n, d] = a(null), l = S(() => {
     if (!(r != null && r.size))
       return null;
     for (const N of r.values())
@@ -123,17 +124,17 @@ const w = (p) => {
         return N;
     return r.values().next().value;
   }, [r]);
-  return d(() => {
-    l && e.get().scrollPosition > 0 && g(l);
-  }, [l, e]), d(() => e.listen((u) => {
-    u.scrollPosition === 0 && g(null);
-  }), [e]), /* @__PURE__ */ h(S, {
-    children: [!n && l && /* @__PURE__ */ s(H, {
+  return g(() => {
+    l && e.get().scrollPosition > 0 && d(l);
+  }, [l, e]), g(() => e.listen((u) => {
+    u.scrollPosition === 0 && d(null);
+  }), [e]), /* @__PURE__ */ h(v, {
+    children: [!n && l && /* @__PURE__ */ m(Q, {
       appNode: o,
       sdk: p,
       notification: l
-    }), n && o.current && D.createPortal(/* @__PURE__ */ s(I, {
-      title: `New ${((y = E[(f = n.data) == null ? void 0 : f.questionType]) == null ? void 0 : y.label) || "notification"}`,
+    }), n && o.current && C.createPortal(/* @__PURE__ */ m(x, {
+      title: `New ${((y = D[(f = n.data) == null ? void 0 : f.questionType]) == null ? void 0 : y.label) || "notification"}`,
       onClick: () => {
         var u;
         (u = t.current) == null || u.scrollTo({
@@ -146,5 +147,5 @@ const w = (p) => {
   });
 };
 export {
-  Dt as SDKNotifications
+  xt as SDKNotifications
 };

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 export declare const Container: any;
 export declare const InnerContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const HiddenContainer: 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 NotificationRefreshing: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Pill: any;

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,16 +19,18 @@ 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 "../../useClipboardCopy-E5rEe6It.js";
+import "../../index-uEuzH3jr.js";
+import "../gamification/copyNotification/index.js";
+import "../icons/index.js";
+import "../gamification/copyNotification/styles.js";
 import "@streamlayer/sdk-web-notifications";
 import "../gamification/constants.js";
 import "../gamification/question/notification/index.js";
 import "../gamification/question/notification/insight/index.js";
 import "../video-player/index.js";
-import "../icons/index.js";
 import "../video-player/styles.js";
 import "../gamification/question/notification/insight/styles.js";
 import "../gamification/question/notification/styles.js";
@@ -62,7 +64,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 }) => {
@@ -78,7 +80,7 @@ const K = ({ sdk: t, className: p, scrollStore: e, appNode: r, scrollNode: a })
       sdk: t
     }
   );
-}, Jt = ({ sdk: t, overlays: p, children: e }) => {
+}, Qt = ({ sdk: t, overlays: p, children: e }) => {
   const [r, a] = F(), o = g(null), { sdkEnabled: s, sdkReady: n, activeOverlay: i, activateAndLoadOverlay: l, activateEventWithId: f, deactivate: u, isLogged: v } = x(t);
   return h(() => {
     import("./Features/Gamification/gamification-feature.js");
@@ -111,5 +113,5 @@ const K = ({ sdk: t, className: p, scrollStore: e, appNode: r, scrollNode: a })
   ] });
 };
 export {
-  Jt as MastersApp
+  Qt as MastersApp
 };

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/useClipboardCopy.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useClipboardCopy: (appNode: React.MutableRefObject<HTMLDivElement | null>) => [(link: string | undefined) => Promise<void>, import("react").ReactPortal | null];

package/lib/ui/app/useClipboardCopy.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import { u } from "../../useClipboardCopy-E5rEe6It.js";
+import "../gamification/copyNotification/index.js";
+import "../../index-uEuzH3jr.js";
+import "../icons/index.js";
+import "@linaria/react";
+import "../gamification/copyNotification/styles.js";
+export {
+  u as useClipboardCopy
+};

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
 };