@streamlayer/react-ui 1.22.3 → 1.22.4

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

@@ -1,5 +1,5 @@
 import { styled as e } from "@linaria/react";
-import { ScreenButton as n } from "../styles.js";
+import { d as n } from "../../../../../styles-BfnMua4o.js";
 const o = /* @__PURE__ */ e("div")({
   name: "EmergencyContainer",
   class: "e1f9mu2m",

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

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useState as l } from "react";
 import { ScreenContainer as t } from "../ScreenContainer/index.js";
-import { ScreenWrap as i, ScreenTextBlock as m, ScreenTitle as p, ScreenDescription as c, ScreenButton as o } from "../styles.js";
-import { EndScreenSponsorIcon as h, EndScreenMedia as S } from "./styles.js";
+import { S as i, a as m, b as p, c, d as o } from "../../../../../styles-BfnMua4o.js";
+import { EndScreenSponsorIcon as S, EndScreenMedia as h } from "./styles.js";
 const E = ({ onEvent: s, height: r }) => {
-  const [d, a] = l(
+  const [a, d] = l(
     0
     /* FIRST */
   );
-  return d === 0 ? /* @__PURE__ */ e(t, { height: r, children: /* @__PURE__ */ n(i, { children: [
-    /* @__PURE__ */ e(h, {}),
+  return a === 0 ? /* @__PURE__ */ e(t, { height: r, children: /* @__PURE__ */ n(i, { children: [
+    /* @__PURE__ */ e(S, {}),
     /* @__PURE__ */ n(m, { children: [
       /* @__PURE__ */ e(p, { children: "Great picks!" }),
       /* @__PURE__ */ e(c, { children: "Stay in the Enhanced Stream for live results, predictions, trivia, polls, and match insights." })
@@ -18,7 +18,7 @@ const E = ({ onEvent: s, height: r }) => {
       o,
       {
         onClick: () => {
-          a(
+          d(
             1
             /* LAST */
           );
@@ -28,7 +28,7 @@ const E = ({ onEvent: s, height: r }) => {
       }
     )
   ] }) }, "end") : /* @__PURE__ */ e(t, { height: r, children: /* @__PURE__ */ n(i, { children: [
-    /* @__PURE__ */ e(S, { src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/bet_pack_end_screen.png" }),
+    /* @__PURE__ */ e(h, { src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/bet_pack_end_screen.png" }),
     /* @__PURE__ */ e(c, { children: "Look for more live match insights, predictions and more." }),
     /* @__PURE__ */ e(o, { onClick: () => s({ type: "slOpenGameCenter" }), children: "Open Game Center" })
   ] }) }, "end");

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

@@ -1,5 +1,5 @@
 import { styled as s } from "@linaria/react";
-import { SponsorIcon as e } from "../styles.js";
+import { e } from "../../../../../styles-BfnMua4o.js";
 const c = /* @__PURE__ */ s("img")({
   name: "EndScreenMedia",
   class: "e8s3kc9",

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

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

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

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

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

@@ -1,4 +1,5 @@
-export declare const StartScreen: import('react').ForwardRefExoticComponent<{
+import { SwiperClass } from 'swiper/react';
+export declare const StartScreen: React.FC<{
     countQuestionsAvailable: number;
-    sliderRef: React.MutableRefObject<null>;
-} & import('react').RefAttributes<HTMLDivElement>>;
+    sliderRef: React.MutableRefObject<SwiperClass | undefined>;
+}>;

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

@@ -1,30 +1,29 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { ScreenContainer as s } from "../ScreenContainer/index.js";
-import { ScreenWrap as l, SponsorIcon as a, ScreenTextBlock as S, ScreenTitle as h, ScreenDescription as d, ScreenButton as m } from "../styles.js";
-import { StartScreenSponsor as p, NextButton as f, IconArrowRight as x, StartScreenNote as u } from "./styles.js";
-const N = c(({ countQuestionsAvailable: o, sliderRef: n }, i) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ r(l, { ref: i, children: [
-  /* @__PURE__ */ e(a, {}),
-  /* @__PURE__ */ r(S, { children: [
-    /* @__PURE__ */ e(p, { children: "FEATURED GROUPS+" }),
-    /* @__PURE__ */ e(h, { children: "The First Five" })
+import { ScreenContainer as i } from "../ScreenContainer/index.js";
+import { S as c, e as s, a, b as l, c as S, d } from "../../../../../styles-BfnMua4o.js";
+import { StartScreenSponsor as h, NextButton as p, IconArrowRight as m, StartScreenNote as f } from "./styles.js";
+const v = ({ countQuestionsAvailable: t, sliderRef: o }) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ r(c, { children: [
+  /* @__PURE__ */ e(s, {}),
+  /* @__PURE__ */ r(a, { children: [
+    /* @__PURE__ */ e(h, { children: "FEATURED GROUPS+" }),
+    /* @__PURE__ */ e(l, { children: "The First Five" })
   ] }),
-  /* @__PURE__ */ e(d, { children: "Tee off with these five initial predictions for today’s play." }),
+  /* @__PURE__ */ e(S, { children: "Tee off with these five initial predictions for today’s play." }),
   /* @__PURE__ */ r(
-    m,
+    d,
     {
       onClick: () => {
-        var t;
-        (t = n.current) == null || t.slickNext();
+        var n;
+        (n = o.current) == null || n.slideNext();
       },
       children: [
-        o ? `${o} questions available` : "See all questions",
-        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(x, { name: "iconArrowRight" }) })
+        t ? `${t} questions available` : "See all questions",
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(m, { name: "iconArrowRight" }) })
       ]
     }
   ),
-  /* @__PURE__ */ e(u, { children: "Note: Some questions may have been resolved as a result of today’s play." })
-] }) }, "start"));
+  /* @__PURE__ */ e(f, { children: "Note: Some questions may have been resolved as a result of today’s play." })
+] }) }, "start");
 export {
-  N as StartScreen
+  v as StartScreen
 };

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

@@ -1,93 +1,322 @@
-import { jsx as u, jsxs as O } from "react/jsx-runtime";
-import { ConnectError as P, Code as Q } from "@connectrpc/connect";
-import { useCallback as k, useSyncExternalStore as j, useRef as p, useState as R, useMemo as T, useEffect as y } from "react";
-import { EmergencyScreen as b } from "./EmergencyScreen/index.js";
-import { EndScreen as v } from "./EndScreen/index.js";
-import { LoaderScreen as w } from "./LoaderScreen/index.js";
-import { QuestionScreen as F } from "./QuestionScreen/index.js";
-import { ScreenContainer as H } from "./ScreenContainer/index.js";
-import { StartScreen as A } from "./StartScreen/index.js";
-import { settings as B } from "./constants.js";
-import { Carousel as N } from "./styles.js";
-function V(t, s, c) {
-  let o = new Set(s).add(void 0);
-  return t.listen((n, a, r) => {
-    o.has(r) && c(n, a, r);
+import { jsx as L, jsxs as N } from "react/jsx-runtime";
+import { ConnectError as Q, Code as q } from "@connectrpc/connect";
+import { useCallback as G, useSyncExternalStore as V, useRef as H, useMemo as X, useEffect as j, useState as Y } from "react";
+import K from "lodash.throttle";
+import { f as U, g as _, m as k, h as J, i as R, j as W, C as Z, k as F } from "../../../../styles-BfnMua4o.js";
+import { EmergencyScreen as E } from "./EmergencyScreen/index.js";
+import { EndScreen as ee } from "./EndScreen/index.js";
+import { LoaderScreen as te } from "./LoaderScreen/index.js";
+import { QuestionScreen as ae } from "./QuestionScreen/index.js";
+import { ScreenContainer as ie } from "./ScreenContainer/index.js";
+import { StartScreen as se } from "./StartScreen/index.js";
+function le(o, e, u) {
+  let c = new Set(e).add(void 0);
+  return o.listen((n, s, f) => {
+    c.has(f) && u(n, s, f);
   });
 }
-function D(t, s = {}) {
-  let c = k(
-    (n) => s.keys ? V(t, s.keys, n) : t.listen(n),
-    [s.keys, t]
-  ), o = t.get.bind(t);
-  return j(c, o, o);
+function ne(o, e = {}) {
+  let u = G(
+    (n) => e.keys ? le(o, e.keys, n) : o.listen(n),
+    [e.keys, o]
+  ), c = o.get.bind(o);
+  return V(u, c, c);
 }
-const I = ({ data: t, gamification: s, onEvent: c, swipeable: o, overlay: n, autoplay: a }) => {
-  const r = p(), l = p(null), i = p(null), [d, S] = R(0), { listOfQuestions: m, countQuestionsAvailable: g } = T(() => {
-    const e = t ? Object.values(t) : [];
+function re(o, e, u, c) {
+  return o.params.createElements && Object.keys(c).forEach((n) => {
+    if (!u[n] && u.auto === !0) {
+      let s = U(o.el, `.${c[n]}`)[0];
+      s || (s = _("div", c[n]), s.className = c[n], o.el.append(s)), u[n] = s, e[n] = s;
+    }
+  }), u;
+}
+function P(o) {
+  return o === void 0 && (o = ""), `.${o.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}`;
+}
+function oe(o) {
+  let {
+    swiper: e,
+    extendParams: u,
+    on: c,
+    emit: n
+  } = o;
+  const s = "swiper-pagination";
+  u({
+    pagination: {
+      el: null,
+      bulletElement: "span",
+      clickable: !1,
+      hideOnClick: !1,
+      renderBullet: null,
+      renderProgressbar: null,
+      renderFraction: null,
+      renderCustom: null,
+      progressbarOpposite: !1,
+      type: "bullets",
+      // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+      dynamicBullets: !1,
+      dynamicMainBullets: 1,
+      formatFractionCurrent: (t) => t,
+      formatFractionTotal: (t) => t,
+      bulletClass: `${s}-bullet`,
+      bulletActiveClass: `${s}-bullet-active`,
+      modifierClass: `${s}-`,
+      currentClass: `${s}-current`,
+      totalClass: `${s}-total`,
+      hiddenClass: `${s}-hidden`,
+      progressbarFillClass: `${s}-progressbar-fill`,
+      progressbarOppositeClass: `${s}-progressbar-opposite`,
+      clickableClass: `${s}-clickable`,
+      lockClass: `${s}-lock`,
+      horizontalClass: `${s}-horizontal`,
+      verticalClass: `${s}-vertical`,
+      paginationDisabledClass: `${s}-disabled`
+    }
+  }), e.pagination = {
+    el: null,
+    bullets: []
+  };
+  let f, g = 0;
+  function v() {
+    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
+  }
+  function A(t, a) {
+    const {
+      bulletActiveClass: i
+    } = e.params.pagination;
+    t && (t = t[`${a === "prev" ? "previous" : "next"}ElementSibling`], t && (t.classList.add(`${i}-${a}`), t = t[`${a === "prev" ? "previous" : "next"}ElementSibling`], t && t.classList.add(`${i}-${a}-${a}`)));
+  }
+  function I(t, a, i) {
+    if (t = t % i, a = a % i, a === t + 1)
+      return "next";
+    if (a === t - 1)
+      return "previous";
+  }
+  function z(t) {
+    const a = t.target.closest(P(e.params.pagination.bulletClass));
+    if (!a)
+      return;
+    t.preventDefault();
+    const i = R(a) * e.params.slidesPerGroup;
+    if (e.params.loop) {
+      if (e.realIndex === i) return;
+      const r = I(e.realIndex, i, e.slides.length);
+      r === "next" ? e.slideNext() : r === "previous" ? e.slidePrev() : e.slideToLoop(i);
+    } else
+      e.slideTo(i);
+  }
+  function S() {
+    const t = e.rtl, a = e.params.pagination;
+    if (v()) return;
+    let i = e.pagination.el;
+    i = k(i);
+    let r, y;
+    const B = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, T = e.params.loop ? Math.ceil(B / e.params.slidesPerGroup) : e.snapGrid.length;
+    if (e.params.loop ? (y = e.previousRealIndex || 0, r = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (r = e.snapIndex, y = e.previousSnapIndex) : (y = e.previousIndex || 0, r = e.activeIndex || 0), a.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
+      const d = e.pagination.bullets;
+      let x, C, O;
+      if (a.dynamicBullets && (f = J(d[0], e.isHorizontal() ? "width" : "height"), i.forEach((m) => {
+        m.style[e.isHorizontal() ? "width" : "height"] = `${f * (a.dynamicMainBullets + 4)}px`;
+      }), a.dynamicMainBullets > 1 && y !== void 0 && (g += r - (y || 0), g > a.dynamicMainBullets - 1 ? g = a.dynamicMainBullets - 1 : g < 0 && (g = 0)), x = Math.max(r - g, 0), C = x + (Math.min(d.length, a.dynamicMainBullets) - 1), O = (C + x) / 2), d.forEach((m) => {
+        const h = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((b) => `${a.bulletActiveClass}${b}`)].map((b) => typeof b == "string" && b.includes(" ") ? b.split(" ") : b).flat();
+        m.classList.remove(...h);
+      }), i.length > 1)
+        d.forEach((m) => {
+          const h = R(m);
+          h === r ? m.classList.add(...a.bulletActiveClass.split(" ")) : e.isElement && m.setAttribute("part", "bullet"), a.dynamicBullets && (h >= x && h <= C && m.classList.add(...`${a.bulletActiveClass}-main`.split(" ")), h === x && A(m, "prev"), h === C && A(m, "next"));
+        });
+      else {
+        const m = d[r];
+        if (m && m.classList.add(...a.bulletActiveClass.split(" ")), e.isElement && d.forEach((h, b) => {
+          h.setAttribute("part", b === r ? "bullet-active" : "bullet");
+        }), a.dynamicBullets) {
+          const h = d[x], b = d[C];
+          for (let M = x; M <= C; M += 1)
+            d[M] && d[M].classList.add(...`${a.bulletActiveClass}-main`.split(" "));
+          A(h, "prev"), A(b, "next");
+        }
+      }
+      if (a.dynamicBullets) {
+        const m = Math.min(d.length, a.dynamicMainBullets + 4), h = (f * m - f) / 2 - O * f, b = t ? "right" : "left";
+        d.forEach((M) => {
+          M.style[e.isHorizontal() ? b : "top"] = `${h}px`;
+        });
+      }
+    }
+    i.forEach((d, x) => {
+      if (a.type === "fraction" && (d.querySelectorAll(P(a.currentClass)).forEach((C) => {
+        C.textContent = a.formatFractionCurrent(r + 1);
+      }), d.querySelectorAll(P(a.totalClass)).forEach((C) => {
+        C.textContent = a.formatFractionTotal(T);
+      })), a.type === "progressbar") {
+        let C;
+        a.progressbarOpposite ? C = e.isHorizontal() ? "vertical" : "horizontal" : C = e.isHorizontal() ? "horizontal" : "vertical";
+        const O = (r + 1) / T;
+        let m = 1, h = 1;
+        C === "horizontal" ? m = O : h = O, d.querySelectorAll(P(a.progressbarFillClass)).forEach((b) => {
+          b.style.transform = `translate3d(0,0,0) scaleX(${m}) scaleY(${h})`, b.style.transitionDuration = `${e.params.speed}ms`;
+        });
+      }
+      a.type === "custom" && a.renderCustom ? (d.innerHTML = a.renderCustom(e, r + 1, T), x === 0 && n("paginationRender", d)) : (x === 0 && n("paginationRender", d), n("paginationUpdate", d)), e.params.watchOverflow && e.enabled && d.classList[e.isLocked ? "add" : "remove"](a.lockClass);
+    });
+  }
+  function l() {
+    const t = e.params.pagination;
+    if (v()) return;
+    const a = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.grid && e.params.grid.rows > 1 ? e.slides.length / Math.ceil(e.params.grid.rows) : e.slides.length;
+    let i = e.pagination.el;
+    i = k(i);
+    let r = "";
+    if (t.type === "bullets") {
+      let y = e.params.loop ? Math.ceil(a / e.params.slidesPerGroup) : e.snapGrid.length;
+      e.params.freeMode && e.params.freeMode.enabled && y > a && (y = a);
+      for (let B = 0; B < y; B += 1)
+        t.renderBullet ? r += t.renderBullet.call(e, B, t.bulletClass) : r += `<${t.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${t.bulletClass}"></${t.bulletElement}>`;
+    }
+    t.type === "fraction" && (t.renderFraction ? r = t.renderFraction.call(e, t.currentClass, t.totalClass) : r = `<span class="${t.currentClass}"></span> / <span class="${t.totalClass}"></span>`), t.type === "progressbar" && (t.renderProgressbar ? r = t.renderProgressbar.call(e, t.progressbarFillClass) : r = `<span class="${t.progressbarFillClass}"></span>`), e.pagination.bullets = [], i.forEach((y) => {
+      t.type !== "custom" && (y.innerHTML = r || ""), t.type === "bullets" && e.pagination.bullets.push(...y.querySelectorAll(P(t.bulletClass)));
+    }), t.type !== "custom" && n("paginationRender", i[0]);
+  }
+  function p() {
+    e.params.pagination = re(e, e.originalParams.pagination, e.params.pagination, {
+      el: "swiper-pagination"
+    });
+    const t = e.params.pagination;
+    if (!t.el) return;
+    let a;
+    typeof t.el == "string" && e.isElement && (a = e.el.querySelector(t.el)), !a && typeof t.el == "string" && (a = [...document.querySelectorAll(t.el)]), a || (a = t.el), !(!a || a.length === 0) && (e.params.uniqueNavElements && typeof t.el == "string" && Array.isArray(a) && a.length > 1 && (a = [...e.el.querySelectorAll(t.el)], a.length > 1 && (a = a.find((i) => W(i, ".swiper")[0] === e.el))), Array.isArray(a) && a.length === 1 && (a = a[0]), Object.assign(e.pagination, {
+      el: a
+    }), a = k(a), a.forEach((i) => {
+      t.type === "bullets" && t.clickable && i.classList.add(...(t.clickableClass || "").split(" ")), i.classList.add(t.modifierClass + t.type), i.classList.add(e.isHorizontal() ? t.horizontalClass : t.verticalClass), t.type === "bullets" && t.dynamicBullets && (i.classList.add(`${t.modifierClass}${t.type}-dynamic`), g = 0, t.dynamicMainBullets < 1 && (t.dynamicMainBullets = 1)), t.type === "progressbar" && t.progressbarOpposite && i.classList.add(t.progressbarOppositeClass), t.clickable && i.addEventListener("click", z), e.enabled || i.classList.add(t.lockClass);
+    }));
+  }
+  function $() {
+    const t = e.params.pagination;
+    if (v()) return;
+    let a = e.pagination.el;
+    a && (a = k(a), a.forEach((i) => {
+      i.classList.remove(t.hiddenClass), i.classList.remove(t.modifierClass + t.type), i.classList.remove(e.isHorizontal() ? t.horizontalClass : t.verticalClass), t.clickable && (i.classList.remove(...(t.clickableClass || "").split(" ")), i.removeEventListener("click", z));
+    })), e.pagination.bullets && e.pagination.bullets.forEach((i) => i.classList.remove(...t.bulletActiveClass.split(" ")));
+  }
+  c("changeDirection", () => {
+    if (!e.pagination || !e.pagination.el) return;
+    const t = e.params.pagination;
+    let {
+      el: a
+    } = e.pagination;
+    a = k(a), a.forEach((i) => {
+      i.classList.remove(t.horizontalClass, t.verticalClass), i.classList.add(e.isHorizontal() ? t.horizontalClass : t.verticalClass);
+    });
+  }), c("init", () => {
+    e.params.pagination.enabled === !1 ? w() : (p(), l(), S());
+  }), c("activeIndexChange", () => {
+    typeof e.snapIndex > "u" && S();
+  }), c("snapIndexChange", () => {
+    S();
+  }), c("snapGridLengthChange", () => {
+    l(), S();
+  }), c("destroy", () => {
+    $();
+  }), c("enable disable", () => {
+    let {
+      el: t
+    } = e.pagination;
+    t && (t = k(t), t.forEach((a) => a.classList[e.enabled ? "remove" : "add"](e.params.pagination.lockClass)));
+  }), c("lock unlock", () => {
+    S();
+  }), c("click", (t, a) => {
+    const i = a.target, r = k(e.pagination.el);
+    if (e.params.pagination.el && e.params.pagination.hideOnClick && r && r.length > 0 && !i.classList.contains(e.params.pagination.bulletClass)) {
+      if (e.navigation && (e.navigation.nextEl && i === e.navigation.nextEl || e.navigation.prevEl && i === e.navigation.prevEl)) return;
+      const y = r[0].classList.contains(e.params.pagination.hiddenClass);
+      n(y === !0 ? "paginationShow" : "paginationHide"), r.forEach((B) => B.classList.toggle(e.params.pagination.hiddenClass));
+    }
+  });
+  const D = () => {
+    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
+    let {
+      el: t
+    } = e.pagination;
+    t && (t = k(t), t.forEach((a) => a.classList.remove(e.params.pagination.paginationDisabledClass))), p(), l(), S();
+  }, w = () => {
+    e.el.classList.add(e.params.pagination.paginationDisabledClass);
+    let {
+      el: t
+    } = e.pagination;
+    t && (t = k(t), t.forEach((a) => a.classList.add(e.params.pagination.paginationDisabledClass))), $();
+  };
+  Object.assign(e.pagination, {
+    enable: D,
+    disable: w,
+    render: l,
+    update: S,
+    init: p,
+    destroy: $
+  });
+}
+const ce = ({ data: o, gamification: e, onEvent: u, swipeable: c, autoplay: n }) => {
+  const s = H(), f = H(), { listOfQuestions: g, countQuestionsAvailable: v } = X(() => {
+    const l = o ? Object.values(o) : [];
     return {
-      listOfQuestions: e,
-      countQuestionsAvailable: e.filter(({ marketClosed: f }) => !f).length
+      listOfQuestions: l,
+      countQuestionsAvailable: l.filter(({ marketClosed: p }) => !p).length
     };
-  }, [t]), x = k(
-    async (e, f) => {
+  }, [o]), A = G(
+    async (l, p) => {
       try {
-        await s.betPackVote(e, f), c({
+        await e.betPackVote(l, p), u({
           type: "slVoted",
           payload: {
-            questionId: e,
-            answerId: f
+            questionId: l,
+            answerId: p
           }
         });
       } finally {
-        r.current && clearTimeout(r.current), a && (r.current = setTimeout(() => {
-          var h;
-          (h = l.current) == null || h.slickNext();
+        s.current && clearTimeout(s.current), n && (s.current = setTimeout(() => {
+          var $;
+          ($ = f.current) == null || $.slideNext();
         }, 2e3));
       }
     },
-    [s, c, a]
+    [e, u, n]
   );
-  y(() => (c({
+  j(() => (u({
     type: "slBetPackReady",
     payload: {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
       next: () => {
-        var e;
-        return (e = l.current) == null ? void 0 : e.slickNext();
+        var l;
+        return (l = f.current) == null ? void 0 : l.slideNext();
       },
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
       prev: () => {
-        var e;
-        return (e = l.current) == null ? void 0 : e.slickPrev();
+        var l;
+        return (l = f.current) == null ? void 0 : l.slidePrev();
       },
       current: 0,
       canNext: !0,
       canPrev: !1
     }
   }), () => {
-    r.current && clearTimeout(r.current);
-  }), [c]);
-  const C = (e) => {
-    var f;
-    if (c({
+    s.current && clearTimeout(s.current);
+  }), [u]);
+  const I = (l) => {
+    var $;
+    const p = l.realIndex;
+    if (u({
       type: "slBetPackChangeCard",
       payload: {
-        current: e,
-        canNext: e < Object.keys(t).length + 1,
-        canPrev: e >= 1
+        current: p,
+        canNext: p < Object.keys(o).length + 1,
+        canPrev: p >= 1
       }
-    }), e !== 0 && e !== Object.keys(t).length + 1 && ((f = m[e - 1]) != null && f.id)) {
-      s.openQuestion(m[e - 1].id, {
+    }), p !== 0 && p !== Object.keys(o).length + 1 && (($ = g[p - 1]) != null && $.id)) {
+      e.openQuestion(g[p - 1].id, {
         openedFrom: "bet-pack",
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error
         attributes: {
-          id: m[e - 1].id,
-          type: m[e - 1].type,
-          status: m[e - 1].status,
+          id: g[p - 1].id,
+          type: g[p - 1].type,
+          status: g[p - 1].status,
           attributes: {
             case: void 0
           }
@@ -95,58 +324,77 @@ const I = ({ data: t, gamification: s, onEvent: c, swipeable: o, overlay: n, aut
       });
       return;
     }
-    s.closeQuestion();
-  };
-  return y(() => {
-    n && i.current && S(i.current.clientHeight);
-  }, [n]), /* @__PURE__ */ O(
-    N,
+    e.closeQuestion();
+  }, [z, S] = Y(1.1);
+  return j(() => {
+    const l = K(() => {
+      var w;
+      const p = (w = f.current) == null ? void 0 : w.size;
+      if (!p)
+        return;
+      const D = 1 + 30 / (p / 100) / 100 * 2;
+      S(Math.ceil(D * 1e3) / 1e3);
+    }, 200);
+    return window.addEventListener("resize", l), l(), () => {
+      window.removeEventListener("resize", l);
+    };
+  }, []), /* @__PURE__ */ N(
+    Z,
     {
-      ...B,
-      swipe: o,
-      afterChange: C,
-      beforeChange: () => {
-        r.current && clearTimeout(r.current);
+      slidesPerView: z,
+      spaceBetween: 12,
+      centeredSlides: !0,
+      centerInsufficientSlides: !0,
+      allowTouchMove: c,
+      pagination: {
+        clickable: !0
+      },
+      modules: [oe],
+      onSlideChange: I,
+      onBeforeSlideChangeStart: () => {
+        s.current && clearTimeout(s.current);
+      },
+      onSwiper: (l) => {
+        f.current = l;
       },
-      ref: l,
       children: [
-        /* @__PURE__ */ u(A, { ref: i, sliderRef: l, countQuestionsAvailable: g }),
-        m.map((e) => e ? /* @__PURE__ */ u(H, { height: d, children: /* @__PURE__ */ u(F, { question: e, vote: x }) }, e.id) : null),
-        /* @__PURE__ */ u(v, { height: d, onEvent: c })
+        /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(se, { sliderRef: f, countQuestionsAvailable: v }) }),
+        g.map((l) => l ? /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(ie, { children: /* @__PURE__ */ L(ae, { question: l, vote: A }) }, l.id) }) : null),
+        /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(ee, { onEvent: u }) })
       ]
     }
   );
-}, _ = ({ gamification: t, autoplay: s, overlay: c, swipeable: o, onEvent: n }) => {
-  const a = D(t.betPack.getStore()), { error: r, loading: l, data: i } = a;
-  return l || !Object.hasOwn(a, "data") ? /* @__PURE__ */ u(w, {}) : r ? /* @__PURE__ */ u(
-    b,
+}, Le = ({ gamification: o, autoplay: e, overlay: u, swipeable: c, onEvent: n }) => {
+  const s = ne(o.betPack.getStore()), { error: f, loading: g, data: v } = s;
+  return g || !Object.hasOwn(s, "data") ? /* @__PURE__ */ L(te, {}) : f ? /* @__PURE__ */ L(
+    E,
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: r instanceof P && r.code !== Q.InvalidArgument ? `The event ID was not
+      description: f instanceof Q && f.code !== q.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
-  ) : !i || !i.timestamp || !i.data || !Object.keys(i.data).length ? /* @__PURE__ */ u(
-    b,
+  ) : !v || !v.timestamp || !v.data || !Object.keys(v.data).length ? /* @__PURE__ */ L(
+    E,
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
       description: `It looks like we couldn't
  load the questions.`
     }
-  ) : /* @__PURE__ */ u(
-    I,
+  ) : /* @__PURE__ */ L(
+    ce,
     {
-      data: i.data,
-      gamification: t,
+      data: v.data,
+      gamification: o,
       onEvent: n,
-      swipeable: o,
-      autoplay: s,
-      overlay: c
+      swipeable: c,
+      autoplay: e,
+      overlay: u
     }
   );
 };
 export {
-  _ as BetPackContent
+  Le as BetPackContent
 };