@streamlayer/react-ui 1.32.3 → 1.33.1

package/lib/app/app/Advertisement/index.d.ts

@@ -1,4 +1,4 @@
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 export declare const AdvertisementUIWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export type StreamLayerSDKAdvertisementProps = {
     isMobileScreen?: boolean;

package/lib/app/app/Advertisement/index.js

@@ -1,15 +1,15 @@
 import { jsx as n, jsxs as z } from "react/jsx-runtime";
-import { cx as K } from "@linaria/core";
+import { cx as q } from "@linaria/core";
 import { styled as J } from "@linaria/react";
 import { useAnalyticsListener as X } from "../../../hooks/analytics.js";
 import { useState as Y, useEffect as Z, useRef as Q } from "react";
 import { useStore as u } from "@streamlayer/react-polyfills";
-import { eventBus as q } from "@streamlayer/sdk-web-interfaces";
+import { eventBus as H } from "@streamlayer/sdk-web-interfaces";
 import { FeatureType as tt, AdUnit as et, NotificationPromotionMode as rt, PromotionType as ot } from "@streamlayer/sdk-web-types";
 import { StreamLayerSDKBannerProvider as at } from "../Banner/index.js";
 import { AdvertisementUI as it } from "../../../ui/advertisement/index.js";
 import { useAdvertisementBackground as nt } from "../../../ui/theme/utils.js";
-const H = /* @__PURE__ */ J("div")({
+const M = /* @__PURE__ */ J("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
@@ -17,13 +17,13 @@ const H = /* @__PURE__ */ J("div")({
   const r = a.target;
   if (r instanceof HTMLAnchorElement && r.target === "_blank") {
     const o = r.getAttribute("data-promo-id") || "", i = r.getAttribute("data-promo-type") || ot.UNSET;
-    r.getAttribute("data-a") === "button" && q.emit("advertisement", {
+    r.getAttribute("data-a") === "button" && H.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         id: o,
         type: i
       }
-    }), r.getAttribute("data-a") === "banner" && q.emit("advertisement", {
+    }), r.getAttribute("data-a") === "banner" && H.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         id: o,
@@ -47,7 +47,7 @@ const H = /* @__PURE__ */ J("div")({
   controlVideo: y,
   muted: b
 }) => {
-  var A, U, S, h, I, L, P, E, k, w, T, N, W, D, V, j, x, B, F, M, R;
+  var A, U, S, h, I, L, P, E, k, w, T, N, W, D, V, j, x, B, F, R, K;
   const d = Q(null), t = u(r.$store), e = u(a.openedQuestion.$store);
   X(d, {
     enabled: !!t.data,
@@ -60,12 +60,12 @@ const H = /* @__PURE__ */ J("div")({
     portraitUrl: _
   });
   if (((T = e == null ? void 0 : e.attributes) == null ? void 0 : T.adUnit) === et.STANDART && ((D = (W = (N = e == null ? void 0 : e.attributes) == null ? void 0 : N.adPromotion) == null ? void 0 : W.banner) != null && D.imageUrl))
-    return s ? /* @__PURE__ */ n(H, {
+    return s ? /* @__PURE__ */ n(M, {
       ref: d,
       style: {
         height: "100%"
       },
-      className: K("SL-AdvertisementUIWrap", c && "mobile-view"),
+      className: q("SL-AdvertisementUIWrap", c && "mobile-view"),
       children: /* @__PURE__ */ n(at, {
         cardId: e.id,
         promotion: {
@@ -78,12 +78,12 @@ const H = /* @__PURE__ */ J("div")({
   if (t.data === void 0 || !f && t.isViewed)
     return null;
   const G = ((F = (B = (x = t == null ? void 0 : t.data) == null ? void 0 : x.notification) == null ? void 0 : B.promotion) == null ? void 0 : F.mode) === rt.LOWER_THIRD;
-  return /* @__PURE__ */ z(H, {
+  return /* @__PURE__ */ z(M, {
     ref: d,
     style: {
       height: C ? "auto" : "100%"
     },
-    className: K("SL-AdvertisementUIWrap", c && "mobile-view", G && "SL-AdvertisementUIWrap--lower-third"),
+    className: q("SL-AdvertisementUIWrap", c && "mobile-view", G && "SL-AdvertisementUIWrap--lower-third"),
     children: [!l && $, /* @__PURE__ */ n(it, {
       skipTypeCheck: p,
       sidebar: m,
@@ -92,12 +92,11 @@ const H = /* @__PURE__ */ J("div")({
       advertisementPaused: !!t.isPaused,
       togglePause: t.togglePause,
       isEventFired: t.isEventFired,
-      toggleMute: t.toggleMute,
       fireEvent: t.fireEvent,
       close: t.close,
       externalAd: g ? t.externalAd : void 0,
-      markAsViewed: (M = a.advertisement) == null ? void 0 : M.markAsViewed,
-      open: (R = a.advertisement) == null ? void 0 : R.open,
+      markAsViewed: (R = a.advertisement) == null ? void 0 : R.markAsViewed,
+      open: (K = a.advertisement) == null ? void 0 : K.open,
       layoutMode: o,
       isNotification: l,
       skipAutoClose: i,
@@ -143,7 +142,7 @@ const H = /* @__PURE__ */ J("div")({
   if (!g)
     return null;
   const t = a.getFeature(tt.GAMES);
-  return !t || o && !y ? null : /* @__PURE__ */ n(dt, {
+  return !(t != null && t.advertisement) || o && !y ? null : /* @__PURE__ */ n(dt, {
     gamification: t,
     advertisement: t.advertisement,
     sidebar: r,
@@ -161,6 +160,6 @@ const H = /* @__PURE__ */ J("div")({
   });
 };
 export {
-  H as AdvertisementUIWrap,
+  M as AdvertisementUIWrap,
   Ut as StreamLayerSDKAdvertisement
 };

package/lib/app/app/Banner/index.d.ts

@@ -1,4 +1,4 @@
-import { Promotion } from '@streamlayer/sdk-web-types';
+import { Promotion } from '../../../packages/sdk-web-types/src/index.ts';
 export declare const StreamLayerSDKBannerProvider: React.FC<{
     promotion: Promotion;
     cardId: string;

package/lib/app/app/Features/FeatureProvider.d.ts

@@ -1,5 +1,5 @@
-import { Features } from '@streamlayer/sdk-web-features';
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { Features } from '../../../packages/sdk-web-features/src/index.ts';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 /** Here we check data, render loaders, load data and perform some side effects for the active feature */
 export declare const FeatureProvider: React.FC<{
     feature: Features;

package/lib/app/app/Features/Gamification/Leaderboard.d.ts

@@ -1,6 +1,6 @@
 import { ScrollNodeRef } from '../../..';
 import { ScrollStore } from '../../../useSdkScroll';
-import { Gamification } from '@streamlayer/feature-gamification';
+import { Gamification } from '../../../../packages/feature-gamification/src/index.ts';
 export declare const Leaderboard: React.FC<{
     gamification: Gamification;
     scrollNode: ScrollNodeRef;

package/lib/app/app/Features/Gamification/Leaderboard.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as f, Fragment as L } from "react/jsx-runtime";
+import { jsx as e, jsxs as u, Fragment as L } from "react/jsx-runtime";
 import { styled as h } from "@linaria/react";
 import { useClipboardCopy as k } from "../../../useClipboardCopy.js";
-import { useRef as u } from "react";
-import { useStore as n } from "@streamlayer/react-polyfills";
-import { InviteLink as I } from "../../../../ui/gamification/invite-link/index.js";
+import { useRef as I } from "react";
+import { useStore as p } from "@streamlayer/react-polyfills";
+import { InviteLink as b } from "../../../../ui/gamification/invite-link/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
@@ -11,47 +11,57 @@ import "@storybook/blocks";
 import "../../../../ui/icons/index.js";
 import "../../../../ui/gamification/leaderboard/list-item/styles.js";
 /* empty css                                    */
-import { LeaderboardStaticList as b } from "../../../../ui/gamification/leaderboard/static.js";
+import { LeaderboardStaticList as C } from "../../../../ui/gamification/leaderboard/static.js";
 import { Friends as y } from "./Friends.js";
-const C = /* @__PURE__ */ h("div")({
+const v = /* @__PURE__ */ h("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
   propsAsIs: !1
-}), z = ({
-  gamification: e,
-  scrollNode: s,
-  scrollStore: p
+}), x = ({
+  gamification: r,
+  scrollNode: t,
+  scrollStore: o,
+  leaderboardList: i
 }) => {
-  const o = u(null), {
-    data: i,
-    hasMore: d,
-    loading: m,
-    key: a
-  } = n(e.leaderboardList.$store), {
-    data: t
-  } = n(e.deepLink.$store), [l, c] = k(o);
-  return !i.length && !m ? /* @__PURE__ */ r(y, {
-    deepLink: t
-  }) : /* @__PURE__ */ f(L, {
-    children: [/* @__PURE__ */ r(b, {
-      items: i,
-      scrollNode: s,
-      scrollStore: p,
-      fetchMore: e.leaderboardList.fetchMore,
-      hasMore: d,
-      openItemDetail: e.openUser,
-      currentUserId: e.currentUserId.get()
-    }, a), t && /* @__PURE__ */ r(C, {
-      ref: o,
-      children: /* @__PURE__ */ r(I, {
+  const s = I(null), {
+    data: d,
+    hasMore: m,
+    loading: a,
+    key: l
+  } = p(i.$store), {
+    data: n
+  } = p(r.deepLink.$store), [c, f] = k(s);
+  return !d.length && !a ? /* @__PURE__ */ e(y, {
+    deepLink: n
+  }) : /* @__PURE__ */ u(L, {
+    children: [/* @__PURE__ */ e(C, {
+      items: d,
+      scrollNode: t,
+      scrollStore: o,
+      fetchMore: i.fetchMore,
+      hasMore: m,
+      openItemDetail: r.openUser,
+      currentUserId: r.currentUserId.get()
+    }, l), n && /* @__PURE__ */ e(v, {
+      ref: s,
+      children: /* @__PURE__ */ e(b, {
         "data-a": "intr",
-        onClick: () => l(t),
+        onClick: () => c(n),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
-    }), c]
+    }), f]
   });
-};
+}, E = ({
+  gamification: r,
+  scrollNode: t,
+  scrollStore: o
+}) => r.leaderboardList ? /* @__PURE__ */ e(x, {
+  leaderboardList: r.leaderboardList,
+  gamification: r,
+  scrollNode: t,
+  scrollStore: o
+}) : null;
 export {
-  z as Leaderboard
+  E as Leaderboard
 };

package/lib/app/app/Features/Gamification/Question.d.ts

@@ -1,5 +1,5 @@
-import { Gamification } from '@streamlayer/feature-gamification';
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { Gamification } from '../../../../packages/feature-gamification/src/index.ts';
+import { StreamLayerSDK } from '../../../../packages/sdk-web-interfaces/src/index.ts';
 export declare const Question: React.FC<{
     gamification: Gamification;
     sdk: StreamLayerSDK;

package/lib/app/app/Features/Gamification/Question.js

@@ -1,21 +1,21 @@
-import { jsxs as E, jsx as e } from "react/jsx-runtime";
-import { styled as M } from "@linaria/react";
-import { useAppContext as W } from "../../useAppContext.js";
-import { useState as X } from "react";
+import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { styled as G } from "@linaria/react";
+import { useAppContext as J } from "../../useAppContext.js";
+import { useState as K } from "react";
 import { useStore as u } from "@streamlayer/react-polyfills";
-import { QuestionType as L, AdUnit as Y } from "@streamlayer/sdk-web-types";
-import { VoteHeader as Z } from "../../../../ui/gamification/detail/header/index.js";
-import { Sponsor as _ } from "../../../../ui/gamification/detail/sponsor/index.js";
-import { Vote as k, VoteSkeleton as F } from "../../../../ui/gamification/vote/index.js";
-import { InsightDetails as Q } from "../../../../ui/gamification/vote/insight-details/index.js";
-import { TwitterDetails as tt } from "../../../../ui/gamification/vote/twitter-details/index.js";
-import { useAdvertisementBackground as ot } from "../../../../ui/theme/utils.js";
-import { QuestionAdvertisement as rt } from "./QuestionAdvertisement.js";
-const N = /* @__PURE__ */ M("div")({
+import { QuestionType as P, AdUnit as M } from "@streamlayer/sdk-web-types";
+import { VoteHeader as W } from "../../../../ui/gamification/detail/header/index.js";
+import { Sponsor as X } from "../../../../ui/gamification/detail/sponsor/index.js";
+import { Vote as Y, VoteSkeleton as Z } from "../../../../ui/gamification/vote/index.js";
+import { InsightDetails as _ } from "../../../../ui/gamification/vote/insight-details/index.js";
+import { TwitterDetails as k } from "../../../../ui/gamification/vote/twitter-details/index.js";
+import { useAdvertisementBackground as F } from "../../../../ui/theme/utils.js";
+import { QuestionAdvertisement as Q } from "./QuestionAdvertisement.js";
+const $ = /* @__PURE__ */ G("div")({
   name: "QuestionContainer",
   class: "q14ckf9e",
   propsAsIs: !1
-}), st = ({
+}), tt = ({
   openedQuestion: t,
   muted: n,
   webos: c
@@ -23,18 +23,18 @@ const N = /* @__PURE__ */ M("div")({
   var a, i;
   const {
     sdk: r
-  } = W();
-  return ((a = t == null ? void 0 : t.attributes) == null ? void 0 : a.attributes.case) === "insight" ? /* @__PURE__ */ e(Q, {
+  } = J();
+  return ((a = t == null ? void 0 : t.attributes) == null ? void 0 : a.attributes.case) === "insight" ? /* @__PURE__ */ e(_, {
     ...t.attributes.attributes.value,
     muted: n,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer,
     webos: c
-  }) : ((i = t == null ? void 0 : t.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ e(tt, {
+  }) : ((i = t == null ? void 0 : t.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ e(k, {
     ...t.attributes.attributes.value,
     muted: n,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer
   }) : null;
-}, et = ({
+}, ot = ({
   extendedQuestion: t,
   vote: n,
   close: c,
@@ -44,61 +44,61 @@ const N = /* @__PURE__ */ M("div")({
     loading: a,
     data: i
   } = t;
-  return i ? /* @__PURE__ */ e(k, {
+  return i ? /* @__PURE__ */ e(Y, {
     webos: r,
     vote: n,
     close: c,
     openedQuestion: i,
     isLoading: !!a
-  }) : /* @__PURE__ */ e(F, {});
-}, Tt = ({
+  }) : /* @__PURE__ */ e(Z, {});
+}, ht = ({
   gamification: t,
   sdk: n,
   muted: c,
   skipAutoClose: r,
   hideSponsor: a,
   className: i,
-  hideHeader: O,
+  hideHeader: E,
   webos: d
 }) => {
-  var A, S, T, v, b, y, U, V, x, D, g, q, C, w, j, H, I, P, $;
-  const s = u(t.openedQuestion.$store), o = u(t.openedQuestion.$extendedStore), [R, z] = X(!1), B = u(n.options), m = ((A = s == null ? void 0 : s.attributes) == null ? void 0 : A.type) === L.FACTOID, l = (S = s == null ? void 0 : s.attributes) == null ? void 0 : S.backgroundImage, p = (T = o.data) == null ? void 0 : T.backgroundImage, G = m ? l == null ? void 0 : l.landscapeUrl : p == null ? void 0 : p.landscapeUrl, J = m ? l == null ? void 0 : l.portraitUrl : p == null ? void 0 : p.portraitUrl, f = ot({
-    containerId: B.containerId,
-    landscapeUrl: G,
-    portraitUrl: J
+  var A, S, T, v, b, y, U, V, x, D, g, q, C, w, j, H;
+  const s = u(t.openedQuestion.$store), o = u(t.openedQuestion.$extendedStore), [L, N] = K(!1), O = u(n.options), m = ((A = s == null ? void 0 : s.attributes) == null ? void 0 : A.type) === P.FACTOID, l = (S = s == null ? void 0 : s.attributes) == null ? void 0 : S.backgroundImage, p = (T = o.data) == null ? void 0 : T.backgroundImage, R = m ? l == null ? void 0 : l.landscapeUrl : p == null ? void 0 : p.landscapeUrl, z = m ? l == null ? void 0 : l.portraitUrl : p == null ? void 0 : p.portraitUrl, f = F({
+    containerId: O.containerId,
+    landscapeUrl: R,
+    portraitUrl: z
   });
   if (!s)
     return null;
-  const h = s.type, K = ((b = (v = o.data) == null ? void 0 : v.options) == null ? void 0 : b.options.case) === "factoid" ? o.data.options.options.value.closeTimer : void 0;
-  return ((y = o.data) == null ? void 0 : y.adUnit) === Y.STANDART && !R ? /* @__PURE__ */ E(N, {
+  const h = s.type, B = ((b = (v = o.data) == null ? void 0 : v.options) == null ? void 0 : b.options.case) === "factoid" ? o.data.options.options.value.closeTimer : void 0;
+  return o.data && o.data.adUnit === M.STANDART && !L ? /* @__PURE__ */ I($, {
     className: i,
-    children: [f, /* @__PURE__ */ e(rt, {
+    children: [f, /* @__PURE__ */ e(Q, {
       id: o.data.id,
-      hasBanner: !!((V = (U = o.data.promotion) == null ? void 0 : U.banner) != null && V.imageUrl),
-      setAdShowed: z,
-      sponsorLogo: ((g = (D = (x = o.data) == null ? void 0 : x.promotion) == null ? void 0 : D.sponsor) == null ? void 0 : g.logo) || ((C = (q = o.data) == null ? void 0 : q.sponsorship) == null ? void 0 : C.logo) || ""
+      hasBanner: !!((U = (y = o.data.promotion) == null ? void 0 : y.banner) != null && U.imageUrl),
+      setAdShowed: N,
+      sponsorLogo: ((x = (V = o.data.promotion) == null ? void 0 : V.sponsor) == null ? void 0 : x.logo) || ((D = o.data.sponsorship) == null ? void 0 : D.logo) || ""
     })]
-  }) : /* @__PURE__ */ E(N, {
+  }) : /* @__PURE__ */ I($, {
     className: i,
-    children: [f, !O && /* @__PURE__ */ e(Z, {
-      closeTimer: r ? void 0 : K,
+    children: [f, !E && /* @__PURE__ */ e(W, {
+      closeTimer: r ? void 0 : B,
       close: t.closeQuestion,
-      type: ((w = s.attributes) == null ? void 0 : w.type) || L.UNSET,
+      type: ((g = s.attributes) == null ? void 0 : g.type) || P.UNSET,
       webos: d
-    }), h === "question" && /* @__PURE__ */ e(et, {
+    }), h === "question" && /* @__PURE__ */ e(ot, {
       webos: d,
       vote: t.submitAnswer,
       close: t.closeQuestion,
       extendedQuestion: o
-    }), h !== "question" && /* @__PURE__ */ e(st, {
+    }), h !== "question" && /* @__PURE__ */ e(tt, {
       muted: c,
       openedQuestion: s,
       webos: d
-    }), !a && /* @__PURE__ */ e(_, {
-      sponsorLogo: ((I = (H = (j = o.data) == null ? void 0 : j.promotion) == null ? void 0 : H.sponsor) == null ? void 0 : I.logo) || (($ = (P = o.data) == null ? void 0 : P.sponsorship) == null ? void 0 : $.logo)
+    }), !a && /* @__PURE__ */ e(X, {
+      sponsorLogo: ((w = (C = (q = o.data) == null ? void 0 : q.promotion) == null ? void 0 : C.sponsor) == null ? void 0 : w.logo) || ((H = (j = o.data) == null ? void 0 : j.sponsorship) == null ? void 0 : H.logo)
     })]
   });
 };
 export {
-  Tt as Question
+  ht as Question
 };

package/lib/app/app/Features/Gamification/QuestionAdvertisement.js

@@ -1,46 +1,40 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { styled as t } from "@linaria/react";
-import { useRef as u, useEffect as a } from "react";
-import { eventBus as c } from "@streamlayer/sdk-web-interfaces";
-const d = /* @__PURE__ */ t("div")({
+import { styled as s } from "@linaria/react";
+import { useRef as u, useEffect as c } from "react";
+const a = /* @__PURE__ */ s("div")({
   name: "QuestionAdvertisementContainer",
   class: "qwludgs",
   propsAsIs: !1
-}), l = /* @__PURE__ */ t("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "QuestionAdvertisementText",
   class: "qvce6pv",
   propsAsIs: !1
-}), p = /* @__PURE__ */ t("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "QuestionAdvertisementImage",
   class: "qsid7hx",
   propsAsIs: !1
-}), x = ({
-  sponsorLogo: i,
-  id: s,
-  hasBanner: n,
-  setAdShowed: o
+}), A = ({
+  sponsorLogo: r,
+  id: i,
+  hasBanner: o,
+  setAdShowed: t
 }) => {
-  const r = u();
-  return a(() => (r.current = setTimeout(() => {
-    o(!0), n && c.emit("poll", {
-      action: "bannerOpened",
-      payload: {
-        questionId: s
-      }
-    });
+  const n = u();
+  return c(() => (n.current = setTimeout(() => {
+    t(!0);
   }, 5e3), () => {
-    clearTimeout(r.current);
-  }), [o, s, n]), /* @__PURE__ */ m(d, {
-    children: [/* @__PURE__ */ e(l, {
+    clearTimeout(n.current);
+  }), [t, i, o]), /* @__PURE__ */ m(a, {
+    children: [/* @__PURE__ */ e(d, {
       children: "PRESENTED BY"
-    }), /* @__PURE__ */ e(p, {
+    }), /* @__PURE__ */ e(l, {
       children: /* @__PURE__ */ e("img", {
-        src: i,
+        src: r,
         alt: "ad-sponsor-logo"
       })
     })]
   });
 };
 export {
-  x as QuestionAdvertisement
+  A as QuestionAdvertisement
 };

package/lib/app/app/Features/Gamification/QuestionsList.d.ts

@@ -1,4 +1,4 @@
-import { Gamification } from '@streamlayer/feature-gamification';
+import { Gamification } from '../../../../packages/feature-gamification/src/index.ts';
 export declare const QuestionsList: React.FC<{
     store: ReturnType<Exclude<Gamification['feedList'], undefined>['getStore']>;
     openQuestion: (questionId: string) => void;

package/lib/app/app/Features/Gamification/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { AppNodeRef, ScrollNodeRef } from '../../..';
 import { ResponsiveStore } from '../../../useSdkResponsive';
 import { ScrollStore } from '../../../useSdkScroll';
-import { Gamification } from '@streamlayer/feature-gamification';
+import { Gamification } from '../../../../packages/feature-gamification/src/index.ts';
 export declare const Tabs: React.FC<{
     appNode: AppNodeRef;
     gamification: Gamification;

package/lib/app/app/Features/Gamification/UserSummary.d.ts

@@ -1,4 +1,4 @@
-import { Gamification } from '@streamlayer/feature-gamification';
+import { Gamification } from '../../../../packages/feature-gamification/src/index.ts';
 export declare const UserSummary: React.FC<{
     userSummary: Exclude<Gamification['userSummary'], undefined>;
 }>;

package/lib/app/app/Features/Gamification/index.d.ts

@@ -1,8 +1,8 @@
 import { AppNodeRef, ScrollNodeRef } from '../../..';
 import { ResponsiveStore } from '../../../useSdkResponsive';
 import { ScrollStore } from '../../../useSdkScroll';
-import { Gamification as GamificationClass } from '@streamlayer/feature-gamification';
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { Gamification as GamificationClass } from '../../../../packages/feature-gamification/src/index.ts';
+import { StreamLayerSDK } from '../../../../packages/sdk-web-interfaces/src/index.ts';
 export declare const GamificationOverlay: React.FC<{
     gamification: GamificationClass;
     className?: string;

package/lib/app/app/Features/Gamification/index.js

@@ -1,45 +1,46 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
 import { cx as l } from "@linaria/core";
 import { styled as h } from "@linaria/react";
-import { SDKWhiteContainer as S } from "../../styles.js";
+import { SDKWhiteContainer as k } from "../../styles.js";
 import { useAppContext as U } from "../../useAppContext.js";
 import { useHideTransition as Q } from "../../../../hooks/showIn.js";
 import { useStore as i } from "@streamlayer/react-polyfills";
-import { VoteHeader as y } from "../../../../ui/gamification/detail/header/index.js";
-import { UserStatistics as A } from "../../../../ui/gamification/user-statistics/index.js";
-import { ModalPortal as O } from "../../../../ui/modal/index.js";
-import { ShowIn as b } from "../../../../ui/show-in/index.js";
-import { Question as w } from "./Question.js";
-import { Tabs as D } from "./Tabs.js";
-const H = () => b, u = /* @__PURE__ */ h(H())({
+import { createSingleStore as y } from "@streamlayer/sdk-web-interfaces";
+import { VoteHeader as A } from "../../../../ui/gamification/detail/header/index.js";
+import { UserStatistics as O } from "../../../../ui/gamification/user-statistics/index.js";
+import { ModalPortal as b } from "../../../../ui/modal/index.js";
+import { ShowIn as w } from "../../../../ui/show-in/index.js";
+import { Question as D } from "./Question.js";
+import { Tabs as H } from "./Tabs.js";
+const R = () => w, u = /* @__PURE__ */ h(R())({
   name: "OpenedContainer",
   class: "ouvguos",
   propsAsIs: !0
-}), f = "t1eu4lbg", R = /* @__PURE__ */ h("div")({
+}), f = "t1eu4lbg", V = /* @__PURE__ */ h("div")({
   name: "UserContainer",
   class: "uuv2xqo",
   propsAsIs: !1
-}), V = ({
+}), j = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, g = ({
+}, B = ({
   gamification: e,
   scrollStore: t,
   className: n,
   appNode: r,
   scrollNode: p,
   responsiveStore: a
-}) => /* @__PURE__ */ o(D, {
+}) => /* @__PURE__ */ o(H, {
   appNode: r,
   scrollStore: t,
   scrollNode: p,
   className: n,
   gamification: e,
   responsiveStore: a
-}), z = ({
+}), J = ({
   gamification: e,
   muted: t,
   sdk: n,
@@ -49,8 +50,8 @@ const H = () => b, u = /* @__PURE__ */ h(H())({
 }) => {
   const {
     topNavigation: c
-  } = U(), C = i(e.openedQuestionId), x = i(e.openedQuestion.$store), s = i(e.openedUser), {
-    sdkInDesktopView: I
+  } = U(), C = i(e.openedQuestionId), S = i(e.openedQuestion.$store), s = i(e.openedUser || y(void 0)), {
+    sdkInDesktopView: v
   } = i(a, {
     keys: ["sdkInDesktopView"]
   }), {
@@ -59,11 +60,11 @@ const H = () => b, u = /* @__PURE__ */ h(H())({
   } = Q();
   if (!C && !s)
     return null;
-  const k = x ? /* @__PURE__ */ o(u, {
+  const x = S ? /* @__PURE__ */ o(u, {
     className: l(r, !c && f),
     hiding: m,
     onAnimationEnd: d,
-    children: /* @__PURE__ */ o(w, {
+    children: /* @__PURE__ */ o(D, {
       muted: t,
       sdk: n,
       gamification: e
@@ -72,25 +73,25 @@ const H = () => b, u = /* @__PURE__ */ h(H())({
     className: l(r, !c && f),
     hiding: m,
     onAnimationEnd: d,
-    children: /* @__PURE__ */ v(R, {
-      children: [/* @__PURE__ */ o(y, {
+    children: /* @__PURE__ */ I(V, {
+      children: [/* @__PURE__ */ o(A, {
         label: "Friend's Rank",
         close: e.closeUser
-      }), /* @__PURE__ */ o(S, {
-        children: /* @__PURE__ */ o(A, {
+      }), /* @__PURE__ */ o(k, {
+        children: /* @__PURE__ */ o(O, {
           ...s,
-          successRate: V(s)
+          successRate: j(s)
         })
       })]
     })
   }) : null;
-  return /* @__PURE__ */ o(O, {
+  return /* @__PURE__ */ o(b, {
     container: p,
-    useContainer: !I,
-    children: k
+    useContainer: !v,
+    children: x
   });
 };
 export {
-  g as GamificationOverlay,
-  z as GamificationOverlayStandalone
+  B as GamificationOverlay,
+  J as GamificationOverlayStandalone
 };

package/lib/app/app/Features/index.d.ts

@@ -1,8 +1,8 @@
 import { AppNodeRef, ScrollNodeRef } from '../..';
 import { ResponsiveStore } from '../../useSdkResponsive';
 import { ScrollStore } from '../../useSdkScroll';
-import { Features } from '@streamlayer/sdk-web-features';
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { Features } from '../../../packages/sdk-web-features/src/index.ts';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 /** render feature by type */
 export declare const ActiveFeature: React.FC<{
     sdk: StreamLayerSDK;

package/lib/app/app/InApp/index.d.ts

@@ -1,4 +1,4 @@
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 export declare const StreamLayerSDKNotification: React.FC<{
     sdk: StreamLayerSDK;
     webos?: boolean;