@streamlayer/react-ui 0.55.0 → 0.56.0

package/lib/ui/demo/components/UserSummary.js

@@ -1,17 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useStore as o } from "@nanostores/react";
-import { UserStatistics as i } from "../../gamification/user-statistics/index.js";
-import "../../../utils/common.js";
-import "../../gamification/user-statistics/components/rank/index.js";
-import "../../gamification/user-statistics/components/rank/styles.js";
-import "@linaria/react";
-import "../../gamification/user-statistics/components/statistic/index.js";
-import "../../gamification/user-statistics/components/statistic/styles.js";
-import "../../gamification/user-statistics/styles.js";
-const S = ({ store: m }) => {
-  const { data: r } = o(m);
-  return r != null && r.summary ? /* @__PURE__ */ t(i, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ t("div", { children: "wait user..." });
-};
-export {
-  S as UserSummary
-};

package/lib/ui/demo/components/index.d.ts

@@ -1,7 +0,0 @@
-export { UserSummary } from './UserSummary';
-export { QuestionsList } from './QuestionsList';
-export { Question } from './Question';
-export { Onboarding } from '../../gamification/onboarding';
-export { Insights } from './Insights';
-export { Insight } from './Insight';
-export { Leaderboard } from './Leaderboard';

package/lib/ui/demo/components/index.js

@@ -1,74 +0,0 @@
-import { UserSummary as er } from "./UserSummary.js";
-import { QuestionsList as fr } from "./QuestionsList.js";
-import { Question as nr } from "./Question.js";
-import { Onboarding as dr } from "../../gamification/onboarding/index.js";
-import { Insights as ur } from "./Insights.js";
-import { Insight as hr } from "./Insight.js";
-import { Leaderboard as Lr } from "./Leaderboard.js";
-import "react/jsx-runtime";
-import "@nanostores/react";
-import "../../gamification/user-statistics/index.js";
-import "../../../utils/common.js";
-import "../../gamification/user-statistics/components/rank/index.js";
-import "../../gamification/user-statistics/components/rank/styles.js";
-import "@linaria/react";
-import "../../gamification/user-statistics/components/statistic/index.js";
-import "../../gamification/user-statistics/components/statistic/styles.js";
-import "../../gamification/user-statistics/styles.js";
-import "../../gamification/question/list/index.js";
-import "../../gamification/question/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../button/index.js";
-import "../../button/styles.js";
-import "../../gamification/constants.js";
-import "../../gamification/question/styles.js";
-import "../../icons/index.js";
-import "react";
-import "../../gamification/question/insight/index.js";
-import "../../video-player/index.js";
-import "../../video-player/styles.js";
-import "../../gamification/question/insight/styles.js";
-import "../../gamification/question/list/styles.js";
-import "../../gamification/vote/index.js";
-import "../../app/styles.js";
-import "../../gamification/vote/feedback/index.js";
-import "../../gamification/vote/feedback/styles.js";
-import "../../gamification/vote/styles.js";
-import "../../gamification/vote/vote-option/index.js";
-import "../../gamification/vote/vote-option/styles.js";
-import "../../gamification/vote/win-bar/index.js";
-import "../../timer/index.js";
-import "react-countdown-circle-timer";
-import "../../theme/constants.js";
-import "../../gamification/vote/win-bar/styles.js";
-import "../../../icon-exit-d3f9fc80.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "../../gamification/onboarding/styles.js";
-import "../../gamification/insight-list/index.js";
-import "../../gamification/insight/index.js";
-import "../../gamification/insight/styles.js";
-import "../../gamification/insight-list/styles.js";
-import "../../gamification/detailed-insight/index.js";
-import "../../gamification/common-header/index.js";
-import "../../gamification/common-header/styles.js";
-import "../../gamification/detailed-insight/styles.js";
-import "../../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../../gamification/leaderboard/list-item/index.js";
-import "../../gamification/leaderboard/list-item/styles.js";
-export {
-  hr as Insight,
-  ur as Insights,
-  Lr as Leaderboard,
-  dr as Onboarding,
-  nr as Question,
-  fr as QuestionsList,
-  er as UserSummary
-};

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

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

package/lib/ui/demo/index.js

@@ -1,184 +0,0 @@
-var y = Object.defineProperty;
-var b = (o, r, t) => r in o ? y(o, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[r] = t;
-var m = (o, r, t) => (b(o, typeof r != "symbol" ? r + "" : r, t), t);
-import { jsx as e, jsxs as l, Fragment as T } from "react/jsx-runtime";
-import { FeatureStatus as c } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as g } from "@streamlayer/sdk-web-types";
-import { AvailableFeatures as C } from "@streamlayer/sdk-web-features";
-import { useState as w, useMemo as S, useEffect as F } from "react";
-import "@streamlayer/sdk-web-api";
-import { Storage as k } from "@streamlayer/sdk-web-storage";
-import { useStore as f } from "@nanostores/react";
-import { Notifications as x } from "../notifications/index.js";
-import { GamificationComponent as E } from "./Gamification.js";
-import { HighlightsComponent as G } from "./Highlights.js";
-import { LoginComponent as H } from "./Login.js";
-import { Buttons as A, Button as d } from "./styles.js";
-import "../notifications/notification/index.js";
-import "@streamlayer/sdk-web-notifications";
-import "../notifications/notification/onboarding-inapp/index.js";
-import "../notifications/notification/onboarding-inapp/styles.js";
-import "@linaria/react";
-import "../notifications/notification/question-inapp/index.js";
-import "../../icon-exit-d3f9fc80.js";
-import "../notifications/notification/question-inapp/styles.js";
-import "../notifications/notification/styles.js";
-import "../notifications/styles.js";
-import "../gamification/tabs/index.js";
-import "../gamification/tabs/styles.js";
-import "./components/UserSummary.js";
-import "../gamification/user-statistics/index.js";
-import "../../utils/common.js";
-import "../gamification/user-statistics/components/rank/index.js";
-import "../gamification/user-statistics/components/rank/styles.js";
-import "../gamification/user-statistics/components/statistic/index.js";
-import "../gamification/user-statistics/components/statistic/styles.js";
-import "../gamification/user-statistics/styles.js";
-import "./components/QuestionsList.js";
-import "../gamification/question/list/index.js";
-import "../gamification/question/index.js";
-import "../button/index.js";
-import "../button/styles.js";
-import "../gamification/constants.js";
-import "../gamification/question/styles.js";
-import "../icons/index.js";
-import "../gamification/question/insight/index.js";
-import "../video-player/index.js";
-import "../video-player/styles.js";
-import "../gamification/question/insight/styles.js";
-import "../gamification/question/list/styles.js";
-import "./components/Question.js";
-import "../gamification/vote/index.js";
-import "../app/styles.js";
-import "../gamification/vote/feedback/index.js";
-import "../gamification/vote/feedback/styles.js";
-import "../gamification/vote/styles.js";
-import "../gamification/vote/vote-option/index.js";
-import "../gamification/vote/vote-option/styles.js";
-import "../gamification/vote/win-bar/index.js";
-import "../timer/index.js";
-import "react-countdown-circle-timer";
-import "../theme/constants.js";
-import "../gamification/vote/win-bar/styles.js";
-import "../gamification/onboarding/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "../gamification/onboarding/styles.js";
-import "../gamification/insight/styles.js";
-import "../gamification/insight-list/styles.js";
-import "../gamification/common-header/styles.js";
-import "../gamification/detailed-insight/styles.js";
-import "./components/Leaderboard.js";
-import "../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../gamification/leaderboard/list-item/index.js";
-import "../gamification/leaderboard/list-item/styles.js";
-import "./components/Insights.js";
-import "../gamification/insight-list/index.js";
-import "../gamification/insight/index.js";
-import "./components/Insight.js";
-import "../gamification/detailed-insight/index.js";
-import "../gamification/common-header/index.js";
-import "@streamlayer/sdk-web-anonymous-auth";
-import "../login/index.js";
-import "react-auth-code-input";
-import "react-phone-number-input";
-import "../../utils/login.js";
-import "@connectrpc/connect";
-import "@connectrpc/connect-web";
-import "@streamlayer/sl-eslib/users/users_connect";
-import "../login/styles.js";
-class B extends k {
-  constructor() {
-    super("user");
-    // Schema
-    m(this, "setSchema", (t) => {
-      this.write("schema", t);
-    });
-    m(this, "getSchema", () => this.read(
-      "schema"
-      /* SCHEMA */
-    ));
-    // Token
-    m(this, "setToken", (t) => {
-      this.write("token", t);
-    });
-    m(this, "getToken", () => this.read(
-      "token"
-      /* TOKEN */
-    ));
-    // External Token
-    m(this, "setExternalToken", (t) => {
-      this.write("eToken", t);
-    });
-    m(this, "getExternalToken", () => this.read(
-      "eToken"
-      /* EXTERNAL_TOKEN */
-    ));
-    m(this, "removeToken", () => {
-      this.remove(
-        "token"
-        /* TOKEN */
-      );
-    });
-  }
-}
-new B();
-const R = ({ activeFeature: o, sdk: r }) => {
-  const [t, a] = w(null), { organizationSettings: s, streamSettings: u } = f(r.sdkStore), v = S(() => {
-    const i = (u == null ? void 0 : u.data) || (s == null ? void 0 : s.data);
-    return i != null && i.overlays ? i.overlays : [];
-  }, [s, u]);
-  F(() => {
-    const i = r.getFeatures();
-    if (o)
-      for (const [n, p] of i)
-        n === o ? p.status.get() === c.Suspended && (p.enable(), a(p)) : p.status.get() === c.Ready && p.disable();
-    else {
-      for (const [, n] of i)
-        n.status.get() === c.Ready && n.disable();
-      a(null);
-    }
-    return () => {
-      for (const [, n] of i)
-        n.status.get() === c.Ready && n.disable();
-    };
-  }, [o, r]);
-  const h = S(() => t ? t.featureConfig.get().type === g.GAMES ? t ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { gamification: t, sdk: r }) }) : /* @__PURE__ */ e("div", { children: "wait gamification..." }) : t.featureConfig.get().type === g.HIGHLIGHTS ? t ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(G, { highlights: t, sdk: r }) }) : /* @__PURE__ */ e("div", { children: "wait highlights..." }) : /* @__PURE__ */ e("div", { children: "unknown feature" }) : null, [r, t]);
-  return /* @__PURE__ */ l("div", { children: [
-    /* @__PURE__ */ l(A, { children: [
-      /* @__PURE__ */ e(d, { onClick: () => r.closeFeature(), disabled: !h, children: "close" }),
-      /* @__PURE__ */ e(d, { onClick: () => r.logout(), children: "logout" }),
-      v.map((i) => /* @__PURE__ */ l(
-        d,
-        {
-          onClick: () => r.openFeature(i.type),
-          disabled: !(i.type in C),
-          "data-enable_sdk_button": i.enableSdkButton.toString(),
-          "data-selected": i.type === o,
-          children: [
-            /* @__PURE__ */ e("img", { src: i.icon, alt: "" }),
-            i.name
-          ]
-        },
-        i.name
-      ))
-    ] }),
-    h
-  ] });
-}, yr = ({ sdk: o }) => {
-  const r = f(o.organizationStore()), t = f(o.getUserStore()), a = f(o.getActiveFeature());
-  return r.loading ? /* @__PURE__ */ e("div", { children: "authentication..." }) : r.data ? t.loading ? /* @__PURE__ */ e("div", { children: "authentication..." }) : t.data ? /* @__PURE__ */ l(T, { children: [
-    /* @__PURE__ */ e(x, { notificationsStore: o.getNotificationsStore() }),
-    /* @__PURE__ */ e(R, { sdk: o, activeFeature: a })
-  ] }) : /* @__PURE__ */ e(H, { sdk: o }) : /* @__PURE__ */ e("div", { children: "wrong sdk key..." });
-};
-export {
-  yr as Demo
-};

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const DemoContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const UserStatisticsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const QuestionsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Buttons: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Button: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/demo/styles.js

