@streamlayer/react-ui 1.17.0 → 1.18.1

package/lib/app/app/story/settings/login.js

@@ -1,19 +1,19 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as h, useEffect as u } from "react";
-import { useStreamLayer as i } from "@streamlayer/react";
+import { useState as u, useEffect as h } from "react";
+import { useStreamLayer as c } from "@streamlayer/react";
 import { storage as s } from "@streamlayer/sdk-web-core";
-const d = ({ token: o, schema: n }) => {
-  const t = i();
-  return u(() => {
-    o && n && t && t.authorizationBypass(n, o);
-  }, [o, n, t]), null;
-}, x = () => {
-  const [o, n] = h({ token: s.getExternalToken(), schema: s.getSchema() }), t = i();
+const d = ({ token: t, schema: o }) => {
+  const n = c();
+  return h(() => {
+    t && o && n && n.authorizationBypass(o, t);
+  }, [t, o, n]), null;
+}, v = () => {
+  const [t, o] = u({ token: s.getExternalToken(), schema: s.getSchema() }), n = c();
   return /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ r("form", { className: "auth-form", onSubmit: (a) => {
       a.preventDefault();
-      const c = new FormData(a.currentTarget), m = c.get("token"), l = c.get("schema");
-      n({ token: m, schema: l });
+      const i = new FormData(a.currentTarget), m = i.get("token"), l = i.get("schema");
+      o({ token: m, schema: l });
     }, children: [
       /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ e("label", { htmlFor: "token", children: "token" }),
@@ -25,10 +25,14 @@ const d = ({ token: o, schema: n }) => {
       ] }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("button", { type: "submit", children: "submit" }) })
     ] }),
-    /* @__PURE__ */ e(d, { token: o.token, schema: o.schema }),
-    /* @__PURE__ */ e("button", { onClick: () => t == null ? void 0 : t.logout(), children: "logout" })
+    /* @__PURE__ */ e(d, { token: t.token, schema: t.schema }),
+    /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.logout(), children: "logout" }),
+    /* @__PURE__ */ r("div", { children: [
+      "current user: ",
+      /* @__PURE__ */ e("input", { value: t.token })
+    ] })
   ] });
 };
 export {
-  x as AppLogin
+  v as AppLogin
 };

package/lib/app/login/demo.d.ts

@@ -1,4 +1 @@
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const LoginComponent: React.FC<{
-    sdk: StreamLayerSDK;
-}>;
+export declare const LoginComponent: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/app/login/demo.js

@@ -1,28 +1,42 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useStore as a } from "@streamlayer/react-polyfills";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useStreamLayer as i } from "@streamlayer/react";
+import { useStore as s } from "@streamlayer/react-polyfills";
+import { storage as u } from "@streamlayer/sdk-web-core";
 import "@streamlayer/sdk-web-anonymous-auth";
-import { Login as s } from "./index.js";
-const y = ({ sdk: o }) => a(o.getUserStore()).data ? /* @__PURE__ */ i("div", { children: [
-  /* @__PURE__ */ t(
-    "a",
-    {
-      href: "#",
-      onClick: () => {
-        window.history.go(-1);
-      },
-      children: "go back"
+import { Login as l } from "./index.js";
+const w = () => {
+  const o = i();
+  if (!o)
+    return null;
+  o == null || o.closeFeature(12);
+  const r = s(o.getUserStore());
+  return r.data ? /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ t(
+      "a",
+      {
+        href: "#",
+        onClick: () => {
+          window.history.go(-1);
+        },
+        children: "go back"
+      }
+    ),
+    /* @__PURE__ */ t("button", { onClick: o.logout, children: "logout" }),
+    /* @__PURE__ */ e("div", { children: [
+      "current user: ",
+      r.data.data.attributes.name,
+      /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("textarea", { style: { width: "100%" }, value: u.getToken(), rows: 10 }) })
+    ] })
+  ] }) : /* @__PURE__ */ t(l, { login: async (a) => {
+    try {
+      await o.authorizationBypass("streamlayer:streamlayer", a);
+    } catch (n) {
+      throw console.log("login err", n), n;
     }
-  ),
-  /* @__PURE__ */ t("button", { onClick: o.logout, children: "logout" })
-] }) : /* @__PURE__ */ t(s, { login: async (r) => {
-  try {
-    await o.authorizationBypass("streamlayer:streamlayer", r), window.history.go(-1);
-  } catch (n) {
-    throw console.log("login err", n), n;
-  }
-}, anonymousLogin: async () => {
-  await o.anonymousAuthorization(), window.history.go(-1);
-}, host: o.host });
+  }, anonymousLogin: async () => {
+    await o.anonymousAuthorization();
+  }, host: o.host });
+};
 export {
-  y as LoginComponent
+  w as LoginComponent
 };

