@streamlayer/react-ui 1.0.0 → 1.1.0

package/lib/ui/timer/index.js

@@ -1,45 +1,45 @@
-import { jsx as R } from "react/jsx-runtime";
-import { styled as _ } from "@linaria/react";
-import { useState as c, useEffect as a, useCallback as n } from "react";
-import { CountdownCircleTimer as N } from "react-countdown-circle-timer";
-import { COLORS as t } from "../theme/constants.js";
-const D = [t.PRIMARY_GREEN1, t.SECONDARY_RED1, t.SECONDARY_RED1, t.NEUTRALS_GRAY3], T = [10, 10, 1, 0], Y = /* @__PURE__ */ _("div")({
+import { jsx as r } from "react/jsx-runtime";
+import { styled as M } from "@linaria/react";
+import { useState as c, useEffect as _, useCallback as n } from "react";
+import { CountdownCircleTimer as h } from "react-countdown-circle-timer";
+import { TIMER_COLORS as p, TIMER_GREEN as E, TIMER_RED as S, TIMER_GRAY as g } from "../theme/constants.js";
+const k = [10, 10, 1, 0], O = /* @__PURE__ */ M("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), h = t.SECONDARY_GREEN6, l = t.SECONDARY_RED3, m = t.NEUTRALS_GRAY3, G = ({
+}), u = E, l = S, m = g, L = ({
   isPlaying: i = !0,
-  duration: o = 30,
-  onTimerExpired: e
+  duration: t = 30,
+  onTimerExpired: s
 }) => {
-  const [C, s] = c(o > 10 ? h : l), [E, S] = c(2);
-  a(() => {
-    o === 0 && (S(0), s(m));
+  const [R, o] = c(t > 10 ? u : l), [f, a] = c(2);
+  _(() => {
+    t === 0 && (a(0), o(m));
+  }, [t]);
+  const C = ({
+    remainingTime: e
+  }) => /* @__PURE__ */ r(O, {
+    children: t === 0 ? 0 : e
+  }), T = n(() => {
+    s == null || s(), o(m);
+  }, [s, o]), I = n((e) => {
+    e === 10 && o(l);
   }, [o]);
-  const f = ({
-    remainingTime: r
-  }) => /* @__PURE__ */ R(Y, {
-    children: o === 0 ? 0 : r
-  }), A = n(() => {
-    e == null || e(), s(m);
-  }, [e, s]), O = n((r) => {
-    r === 10 && s(l);
-  }, [s]);
-  return /* @__PURE__ */ R(N, {
+  return /* @__PURE__ */ r(h, {
     isPlaying: i,
-    duration: o,
-    colors: D,
-    colorsTime: T,
+    duration: t,
+    colors: p,
+    colorsTime: k,
     size: 32,
-    strokeWidth: E,
+    strokeWidth: f,
     trailStrokeWidth: 2,
-    trailColor: C,
-    onComplete: A,
-    onUpdate: O,
-    children: f
+    trailColor: R,
+    onComplete: T,
+    onUpdate: I,
+    children: C
   });
 };
 export {
-  Y as RemainingTime,
-  G as Timer
+  O as RemainingTime,
+  L as Timer
 };

package/lib/ui/video-player/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ControlVideoProps = {
     muted: boolean;
 };

package/lib/ui/video-player/styles.d.ts

@@ -1,6 +1,5 @@
-/// <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 Player: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement> & Record<never, unknown>>;
-export declare const Poster: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Control: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ToggleIconPause: import("@linaria/core").LinariaClassName;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Player: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLVideoElement> & import('react').VideoHTMLAttributes<HTMLVideoElement> & Record<never, unknown>>;
+export declare const Poster: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Control: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ToggleIconPause: import('@linaria/core').LinariaClassName;

package/lib/utils/debug/storage.js

@@ -1,6 +1,6 @@
 var n = Object.defineProperty;
 var i = (s, r, e) => r in s ? n(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var t = (s, r, e) => (i(s, typeof r != "symbol" ? r + "" : r, e), e);
+var t = (s, r, e) => i(s, typeof r != "symbol" ? r + "" : r, e);
 import { Storage as h } from "@streamlayer/sdk-web-storage";
 class d extends h {
   constructor() {

package/lib/utils/storage.js

@@ -1,6 +1,6 @@
 var n = Object.defineProperty;
 var i = (s, r, e) => r in s ? n(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var t = (s, r, e) => (i(s, typeof r != "symbol" ? r + "" : r, e), e);
+var t = (s, r, e) => i(s, typeof r != "symbol" ? r + "" : r, e);
 import { Storage as h } from "@streamlayer/sdk-web-storage";
 class d extends h {
   constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -11,19 +11,24 @@
       "types": "./lib/index.d.ts"
     },
     "./masters": {
-      "import": "./lib/ui/app/masters/masters.js",
-      "default": "./lib/ui/app/masters/masters.js",
-      "types": "./lib/ui/app/masters/masters.d.ts"
+      "import": "./lib/app/masters/masters.js",
+      "default": "./lib/app/masters/masters.js",
+      "types": "./lib/app/masters/masters.d.ts"
     },
     "./mastersPoints": {
-      "import": "./lib/ui/app/masters/Points/index.js",
-      "default": "./lib/ui/app/masters/Points/index.js",
-      "types": "./lib/ui/app/masters/Points/index.d.ts"
+      "import": "./lib/app/masters/Points/index.js",
+      "default": "./lib/app/masters/Points/index.js",
+      "types": "./lib/app/masters/Points/index.d.ts"
     },
     "./points": {
-      "import": "./lib/ui/app/app/Points/index.js",
-      "default": "./lib/ui/app/app/Points/index.js",
-      "types": "./lib/ui/app/app/Points/index.d.ts"
+      "import": "./lib/app/app/Points/index.js",
+      "default": "./lib/app/app/Points/index.js",
+      "types": "./lib/app/app/Points/index.d.ts"
+    },
+    "./advertisement": {
+      "import": "./lib/app/app/Advertisement/index.js",
+      "default": "./lib/app/app/Advertisement/index.js",
+      "types": "./lib/app/app/Advertisement/index.d.ts"
     },
     "./*": {
       "import": "./lib/*/index.js",
@@ -40,8 +45,8 @@
     "package.json"
   ],
   "peerDependencies": {
-    "@lottiefiles/react-lottie-player": "^3.5.3",
-    "@streamlayer/sl-eslib": "^5.85.0",
+    "@lottiefiles/react-lottie-player": "^3.5.4",
+    "@streamlayer/sl-eslib": "^5.104.1",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "nanoid": "3.3.7",
@@ -49,18 +54,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^1.0.0",
-    "@streamlayer/sdk-web-analytics": "^1.0.0",
-    "@streamlayer/sdk-web": "^1.0.0",
-    "@streamlayer/sdk-web-api": "^1.0.0",
-    "@streamlayer/sdk-web-core": "^1.0.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.0.0",
-    "@streamlayer/sdk-web-features": "^1.0.0",
-    "@streamlayer/sdk-web-interfaces": "^1.0.0",
-    "@streamlayer/sdk-web-logger": "^1.0.0",
-    "@streamlayer/sdk-web-notifications": "^1.0.0",
-    "@streamlayer/sdk-web-storage": "^1.0.0",
-    "@streamlayer/sdk-web-types": "^1.0.0"
+    "@streamlayer/feature-gamification": "^1.1.0",
+    "@streamlayer/sdk-web": "^1.0.1",
+    "@streamlayer/sdk-web-analytics": "^1.0.1",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.0.1",
+    "@streamlayer/sdk-web-api": "^1.1.0",
+    "@streamlayer/sdk-web-core": "^1.0.1",
+    "@streamlayer/sdk-web-features": "^1.0.1",
+    "@streamlayer/sdk-web-interfaces": "^1.0.1",
+    "@streamlayer/sdk-web-logger": "^1.0.1",
+    "@streamlayer/sdk-web-notifications": "^1.0.1",
+    "@streamlayer/sdk-web-storage": "^1.0.1",
+    "@streamlayer/sdk-web-types": "^1.1.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -73,33 +78,33 @@
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@linaria/babel-preset": "^5.0.4",
-    "@linaria/core": "^6.0.0",
-    "@linaria/react": "^6.0.0",
+    "@linaria/core": "^6.2.0",
+    "@linaria/react": "^6.2.1",
     "@nanostores/react": "^0.7.2",
-    "@storybook/addon-docs": "^8.0.4",
-    "@storybook/addon-viewport": "^8.0.4",
-    "@storybook/blocks": "^8.0.4",
-    "@storybook/jest": "~0.2.3",
-    "@storybook/react": "^8.0.4",
-    "@storybook/testing-library": "~0.2.2",
+    "@storybook/addon-docs": "^8.1.11",
+    "@storybook/addon-viewport": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/react": "^8.1.11",
+    "@storybook/testing-library": "^0.2.2",
     "@types/react-infinite-scroller": "^1.2.5",
     "@types/react-window": "^1.8.8",
     "@types/react-window-infinite-loader": "^1.0.9",
-    "@wyw-in-js/vite": "^0.2.2",
+    "@wyw-in-js/vite": "^0.5.3",
     "esbuild-plugin-babel": "^0.2.3",
-    "glob": "^10.3.10",
-    "react": "18.2.0",
+    "glob": "^10.4.2",
+    "react": "18.3.1",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
-    "react-countup": "^6.5.0",
-    "react-phone-number-input": "^3.3.9",
+    "react-countup": "^6.5.3",
+    "react-phone-number-input": "^3.4.3",
     "rollup-plugin-node-polyfills": "^0.2.1",
-    "tslib": "^2.6.2",
-    "vite": "5.2.6",
-    "vite-plugin-node-polyfills": "^0.21.0",
+    "tslib": "^2.6.3",
+    "vite": "5.3.2",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^4.3.2",
-    "@streamlayer/react": "^1.0.0"
+    "@streamlayer/react": "^1.1.0"
   }
 }

package/lib/styles_z07sl8-l0sNRNKZ.js

@@ -1 +0,0 @@
-

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

@@ -1,69 +0,0 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { styled as l } from "@linaria/react";
-import { useStore as n } from "@nanostores/react";
-import { QuestionType as a } from "@streamlayer/sdk-web-types";
-import { useAppContext as m } from "../../useAppContext.js";
-import { VoteHeader as c } from "../../../../gamification/detail/header/index.js";
-import { Sponsor as p } from "../../../../gamification/detail/sponsor/index.js";
-import { Vote as f, VoteSkeleton as b } from "../../../../gamification/vote/index.js";
-import { InsightDetails as y } from "../../../../gamification/vote/insight-details/index.js";
-import { TwitterDetails as V } from "../../../../gamification/vote/twitter-details/index.js";
-const x = /* @__PURE__ */ l("div")({
-  name: "QuestionContainer",
-  class: "qfnqmpg",
-  propsAsIs: !1
-}), d = ({
-  openedQuestion: t
-}) => {
-  var s, o;
-  const {
-    sdk: r
-  } = m();
-  return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ e(y, {
-    ...t.attributes.attributes.value,
-    controlVideo: r == null ? void 0 : r.controlVideoPlayer
-  }) : ((o = t == null ? void 0 : t.attributes) == null ? void 0 : o.attributes.case) === "tweet" ? /* @__PURE__ */ e(V, {
-    ...t.attributes.attributes.value,
-    controlVideo: r == null ? void 0 : r.controlVideoPlayer
-  }) : null;
-}, h = ({
-  extendedQuestion: t,
-  vote: r,
-  close: s
-}) => {
-  const {
-    loading: o,
-    data: i
-  } = t;
-  return i ? /* @__PURE__ */ e(f, {
-    vote: r,
-    close: s,
-    openedQuestion: i,
-    isLoading: !!o
-  }) : /* @__PURE__ */ e(b, {});
-}, j = ({
-  gamification: t
-}) => {
-  var i;
-  const r = n(t.openedQuestion.$store), s = n(t.openedQuestion.$extendedStore);
-  if (!r)
-    return null;
-  const o = r.type;
-  return /* @__PURE__ */ u(x, {
-    children: [/* @__PURE__ */ e(c, {
-      close: t.closeQuestion,
-      type: ((i = r.attributes) == null ? void 0 : i.type) || a.UNSET
-    }), o === "question" && /* @__PURE__ */ e(h, {
-      vote: t.submitAnswer,
-      close: t.closeQuestion,
-      extendedQuestion: s
-    }), o !== "question" && /* @__PURE__ */ e(d, {
-      openedQuestion: r
-    }), /* @__PURE__ */ e(p, {
-      sponsorLogo: ""
-    })]
-  });
-};
-export {
-  j as Question
-};

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

@@ -1,88 +0,0 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { styled as m } from "@linaria/react";
-import { useStore as c } from "@nanostores/react";
-import { useHideTransition as h } from "../../../../../hooks/showIn.js";
-import { SDKWhiteContainer as C } from "../../../styles.js";
-import { VoteHeader as k } from "../../../../gamification/detail/header/index.js";
-import { UserStatistics as S } from "../../../../gamification/user-statistics/index.js";
-import { ModalPortal as U } from "../../../../modal/index.js";
-import { ShowIn as y } from "../../../../show-in/index.js";
-import { Question as I } from "./Question.js";
-import { Tabs as x } from "./Tabs.js";
-const O = () => y, p = /* @__PURE__ */ m(O())({
-  name: "OpenedContainer",
-  class: "o1o2cpiy",
-  propsAsIs: !0
-}), b = /* @__PURE__ */ m("div")({
-  name: "UserContainer",
-  class: "u1ob6f8q",
-  propsAsIs: !1
-}), v = ({
-  correct: e,
-  incorrect: r
-}) => {
-  const n = e + r;
-  return n === 0 ? 0 : Math.round(e / n * 100);
-}, q = ({
-  gamification: e,
-  scrollStore: r,
-  className: n,
-  appNode: i,
-  scrollNode: s,
-  responsiveStore: t
-}) => /* @__PURE__ */ o(x, {
-  appNode: i,
-  scrollStore: r,
-  scrollNode: s,
-  className: n,
-  gamification: e,
-  responsiveStore: t
-}), E = ({
-  gamification: e,
-  className: r,
-  appNode: n,
-  responsiveStore: i
-}) => {
-  const s = c(e.openedQuestion.$store), t = c(e.openedUser), {
-    sdkInDesktopView: d
-  } = c(i, {
-    keys: ["sdkInDesktopView"]
-  }), {
-    hiding: a,
-    onAnimationEnd: l
-  } = h();
-  if (!n.current || !s && !t)
-    return null;
-  const u = s ? /* @__PURE__ */ o(p, {
-    className: r,
-    hiding: a,
-    onAnimationEnd: l,
-    children: /* @__PURE__ */ o(I, {
-      gamification: e
-    })
-  }) : t ? /* @__PURE__ */ o(p, {
-    className: r,
-    hiding: a,
-    onAnimationEnd: l,
-    children: /* @__PURE__ */ f(b, {
-      children: [/* @__PURE__ */ o(k, {
-        label: "Friend's Rank",
-        close: e.closeUser
-      }), /* @__PURE__ */ o(C, {
-        children: /* @__PURE__ */ o(S, {
-          ...t,
-          successRate: v(t)
-        })
-      })]
-    })
-  }) : null;
-  return /* @__PURE__ */ o(U, {
-    container: n,
-    useContainer: !d,
-    children: u
-  });
-};
-export {
-  q as GamificationOverlay,
-  E as GamificationOverlayStandalone
-};

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

@@ -1,42 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { styled as l } from "@linaria/react";
-import { useStore as s } from "@nanostores/react";
-import { useMemo as a } from "react";
-import { AvailableFeatures as d } from "@streamlayer/sdk-web-features";
-import { Navigation as v } from "../../../navigation/index.js";
-import { Button as u } from "../../../navigation/button/index.js";
-const y = () => v, f = /* @__PURE__ */ l(y())({
-  name: "Container",
-  class: "ckodz37",
-  propsAsIs: !0
-}), B = ({
-  sdk: t
-}) => {
-  const i = s(t.sdkStore.organizationSettings), r = s(t.sdkStore.streamSettings), p = s(t.getActiveFeature()), e = a(() => {
-    const o = (r == null ? void 0 : r.data) || (i == null ? void 0 : i.data);
-    return o != null && o.overlays ? o.overlays : [];
-  }, [i, r]), c = a(() => [...e.filter(({
-    enableSdkButton: o
-  }) => o).map((o) => ({
-    id: o.type,
-    onClick: () => t.openFeature(o.type),
-    disabled: !(o.type in d),
-    label: o.name,
-    icon: /* @__PURE__ */ n("img", {
-      src: o.icon,
-      alt: ""
-    }),
-    /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
-    position: o.position * 10
-  }))].sort((o, m) => o.position - m.position), [e, t]);
-  return /* @__PURE__ */ n(f, {
-    children: c.map((o) => /* @__PURE__ */ n(u, {
-      ...o,
-      icon: void 0,
-      active: o.id === p
-    }, o.id))
-  });
-};
-export {
-  B as SDKNavigation
-};

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

@@ -1,10 +0,0 @@
-/// <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 CloseIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CloseIcon: any;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const SponsorLogo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const PresentsTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Subtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ActionButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

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

@@ -1,172 +0,0 @@
-import { jsx as n, jsxs as k, Fragment as T } from "react/jsx-runtime";
-import { styled as S } from "@linaria/react";
-import { useStore as F } from "@nanostores/react";
-import { useRef as j, useState as A, useMemo as _, useLayoutEffect as z, useEffect as E } from "react";
-import { FeatureType as G } from "@streamlayer/sdk-web-types";
-import { useImagesPreload as M } from "../../../useImagesPreload.js";
-import { scrollIntoAppView as P } from "../../../useSdkScroll.js";
-import { OnboardingUI as R } from "../../../../gamification/onboarding/index.js";
-import { ModalPortal as V } from "../../../../modal/index.js";
-import { ShowIn as W } from "../../../../show-in/index.js";
-import { m as $ } from "../../../../../mastersLogoSolid-B4Dz-vm1.js";
-import { Onboarding as x } from "./Notification/index.js";
-const y = [{
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
-  tagline: "Featured groups+ experience",
-  headline: /* @__PURE__ */ k(T, {
-    children: ["Welcome to ", /* @__PURE__ */ n("br", {}), " Featured Groups +"]
-  })
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",
-  headline: "Get real-time insights"
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",
-  headline: "Predictions, trivia & polls synced to match play"
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",
-  headline: "Win points for every answer you get right"
-}, {
-  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
-  headline: "Compete against friends on the leaderboard"
-}], O = /* @__PURE__ */ S("div")({
-  name: "OnboardingContainer",
-  class: "o1xcysoz",
-  propsAsIs: !1
-}), q = () => W, D = /* @__PURE__ */ S(q())({
-  name: "OnboardingNotificationContainer",
-  class: "oejzp3v",
-  propsAsIs: !0
-}), L = /* @__PURE__ */ S("div")({
-  name: "InnerContainer",
-  class: "i134gfua",
-  propsAsIs: !1
-}), U = ({
-  deepLink: d,
-  onboardingOpts: r,
-  notification: o,
-  gamification: u,
-  loading: i,
-  renderToNode: v,
-  sdk: l
-}) => {
-  var a, h, b, f, C, m, s;
-  const c = F(u.friends.getStore()), [e, I] = A(void 0), g = _(() => {
-    var p, w;
-    const t = l.getInviter();
-    return t ? (w = (p = c.data) == null ? void 0 : p.find(({
-      slId: B
-    }) => B === t)) == null ? void 0 : w.name : "";
-  }, [c.data, l]);
-  return E(() => {
-    const t = d.$store.subscribe((p) => {
-      p && I(p.data);
-    });
-    return () => {
-      t();
-    };
-  }, [d.$store]), /* @__PURE__ */ n(O, {
-    children: /* @__PURE__ */ n(R, {
-      loading: i,
-      renderToNode: v,
-      rules: [{
-        label: "Answer as many questions as you like.",
-        icon: "icon-btn-feature-groups"
-      }, {
-        label: "Win points for each correct trivia or prediction answer.",
-        icon: "icon-thumb-up"
-      }, {
-        label: "Top the leader board and best your friends.",
-        icon: "icon-trophy"
-      }],
-      rulesBtnLabel: (a = r.rules) == null ? void 0 : a.buttonLabel,
-      rulesTitle: (h = r.rules) == null ? void 0 : h.heading,
-      termsTitle: "Terms and Conditions",
-      termsText: (b = r.rules) == null ? void 0 : b.terms,
-      steps: y,
-      primaryColor: (f = r.inviteCard) == null ? void 0 : f.iconColor,
-      inviteLink: e,
-      inviteCardTitle: (C = r.inviteCard) == null ? void 0 : C.heading,
-      inviteCardSubtext: (m = r.inviteCard) == null ? void 0 : m.subtext,
-      inviteCardBtnLabel: (s = r.inviteCard) == null ? void 0 : s.buttonLabel,
-      onClose: () => {
-        var t;
-        (t = o.close) == null || t.call(o);
-      },
-      gamification: u,
-      sdk: l,
-      inviterName: g
-    })
-  });
-}, se = ({
-  sdk: d,
-  notification: r,
-  saveHeight: o,
-  style: u,
-  appNode: i,
-  sdkInDesktopView: v,
-  responsiveStore: l
-}) => {
-  var m;
-  const c = j(null), e = r.data.onboarding, [I, g] = A(e == null ? void 0 : e.instantOpen), a = d.getFeature(G.GAMES), h = _(() => y == null ? void 0 : y.map(({
-    graphicSrc: s
-  }) => s), []), {
-    screen: b
-  } = F(l, {
-    keys: ["screen"]
-  });
-  (m = e == null ? void 0 : e.titleCard) != null && m.media && (e.titleCard.media.sponsorLogo = $), z(() => {
-    var s;
-    o(((s = c.current) == null ? void 0 : s.getBoundingClientRect().height) || 0);
-  }, [o]);
-  const {
-    loading: f,
-    throttled: C
-  } = M(h);
-  return I && a && e && i.current && !C ? /* @__PURE__ */ n(V, {
-    container: i,
-    useContainer: !v,
-    children: /* @__PURE__ */ n(U, {
-      notification: r,
-      setOpened: g,
-      gamification: a,
-      onboardingOpts: e,
-      deepLink: a.deepLink,
-      loading: f,
-      renderToNode: i,
-      sdk: d
-    })
-  }) : /* @__PURE__ */ k(T, {
-    children: [/* @__PURE__ */ n(L, {
-      ref: c,
-      style: {
-        position: "absolute",
-        visibility: "hidden"
-      },
-      children: /* @__PURE__ */ n(x, {
-        close: () => {
-        },
-        action: () => {
-        },
-        onboarding: e
-      })
-    }), /* @__PURE__ */ n(D, {
-      style: u,
-      hiding: r.hiding,
-      children: /* @__PURE__ */ n(L, {
-        children: /* @__PURE__ */ n(x, {
-          close: r.close,
-          action: () => {
-            var t;
-            g(!0), (((t = i.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) < 0 && P(i, b.size, {
-              behavior: "smooth"
-            });
-          },
-          onboarding: e
-        })
-      })
-    })]
-  });
-};
-export {
-  se as Onboarding
-};

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

@@ -1,8 +0,0 @@
-/// <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/app/Points/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const StreamLayerSDKPoints: React.FC<{
-    sdk: StreamLayerSDK;
-}>;