@@ -1,58 +0,0 @@
-import { styled as o } from "@linaria/react";
-const e = o.div`
-  position: relative;
-  height: 100%;
-  overflow: hidden;
-`, i = o.div`
-  margin-bottom: 15px;
-`, r = o.div`
-  position: relative;
-  height: calc(100% - 160px);
-`, n = o.div`
-  display: flex;
-  margin-bottom: 10px;
-`, a = o.button`
-  background: rgb(29, 123, 255);
-  border: none;
-  color: #fff;
-  padding: 5px 6px;
-  border-radius: 3px;
-  cursor: pointer;
-  margin-right: 5px;
-  transition: all 0.3s ease-in;
-
-  & > img {
-    max-width: 10px;
-    max-height: 10px;
-    margin-right: 5px;
-  }
-
-  &:enabled:hover {
-    box-shadow: inset 0 0 0 2em rgb(2, 88, 208);
-  }
-
-  &[data-selected='true'] {
-    box-shadow: inset 0 0 0 2em rgb(0, 60, 145);
-
-    &:enabled:hover {
-      box-shadow: inset 0 0 0 2em rgb(0, 60, 145);
-    }
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    background-color: gray;
-    cursor: default;
-  }
-
-  &[data-enable_sdk_button='false'] {
-    opacity: 0.7;
-  }
-`;
-export {
-  a as Button,
-  n as Buttons,
-  e as DemoContainer,
-  r as QuestionsContainer,
-  i as UserStatisticsContainer
-};