package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/index.d.ts

@@ -0,0 +1,4 @@
+export declare const EmergencyScreen: React.FC<{
+    actionFn: () => void;
+    description: string;
+}>;

package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/index.js

@@ -0,0 +1,10 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { EmergencyContainer as i, EmergencyScreenTitle as o, EmergencyScreenDescription as t, EmergencyScreenButton as m } from "./styles.js";
+const y = ({ actionFn: n, description: r }) => /* @__PURE__ */ c(i, { children: [
+  /* @__PURE__ */ e(o, { children: "Something went wrong." }),
+  /* @__PURE__ */ e(t, { children: r }),
+  /* @__PURE__ */ e(m, { onClick: n, children: "Try again" })
+] });
+export {
+  y as EmergencyScreen
+};

package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const EmergencyContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const EmergencyScreenTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const EmergencyScreenDescription: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const EmergencyScreenButton: any;

package/lib/app/masters/BetPack/BetPackContent/EmergencyScreen/styles.js

@@ -0,0 +1,25 @@
+import { styled as e } from "@linaria/react";
+import { ScreenButton as n } from "../../styles.js";
+const o = /* @__PURE__ */ e("div")({
+  name: "EmergencyContainer",
+  class: "e1f9mu2m",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ e("div")({
+  name: "EmergencyScreenTitle",
+  class: "e1n10yo1",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ e("div")({
+  name: "EmergencyScreenDescription",
+  class: "e1xecypc",
+  propsAsIs: !1
+}), s = () => n, p = /* @__PURE__ */ e(s())({
+  name: "EmergencyScreenButton",
+  class: "e1k6zoyu",
+  propsAsIs: !0
+});
+export {
+  o as EmergencyContainer,
+  p as EmergencyScreenButton,
+  m as EmergencyScreenDescription,
+  t as EmergencyScreenTitle
+};

package/lib/app/masters/BetPack/BetPackContent/EndScreen/index.d.ts

@@ -0,0 +1,5 @@
+import { BetPackEventCb } from '../..';
+export declare const EndScreen: React.FC<{
+    height: number | undefined;
+    onEvent: BetPackEventCb;
+}>;

package/lib/app/masters/BetPack/BetPackContent/EndScreen/index.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { ScreenContainer as c } from "../ScreenContainer/index.js";
+import { ScreenWrap as t, EndScreenWrap as o, EndScreenMain as d, SponsorIcon as s, EndScreenTitle as a, EndScreenDescription as l, EndScreenButton as p } from "./styles.js";
+const E = ({ height: r, onEvent: i }) => /* @__PURE__ */ e(c, { height: r, children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ n(d, { children: [
+  /* @__PURE__ */ e(s, { name: "icon-masters-logo" }),
+  /* @__PURE__ */ e(a, { children: "Great picks!" }),
+  /* @__PURE__ */ n(l, { children: [
+    "Stay in the Enhanced Stream for",
+    /* @__PURE__ */ e("br", {}),
+    "live results, predictions, trivia,",
+    /* @__PURE__ */ e("br", {}),
+    "polls, and match insights."
+  ] }),
+  /* @__PURE__ */ e(p, { onClick: () => i({ type: "slOpenGameCenter" }), children: "Open Game Center" })
+] }) }) }) }, "end");
+export {
+  E as EndScreen
+};

