@streamlayer/react-ui 1.21.0 → 1.22.0

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

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { cx as s } from "@linaria/core";
 import { useDynamicParentFont as a } from "../ScreenContainer/useDynamicParentFont.js";
-import { EmergencyContainer as g, EmergencyScreenTitle as l, EmergencyScreenDescription as y, EmergencyScreenButton as f } from "./styles.js";
-const d = ({ actionFn: r, description: c, isMobile: n, height: t }) => {
-  const { container: o, fontSize: i } = a(t, n);
-  return /* @__PURE__ */ m(g, { style: { fontSize: i }, ref: o, className: s("betPack", !!n && "isMobile"), children: [
-    /* @__PURE__ */ e(l, { children: "Something went wrong." }),
-    /* @__PURE__ */ e(y, { children: c }),
-    /* @__PURE__ */ e(f, { onClick: r, children: "Try again" })
+import { EmergencyContainer as l, EmergencyScreenTitle as g, EmergencyScreenDescription as y, EmergencyScreenButton as f } from "./styles.js";
+const d = ({ actionFn: n, description: r, isMobile: c, height: o }) => {
+  const { container: t, fontSize: i } = a(o);
+  return /* @__PURE__ */ m(l, { style: { fontSize: i }, ref: t, className: s("betPack", !!c && "isMobile"), children: [
+    /* @__PURE__ */ e(g, { children: "Something went wrong." }),
+    /* @__PURE__ */ e(y, { children: r }),
+    /* @__PURE__ */ e(f, { onClick: n, children: "Try again" })
   ] });
 };
 export {

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

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

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

@@ -1,31 +1,27 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { ScreenContainer as i } from "../ScreenContainer/index.js";
-import { ScreenWrap as t, EndFirstScreenWrap as m, EndScreenMain as d, SponsorIcon as h, EndScreenTitle as S, EndScreenDescription as u, EndScreenButton as o, EndLastScreenWrap as E, EndScreenMedia as b, EndLastScreenDescription as f } from "./styles.js";
-const y = ({
-  height: r,
-  onEvent: s,
-  swipeable: c
-}) => {
-  const [l, a] = p(
+import { useState as a } from "react";
+import { ScreenContainer as c } from "../ScreenContainer/index.js";
+import { ScreenWrap as i, EndFirstScreenWrap as p, EndScreenMain as t, SponsorIcon as m, EndScreenTitle as h, EndScreenDescription as S, EndScreenButton as d, EndLastScreenWrap as u, EndScreenMedia as E, EndLastScreenDescription as b } from "./styles.js";
+const x = ({ height: r, onEvent: o }) => {
+  const [s, l] = a(
     0
     /* FIRST */
   );
-  return l === 0 ? /* @__PURE__ */ e(i, { height: r, swipeable: c, children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ n(d, { children: [
-      /* @__PURE__ */ e(h, { name: "icon-masters-logo" }),
-      /* @__PURE__ */ e(S, { children: "Great picks!" }),
-      /* @__PURE__ */ n(u, { children: [
+  return s === 0 ? /* @__PURE__ */ e(c, { height: r, children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ n(t, { children: [
+      /* @__PURE__ */ e(m, { name: "icon-masters-logo" }),
+      /* @__PURE__ */ e(h, { children: "Great picks!" }),
+      /* @__PURE__ */ n(S, { children: [
         "As results come in we’ll send you",
         /* @__PURE__ */ e("br", {}),
         "live updates right here."
       ] })
     ] }),
     /* @__PURE__ */ e(
-      o,
+      d,
       {
         onClick: () => {
-          a(
+          l(
             1
             /* LAST */
           );
@@ -33,18 +29,18 @@ const y = ({
         children: "Continue"
       }
     )
-  ] }) }) }, "end") : /* @__PURE__ */ e(i, { height: r, swipeable: c, children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ n(E, { children: [
-    /* @__PURE__ */ n(d, { children: [
-      /* @__PURE__ */ e(b, { src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/bet_pack_end_screen.png" }),
-      /* @__PURE__ */ n(f, { children: [
+  ] }) }) }, "end") : /* @__PURE__ */ e(c, { height: r, children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ n(u, { children: [
+    /* @__PURE__ */ n(t, { children: [
+      /* @__PURE__ */ e(E, { src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/bet_pack_end_screen.png" }),
+      /* @__PURE__ */ n(b, { children: [
         "Look for more live match insights,",
         /* @__PURE__ */ e("br", {}),
         "predictions and more."
       ] })
     ] }),
-    /* @__PURE__ */ e(o, { onClick: () => s({ type: "slOpenGameCenter" }), children: "Open Game Center" })
+    /* @__PURE__ */ e(d, { onClick: () => o({ type: "slOpenGameCenter" }), children: "Open Game Center" })
   ] }) }) }, "end");
 };
 export {
-  y as EndScreen
+  x as EndScreen
 };

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { ScreenContainerBox as m } from "./styles.js";
-import { useDynamicParentFont as a } from "./useDynamicParentFont.js";
-const p = ({ children: r, height: n, swipeable: t }) => {
-  const { container: o, fontSize: i, calcHeight: c } = a(n, t);
-  return /* @__PURE__ */ e(m, { style: { height: c, fontSize: i }, ref: o, children: /* @__PURE__ */ e("div", { children: r }) });
+import { jsx as n } from "react/jsx-runtime";
+import { ScreenContainerBox as i } from "./styles.js";
+import { useDynamicParentFont as c } from "./useDynamicParentFont.js";
+const s = ({ children: o, height: r }) => {
+  const { container: e, fontSize: t } = c(r);
+  return /* @__PURE__ */ n(i, { style: { height: r, fontSize: t }, ref: e, children: /* @__PURE__ */ n("div", { children: o }) });
 };
 export {
-  p as ScreenContainer
+  s as ScreenContainer
 };

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

@@ -1,5 +1,4 @@
-export declare const useDynamicParentFont: (height?: number, swipeable?: boolean) => {
+export declare const useDynamicParentFont: (height?: number) => {
     container: import('react').MutableRefObject<HTMLDivElement | null>;
     fontSize: string;
-    calcHeight: number | undefined;
 };

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

@@ -1,36 +1,33 @@
-import { useState as T, useRef as h, useEffect as p } from "react";
-const m = "16px", g = 17, f = 21, S = 24, w = (r) => r < 0.9 ? S : r < 1.17 ? f : g, C = (r, E) => {
-  const [v, a] = T(m), [_, u] = T(""), c = h(null), e = h();
-  return p(() => {
+import { useState as _, useRef as d, useEffect as h } from "react";
+const l = "16px", w = 17, m = 21, p = 24, T = (o) => o < 0.9 ? p : o < 1.17 ? m : w, S = (o) => {
+  const [E, u] = _(l), c = d(null), e = d();
+  return h(() => {
     const t = c.current, n = () => {
       e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
         if (t) {
-          const i = getComputedStyle(t), d = +i.width.replace("px", ""), O = +i.height.replace("px", "") / d, l = d / w(O);
-          a(`${l < 20 ? l : 20}px`);
+          const s = getComputedStyle(t), i = +s.width.replace("px", ""), v = +s.height.replace("px", "") / i, a = i / T(v);
+          u(`${a < 20 ? a : 20}px`);
         }
         e.current = void 0;
       }, 200);
-    }, s = () => {
-      window.screen.orientation.type.includes("landscape") || Math.abs(window.orientation) === 90 ? u("landscape") : u("portrait");
-    }, o = () => {
-      s(), n();
+    }, r = () => {
+      n();
     };
-    return window.screen.orientation.addEventListener("change", o), window.addEventListener("orientationchange", o), window.addEventListener("resize", n), t == null || t.addEventListener("transitionend", n, !1), s(), n(), () => {
-      window.screen.orientation.removeEventListener("change", o), window.removeEventListener("orientationchange", o), window.removeEventListener("resize", n), t == null || t.removeEventListener("transitionend", n), e.current && clearTimeout(e.current);
+    return window.screen.orientation.addEventListener("change", r), window.addEventListener("orientationchange", r), window.addEventListener("resize", n), t == null || t.addEventListener("transitionend", n, !1), n(), () => {
+      window.screen.orientation.removeEventListener("change", r), window.removeEventListener("orientationchange", r), window.removeEventListener("resize", n), t == null || t.removeEventListener("transitionend", n), e.current && clearTimeout(e.current);
     };
-  }, []), p(() => (e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
+  }, []), h(() => (e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
     if (c.current) {
-      const t = getComputedStyle(c.current), n = +t.width.replace("px", ""), o = +t.height.replace("px", "") / n, i = n / w(o);
-      a(`${i < 20 ? i : 20}px`), e.current = void 0;
+      const t = getComputedStyle(c.current), n = +t.width.replace("px", ""), s = +t.height.replace("px", "") / n, i = n / T(s);
+      u(`${i < 20 ? i : 20}px`), e.current = void 0;
     }
   }, 200), () => {
     e.current && clearTimeout(e.current);
-  }), [r]), {
+  }), [o]), {
     container: c,
-    fontSize: v,
-    calcHeight: _ === "landscape" && r !== void 0 && E ? r + 30 : r
+    fontSize: E
   };
 };
 export {
-  C as useDynamicParentFont
+  S as useDynamicParentFont
 };

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

@@ -2,5 +2,4 @@ export declare const StartScreen: React.FC<{
     height: number | undefined;
     countQuestionsAvailable: number;
     sliderRef: React.MutableRefObject<null>;
-    swipeable?: boolean;
 }>;

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

@@ -1,35 +1,36 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { ScreenContainer as s } from "../ScreenContainer/index.js";
-import { ScreenWrap as S, Main as a, SponsorIcon as l, StartScreenSponsor as p, StartScreenTitle as d, StartScreenDescription as h, StartScreenButton as m, IconArrowRight as x } from "./styles.js";
-const T = ({ height: o, countQuestionsAvailable: n, sliderRef: i, swipeable: c }) => /* @__PURE__ */ r(s, { height: o, swipeable: c, children: /* @__PURE__ */ e(S, { children: [
-  /* @__PURE__ */ e(a, { children: [
-    /* @__PURE__ */ r(l, { name: "icon-masters-logo" }),
-    /* @__PURE__ */ r(p, { children: "MASTERS PRESENTS" }),
-    /* @__PURE__ */ e(d, { children: [
-      "Tee time predictions:",
-      /* @__PURE__ */ r("br", {}),
-      "share your expertise"
-    ] }),
-    /* @__PURE__ */ e(h, { children: [
-      "Swipe to answer today’s",
-      /* @__PURE__ */ r("br", {}),
-      "question cards."
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { ScreenContainer as a } from "../ScreenContainer/index.js";
+import { ScreenWrap as c, Main as s, SponsorIcon as l, StartScreenSponsor as S, StartScreenTitle as h, StartScreenDescription as d, StartScreenButton as p, IconArrowRight as m, StartScreenNote as f } from "./styles.js";
+const x = ({ height: o, countQuestionsAvailable: t, sliderRef: i }) => /* @__PURE__ */ e(a, { height: o, children: /* @__PURE__ */ r(c, { children: [
+  /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ e(l, { name: "icon-masters-logo" }),
+    /* @__PURE__ */ e(S, { children: "Featured Groups+" }),
+    /* @__PURE__ */ e(h, { children: "The First Five" }),
+    /* @__PURE__ */ r(d, { children: [
+      "Tee off with these five initial",
+      /* @__PURE__ */ e("br", {}),
+      "predictions for today’s play."
     ] })
   ] }),
-  /* @__PURE__ */ e(
-    m,
+  /* @__PURE__ */ r(
+    p,
     {
       onClick: () => {
-        var t;
-        (t = i.current) == null || t.slickNext();
+        var n;
+        (n = i.current) == null || n.slickNext();
       },
       children: [
-        n ? `${n} questions available` : "See all questions",
-        /* @__PURE__ */ r(x, { name: "iconArrowRight" })
+        t ? `${t} questions available` : "See all questions",
+        /* @__PURE__ */ e(m, { name: "iconArrowRight" })
       ]
     }
-  )
+  ),
+  /* @__PURE__ */ r(f, { children: [
+    "Note: Some questions may have been",
+    /* @__PURE__ */ e("br", {}),
+    "resolved as a result of today’s play."
+  ] })
 ] }) }, "start");
 export {
-  T as StartScreen
+  x as StartScreen
 };

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

@@ -6,3 +6,4 @@ export declare const StartScreenSponsor: import('@linaria/react').StyledComponen
 export declare const StartScreenTitle: any;
 export declare const StartScreenDescription: any;
 export declare const StartScreenButton: any;
+export declare const StartScreenNote: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -1,15 +1,15 @@
 import { styled as s } from "@linaria/react";
-import { ScreenTitle as r, ScreenDescription as n, ScreenButton as t } from "../../styles.js";
+import { ScreenTitle as t, ScreenDescription as r, 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
-}), u = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ s("div")({
   name: "Main",
   class: "mnbj36g",
   propsAsIs: !1
-}), o = () => e, A = /* @__PURE__ */ s(o())({
+}), o = () => e, u = /* @__PURE__ */ s(o())({
   name: "IconArrowRight",
   class: "izrvgt",
   propsAsIs: !0
@@ -21,26 +21,31 @@ const I = /* @__PURE__ */ s("div")({
   name: "StartScreenSponsor",
   class: "s1oq8jlq",
   propsAsIs: !1
-}), p = () => r, g = /* @__PURE__ */ s(p())({
+}), p = () => t, g = /* @__PURE__ */ s(p())({
   name: "StartScreenTitle",
   class: "se4nn9a",
   propsAsIs: !0
-}), a = () => n, x = /* @__PURE__ */ s(a())({
+}), a = () => r, x = /* @__PURE__ */ s(a())({
   name: "StartScreenDescription",
   class: "sofug8s",
   propsAsIs: !0
-}), S = () => t, _ = /* @__PURE__ */ s(S())({
+}), S = () => n, d = /* @__PURE__ */ s(S())({
   name: "StartScreenButton",
   class: "s18s0pjp",
   propsAsIs: !0
+}), _ = /* @__PURE__ */ s("div")({
+  name: "StartScreenNote",
+  class: "s1pgosw8",
+  propsAsIs: !1
 });
 export {
-  A as IconArrowRight,
-  u as Main,
+  u as IconArrowRight,
+  A as Main,
   I as ScreenWrap,
   f as SponsorIcon,
-  _ as StartScreenButton,
+  d as StartScreenButton,
   x as StartScreenDescription,
+  _ as StartScreenNote,
   v as StartScreenSponsor,
   g as StartScreenTitle
 };

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

@@ -1,108 +1,114 @@
-import { jsx as u, jsxs as R } from "react/jsx-runtime";
+import { jsx as a, jsxs as R } from "react/jsx-runtime";
 import { ConnectError as T, Code as N } from "@connectrpc/connect";
 import { cx as A } from "@linaria/core";
-import { useCallback as P, useSyncExternalStore as F, useRef as b, useState as I, useMemo as B, useEffect as v } from "react";
-import { EmergencyScreen as S } from "./EmergencyScreen/index.js";
-import { EndScreen as M } from "./EndScreen/index.js";
+import { useCallback as P, useSyncExternalStore as F, useRef as b, useState as B, useMemo as M, useEffect as S } from "react";
+import { EmergencyScreen as v } from "./EmergencyScreen/index.js";
+import { EndScreen as V } from "./EndScreen/index.js";
 import { LoaderScreen as D } from "./LoaderScreen/index.js";
 import { QuestionScreen as H } from "./QuestionScreen/index.js";
-import { ScreenContainer as L } from "./ScreenContainer/index.js";
-import { StartScreen as V } from "./StartScreen/index.js";
+import { ScreenContainer as I } from "./ScreenContainer/index.js";
+import { StartScreen as L } from "./StartScreen/index.js";
 import { settings as x } from "./constants.js";
-import { Carousel as K, desktopDots as q } from "./styles.js";
-function z(t, s, r) {
-  let a = new Set(s).add(void 0);
-  return t.listen((o, c, p) => {
-    a.has(p) && r(o, c, p);
+import { Carousel as w, desktopDots as K } from "./styles.js";
+function z(t, o, c) {
+  let l = new Set(o).add(void 0);
+  return t.listen((n, s, p) => {
+    l.has(p) && c(n, s, p);
   });
 }
-function E(t, s = {}) {
-  let r = P(
-    (o) => s.keys ? z(t, s.keys, o) : t.listen(o),
-    [s.keys, t]
-  ), a = t.get.bind(t);
-  return F(r, a, a);
+function G(t, o = {}) {
+  let c = P(
+    (n) => o.keys ? z(t, o.keys, n) : t.listen(n),
+    [o.keys, t]
+  ), l = t.get.bind(t);
+  return F(c, l, l);
 }
-const re = ({ gamification: t, autoplay: s, swipeable: r, changeHeightOnInit: a, height: o, onEvent: c, centerPadding: p }) => {
-  const i = b(), l = b(null), [C, O] = I(!1), { data: n, error: f, loading: y } = E(t.betPack.getStore()), { listOfQuestions: m, countQuestionsAvailable: Q } = B(() => {
-    const e = n ? Object.values(n) : [];
+const re = ({ gamification: t, autoplay: o, swipeable: c, changeHeightOnInit: l, height: n, onEvent: s, centerPadding: p }) => {
+  const i = b(), d = b(null), [C, O] = B(!1), { data: r, error: f, loading: y } = G(t.betPack.getStore()), { listOfQuestions: m, countQuestionsAvailable: Q } = M(() => {
+    const e = r ? Object.values(r) : [];
     return {
       listOfQuestions: e,
-      countQuestionsAvailable: e.filter(({ marketClosed: d }) => !d).length
+      countQuestionsAvailable: e.filter(({ marketClosed: u }) => !u).length
     };
-  }, [n]);
-  v(() => {
-    !f && !y && n !== void 0 && !C && c({
+  }, [r]);
+  S(() => {
+    !f && !y && r !== void 0 && !C && s({
       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();
+          return (e = d.current) == null ? void 0 : e.slickNext();
         },
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error
         prev: () => {
           var e;
-          return (e = l.current) == null ? void 0 : e.slickPrev();
+          return (e = d.current) == null ? void 0 : e.slickPrev();
         },
         current: 0,
         canNext: !0,
         canPrev: !1
       }
     });
-  }, [n, f, y, c]);
+  }, [r, f, y, s]);
   const h = P(
-    async (e, d) => {
+    async (e, u) => {
       try {
-        O(!0), await t.betPackVote(e, d);
+        O(!0), await t.betPackVote(e, u), s({
+          type: "slVoted",
+          payload: {
+            questionId: e,
+            answerId: u
+          }
+        });
       } finally {
-        i.current && clearTimeout(i.current), s && (i.current = setTimeout(() => {
+        i.current && clearTimeout(i.current), o && (i.current = setTimeout(() => {
           var k;
-          (k = l.current) == null || k.slickNext();
+          (k = d.current) == null || k.slickNext();
         }, 2e3));
       }
     },
-    [t, l, s]
+    [t, s, o]
   );
-  if (v(() => () => {
+  if (S(() => () => {
     i.current && clearTimeout(i.current);
   }, []), y)
-    return /* @__PURE__ */ u(D, {});
-  if (!f && (n == null || !Object.keys(n).length))
-    return /* @__PURE__ */ u(
-      S,
+    return /* @__PURE__ */ a(D, {});
+  if (!f && (r == null || !Object.keys(r).length))
+    return /* @__PURE__ */ a(
+      v,
       {
-        actionFn: () => c({ type: "slHardRefresh" }),
+        actionFn: () => s({ type: "slHardRefresh" }),
         description: `It looks like we couldn't
  load the questions.`,
-        isMobile: r,
-        height: o
+        isMobile: c,
+        height: n
       }
     );
   if (f)
-    return /* @__PURE__ */ u(
-      S,
+    return /* @__PURE__ */ a(
+      v,
       {
-        actionFn: () => c({ type: "slHardRefresh" }),
+        actionFn: () => s({ type: "slHardRefresh" }),
         description: f instanceof T && f.code !== N.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`,
-        isMobile: r,
-        height: o
+        isMobile: c,
+        height: n
       }
     );
   const j = (e) => {
-    var d;
-    if (c({
+    var u;
+    if (s({
       type: "slBetPackChangeCard",
       payload: {
         current: e,
-        canNext: e < Object.keys(n).length + 1,
+        canNext: e < Object.keys(r).length + 1,
         canPrev: e >= 1
       }
-    }), e !== 0 && e !== Object.keys(n).length + 1 && ((d = m[e - 1]) != null && d.id)) {
+    }), e !== 0 && e !== Object.keys(r).length + 1 && ((u = m[e - 1]) != null && u.id)) {
       t.openQuestion(m[e - 1].id, {
         openedFrom: "bet-pack",
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -119,32 +125,24 @@ handle this request.`,
       return;
     }
     t.closeQuestion();
-  }, g = (e) => e ? /* @__PURE__ */ u(L, { height: o, swipeable: r, children: /* @__PURE__ */ u(H, { question: e, vote: h }) }, e.id) : null;
+  }, g = (e) => e ? /* @__PURE__ */ a(I, { height: n, children: /* @__PURE__ */ a(H, { question: e, vote: h }) }, e.id) : null;
   return /* @__PURE__ */ R(
-    K,
+    w,
     {
       ...x,
-      swipe: r,
-      onInit: a,
+      swipe: c,
+      onInit: l,
       centerPadding: p || x.centerPadding,
       afterChange: j,
       beforeChange: () => {
         i.current && clearTimeout(i.current);
       },
-      ref: l,
-      className: A(!r && q),
+      ref: d,
+      className: A(!c && K),
       children: [
-        /* @__PURE__ */ u(
-          V,
-          {
-            height: o,
-            sliderRef: l,
-            countQuestionsAvailable: Q,
-            swipeable: r
-          }
-        ),
-        Object.values(n).map(g),
-        /* @__PURE__ */ u(M, { onEvent: c, height: o, swipeable: r })
+        /* @__PURE__ */ a(L, { height: n, sliderRef: d, countQuestionsAvailable: Q }),
+        Object.values(r).map(g),
+        /* @__PURE__ */ a(V, { onEvent: s, height: n })
       ]
     }
   );