package/lib/ui/notifications/decorator.d.ts

@@ -1,4 +0,0 @@
-import type { Decorator } from '@storybook/react';
-export declare const NotificationsList: Decorator<{
-    concurrency: number;
-}>;

package/lib/ui/notifications/decorator.js

@@ -1,64 +0,0 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import { styled as m } from "@linaria/react";
-import { useMemo as b, useRef as a } from "react";
-import { NotificationType as o, Notifications as f } from "@streamlayer/sdk-web-notifications";
-import { Notifications as l } from "./index.js";
-import "@nanostores/react";
-import "./notification/index.js";
-import "./notification/onboarding-inapp/index.js";
-import "./notification/onboarding-inapp/styles.js";
-import "./notification/question-inapp/index.js";
-import "../../icon-exit-d3f9fc80.js";
-import "./notification/question-inapp/styles.js";
-import "./notification/styles.js";
-import "./styles.js";
-const c = m.button`
-  border: none;
-  outline: none;
-  background-color: var(--color-green-primary-btn);
-  color: var(--color-white);
-  cursor: pointer;
-  padding: 5px;
-  min-width: 50px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  margin-top: 10px;
-`, u = {
-  [o.QUESTION]: {
-    icon: "https://static-next.streamlayer.io/1a0525a58e123d342ed43ebdf5bacc9c/f2147312-357a-4cb6-a6fa-879472609344/e675f428-d234-40fd-95db-e09bc2143852.png"
-  },
-  [o.ONBOARDING]: {
-    header: "Header",
-    subtitle: "Free to Play Interactive game",
-    graphicBg: "https://storage.googleapis.com/cdn.streamlayer.io/organization/studioicons/oval.png",
-    icon: "https://static-next.streamlayer.io/1a0525a58e123d342ed43ebdf5bacc9c/6bde38a5-d5da-4f8d-b491-601370372695/6996bc2d-a8b0-4b93-82d6-015bc981e666.png",
-    sponsorLogo: "https://static-next.streamlayer.io/1a0525a58e123d342ed43ebdf5bacc9c/95da4770-fb56-4bb7-bba6-94f97e6f1fea/8c6a2184-453e-47d2-aa77-5478da0ebb51.png",
-    primaryColor: "#9c0061"
-  }
-}, R = (g, { args: t }) => {
-  console.log("NotificationsList", t);
-  const e = b(
-    () => new f({ concurrency: t.concurrency || 1, animationDelay: 300 }),
-    [t.concurrency]
-  ), d = a(0), s = a(0), r = (i) => {
-    e.add({
-      type: i,
-      autoHideDuration: 5e3,
-      id: Date.now().toString(),
-      data: {
-        ...u[i],
-        title: i === o.ONBOARDING ? `Onboarding ${++s.current}` : `Question ${++d.current}`
-      }
-    });
-  };
-  return /* @__PURE__ */ p("div", { children: [
-    /* @__PURE__ */ n(l, { notificationsStore: e.getQueueStore() }),
-    /* @__PURE__ */ n(c, { onClick: () => r(o.QUESTION), children: "Add question" }),
-    /* @__PURE__ */ n(c, { onClick: () => r(o.ONBOARDING), children: "Add onboarding" })
-  ] });
-};
-export {
-  R as NotificationsList
-};

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { NotificationsList } from '@streamlayer/sdk-web-notifications';
-export declare const Notifications: React.FC<{
-    notificationsStore: NotificationsList;
-}>;