package/lib/app/masters/BetPack/BetPackContent/EndScreen/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const ScreenWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SponsorIcon: any;
+export declare const EndScreenWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const EndScreenMain: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const EndScreenTitle: any;
+export declare const EndScreenDescription: any;
+export declare const EndScreenButton: any;

package/lib/app/masters/BetPack/BetPackContent/EndScreen/styles.js

@@ -0,0 +1,41 @@
+import { styled as e } from "@linaria/react";
+import { ScreenTitle as s, ScreenDescription as n, ScreenButton as r } from "../../styles.js";
+import { SvgIcon as c } from "../../../../../ui/icons/index.js";
+const l = /* @__PURE__ */ e("div")({
+  name: "ScreenWrap",
+  class: "s8s3kc9",
+  propsAsIs: !1
+}), o = () => c, m = /* @__PURE__ */ e(o())({
+  name: "SponsorIcon",
+  class: "s1uswib2",
+  propsAsIs: !0
+}), E = /* @__PURE__ */ e("div")({
+  name: "EndScreenWrap",
+  class: "el0dbzn",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ e("div")({
+  name: "EndScreenMain",
+  class: "e11do4i1",
+  propsAsIs: !1
+}), t = () => s, u = /* @__PURE__ */ e(t())({
+  name: "EndScreenTitle",
+  class: "ef67yx9",
+  propsAsIs: !0
+}), p = () => n, f = /* @__PURE__ */ e(p())({
+  name: "EndScreenDescription",
+  class: "enw6fxs",
+  propsAsIs: !0
+}), a = () => r, x = /* @__PURE__ */ e(a())({
+  name: "EndScreenButton",
+  class: "euaws9b",
+  propsAsIs: !0
+});
+export {
+  x as EndScreenButton,
+  f as EndScreenDescription,
+  I as EndScreenMain,
+  u as EndScreenTitle,
+  E as EndScreenWrap,
+  l as ScreenWrap,
+  m as SponsorIcon
+};

package/lib/app/masters/BetPack/BetPackContent/LoaderScreen/index.d.ts

@@ -0,0 +1 @@
+export declare const LoaderScreen: () => import("react/jsx-runtime").JSX.Element;

package/lib/app/masters/BetPack/BetPackContent/LoaderScreen/index.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { styled as r } from "@linaria/react";
+import { Loader as e } from "../../../../../ui/loader/index.js";
+const t = /* @__PURE__ */ r("div")({
+  name: "Container",
+  class: "cv31tt7",
+  propsAsIs: !1
+}), i = () => /* @__PURE__ */ o(t, {
+  children: /* @__PURE__ */ o(e, {})
+});
+export {
+  i as LoaderScreen
+};

package/lib/app/masters/BetPack/BetPackContent/QuestionScreen/index.d.ts

@@ -0,0 +1,6 @@
+import { Gamification } from '@streamlayer/feature-gamification';
+import { ExtendedQuestion } from '@streamlayer/sdk-web-types';
+export declare const QuestionScreen: React.FC<{
+    question: ExtendedQuestion;
+    vote: Gamification['submitAnswer'];
+}>;

package/lib/app/masters/BetPack/BetPackContent/QuestionScreen/index.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Vote as t } from "../../../../../ui/gamification/vote/index.js";
+const s = ({ question: e, vote: r }) => e ? /* @__PURE__ */ o(t, { close: () => {
+}, openedQuestion: e, vote: r, isLoading: !1, isEarlyPrediction: !0 }) : null;
+export {
+  s as QuestionScreen
+};

package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/index.d.ts

@@ -0,0 +1,4 @@
+export declare const ScreenContainer: React.FC<{
+    children: React.ReactNode;
+    height?: number;
+}>;

package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/index.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ScreenContainerBox as n } from "./styles.js";
+const c = ({ children: e, height: o }) => /* @__PURE__ */ r(n, { style: { height: o }, children: /* @__PURE__ */ r("div", { children: e }) });
+export {
+  c as ScreenContainer
+};

