@streamlayer/react-ui 1.0.0 → 1.2.0

package/lib/index.d.ts

@@ -1,2 +1,2 @@
-export { App } from './ui/app/app';
+export { App } from './app/app';
 export { StreamLayerThemeProvider } from './ui/theme';

package/lib/index.js

@@ -1,4 +1,4 @@
-import { App as o } from "./ui/app/app/index.js";
+import { App as o } from "./app/app/index.js";
 import { StreamLayerThemeProvider as p } from "./ui/theme/index.js";
 export {
   o as App,

package/lib/ui/advertisement/banner/index.d.ts

@@ -0,0 +1,8 @@
+import { PromotionOptions } from '@streamlayer/sdk-web-types';
+
+export declare const BannerImg: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Banner: React.FC<{
+    promotion: PromotionOptions;
+    direction?: 'top' | 'bottom';
+    hiding?: boolean;
+}>;

package/lib/ui/advertisement/banner/index.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import { styled as e } from "@linaria/react";
+import { SlideIn as o } from "../../slide-in/index.js";
+const t = /* @__PURE__ */ e("div")({
+  name: "BannerContainer",
+  class: "bipmch2",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ e("img")({
+  name: "BannerImg",
+  class: "bpkcihp",
+  propsAsIs: !1
+}), d = ({
+  promotion: r,
+  hiding: i,
+  direction: s = "bottom"
+}) => {
+  var a;
+  return (a = r.additionalBanner) != null && a.imageUrl ? /* @__PURE__ */ n(o, {
+    direction: s,
+    hiding: i,
+    children: /* @__PURE__ */ n(t, {
+      children: /* @__PURE__ */ n(l, {
+        src: r.additionalBanner.imageUrl,
+        alt: "promo"
+      })
+    })
+  }) : null;
+};
+export {
+  d as Banner,
+  l as BannerImg
+};

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

@@ -0,0 +1,10 @@
+import { Advertisement } from '@streamlayer/feature-gamification';
+
+export declare const AdvertisementUI: React.FC<{
+    advertisement: Advertisement & {
+        data: Exclude<Advertisement['data'], undefined>;
+    };
+    layoutMode?: 'cover' | 'side-by-side';
+    sidebar?: 'left' | 'right';
+    banner?: 'top' | 'bottom';
+}>;

package/lib/ui/advertisement/index.js

@@ -0,0 +1,19 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useStore as a } from "@nanostores/react";
+import { PromotionType as d } from "@streamlayer/sdk-web-types";
+import { Banner as s } from "./banner/index.js";
+import { Overlay as u } from "./overlay/index.js";
+import { Sidebar as n } from "./sidebar/index.js";
+const f = (r) => (r == null ? void 0 : r.type) === d.INGAME_IAB11_LBAR || (r == null ? void 0 : r.type) === d.INGAME_IAB21_LBAR, y = (r) => (r == null ? void 0 : r.type) === d.INGAME_IAB11 || (r == null ? void 0 : r.type) === d.INGAME_IAB21, C = ({ advertisement: r, layoutMode: A = "side-by-side", sidebar: i, banner: t }) => {
+  const e = a(r.data);
+  return !e.data && e.loading ? null : e.error ? /* @__PURE__ */ c("div", { children: [
+    "error ",
+    /* @__PURE__ */ l("button", { onClick: r.close, children: "close" })
+  ] }) : e.data ? !i && !t && y(e.data) ? /* @__PURE__ */ l(u, { promotion: e.data, onClose: r.close }) : i && f(e.data) ? /* @__PURE__ */ l(n, { direction: i, hiding: r.hiding, children: /* @__PURE__ */ l(u, { promotion: e.data, onClose: r.close, inSidebar: !0 }) }) : t ? /* @__PURE__ */ l(s, { hiding: r.hiding, promotion: e.data, direction: t }) : null : /* @__PURE__ */ c("div", { children: [
+    "empty promo ",
+    /* @__PURE__ */ l("button", { onClick: r.close, children: "close" })
+  ] });
+};
+export {
+  C as AdvertisementUI
+};

package/lib/ui/advertisement/mock.d.ts

@@ -0,0 +1,4 @@
+import { PromotionOptions } from '@streamlayer/sdk-web-types';
+
+export declare const promotionMock: PromotionOptions;
+export declare const promotionMockWithVideo: PromotionOptions;

package/lib/ui/advertisement/mock.js

@@ -0,0 +1,67 @@
+import { PromotionType as o, PromotionWallet as e, PromotionLogoMode as a, CtaIconMode as c } from "@streamlayer/sdk-web-types";
+const d = {
+  type: o.INGAME_IAB21_LBAR,
+  enableWallet: e.DISABLED,
+  coupon: "",
+  logoMode: a.LEFT,
+  couponZip: "",
+  couponBarcodeUrl: "",
+  sponsor: {
+    logo: "https://static-next.streamlayer.io/a8b6c1738a31dd0076a01c8807253533/f1de6799-4502-4423-9cbe-4804cd0ba769/c911da1a-e4a1-4e9a-8eb2-d1a6aa17e05d.png",
+    name: "Coca Cola"
+  },
+  banner: {
+    imageUrl: "https://www.figma.com/file/8XscgUSGOMU6rCYDLBgrAc/image/58f7c29647f7ad5bd447f76534af79609bedc74f",
+    url: "google.com",
+    ctaButton: {
+      label: "Order",
+      color: "#1d7bff",
+      ctaIcon: "",
+      ctaIconMode: c.CTA_ICON_UNSET,
+      textColor: "#fff"
+    },
+    body: "Order pizza",
+    title: "Get free Cola"
+  },
+  additionalBanner: {
+    imageUrl: "https://static-next.streamlayer.io/a8b6c1738a31dd0076a01c8807253533/42b6d84a-3cca-4eed-98ed-195706b47882/fce903c3-9781-4613-ae1e-4cce7e8cde90.png",
+    url: "google.com"
+  }
+}, r = {
+  type: o.INGAME_IAB21_LBAR,
+  enableWallet: e.DISABLED,
+  coupon: "",
+  logoMode: a.LEFT,
+  couponZip: "",
+  couponBarcodeUrl: "",
+  sponsor: {
+    logo: "https://static-next.streamlayer.io/a8b6c1738a31dd0076a01c8807253533/f1de6799-4502-4423-9cbe-4804cd0ba769/c911da1a-e4a1-4e9a-8eb2-d1a6aa17e05d.png",
+    name: "Lorem ipsum dolor sit 4434, co"
+  },
+  banner: {
+    imageUrl: "",
+    url: "",
+    video: {
+      id: "1",
+      thumbnailUrl: "https://www.figma.com/file/8XscgUSGOMU6rCYDLBgrAc/image/58f7c29647f7ad5bd447f76534af79609bedc74f",
+      url: "https://static-next.streamlayer.io/2e8700993dd42a9b3283ef7f1b4bddc0/aa7a51c8-b8fb-4e8c-97bd-eebf649fd04d/36163fdd-3d41-447c-a3b2-3faf35ae9235.mp4"
+    },
+    ctaButton: {
+      label: "Lorem ipsum dol",
+      color: "#1d7bff",
+      ctaIcon: "",
+      ctaIconMode: c.CTA_ICON_UNSET,
+      textColor: "#fff"
+    },
+    body: "Lorem ipsum dolor sit 4434, consectetur 1111192392 3333, sed do 4434343 342343 545454344 ut 234323 ",
+    title: "Lorem ipsum dolor sit 4434, co"
+  },
+  additionalBanner: {
+    imageUrl: "https://static-next.streamlayer.io/a8b6c1738a31dd0076a01c8807253533/42b6d84a-3cca-4eed-98ed-195706b47882/fce903c3-9781-4613-ae1e-4cce7e8cde90.png",
+    url: "google.com"
+  }
+};
+export {
+  d as promotionMock,
+  r as promotionMockWithVideo
+};

package/lib/ui/advertisement/overlay/index.d.ts

@@ -0,0 +1,7 @@
+import { PromotionOptions } from '@streamlayer/sdk-web-types';
+
+export declare const Overlay: React.FC<{
+    promotion: PromotionOptions;
+    onClose?: () => void;
+    inSidebar?: boolean;
+}>;

package/lib/ui/advertisement/overlay/index.js

@@ -0,0 +1,74 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { PromotionType as N, PromotionLogoMode as n } from "@streamlayer/sdk-web-types";
+import { VideoPlayer as D } from "../../video-player/index.js";
+import { PromoOverlay as F, Header as R, HeaderContent as _, SponsorLogo as S, SponsorName as U, SponsorText as j, ADLogo as m, SponsoredText as G, CloseIconWrap as H, CloseIcon as W, Media as w, Content as V, PromoImg as q, Text as z, Title as J, Description as K, ActionBtnWrap as Q, ActionButton as X } from "./styles.js";
+const re = ({
+  promotion: e,
+  onClose: O,
+  inSidebar: k
+}) => {
+  var a, s, c, d, t, g, h, i, b, u, y, x, f, p, A, C, E, T, B, L, M, v, I, P;
+  const o = e.type === N.INGAME_IAB11_LBAR || e.type === N.INGAME_IAB11;
+  return /* @__PURE__ */ l(F, { className: "PromoOverlay", style: { ...k ? {} : { backgroundColor: "#1E3344" } }, children: [
+    /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ l(_, { children: [
+        ((a = e.sponsor) == null ? void 0 : a.logo) && e.logoMode === n.LEFT && /* @__PURE__ */ r(S, { src: (s = e.sponsor) == null ? void 0 : s.logo, alt: "promo" }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            style: {
+              paddingLeft: (c = e.sponsor) != null && c.logo && e.logoMode === n.LEFT ? "0px" : "8px"
+            },
+            children: [
+              ((d = e.sponsor) == null ? void 0 : d.logo) && e.logoMode === n.LEFT && /* @__PURE__ */ r(U, { children: (t = e.sponsor) == null ? void 0 : t.name }),
+              /* @__PURE__ */ l(j, { children: [
+                /* @__PURE__ */ r(m, { children: "AD" }),
+                /* @__PURE__ */ r(G, { children: "SPONSORED" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(H, { onClick: O, children: /* @__PURE__ */ r(W, { name: "icon-cross" }) })
+    ] }),
+    /* @__PURE__ */ l(w, { children: [
+      ((g = e.sponsor) == null ? void 0 : g.logo) && e.logoMode === n.CENTER && /* @__PURE__ */ r(S, { src: (h = e.sponsor) == null ? void 0 : h.logo, alt: "promo" }),
+      /* @__PURE__ */ l(V, { children: [
+        (b = (i = e.banner) == null ? void 0 : i.video) != null && b.url ? /* @__PURE__ */ r(
+          D,
+          {
+            source: (y = (u = e.banner) == null ? void 0 : u.video) == null ? void 0 : y.url,
+            poster: (f = (x = e.banner) == null ? void 0 : x.video) == null ? void 0 : f.thumbnailUrl,
+            aspectRatio: o ? "1/1" : "16/9"
+          }
+        ) : (p = e.banner) != null && p.imageUrl ? /* @__PURE__ */ r(
+          q,
+          {
+            style: o ? { width: "268px", height: "268px" } : {},
+            src: (A = e.banner) == null ? void 0 : A.imageUrl,
+            alt: "promo"
+          }
+        ) : null,
+        !o && /* @__PURE__ */ l(z, { children: [
+          /* @__PURE__ */ r(J, { children: (C = e.banner) == null ? void 0 : C.title }),
+          /* @__PURE__ */ r(K, { children: (E = e.banner) == null ? void 0 : E.body })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r(
+        X,
+        {
+          href: (T = e.banner) == null ? void 0 : T.url,
+          style: {
+            backgroundColor: ((L = (B = e.banner) == null ? void 0 : B.ctaButton) == null ? void 0 : L.color) || "#009dc4",
+            color: ((v = (M = e.banner) == null ? void 0 : M.ctaButton) == null ? void 0 : v.textColor) || "#fff"
+          },
+          target: "_blank",
+          children: (P = (I = e.banner) == null ? void 0 : I.ctaButton) == null ? void 0 : P.label
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  re as Overlay
+};

package/lib/ui/advertisement/overlay/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const Header: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const HeaderContent: 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 SponsorName: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PromoOverlay: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Media: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Text: 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 SponsorText: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ADLogo: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SponsoredText: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & 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 Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ActionBtnWrap: 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<HTMLAnchorElement> & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
+export declare const PromoImg: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/advertisement/overlay/styles.js

@@ -0,0 +1,95 @@
+import { styled as s } from "@linaria/react";
+import { SvgIcon as o } from "../../icons/index.js";
+const p = /* @__PURE__ */ s("div")({
+  name: "Header",
+  class: "hkzhq2w",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("div")({
+  name: "HeaderContent",
+  class: "hmgz5i",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("img")({
+  name: "SponsorLogo",
+  class: "syxi3jt",
+  propsAsIs: !1
+}), r = /* @__PURE__ */ s("div")({
+  name: "SponsorName",
+  class: "s149e3gp",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "PromoOverlay",
+  class: "p10toh7",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "Media",
+  class: "m1jyea6t",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("div")({
+  name: "Text",
+  class: "tzpfa3h",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "d1crmu01",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("div")({
+  name: "SponsorText",
+  class: "s1l37r8s",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ s("div")({
+  name: "ADLogo",
+  class: "a1nmch9k",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("span")({
+  name: "SponsoredText",
+  class: "s1er0ljd",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ s("div")({
+  name: "CloseIconWrap",
+  class: "cydopmr",
+  propsAsIs: !1
+}), e = () => o, x = /* @__PURE__ */ s(e())({
+  name: "CloseIcon",
+  class: "c1w6nt04",
+  propsAsIs: !0
+}), g = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1evcmtq",
+  propsAsIs: !1
+}), S = /* @__PURE__ */ s("div")({
+  name: "ActionBtnWrap",
+  class: "awodx0x",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ s("a")({
+  name: "ActionButton",
+  class: "a1q3n6oi",
+  propsAsIs: !1
+}), T = /* @__PURE__ */ s("img")({
+  name: "PromoImg",
+  class: "p8d4xfk",
+  propsAsIs: !1
+}), h = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "tt6oobh",
+  propsAsIs: !1
+});
+export {
+  A as ADLogo,
+  S as ActionBtnWrap,
+  C as ActionButton,
+  x as CloseIcon,
+  v as CloseIconWrap,
+  g as Content,
+  d as Description,
+  p as Header,
+  t as HeaderContent,
+  m as Media,
+  T as PromoImg,
+  l as PromoOverlay,
+  c as SponsorLogo,
+  r as SponsorName,
+  I as SponsorText,
+  f as SponsoredText,
+  i as Text,
+  h as Title
+};

package/lib/ui/advertisement/sidebar/index.d.ts

@@ -0,0 +1,7 @@
+export declare const Sidebar: React.FC<{
+    children: React.ReactElement;
+    direction: 'left' | 'right';
+    style?: React.CSSProperties;
+    className?: string;
+    hiding?: boolean;
+}>;

package/lib/ui/advertisement/sidebar/index.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { styled as t } from "@linaria/react";
+import { SlideIn as a } from "../../slide-in/index.js";
+const d = /* @__PURE__ */ t("div")({
+  name: "SidebarContainer",
+  class: "s1abskp8",
+  propsAsIs: !1
+}), b = ({
+  children: e,
+  direction: o,
+  style: s,
+  className: i,
+  hiding: n
+}) => /* @__PURE__ */ r(a, {
+  direction: o,
+  style: s,
+  hiding: n,
+  className: i,
+  children: /* @__PURE__ */ r(d, {
+    children: e
+  })
+});
+export {
+  b as Sidebar
+};

package/lib/ui/animated-counter/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CountUpProps } from 'react-countup';
+
 export declare const AnimatedCounter: React.FC<Omit<CountUpProps, 'end' | 'start'> & {
     value?: number;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ButtonProps = {
     children?: string | React.ReactNode;
     disabled?: boolean;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const SButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const ButtonLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const SButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const ButtonLabel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/constants.d.ts

@@ -1,5 +1,6 @@
 import { QuestionType } from '@streamlayer/sdk-web-types';
 import { icons } from '../icons';
+
 export declare const QuestionTypeData: Record<QuestionType, {
     label: string;
     iconName: keyof typeof icons;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CopyNotification: React.FC;

package/lib/ui/gamification/copyNotification/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/detail/header/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { QuestionType } from '@streamlayer/sdk-web-types';
+
 interface VoteHeaderProps {
     type?: QuestionType;
     close: () => void;

package/lib/ui/gamification/detail/header/styles.d.ts

@@ -1,7 +1,6 @@
-/// <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 QuestionTypeWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionTypeWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const QuestionTypeIcon: any;
-export declare const QuestionTypeTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & 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 QuestionTypeTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & 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;

package/lib/ui/gamification/detail/sponsor/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 export declare const Sponsor: React.FC<{
     sponsorLogo?: string;
+    mastersApp?: boolean;
 }>;

package/lib/ui/gamification/detail/sponsor/index.js

@@ -1,19 +1,25 @@
 import { jsx as o } from "react/jsx-runtime";
-import { styled as s } from "@linaria/react";
-import { SvgIcon as r } from "../../../icons/index.js";
-const p = /* @__PURE__ */ s("div")({
+import { styled as n } from "@linaria/react";
+import { SvgIcon as e } from "../../../icons/index.js";
+const s = /* @__PURE__ */ n("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), n = () => r, t = /* @__PURE__ */ s(n())({
+}), t = () => e, r = /* @__PURE__ */ n(t())({
   name: "SponsorLogo",
   class: "s755yti",
   propsAsIs: !0
-}), c = () => /* @__PURE__ */ o(p, {
-  children: /* @__PURE__ */ o(t, {
+}), i = ({
+  mastersApp: p
+}) => p ? /* @__PURE__ */ o(s, {
+  children: /* @__PURE__ */ o(r, {
     name: "mastersLogo"
   })
+}) : /* @__PURE__ */ o(s, {
+  children: /* @__PURE__ */ o(r, {
+    name: "streamLayerLogo"
+  })
 });
 export {
-  c as Sponsor
+  i as Sponsor
 };

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { QuestionImages } from '@streamlayer/sdk-web-types';
+
 type InsightProps = {
     image?: string;
     imageMode: QuestionImages;

package/lib/ui/gamification/insight/styles.d.ts

@@ -1,9 +1,8 @@
-/// <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 Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Graphic: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InsightIconDefault: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const InsightIconCircle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const InsightIconAbsolute: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const NextIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Graphic: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const InsightIconDefault: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const InsightIconCircle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const InsightIconAbsolute: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NextIcon: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/gamification/insight-list/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { QuestionImages } from '@streamlayer/sdk-web-types';
+
 interface InsightListProps {
     insights?: Array<{
         image?: string;

package/lib/ui/gamification/insight-list/styles.d.ts

@@ -1,3 +1,2 @@
-/// <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 ItemsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ItemsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/invite-link/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InviteLinkProps = {
     title?: string;
     description?: string;

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

@@ -1,24 +1,24 @@
-import { jsxs as i, jsx as C } from "react/jsx-runtime";
-import { useAnalyticsHandle as c } from "../../../hooks/analytics.js";
-import { InvitationFrom as l } from "@streamlayer/sdk-web-types";
-import { Container as s, FriendsIcon as a, Content as d, Title as h, Description as m, ArrowInviteIcon as p } from "./styles.js";
-const f = "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", g = ({ title: n, description: t, onClick: e, className: o }) => {
-  const [r] = c({
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useAnalyticsHandle as a } from "../../../hooks/analytics.js";
+import { InvitationFrom as m } from "@streamlayer/sdk-web-types";
+import { Container as s, FriendsIcon as l, Content as d, Title as p, Description as f, ArrowInviteIcon as I } from "./styles.js";
+const C = ({ title: o, description: t, onClick: r, className: e }) => {
+  const [c] = a({
     type: "invitation",
     action: "sent",
     payload: {
-      from: l.TITLE_CARD
+      from: m.TITLE_CARD
     }
   });
-  return /* @__PURE__ */ i(s, { onClick: r(e), className: o, children: [
-    /* @__PURE__ */ C(a, { alt: "friends-icon", src: f }),
+  return /* @__PURE__ */ i(s, { onClick: c(r), className: e, children: [
+    /* @__PURE__ */ n(l, { name: "icon-friends" }),
     /* @__PURE__ */ i(d, { children: [
-      /* @__PURE__ */ C(h, { children: n }),
-      /* @__PURE__ */ C(m, { children: t })
+      /* @__PURE__ */ n(p, { children: o }),
+      /* @__PURE__ */ n(f, { children: t })
     ] }),
-    /* @__PURE__ */ C(p, { name: "icon-copy" })
+    /* @__PURE__ */ n(I, { name: "icon-copy" })
   ] });
 };
 export {
-  g as InviteLink
+  C as InviteLink
 };

package/lib/ui/gamification/invite-link/styles.d.ts

@@ -1,7 +1,6 @@
-/// <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 FriendsIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: 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 Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FriendsIcon: any;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: 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 ArrowInviteIcon: any;