package/lib/ui/notifications/index.js

@@ -1,28 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useStore as p } from "@nanostores/react";
-import { NotificationComponent as n } from "./notification/index.js";
-import { NotificationsContainer as e } from "./styles.js";
-import "react";
-import "@streamlayer/sdk-web-notifications";
-import "./notification/onboarding-inapp/index.js";
-import "./notification/onboarding-inapp/styles.js";
-import "@linaria/react";
-import "./notification/question-inapp/index.js";
-import "../../icon-exit-d3f9fc80.js";
-import "./notification/question-inapp/styles.js";
-import "./notification/styles.js";
-const S = ({ notificationsStore: i }) => {
-  const o = p(i);
-  return /* @__PURE__ */ r(e, { children: o == null ? void 0 : o.map((t, m) => /* @__PURE__ */ r(
-    n,
-    {
-      index: m,
-      total: o.length,
-      ...t
-    },
-    t.id
-  )) });
-};
-export {
-  S as Notifications
-};

package/lib/ui/notifications/notification/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { type Notification } from '@streamlayer/sdk-web-notifications';
-export declare const NotificationComponent: React.FC<Notification & {
-    index: number;
-    total: number;
-}>;

package/lib/ui/notifications/notification/index.js

@@ -1,36 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as f, useEffect as s } from "react";
-import { NotificationType as i } from "@streamlayer/sdk-web-notifications";
-import { OnBoardingInApp as N } from "./onboarding-inapp/index.js";
-import { QuestionInApp as e } from "./question-inapp/index.js";
-import { NotificationContainer as a } from "./styles.js";
-import "./onboarding-inapp/styles.js";
-import "@linaria/react";
-import "../../../icon-exit-d3f9fc80.js";
-import "./question-inapp/styles.js";
-const l = {
-  [i.ONBOARDING]: N,
-  [i.QUESTION]: e
-}, y = ({
-  index: t,
-  total: m,
-  ...r
-}) => {
-  const o = f(null), p = l[r.type] || e;
-  return s(() => {
-    o.current !== null && r.hiding && o.current.animate([{ right: "0" }, { right: "-100%" }], {
-      duration: 300,
-      fill: "forwards"
-    });
-  }, [r.hiding]), /* @__PURE__ */ n(
-    a,
-    {
-      ref: o,
-      style: { zIndex: t + 1, transform: `translateY(${100 * (m - t - 1)}%)` },
-      children: /* @__PURE__ */ n(p, { ...r })
-    }
-  );
-};
-export {
-  y as NotificationComponent
-};