package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/styles.d.ts

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

package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/styles.js

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

package/lib/app/masters/BetPack/BetPackContent/StartScreen/index.d.ts

@@ -0,0 +1,5 @@
+export declare const StartScreen: React.FC<{
+    height: number | undefined;
+    countQuestionsAvailable: number;
+    sliderRef: React.MutableRefObject<null>;
+}>;

package/lib/app/masters/BetPack/BetPackContent/StartScreen/index.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { ScreenContainer as c } from "../ScreenContainer/index.js";
+import { ScreenWrap as s, SponsorIcon as S, StartScreenSponsor as a, StartScreenTitle as l, StartScreenDescription as p, StartScreenButton as m, IconArrowRight as d } from "./styles.js";
+const w = ({ height: o, countQuestionsAvailable: t, sliderRef: i }) => /* @__PURE__ */ r(c, { height: o, children: /* @__PURE__ */ e(s, { children: [
+  /* @__PURE__ */ r(S, { name: "icon-masters-logo" }),
+  /* @__PURE__ */ r(a, { children: "MASTERS PRESENTS" }),
+  /* @__PURE__ */ e(l, { children: [
+    "Tee time predictions:",
+    /* @__PURE__ */ r("br", {}),
+    "share your expertise"
+  ] }),
+  /* @__PURE__ */ e(p, { children: [
+    "Swipe to answer today’s",
+    /* @__PURE__ */ r("br", {}),
+    "question cards."
+  ] }),
+  /* @__PURE__ */ e(
+    m,
+    {
+      onClick: () => {
+        var n;
+        (n = i.current) == null || n.slickNext();
+      },
+      children: [
+        t ? `${t} questions available` : "See all questions",
+        /* @__PURE__ */ r(d, { name: "iconArrowRight" })
+      ]
+    }
+  )
+] }) }, "start");
+export {
+  w as StartScreen
+};

package/lib/app/masters/BetPack/BetPackContent/StartScreen/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const ScreenWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const IconArrowRight: any;
+export declare const SponsorIcon: any;
+export declare const StartScreenSponsor: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StartScreenTitle: any;
+export declare const StartScreenDescription: any;
+export declare const StartScreenButton: any;

package/lib/app/masters/BetPack/BetPackContent/StartScreen/styles.js

@@ -0,0 +1,41 @@
+import { styled as s } from "@linaria/react";
+import { ScreenTitle as r, ScreenDescription as t, ScreenButton as n } from "../../styles.js";
+import { SvgIcon as e } from "../../../../../ui/icons/index.js";
+const I = /* @__PURE__ */ s("div")({
+  name: "ScreenWrap",
+  class: "s991vvm",
+  propsAsIs: !1
+}), o = () => e, u = /* @__PURE__ */ s(o())({
+  name: "IconArrowRight",
+  class: "inbj36g",
+  propsAsIs: !0
+}), c = () => e, A = /* @__PURE__ */ s(c())({
+  name: "SponsorIcon",
+  class: "szrvgt",
+  propsAsIs: !0
+}), f = /* @__PURE__ */ s("div")({
+  name: "StartScreenSponsor",
+  class: "swqs2ju",
+  propsAsIs: !1
+}), p = () => r, g = /* @__PURE__ */ s(p())({
+  name: "StartScreenTitle",
+  class: "s1oq8jlq",
+  propsAsIs: !0
+}), a = () => t, v = /* @__PURE__ */ s(a())({
+  name: "StartScreenDescription",
+  class: "se4nn9a",
+  propsAsIs: !0
+}), S = () => n, x = /* @__PURE__ */ s(S())({
+  name: "StartScreenButton",
+  class: "sofug8s",
+  propsAsIs: !0
+});
+export {
+  u as IconArrowRight,
+  I as ScreenWrap,
+  A as SponsorIcon,
+  x as StartScreenButton,
+  v as StartScreenDescription,
+  f as StartScreenSponsor,
+  g as StartScreenTitle
+};

