@streamlayer/react-ui 1.2.1 → 1.3.0

package/lib/ui/gamification/question/notification/prediction-result/styles.d.ts

@@ -6,7 +6,7 @@ export declare const Title: import('@linaria/react').StyledComponent<import('rea
 export declare const PointsTitle: {
     __wyw_meta: unknown;
 } & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import('react').ElementType;
+    as?: React.ElementType;
 }>;
 export declare const Subtitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const SubtitleFG: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/notification/tweet/index.d.ts

@@ -1,6 +1,5 @@
 import { Notification } from '@streamlayer/sdk-web-notifications';
 import { TwitterContentProps } from '../../../../questions/twitter';
-
 export declare const Tweet: React.FC<TwitterContentProps & {
     action: Notification['action'];
 }>;

package/lib/ui/gamification/question/twitter/index.d.ts

@@ -1,6 +1,5 @@
 import { TwitterContentProps } from '../../../questions/twitter';
 import { VideoPlayerProps } from '../../../video-player';
-
 type TwitterProps = TwitterContentProps & {
     controlVideo: VideoPlayerProps['controlVideo'];
 };

package/lib/ui/gamification/vote/alert/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type AlertProps = {
     icon: 'icon-check-circle';
     title: string;

package/lib/ui/gamification/vote/feedback/index.d.ts

@@ -1,5 +1,4 @@
 import { QuestionType } from '@streamlayer/sdk-web-types';
-
 interface FeedbackProps {
     feedbackMessages?: Partial<Record<'correctFeedback' | 'incorrectFeedback', {
         description: string;

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

@@ -1,5 +1,4 @@
 import { ExtendedQuestion } from '@streamlayer/sdk-web-types';
-
 interface VoteProps {
     openedQuestion: ExtendedQuestion;
     isLoading: boolean;

package/lib/ui/gamification/vote/insight-details/index.d.ts

@@ -1,3 +1,2 @@
 import { InsightContentProps } from '../../../questions/insight';
-
 export declare const InsightDetails: React.FC<InsightContentProps>;

package/lib/ui/gamification/vote/insight-details/index.js

@@ -1,14 +1,13 @@
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { SvgIcon as b } from "../../../icons/index.js";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { InsightContent as k } from "../../../questions/insight/index.js";
-import { Container as c, WebLinkBtn as e } from "./styles.js";
-const x = ({ instantView: r, ...m }) => /* @__PURE__ */ o(c, { children: [
-  /* @__PURE__ */ l(k, { instantView: r, ...m, isDetail: !0 }),
-  (r == null ? void 0 : r.webLink) && /* @__PURE__ */ o(e, { href: r == null ? void 0 : r.webLink.url, target: "_blank", "data-analytics": "web-link", children: [
+import { Container as m, WebLinkBtn as c, WebLinkIcon as e } from "./styles.js";
+const p = ({ instantView: r, ...b }) => /* @__PURE__ */ l(m, { children: [
+  /* @__PURE__ */ o(k, { instantView: r, ...b, isDetail: !0 }),
+  (r == null ? void 0 : r.webLink) && /* @__PURE__ */ l(c, { href: r == null ? void 0 : r.webLink.url, target: "_blank", "data-analytics": "web-link", children: [
     r == null ? void 0 : r.webLink.label,
-    /* @__PURE__ */ l(b, { name: "icon-external-link" })
+    /* @__PURE__ */ o(e, { name: "icon-external-link" })
   ] })
 ] });
 export {
-  x as InsightDetails
+  p as InsightDetails
 };

package/lib/ui/gamification/vote/insight-details/styles.d.ts

@@ -1,2 +1,3 @@
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const WebLinkBtn: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLAnchorElement> & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
+export declare const WebLinkIcon: any;

package/lib/ui/gamification/vote/insight-details/styles.js

@@ -1,14 +1,20 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("div")({
+import { SvgIcon as n } from "../../../icons/index.js";
+const a = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("a")({
+}), c = /* @__PURE__ */ s("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
+}), o = () => n, i = /* @__PURE__ */ s(o())({
+  name: "WebLinkIcon",
+  class: "wyg5v7z",
+  propsAsIs: !0
 });
 export {
-  n as Container,
-  o as WebLinkBtn
+  a as Container,
+  c as WebLinkBtn,
+  i as WebLinkIcon
 };

package/lib/ui/gamification/vote/twitter-details/index.d.ts

@@ -1,3 +1,2 @@
 import { TwitterContentProps } from '../../../questions/twitter';
-
 export declare const TwitterDetails: React.FC<TwitterContentProps>;

package/lib/ui/gamification/vote/vote-option/index.d.ts

@@ -1,5 +1,4 @@
 import { QuestionType, QuestionImages, QuestionStatus, ExtendedQuestionAnswer } from '@streamlayer/sdk-web-types';
-
 export type VotingOptionProps = ExtendedQuestionAnswer & {
     questionVoted: boolean;
     youSelected: boolean;

package/lib/ui/gamification/vote/vote-option/styles.d.ts

@@ -8,12 +8,12 @@ export declare const Icon: import('@linaria/react').StyledComponent<import('reac
 export declare const IconDefault: {
     __wyw_meta: unknown;
 } & import('react').FunctionComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown> & {
-    as?: import('react').ElementType;
+    as?: React.ElementType;
 }>;
 export declare const IconCircle: {
     __wyw_meta: unknown;
 } & import('react').FunctionComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown> & {
-    as?: import('react').ElementType;
+    as?: React.ElementType;
 }>;
 export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const Indicators: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/win-bar/index.d.ts

@@ -1,5 +1,4 @@
 import { QuestionType } from '@streamlayer/sdk-web-types';
-
 interface WinBarProps {
     title?: string;
     points?: number;

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

@@ -0,0 +1 @@
+export declare const Link: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLAnchorElement> & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;

package/lib/ui/link/index.js

@@ -0,0 +1,9 @@
+import { styled as s } from "@linaria/react";
+const o = /* @__PURE__ */ s("a")({
+  name: "Link",
+  class: "l1sgte8c",
+  propsAsIs: !1
+});
+export {
+  o as Link
+};

package/lib/ui/navigation/button/Channels.d.ts

@@ -1,4 +1,3 @@
 import { ButtonProps } from '.';
-
 export declare const ChannelsButtonId = "channels";
 export declare const ChannelsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'>>;

package/lib/ui/navigation/button/FeaturedGroups.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from '.';
-
 export declare const FeaturedGroupsButtonId = "featuredGroups";
 export declare const FeaturedGroupsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'> & {
     labelFull: boolean;

package/lib/ui/navigation/button/LeaderBoard.d.ts

@@ -1,4 +1,3 @@
 import { ButtonProps } from '.';
-
 export declare const LeaderBoardButtonId = "leaderboard";
 export declare const LeaderBoardButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'>>;

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

@@ -1,5 +1,4 @@
 import { FeatureType } from '@streamlayer/sdk-web-types';
-
 export type ButtonProps = {
     id: FeatureType | string;
     icon?: React.ReactNode;

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

@@ -1,5 +1,4 @@
 import { ButtonProps } from './button';
-
 export declare const Navigation: React.FC<{
     children: React.ReactElement<ButtonProps>[];
     className?: string;

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

@@ -1,6 +1,5 @@
 import { InsightHistory } from '@streamlayer/sdk-web-types';
 import { VideoPlayerProps } from '../../video-player';
-
 export type InsightContentProps = InsightHistory & {
     isDetail?: boolean;
     controlVideo: VideoPlayerProps['controlVideo'];

package/lib/ui/questions/twitter/index.d.ts

@@ -1,6 +1,5 @@
 import { TweetHistory } from '@streamlayer/sdk-web-types';
 import { VideoPlayerProps } from '../../video-player';
-
 export type TwitterContentProps = TweetHistory & {
     isDetail?: boolean;
     controlVideo: VideoPlayerProps['controlVideo'];

package/lib/ui/questions/twitter/styles.d.ts

@@ -7,10 +7,10 @@ export declare const Image: import('@linaria/react').StyledComponent<import('rea
 export declare const ImageFullSize: {
     __wyw_meta: unknown;
 } & import('react').FunctionComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown> & {
-    as?: import('react').ElementType;
+    as?: React.ElementType;
 }>;
 export declare const ImageHalfSize: {
     __wyw_meta: unknown;
 } & import('react').FunctionComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown> & {
-    as?: import('react').ElementType;
+    as?: React.ElementType;
 }>;

package/lib/ui/show-in/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 type ShowInProps = {
     children: React.ReactNode | React.ReactNode[];
     style?: React.CSSProperties;

package/lib/ui/theme/breakpoints.d.ts

@@ -1,5 +1,4 @@
 import { BREAKPOINTS, ORIENTATION } from './constants';
-
 export type Breakpoints = keyof typeof BREAKPOINTS;
 export type Orientation = keyof typeof ORIENTATION;
 export declare const breakpoints: {

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

@@ -1,4 +1,5 @@
 export declare const StreamLayerThemeProvider: React.FC<{
     children: React.ReactNode;
     style?: React.CSSProperties;
+    customTheme?: string;
 }>;

package/lib/ui/theme/index.js

@@ -1,6 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { theme as a } from "./theme.js";
-const i = ({ children: r, style: m }) => /* @__PURE__ */ e("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ e("div", { className: a, style: m, children: r }) });
+import { cx as a } from "@linaria/core";
+import { theme as t } from "./theme.js";
+const d = ({ children: r, customTheme: m, style: o }) => /* @__PURE__ */ e("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ e("div", { className: a(t, m), style: o, children: r }) });
 export {
-  i as StreamLayerThemeProvider
+  d as StreamLayerThemeProvider
 };

package/lib/ui/theme/masters-theme.d.ts

@@ -1,5 +1,4 @@
 import { ICOLORS } from './constants';
-
 export declare const MASTERS_COLORS: ICOLORS;
 export declare const mastersThemeStr: string;
 export declare const mastersTheme: import('@linaria/core').LinariaClassName;

package/lib/ui/theme/theme.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { breakpoints as n } from "./breakpoints.js";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { breakpoints as o } from "./breakpoints.js";
 import { colors as s, colorsAdvertisement as h, FONT as t } from "./constants.js";
-const l = `
+const p = `
   ${s}
   ${h}
   --font-family: ${t.REGULAR};
@@ -23,18 +23,44 @@ const l = `
   --max-width: 600px;
   --max-notifications-width: 400px;
 
-  ${n.down("xl")`
+  ${o.down("xl")`
     --header-offset: 0px;
     --watch-live-header: 46px;
   `}
 
-  ${n.intermediate("xl", "lg")`
+  ${o.intermediate("xl", "lg")`
     --header-offset: 0px;
   `}
-`, f = "StreamLayerCSSReset", x = "ttkj0ah", u = () => /* @__PURE__ */ e("table", {
-  children: /* @__PURE__ */ r("table", {
+
+  --insight-image-ratio: 16/9;
+
+  --adv-side-indents: 16px;
+  --adv-top-indent: 32px;
+  --adv-header-height: 52px;
+  --adv-media-row-gap: 24px;
+  --adv-sponsor-logo-size: 32px;
+  --adv-sponsor-font-size: 16px;
+  --adv-header-border: 1px solid var(--color-adv-border-primary);
+  --adv-header-shift: 0;
+  --adv-media-shift: 0;
+  --adv-hide-on-mobile: unset;
+
+  .mobile-view {
+    --adv-side-indents: 16px;
+    --adv-hide-on-mobile: none;
+    --adv-header-shift: -10px;
+    --adv-media-shift: -10px;
+    --adv-top-indent: 4px;
+    --adv-header-border: none;
+    --adv-header-height: 48px;
+    --adv-media-row-gap: 22.5px;
+    --adv-sponsor-logo-size: 28px;
+    --adv-sponsor-font-size: 12px;
+  }
+`, f = "StreamLayerCSSReset", v = "ttkj0ah", c = () => /* @__PURE__ */ e("table", {
+  children: /* @__PURE__ */ a("table", {
     children: [/* @__PURE__ */ e("thead", {
-      children: /* @__PURE__ */ r("tr", {
+      children: /* @__PURE__ */ a("tr", {
         children: [/* @__PURE__ */ e("th", {
           children: "name"
         }), /* @__PURE__ */ e("th", {
@@ -42,13 +68,13 @@ const l = `
         })]
       })
     }), /* @__PURE__ */ e("tbody", {
-      children: l.split(";").map((o) => {
-        const i = o.trim(), [a, d] = i.split(":");
-        return /* @__PURE__ */ r("tr", {
+      children: p.split(";").map((d) => {
+        const i = d.trim(), [r, n] = i.split(":");
+        return /* @__PURE__ */ a("tr", {
           children: [/* @__PURE__ */ e("td", {
-            children: a
+            children: r
           }), /* @__PURE__ */ e("td", {
-            children: d
+            children: n
           })]
         }, i);
       })
@@ -56,8 +82,8 @@ const l = `
   })
 });
 export {
-  u as ThemeVariables,
+  c as ThemeVariables,
   f as resetCss,
-  x as theme,
-  l as themeStr
+  v as theme,
+  p as themeStr
 };

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface TimerProps {
     isPlaying?: boolean;
     duration?: number;

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

@@ -6,6 +6,7 @@ export type VideoPlayerProps = {
     source?: string;
     controlVideo?: (props: ControlVideoProps) => void;
     aspectRatio?: string;
+    onPlay?: () => void;
 };
 export declare const pauseAllVideos: () => void;
 /**

package/lib/ui/video-player/index.js

@@ -1,85 +1,85 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import { cx as E } from "@linaria/core";
-import { useRef as S, useState as v, useCallback as d, useEffect as y } from "react";
-import { eventBus as T } from "@streamlayer/sdk-web-interfaces";
+import { jsxs as E, jsx as i } from "react/jsx-runtime";
+import { cx as S } from "@linaria/core";
+import { useRef as T, useState as d, useCallback as h, useEffect as y } from "react";
+import { eventBus as L } from "@streamlayer/sdk-web-interfaces";
 import { SvgIcon as P } from "../icons/index.js";
-import { Container as L, ToggleIconPause as j, Player as k, Poster as H, Control as M } from "./styles.js";
-const A = (s, a) => {
+import { Container as j, ToggleIconPause as k, Player as H, Poster as M, Control as A } from "./styles.js";
+const B = (s, a) => {
   for (const t of s)
     t.isIntersecting || t.target instanceof HTMLVideoElement && !t.target.paused && (a.unobserve(t.target), t.target.pause());
-}, h = new IntersectionObserver(A, { threshold: 0.5 }), m = /* @__PURE__ */ new Set(), B = (s) => {
-  h.observe(s), m.add(s);
-}, i = (s) => {
-  h.unobserve(s), m.delete(s);
-}, F = () => {
-  for (const s of m)
-    s instanceof HTMLVideoElement && !s.paused && (s.pause(), i(s));
-}, K = ({ poster: s, source: a, aspectRatio: t, controlVideo: r }) => {
-  const e = S(null), [c, l] = v(!1), [p, b] = v(!0), I = d(() => {
+}, I = new IntersectionObserver(B, { threshold: 0.5 }), p = /* @__PURE__ */ new Set(), F = (s) => {
+  I.observe(s), p.add(s);
+}, u = (s) => {
+  I.unobserve(s), p.delete(s);
+}, N = () => {
+  for (const s of p)
+    s instanceof HTMLVideoElement && !s.paused && (s.pause(), u(s));
+}, Q = ({ poster: s, source: a, aspectRatio: t, controlVideo: r, onPlay: c }) => {
+  const e = T(null), [f, l] = d(!1), [b, g] = d(!0), O = h(() => {
     r == null || r({ muted: !0 });
-  }, [r]), u = d(() => {
+  }, [r]), o = h(() => {
     r == null || r({ muted: !1 });
-  }, [r]), O = (n) => {
+  }, [r]), w = (n) => {
     n.stopPropagation();
-    const g = e == null ? void 0 : e.current;
-    if (g) {
-      if (c)
-        g.pause(), e.current && i(e.current);
+    const v = e == null ? void 0 : e.current;
+    if (v) {
+      if (f)
+        v.pause(), e.current && u(e.current);
       else {
-        const f = e == null ? void 0 : e.current;
-        if (!f)
+        const m = e == null ? void 0 : e.current;
+        if (!m)
           return;
-        F(), B(f), f.play().catch((x) => console.log(x)), b(!1);
+        N(), F(m), m.play().catch((C) => console.log(C)), g(!1);
       }
-      T.emit("interactions", {
+      L.emit("interactions", {
         action: "tap",
         payload: {}
       });
     }
-  }, w = () => {
+  }, x = () => {
     var n;
-    e.current && i(e.current), (n = e == null ? void 0 : e.current) == null || n.load(), b(!0);
+    e.current && u(e.current), (n = e == null ? void 0 : e.current) == null || n.load(), g(!0);
   };
   return y(() => {
-    e.current && i(e.current);
+    e.current && u(e.current);
   }, []), y(() => {
     const n = e == null ? void 0 : e.current;
     return () => {
-      n && (n.paused || u(), i(n));
+      n && (n.paused || o(), u(n));
     };
-  }, [u]), /* @__PURE__ */ C(
-    L,
+  }, [o]), /* @__PURE__ */ E(
+    j,
     {
-      onClick: O,
-      className: E(c && j),
+      onClick: w,
+      className: S(f && k),
       style: t ? { aspectRatio: t } : {},
       children: [
-        /* @__PURE__ */ o(
-          k,
+        /* @__PURE__ */ i(
+          H,
           {
             ref: e,
             src: a,
             onPlay: () => {
-              I(), l(!0);
+              O(), l(!0), c == null || c();
             },
             onPause: () => {
-              u(), l(!1);
+              o(), l(!1);
             },
             onEnded: () => {
-              u(), l(!1), w();
+              o(), l(!1), x();
             },
-            style: { visibility: p ? "hidden" : "visible" },
+            style: { visibility: b ? "hidden" : "visible" },
             controls: !1,
             playsInline: !0
           }
         ),
-        /* @__PURE__ */ o(H, { src: s, style: { visibility: p ? "visible" : "hidden" } }),
-        /* @__PURE__ */ o(M, { children: c ? /* @__PURE__ */ o(P, { name: "icon-pause" }) : /* @__PURE__ */ o(P, { name: "icon-play" }) })
+        /* @__PURE__ */ i(M, { src: s, style: { visibility: b ? "visible" : "hidden" } }),
+        /* @__PURE__ */ i(A, { children: f ? /* @__PURE__ */ i(P, { name: "icon-pause" }) : /* @__PURE__ */ i(P, { name: "icon-play" }) })
       ]
     }
   );
 };
 export {
-  K as VideoPlayer,
-  F as pauseAllVideos
+  Q as VideoPlayer,
+  N as pauseAllVideos
 };

package/lib/utils/debug/index.js

@@ -1,23 +1,49 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useMemo as u, useState as r } from "react";
-import { useStreamLayer as v } from "@streamlayer/react";
-import { Developer as c } from "./components/developer.js";
-import { DeveloperStorage as g } from "./storage.js";
-const i = () => {
-  const e = u(() => new g(), []), [t, o] = r(e.getEnv()), [s, n] = r(e.getSdkKey() || "set-sdk-key"), [m, a] = r(e.getEvent() || "");
-  return {
-    env: t,
-    setEnv: o,
-    sdkKey: s,
-    setSdkKey: n,
-    event: m,
-    setEvent: a
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as y, useState as n, useEffect as o } from "react";
+import { useStreamLayer as m } from "@streamlayer/react";
+import { Developer as k } from "./components/developer.js";
+import { DeveloperStorage as a } from "./storage.js";
+const E = {
+  args: {
+    sdkKey: void 0,
+    eventId: void 0,
+    production: !1
+  },
+  argTypes: {
+    sdkKey: {
+      type: "string"
+    },
+    eventId: {
+      type: "string"
+    },
+    production: {
+      type: "boolean"
+    }
+  }
+}, I = (e = {}) => {
+  const t = y(() => new a(), []), [s, d] = n(
+    e.production !== void 0 ? e.production ? "production" : "development" : t.getEnv()
+  ), [v, i] = n(e.sdkKey || t.getSdkKey() || "set-sdk-key"), [c, r] = n(e.eventId || t.getEvent() || "");
+  return o(() => {
+    e.sdkKey && (i(e.sdkKey), t.setSdkKey(e.sdkKey));
+  }, [e.sdkKey, t]), o(() => {
+    e.eventId && (r(e.eventId), t.setEvent(e.eventId));
+  }, [e.eventId, t]), o(() => {
+    e.production !== void 0 && (d(e.production ? "production" : "development"), t.setEnv(e.production ? "production" : "development"));
+  }, [e.production, t]), {
+    env: s,
+    setEnv: d,
+    sdkKey: v,
+    setSdkKey: i,
+    event: c,
+    setEvent: r
   };
-}, D = (e) => {
-  const t = v();
-  return /* @__PURE__ */ p(c, { sdk: t, ...e });
+}, b = (e) => {
+  const t = m();
+  return /* @__PURE__ */ u(k, { sdk: t, ...e });
 };
 export {
-  D as StreamLayerDebug,
-  i as useStreamLayerDebug
+  b as StreamLayerDebug,
+  E as storybookOptions,
+  I as useStreamLayerDebug
 };