package/lib/ui/notifications/notification/onboarding-inapp/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Notification } from '@streamlayer/sdk-web-notifications';
-export declare const OnBoardingInApp: React.FC<Notification>;

package/lib/ui/notifications/notification/onboarding-inapp/index.js

@@ -1,25 +0,0 @@
-import { jsxs as n, jsx as i, Fragment as t } from "react/jsx-runtime";
-import { Container as g, CloseBtn as s, IconClose as C, BackgroundBlock as M, Icon as p, ContentWrap as m, SponsorLogo as Z, SponsorText as b, ContentTitle as D, ContentSubtitle as S, ActionBtn as h } from "./styles.js";
-import "@linaria/react";
-const W = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIxLjI1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEuMjUgMCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB5PSI4Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDguNzUpIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+Cjwvc3ZnPgo=", P = ({
-  close: I,
-  action: l,
-  data: { icon: c, header: a, title: e, subtitle: r, graphicBg: d, sponsorLogo: o }
-}) => /* @__PURE__ */ n(g, { children: [
-  /* @__PURE__ */ i(s, { onClick: I, children: /* @__PURE__ */ i(C, { alt: "icon-close-onboarding-inapp", src: W }) }),
-  /* @__PURE__ */ i(M, { style: { backgroundImage: `url(${d || ""})` }, children: c && /* @__PURE__ */ i(p, { alt: "onboarding-inapp-icon", src: c }) }),
-  /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ i("div", { children: o ? /* @__PURE__ */ n(t, { children: [
-        /* @__PURE__ */ i(Z, { alt: "sponsor-logo", src: o }),
-        /* @__PURE__ */ i(b, { children: "Presents" })
-      ] }) : a || "" }),
-      /* @__PURE__ */ i(D, { children: e || "" }),
-      /* @__PURE__ */ i(S, { children: r || "" })
-    ] }),
-    /* @__PURE__ */ i(h, { onClick: l, children: "Play" })
-  ] })
-] });
-export {
-  P as OnBoardingInApp
-};

