@streamlayer/react-ui 1.19.1 → 1.21.0

package/lib/app/app/Advertisement/index.js

@@ -1,131 +1,133 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { cx as b } from "@linaria/core";
 import { styled as L } from "@linaria/react";
 import { useAnalyticsListener as P } from "../../../hooks/analytics.js";
-import { useEffect as w, useRef as I } from "react";
-import { useStore as g } from "@streamlayer/react-polyfills";
-import { eventBus as A } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as E, NotificationPromotionMode as T, PromotionType as U } from "@streamlayer/sdk-web-types";
-import { AdvertisementUI as N } from "../../../ui/advertisement/index.js";
-const V = /* @__PURE__ */ L("div")({
+import { useState as w, useEffect as E, useRef as I } from "react";
+import { useStore as S } from "@streamlayer/react-polyfills";
+import { eventBus as h } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as T, NotificationPromotionMode as U, PromotionType as N } from "@streamlayer/sdk-web-types";
+import { AdvertisementUI as V } from "../../../ui/advertisement/index.js";
+const W = /* @__PURE__ */ L("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), W = (r) => {
-  const t = r.target;
+}), k = (o) => {
+  const t = o.target;
   if (t instanceof HTMLAnchorElement && t.target === "_blank") {
-    const o = t.getAttribute("data-promo-id") || "", i = t.getAttribute("data-promo-type") || U.UNSET;
-    t.getAttribute("data-analytics") === "button" && A.emit("advertisement", {
+    const r = t.getAttribute("data-promo-id") || "", i = t.getAttribute("data-promo-type") || N.UNSET;
+    t.getAttribute("data-analytics") === "button" && h.emit("advertisement", {
       action: "buttonSelect",
       payload: {
-        id: o,
+        id: r,
         type: i
       }
-    }), t.getAttribute("data-analytics") === "banner" && A.emit("advertisement", {
+    }), t.getAttribute("data-analytics") === "banner" && h.emit("advertisement", {
       action: "bannerSelect",
       payload: {
-        id: o,
+        id: r,
         type: i
       }
     });
   }
 }, j = ({
-  gamification: r,
+  gamification: o,
   layoutMode: t,
-  skipAutoClose: o,
+  skipAutoClose: r,
   skipTypeCheck: i,
-  sidebar: a,
+  sidebar: s,
   banner: d,
-  notification: m,
-  isMobileScreen: l,
-  persistent: c,
-  externalAd: u,
-  controlVideo: p
+  notification: c,
+  isMobileScreen: u,
+  persistent: p,
+  externalAd: f,
+  controlVideo: v
 }) => {
-  var f, v, y;
-  const n = I(null), e = g(r.advertisement.$store);
-  P(n, {
+  var y, g, A;
+  const l = I(null), e = S(o.advertisement.$store);
+  P(l, {
     enabled: !!e.data,
     event: "click",
-    listener: W
+    listener: k
   });
-  const h = !d && !a;
-  if (e.data === void 0 || !c && e.isViewed)
+  const m = !d && !s;
+  if (e.data === void 0 || !p && e.isViewed)
     return null;
-  const S = ((y = (v = (f = e == null ? void 0 : e.data) == null ? void 0 : f.notification) == null ? void 0 : v.promotion) == null ? void 0 : y.mode) === T.LOWER_THIRD;
-  return /* @__PURE__ */ s(V, {
-    ref: n,
+  const n = ((A = (g = (y = e == null ? void 0 : e.data) == null ? void 0 : y.notification) == null ? void 0 : g.promotion) == null ? void 0 : A.mode) === U.LOWER_THIRD;
+  return /* @__PURE__ */ a(W, {
+    ref: l,
     style: {
-      height: h ? "auto" : "100%"
+      height: m ? "auto" : "100%"
     },
-    className: b("SL-AdvertisementUIWrap", l && "mobile-view", S && "SL-AdvertisementUIWrap--lower-third"),
-    children: /* @__PURE__ */ s(N, {
+    className: b("SL-AdvertisementUIWrap", u && "mobile-view", n && "SL-AdvertisementUIWrap--lower-third"),
+    children: /* @__PURE__ */ a(V, {
       skipTypeCheck: i,
-      sidebar: a,
+      sidebar: s,
       banner: d,
       advertisement: e.data,
       advertisementPaused: e.isPaused,
       togglePause: e.togglePause,
       close: e.close,
-      externalAd: u ? e.externalAd : void 0,
-      markAsViewed: r.advertisement.markAsViewed,
-      open: r.advertisement.open,
+      externalAd: f ? e.externalAd : void 0,
+      markAsViewed: o.advertisement.markAsViewed,
+      open: o.advertisement.open,
       layoutMode: t,
-      isNotification: m,
-      skipAutoClose: o,
-      controlVideo: p
+      isNotification: c,
+      skipAutoClose: r,
+      controlVideo: v
     })
   });
-}, _ = ({
-  sdk: r,
+}, B = ({
+  sdk: o,
   sidebar: t,
-  externalAd: o,
+  externalAd: r,
   banner: i,
-  skipAutoClose: a,
+  skipAutoClose: s,
   skipTypeCheck: d,
-  layoutMode: m,
-  isMobileScreen: l,
-  persistent: c,
-  notification: u
+  layoutMode: c,
+  isMobileScreen: u,
+  persistent: p,
+  notification: f
 }) => {
-  const p = g(r.featuresList.getStore());
-  if (w(() => {
-    if (o) {
-      const e = document.createElement("script");
-      e.async = !0, e.src = "https://imasdk.googleapis.com/js/sdkloader/ima3.js", document.body.appendChild(e);
+  const v = S(o.featuresList.getStore()), [l, e] = w(!r);
+  if (E(() => {
+    if (r) {
+      const n = document.createElement("script");
+      n.async = !0, n.src = "https://imasdk.googleapis.com/pal/sdkloader/pal.js", document.body.appendChild(n), n.onload = () => {
+        e(!0);
+      };
     }
-  }, [o]), t && i)
-    return /* @__PURE__ */ s("div", {
+  }, [r]), t && i)
+    return /* @__PURE__ */ a("div", {
       style: {
         color: "red"
       },
       children: "define either sidebar or banner, not both."
     });
-  if (i && o)
-    return /* @__PURE__ */ s("div", {
+  if (i && r)
+    return /* @__PURE__ */ a("div", {
       style: {
         color: "red"
       },
       children: "externalAd is not supported with banner"
     });
-  if (!p)
+  if (!v)
     return null;
-  const n = r.getFeature(E.GAMES);
-  return n ? /* @__PURE__ */ s(j, {
-    gamification: n,
+  const m = o.getFeature(T.GAMES);
+  return !m || r && !l ? null : /* @__PURE__ */ a(j, {
+    gamification: m,
     sidebar: t,
     banner: i,
-    layoutMode: m,
-    isMobileScreen: l,
-    persistent: c,
-    notification: u,
+    layoutMode: c,
+    isMobileScreen: u,
+    persistent: p,
+    notification: f,
     skipTypeCheck: d,
-    skipAutoClose: a,
-    externalAd: o,
-    controlVideo: r.controlVideoPlayer
-  }) : null;
+    skipAutoClose: s,
+    externalAd: r,
+    controlVideo: o.controlVideoPlayer
+  });
 };
 export {
-  V as AdvertisementUIWrap,
-  _ as StreamLayerSDKAdvertisement
+  W as AdvertisementUIWrap,
+  B as StreamLayerSDKAdvertisement
 };

package/lib/app/app/Points/index.js

@@ -1,27 +1,34 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as f, useEffect as c } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { useState as a, useEffect as c } from "react";
 import { useStore as l } from "@streamlayer/react-polyfills";
-import { FeatureStatus as u } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as p } from "@streamlayer/sdk-web-types";
+import { FeatureStatus as u, eventBus as i } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as f } from "@streamlayer/sdk-web-types";
 import { Points as S } from "../../../ui/gamification/points/index.js";
-const a = ({ gamification: e }) => {
-  const s = e.userSummary.$store, [r, m] = f(0);
+const y = ({ gamification: e }) => {
+  const o = e.userSummary.$store, [t, p] = a(0);
   return c(() => {
-    const i = s.subscribe((t) => {
-      var o;
-      (o = t == null ? void 0 : t.summary) != null && o.points && m(t.summary.points);
+    const r = o.subscribe((s) => {
+      var n;
+      (n = s == null ? void 0 : s.summary) != null && n.points && p(s.summary.points);
     });
     return () => {
-      i();
+      r();
     };
-  }, [s]), /* @__PURE__ */ n(S, { points: r, onClick: () => {
-    e.status.get() === u.Suspended ? e.openFeature() : e.status.get() === u.Ready && e.closeFeature(!1);
+  }, [o]), /* @__PURE__ */ m(S, { points: t, onClick: () => {
+    const r = e.status.get();
+    r === u.Suspended ? (e.openFeature(), i.emit("app", {
+      action: "open",
+      payload: {}
+    })) : r === u.Ready && (e.closeFeature(!1), i.emit("app", {
+      action: "close",
+      payload: {}
+    }));
   } });
 }, k = ({ sdk: e }) => {
   if (!l(e.featuresList.getStore()))
     return null;
-  const r = e.getFeature(p.GAMES);
-  return r ? /* @__PURE__ */ n(a, { gamification: r }) : null;
+  const t = e.getFeature(f.GAMES);
+  return t ? /* @__PURE__ */ m(y, { gamification: t }) : null;
 };
 export {
   k as StreamLayerSDKPoints

package/lib/app/app/index.js

@@ -1,122 +1,112 @@
-import { jsx as l, jsxs as f } from "react/jsx-runtime";
-import { cx as v } from "@linaria/core";
-import { SDKContainer as N, SDKScrollContainer as A } from "./styles.js";
-import { useSdkFeature as F } from "../useSdkFeature.js";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { cx as h } from "@linaria/core";
+import { SDKContainer as A, SDKScrollContainer as F } from "./styles.js";
+import { useSdkFeature as v } from "../useSdkFeature.js";
 import { useSdkResponsive as x } from "../useSdkResponsive.js";
-import { useSdkScroll as D } from "../useSdkScroll.js";
-import { useAnalyticsListener as u, newTabLinkListener as L, appScrollListener as g, appClickListener as C } from "../../hooks/analytics.js";
-import { useRef as p, useMemo as b, useEffect as y } from "react";
+import { useSdkScroll as N } from "../useSdkScroll.js";
+import { useAnalyticsListener as g, newTabLinkListener as y } from "../../hooks/analytics.js";
+import { useRef as f, useMemo as C, useEffect as D } from "react";
 import { useStore as K } from "@streamlayer/react-polyfills";
-import { resetCss as c } from "../../ui/theme/theme.js";
-import { ActiveFeature as j, StandaloneFeature as R } from "./Features/index.js";
-import { SDKNavigation as w, SDKHeader as E } from "./Navigation/index.js";
-import { SDKNotifications as k } from "./Notifications/index.js";
-import { useAppApp as H } from "./useApp.js";
-import { AppContext as I } from "./useAppContext.js";
-const M = ({
+import { resetCss as m } from "../../ui/theme/theme.js";
+import { ActiveFeature as L, StandaloneFeature as b } from "./Features/index.js";
+import { SDKNavigation as j, SDKHeader as R } from "./Navigation/index.js";
+import { SDKNotifications as w } from "./Notifications/index.js";
+import { useAppApp as E } from "./useApp.js";
+import { AppContext as H } from "./useAppContext.js";
+const I = ({
   sdk: e,
-  className: n,
+  className: t,
   scrollStore: r,
-  appNode: i,
-  scrollNode: s,
-  responsiveStore: t
+  appNode: l,
+  scrollNode: o,
+  responsiveStore: s
 }) => {
-  const [, a] = F(e);
-  return /* @__PURE__ */ l(j, {
-    className: n,
-    scrollNode: s,
-    appNode: i,
+  const [, i] = v(e);
+  return /* @__PURE__ */ n(L, {
+    className: t,
+    scrollNode: o,
+    appNode: l,
     scrollStore: r,
-    feature: a,
-    responsiveStore: t,
+    feature: i,
+    responsiveStore: s,
     sdk: e
   });
-}, P = ({
+}, M = ({
   sdk: e,
-  className: n,
+  className: t,
   appNode: r,
-  responsiveStore: i
+  responsiveStore: l
 }) => {
-  const s = K(e.featuresList.getStore());
-  return s ? Array.from(s, (t) => {
-    const a = e.getFeature(t);
-    return a ? /* @__PURE__ */ l(R, {
-      className: n,
+  const o = K(e.featuresList.getStore());
+  return o ? Array.from(o, (s) => {
+    const i = e.getFeature(s);
+    return i ? /* @__PURE__ */ n(b, {
+      className: t,
       appNode: r,
-      feature: a,
-      responsiveStore: i,
+      feature: i,
+      responsiveStore: l,
       sdk: e
-    }, t) : null;
+    }, s) : null;
   }) : null;
-}, $ = ({
+}, _ = ({
   sdk: e,
-  topNavigation: n
+  topNavigation: t
 }) => {
-  const r = p(null), i = p(null), [s] = x(r), [t, a] = D(r, s), {
-    sdkReady: d,
-    activeFeature: m,
-    isLogged: S
-  } = H(e), o = !!d;
-  u(r, {
-    enabled: o,
+  const r = f(null), l = f(null), [o] = x(r), [s, i] = N(r, o), {
+    sdkReady: p,
+    activeFeature: c,
+    isLogged: d
+  } = E(e), a = !!p;
+  g(r, {
+    enabled: a,
     event: "click",
-    listener: L
-  }), u(t, {
-    enabled: o,
-    event: "scrollend",
-    listener: g,
-    useDomNode: !0
-  }), u(t, {
-    enabled: o,
-    event: "click",
-    listener: C,
-    useDomNode: !0
+    listener: y
   });
-  const h = b(() => ({
+  const S = C(() => ({
     sdk: e,
-    topNavigation: n
-  }), [e, n]);
-  return y(() => {
+    topNavigation: t
+  }), [e, t]);
+  return D(() => {
     import("./Features/Gamification/gamification-feature.js");
-  }, []), /* @__PURE__ */ l(I.Provider, {
-    value: h,
-    children: /* @__PURE__ */ f(N, {
+  }, []), /* @__PURE__ */ n(H.Provider, {
+    value: S,
+    children: /* @__PURE__ */ u(A, {
       ref: r,
-      className: n ? "" : "c10llmat",
-      children: [o && n && /* @__PURE__ */ l(w, {
-        className: c,
+      className: t ? "" : "c10llmat",
+      children: [a && t && /* @__PURE__ */ n(j, {
+        className: m,
         sdk: e,
-        ref: i
-      }), o && !n && !!m && /* @__PURE__ */ l(E, {
-        className: v(c, "sl-hide-on-modal"),
+        ref: l
+      }), a && !t && !!c && /* @__PURE__ */ n(R, {
+        className: h(m, "sl-hide-on-modal"),
         sdk: e,
-        ref: i
-      }), /* @__PURE__ */ f(A, {
+        ref: l
+      }), /* @__PURE__ */ u(F, {
         className: "sl-hide-on-modal",
-        ref: t,
-        "data-nav": (!!m && o).toString(),
-        children: [o && /* @__PURE__ */ l(k, {
+        ref: s,
+        "data-nav": (!!c && a).toString(),
+        children: [a && /* @__PURE__ */ n(w, {
           sdk: e,
-          scrollNode: t,
-          headerNode: i,
+          scrollNode: s,
+          headerNode: l,
           appNode: r,
-          scrollStore: a,
-          responsiveStore: s,
-          hasActiveFeature: !!m
-        }), o && /* @__PURE__ */ l(M, {
-          scrollStore: a,
-          responsiveStore: s,
-          scrollNode: t,
+          scrollStore: i,
+          responsiveStore: o,
+          hasActiveFeature: !!c
+        }), a && /* @__PURE__ */ n(I, {
+          scrollStore: i,
+          responsiveStore: o,
+          scrollNode: s,
           appNode: r,
-          className: c,
+          className: m,
           sdk: e
-        }), o && /* @__PURE__ */ l(P, {
-          responsiveStore: s,
+        }), a && /* @__PURE__ */ n(M, {
+          responsiveStore: o,
           appNode: r,
-          className: c,
+          className: m,
           sdk: e
         })]
-      }), o && !S && /* @__PURE__ */ l("div", {
+      }), a && !d && /* @__PURE__ */ n("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -130,5 +120,5 @@ const M = ({
   });
 };
 export {
-  $ as App
+  _ as App
 };

package/lib/app/app/useApp.d.ts

@@ -1,6 +1,7 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { FeatureType } from '@streamlayer/sdk-web-types';
 export declare const useAppApp: (sdk: StreamLayerSDK) => {
     sdkReady: boolean;
-    activeFeature: any;
+    activeFeature: FeatureType | undefined;
     isLogged: boolean;
 };

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

@@ -1,4 +1,6 @@
 export declare const EmergencyScreen: React.FC<{
     actionFn: () => void;
     description: string;
+    isMobile?: boolean;
+    height?: number;
 }>;

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

@@ -1,14 +1,15 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useDynamicParentFont as i } from "../ScreenContainer/useDynamicParentFont.js";
-import { EmergencyContainer as m, EmergencyScreenTitle as g, EmergencyScreenDescription as s, EmergencyScreenButton as y } from "./styles.js";
-const f = ({ actionFn: n, description: r }) => {
-  const { container: c, fontSize: t } = i();
-  return /* @__PURE__ */ o(m, { style: { fontSize: t }, ref: c, children: [
-    /* @__PURE__ */ e(g, { children: "Something went wrong." }),
-    /* @__PURE__ */ e(s, { children: r }),
-    /* @__PURE__ */ e(y, { onClick: n, children: "Try again" })
+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" })
   ] });
 };
 export {
-  f as EmergencyScreen
+  d as EmergencyScreen
 };

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

@@ -2,4 +2,5 @@ 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,27 +1,31 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-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(
+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(
     0
     /* FIRST */
   );
-  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: [
+  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: [
         "As results come in we’ll send you",
         /* @__PURE__ */ e("br", {}),
         "live updates right here."
       ] })
     ] }),
     /* @__PURE__ */ e(
-      d,
+      o,
       {
         onClick: () => {
-          l(
+          a(
             1
             /* LAST */
           );
@@ -29,18 +33,18 @@ const x = ({ height: r, onEvent: o }) => {
         children: "Continue"
       }
     )
-  ] }) }) }, "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: [
+  ] }) }) }, "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: [
         "Look for more live match insights,",
         /* @__PURE__ */ e("br", {}),
         "predictions and more."
       ] })
     ] }),
-    /* @__PURE__ */ e(d, { onClick: () => o({ type: "slOpenGameCenter" }), children: "Open Game Center" })
+    /* @__PURE__ */ e(o, { onClick: () => s({ type: "slOpenGameCenter" }), children: "Open Game Center" })
   ] }) }) }, "end");
 };
 export {
-  x as EndScreen
+  y as EndScreen
 };

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

@@ -1,4 +1,5 @@
 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 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 }) });
+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 }) });
 };
 export {
-  s as ScreenContainer
+  p as ScreenContainer
 };

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

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