package/lib/app/masters/BetPack/BetPackContent/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const settings: {
+    dots: boolean;
+    infinite: boolean;
+    arrows: boolean;
+    centerMode: boolean;
+    centerPadding: string;
+    speed: number;
+    rows: number;
+    slidesToShow: number;
+    slidesToScroll: number;
+    appendDots: (dots: React.ReactElement) => import("react/jsx-runtime").JSX.Element;
+    customPaging: (i: number) => import("react/jsx-runtime").JSX.Element;
+};

package/lib/app/masters/BetPack/BetPackContent/constants.js

@@ -0,0 +1,22 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { Dots as t, Dot as r } from "./styles.js";
+const n = {
+  dots: !0,
+  infinite: !1,
+  arrows: !1,
+  centerMode: !0,
+  centerPadding: "19px",
+  speed: 500,
+  rows: 1,
+  slidesToShow: 1,
+  slidesToScroll: 1,
+  appendDots: (e) => /* @__PURE__ */ o(t, { children: [
+    " ",
+    e,
+    " "
+  ] }),
+  customPaging: (e) => /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s("div", {}) }, e)
+};
+export {
+  n as settings
+};

package/lib/app/masters/BetPack/BetPackContent/index.d.ts

@@ -0,0 +1,11 @@
+import { Gamification } from '@streamlayer/feature-gamification';
+import { BetPackEventCb } from '../';
+export declare const BetPackContent: React.FC<{
+    gamification: Gamification;
+    height?: number;
+    swipeable?: boolean;
+    autoplay?: boolean;
+    centerPadding?: string;
+    changeHeightOnInit: () => void;
+    onEvent: BetPackEventCb;
+}>;

package/lib/app/masters/BetPack/BetPackContent/index.js