package/lib/ui/notifications/notification/onboarding-inapp/styles.d.ts

@@ -1,12 +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 BackgroundBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const ContentWrap: 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 SponsorText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
-export declare const ContentTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ContentSubtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ActionBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const CloseBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const IconClose: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/notifications/notification/onboarding-inapp/styles.js

@@ -1,77 +0,0 @@
-import { styled as o } from "@linaria/react";
-const n = o.div`
-  background-color: var(--color-transparent-onboarding-inapp);
-  max-height: 120px;
-`, r = o.div`
-  background-repeat: no-repeat;
-  background-size: contain;
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
-  width: 72px;
-  display: flex;
-  align-items: center;
-`, e = o.img`
-  width: 56px;
-  margin-left: 8px;
-`, i = o.div`
-  padding: 16px 8px 16px 0px;
-  margin-right: 8px;
-  font-size: 12px;
-  font-weight: 600;
-  display: flex;
-  flex: 1;
-  justify-content: space-between;
-  align-items: center;
-`, p = o.img`
-  width: 16px;
-  height: 16px;
-  margin-right: 4px;
-`, a = o.span`
-  font-style: italic;
-  font-weight: 600;
-  font-size: 8px;
-  text-transform: uppercase;
-`, s = o.div`
-  margin-top: 8px;
-  margin-bottom: 2px;
-  font-size: 14px;
-`, c = o.div`
-  color: var(--color-grey-primary-onboarding-inapp);
-`, d = o.button`
-  border: none;
-  outline: none;
-  background-color: var(--color-green-primary-btn);
-  padding: 8px 16px;
-  color: #fff;
-  font-size: 12px;
-  font-weight: 600;
-  cursor: pointer;
-  border-radius: 24px;
-`, x = o.button`
-  position: absolute;
-  right: 8px;
-  top: 4px;
-  border: none;
-  outline: none;
-  background-color: transparent;
-  padding: 5px;
-  color: #fff;
-  cursor: pointer;
-  border-radius: 50%;
-`, g = o.img`
-  width: 10px;
-  height: 10px;
-`;
-export {
-  d as ActionBtn,
-  r as BackgroundBlock,
-  x as CloseBtn,
-  n as Container,
-  c as ContentSubtitle,
-  s as ContentTitle,
-  i as ContentWrap,
-  e as Icon,
-  g as IconClose,
-  p as SponsorLogo,
-  a as SponsorText
-};

package/lib/ui/notifications/notification/question-inapp/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { Notification } from '@streamlayer/sdk-web-notifications';
-export declare const QuestionInApp: React.FC<Notification>;