@@ -0,0 +1,116 @@
+import { jsx as a, jsxs as j } from "react/jsx-runtime";
+import { useCallback as v, useSyncExternalStore as C, useRef as b, useMemo as h, useEffect as S } from "react";
+import { EmergencyScreen as R } from "./EmergencyScreen/index.js";
+import { EndScreen as w } from "./EndScreen/index.js";
+import { LoaderScreen as N } from "./LoaderScreen/index.js";
+import { QuestionScreen as T } from "./QuestionScreen/index.js";
+import { ScreenContainer as A } from "./ScreenContainer/index.js";
+import { StartScreen as B } from "./StartScreen/index.js";
+import { settings as P } from "./constants.js";
+import { Carousel as F } from "./styles.js";
+function I(t, n, f) {
+  let u = /* @__PURE__ */ new Set([...n, void 0]);
+  return t.listen((c, s, m) => {
+    u.has(m) && f(c, s, m);
+  });
+}
+function L(t, n = {}) {
+  let f = v(
+    (c) => n.keys ? I(t, n.keys, c) : t.listen(c),
+    [n.keys, t]
+  ), u = t.get.bind(t);
+  return C(f, u, u);
+}
+const W = ({ gamification: t, autoplay: n, swipeable: f, changeHeightOnInit: u, height: c, onEvent: s, centerPadding: m }) => {
+  const o = b(), i = b(null), { data: r, error: d, loading: k } = L(t.betPack.getStore()), { listOfQuestions: p, countQuestionsAvailable: x } = h(() => {
+    const e = r ? Object.values(r) : [];
+    return {
+      listOfQuestions: e,
+      countQuestionsAvailable: e.filter(({ marketClosed: l }) => !l).length
+    };
+  }, [r]);
+  S(() => {
+    !d && !k && r !== void 0 && s({
+      type: "slBetPackReady",
+      payload: {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        next: () => {
+          var e;
+          return (e = i.current) == null ? void 0 : e.slickNext();
+        },
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        prev: () => {
+          var e;
+          return (e = i.current) == null ? void 0 : e.slickPrev();
+        },
+        current: 0,
+        canNext: !0,
+        canPrev: !1
+      }
+    });
+  }, [r, d, k, s]);
+  const O = v(
+    async (e, l) => {
+      try {
+        await t.betPackVote(e, l);
+      } finally {
+        o.current && clearTimeout(o.current), n && (o.current = setTimeout(() => {
+          var y;
+          (y = i.current) == null || y.slickNext();
+        }, 2e3));
+      }
+    },
+    [t, i, n]
+  );
+  if (S(() => () => {
+    o.current && clearTimeout(o.current);
+  }, []), k || r === void 0)
+    return /* @__PURE__ */ a(N, {});
+  if (d || r === null || !Object.keys(r).length)
+    return /* @__PURE__ */ a(
+      R,
+      {
+        actionFn: () => s({ type: "slHardRefresh" }),
+        description: "It looks like we couldn't load the questions."
+      }
+    );
+  const Q = (e) => {
+    var l;
+    if (s({
+      type: "slBetPackChangeCard",
+      payload: {
+        current: e,
+        canNext: e < Object.keys(r).length + 1,
+        canPrev: e >= 1
+      }
+    }), e !== 0 && e !== Object.keys(r).length + 1 && ((l = p[e - 1]) != null && l.id)) {
+      t.openQuestion(p[e - 1].id);
+      return;
+    }
+    t.closeQuestion();
+  }, g = (e) => e ? /* @__PURE__ */ a(A, { height: c, children: /* @__PURE__ */ a(T, { question: e, vote: O }) }, e.id) : null;
+  return /* @__PURE__ */ j(
+    F,
+    {
+      ...P,
+      swipe: f,
+      onInit: u,
+      centerPadding: m || P.centerPadding,
+      afterChange: Q,
+      beforeChange: () => {
+        o.current && clearTimeout(o.current);
+      },
+      ref: i,
+      children: [
+        /* @__PURE__ */ a(B, { height: c, sliderRef: i, countQuestionsAvailable: x }),
+        Object.values(r).map(g),
+        /* @__PURE__ */ a(w, { onEvent: s, height: c })
+      ]
+    }
+  );
+};
+export {
+  W as BetPackContent
+};

package/lib/app/masters/BetPack/BetPackContent/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const Carousel: any;
+export declare const Dot: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Dots: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/masters/BetPack/BetPackContent/styles.js

@@ -0,0 +1,20 @@
+import { styled as s } from "@linaria/react";
+import o from "react-slick";
+const r = () => o, a = /* @__PURE__ */ s(r())({
+  name: "Carousel",
+  class: "c1f9jjsn",
+  propsAsIs: !0
+}), l = /* @__PURE__ */ s("div")({
+  name: "Dot",
+  class: "d25r51y",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "Dots",
+  class: "d1lvrmx8",
+  propsAsIs: !1
+});
+export {
+  a as Carousel,
+  l as Dot,
+  p as Dots
+};

package/lib/app/masters/BetPack/BetPackOverlay/index.d.ts

@@ -0,0 +1,12 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { AllowedMessageType } from '../utils';
+export type BetPackOverlayProps = {
+    sdk: StreamLayerSDK;
+    close: () => void;
+    isMobile?: boolean;
+    onEvent?: (event: {
+        type: AllowedMessageType;
+        payload?: unknown;
+    }) => void;
+};
+export declare const BetPackOverlay: React.FC<BetPackOverlayProps>;

package/lib/app/masters/BetPack/BetPackOverlay/index.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "@linaria/core";
+import "react";
+import { BetPackOverlay as a } from "../index.js";
+import "../../../../ui/icons/index.js";
+import "./styles.js";
+export {
+  a as BetPackOverlay
+};

package/lib/app/masters/BetPack/BetPackOverlay/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const buttonAvailable: import('@linaria/core').LinariaClassName;
+export declare const IconArrowPrev: any;
+export declare const IconArrowNext: any;
+export declare const Header: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const HeaderTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Main: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Footer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SlideSwitchButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;