@streamlayer/react-ui 0.93.0 → 0.94.0

package/lib/ui/app/Notifications/index.js

@@ -1,31 +1,30 @@
-import { jsx as o, jsxs as N, Fragment as T } from "react/jsx-runtime";
-import { useStore as y } from "@nanostores/react";
-import { useState as S, useMemo as k, useEffect as I, useRef as b, useCallback as O } from "react";
-import { r as v } from "../../../useClipboardCopy-E5rEe6It.js";
-import { NotificationType as g } from "@streamlayer/sdk-web-notifications";
-import { scrollIntoAppView as C } from "../useSdkScroll.js";
-import { QuestionTypeData as D } from "../../gamification/constants.js";
-import { Notification as R } from "../../gamification/question/notification/index.js";
-import { PredictionResult as E } from "../../gamification/question/notification/prediction-result/index.js";
-import { Onboarding as x } from "./Onboarding/index.js";
-import { Pill as B, HiddenContainer as H, Container as P, InnerContainer as q, NotificationRefreshing as A } from "./styles.js";
+import { jsx as e, jsxs as k, Fragment as b } from "react/jsx-runtime";
+import { useStore as a } from "@nanostores/react";
+import { useState as w, useMemo as O, useEffect as I, useRef as x, useCallback as R } from "react";
+import { r as P } from "../../../index-jRXrW6ie.js";
+import { NotificationType as d } from "@streamlayer/sdk-web-notifications";
+import { scrollIntoAppView as q } from "../useSdkScroll.js";
+import { QuestionTypeData as A } from "../../gamification/constants.js";
+import { Notification as T } from "../../gamification/question/notification/index.js";
+import { PredictionResult as B } from "../../gamification/question/notification/prediction-result/index.js";
+import { Onboarding as H } from "./Onboarding/index.js";
+import { Pill as Q, HiddenContainer as j, Container as z, InnerContainer as F, NotificationRefreshing as G } from "./styles.js";
 import "../../../index-uEuzH3jr.js";
-import "../../gamification/copyNotification/index.js";
-import "../../icons/index.js";
-import "@linaria/react";
-import "../../gamification/copyNotification/styles.js";
 import "lodash.throttle";
 import "../../theme/constants.js";
 import "../../../index-keh7OLCY.js";
 import "@streamlayer/sdk-web-types";
 import "../../gamification/question/notification/insight/index.js";
 import "../../video-player/index.js";
+import "../../icons/index.js";
+import "@linaria/react";
 import "../../video-player/styles.js";
 import "../../gamification/question/notification/insight/styles.js";
 import "../../gamification/question/notification/styles.js";
 import "../../gamification/question/notification/tweet/index.js";
 import "../../questions/twitter/index.js";
 import "../../questions/twitter/account/index.js";
+import "../../../utils/common.js";
 import "../../questions/twitter/account/styles.js";
 import "../../questions/twitter/styles.js";
 import "../../gamification/question/notification/tweet/styles.js";
@@ -44,6 +43,9 @@ import "../../skeleton/styles.js";
 import "../../gamification/onboarding/slides/onboarding-instructions/index.js";
 import "../../gamification/onboarding/slides/onboarding-instructions/styles.js";
 import "../../gamification/onboarding/slides/onboarding-invite-card/index.js";
+import "../useClipboardCopy.js";
+import "../../gamification/copyNotification/index.js";
+import "../../gamification/copyNotification/styles.js";
 import "../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
 import "../../gamification/onboarding/slides/onboarding-rules/index.js";
 import "../../gamification/onboarding/slides/onboarding-rules/styles.js";
@@ -52,129 +54,129 @@ import "../../gamification/onboarding/slides/onboarding-terms/styles.js";
 import "../../gamification/onboarding/styles.js";
 import "../../button/index.js";
 import "../../button/styles.js";
+import "../../modal/index.js";
 import "./Onboarding/Notification/index.js";
 import "./Onboarding/Notification/styles.js";
 import "../../gamification/question/notification/pill/index.js";
 import "../../gamification/question/notification/pill/styles.js";
-const Q = (n) => {
-  const [t, m] = S(0), i = b(null), l = O((r) => {
-    i.current = r;
+const S = (s) => {
+  const [t, p] = w(0), i = x(null), m = R((o) => {
+    i.current = o;
   }, []);
   I(() => {
-    var e;
-    const r = (e = i.current) == null ? void 0 : e.getBoundingClientRect();
-    r && m(r.height);
-  }, [n]);
-  const c = O((r) => {
-    m(r);
+    var r;
+    const o = (r = i.current) == null ? void 0 : r.getBoundingClientRect();
+    o && p(o.height);
+  }, [s]);
+  const n = R((o) => {
+    p(o);
   }, []);
-  return [l, t, c];
-}, j = ({
-  sdk: n,
+  return [m, t, n];
+}, U = ({
+  sdk: s,
   notification: t,
-  appNode: m,
-  headerNode: i,
-  sdkInScrollView: l
+  appNode: p,
+  sdkInDesktopView: i
 }) => {
-  var u, p;
-  const [c, r, e] = Q(t.id);
-  if (t.type === g.QUESTION)
-    return /* @__PURE__ */ N(T, {
-      children: [/* @__PURE__ */ o(H, {
-        ref: c,
-        children: /* @__PURE__ */ o(R, {
-          ...t
-        })
-      }), /* @__PURE__ */ N(P, {
-        style: {
-          height: t.hiding ? 0 : r
-        },
-        hiding: t.hiding,
-        children: [/* @__PURE__ */ o(q, {
-          style: {
-            height: "100%"
-          },
-          children: /* @__PURE__ */ o(R, {
-            ...t
-          })
-        }), /* @__PURE__ */ o(A, {}, t.id)]
-      })]
-    });
-  if (t.type === g.QUESTION_RESOLVED && ((p = (u = t.data) == null ? void 0 : u.question) != null && p.predictionResult))
-    return /* @__PURE__ */ o(E, {
+  var r, c;
+  const [m, n, o] = S(t.id);
+  return t.type === d.QUESTION ? /* @__PURE__ */ k(b, {
+    children: [/* @__PURE__ */ e(j, {
+      ref: m,
+      children: /* @__PURE__ */ e(T, {
+        ...t
+      })
+    }), /* @__PURE__ */ k(z, {
       style: {
-        height: t.hiding ? 0 : r
+        height: t.hiding ? 0 : n
       },
-      saveHeight: e,
-      close: t.close,
       hiding: t.hiding,
-      ...t.data.question
-    });
-  if (t.type === g.ONBOARDING) {
-    const s = l ? m : i;
-    return /* @__PURE__ */ o(x, {
-      style: {
-        height: t.hiding ? 0 : r
-      },
-      saveHeight: e,
-      sdk: n,
-      notification: t,
-      renderToNode: s
-    });
-  }
-  return null;
-}, Kt = ({
-  sdk: n,
+      children: [/* @__PURE__ */ e(F, {
+        style: {
+          height: "100%"
+        },
+        children: /* @__PURE__ */ e(T, {
+          ...t
+        })
+      }), /* @__PURE__ */ e(G, {}, t.id)]
+    })]
+  }) : t.type === d.QUESTION_RESOLVED && ((c = (r = t.data) == null ? void 0 : r.question) != null && c.predictionResult) ? /* @__PURE__ */ e(B, {
+    style: {
+      height: t.hiding ? 0 : n
+    },
+    saveHeight: o,
+    close: t.close,
+    hiding: t.hiding,
+    ...t.data.question
+  }) : t.type === d.ONBOARDING ? /* @__PURE__ */ e(H, {
+    style: {
+      height: t.hiding ? 0 : n
+    },
+    saveHeight: o,
+    sdk: s,
+    notification: t,
+    sdkInDesktopView: i,
+    appNode: p
+  }) : null;
+}, Wt = ({
+  sdk: s,
   headerNode: t,
-  responsiveStore: m,
-  appNode: i,
-  scrollStore: l
+  scrollNode: p,
+  responsiveStore: i,
+  appNode: m,
+  scrollStore: n
 }) => {
-  const [c] = S(n.getNotificationsStore()), r = y(c), {
-    tabsShown: e
-  } = y(l, {
+  const [o] = w(s.getNotificationsStore()), r = a(o), {
+    tabsShown: c
+  } = a(n, {
     keys: ["tabsShown"]
   }), {
-    sdkInView: u,
-    sdkInScrollView: p
-  } = y(m, {
-    keys: ["sdkInView", "sdkInScrollView"]
-  }), [s, f] = S(null), h = k(() => {
+    sdkInView: y,
+    sdkInDesktopView: C
+  } = a(i, {
+    keys: ["sdkInView", "sdkInDesktopView"]
+  }), [u, h] = w(null), l = O(() => {
     if (!(r != null && r.size))
       return null;
-    for (const d of r.values())
-      if (d.type === g.ONBOARDING)
-        return d;
+    for (const f of r.values())
+      if (f.type === d.ONBOARDING)
+        return f;
     return r.values().next().value;
   }, [r]);
   I(() => {
-    h && m.get().sdkInView && f(h);
-  }, [h]), I(() => {
-    u || f(null);
-  }, [u]);
-  const V = k(() => {
-    var d, w;
-    const a = p ? i : t;
-    return s && a.current && v.createPortal(/* @__PURE__ */ o(B, {
-      title: `New ${((w = D[(d = s.data) == null ? void 0 : d.questionType]) == null ? void 0 : w.label) || "notification"}`,
+    l && (i.get().sdkInDesktopView || i.get().sdkInView) && (!i.get().sdkInDesktopView && i.get().sdkInView && h(l), i.get().sdkInDesktopView && window.requestAnimationFrame(() => {
+      n.get().scrollPosition !== 0 && h(l);
+    }));
+  }, [l]), I(() => {
+    y || h(null);
+  }, [y]);
+  const E = O(() => {
+    var D, V;
+    const g = i.get().sdkInDesktopView ? m : t;
+    return u && g.current && P.createPortal(/* @__PURE__ */ e(Q, {
+      title: `New ${((V = A[(D = u.data) == null ? void 0 : D.questionType]) == null ? void 0 : V.label) || "notification"}`,
       onClick: () => {
-        C(i, {
+        var N;
+        i.get().sdkInDesktopView ? (N = p.current) == null || N.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        }) : q(m, {
           behavior: "smooth"
-        }), f(null);
+        }), h(null);
       },
-      className: e ? "c1d7yse1" : void 0
-    }), a.current) || null;
-  }, [s, p, i, t, e]);
-  return /* @__PURE__ */ N(T, {
-    children: [!s && h && /* @__PURE__ */ o(j, {
-      sdkInScrollView: p,
+      className: c ? "c1d7yse1" : void 0
+    }), g.current) || null;
+  }, [u, m, t, p, c, i]);
+  return /* @__PURE__ */ k(b, {
+    children: [!u && l && /* @__PURE__ */ e(U, {
+      sdkInDesktopView: C,
       headerNode: t,
-      appNode: i,
-      sdk: n,
-      notification: h
-    }), V]
+      appNode: m,
+      sdk: s,
+      notification: l
+    }), E]
   });
 };
 export {
-  Kt as SDKNotifications
+  Wt as SDKNotifications
 };

package/lib/ui/app/masters.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { useRef as f, useEffect as N } from "react";
 import { resetCss as u } from "../theme/theme.js";
 import { ActiveFeature as A } from "./Features/index.js";
@@ -24,10 +24,8 @@ import "../navigation/index.js";
 import "../icons/index.js";
 import "../navigation/button/index.js";
 import "../navigation/button/styles.js";
-import "../../useClipboardCopy-E5rEe6It.js";
+import "../../index-jRXrW6ie.js";
 import "../../index-uEuzH3jr.js";
-import "../gamification/copyNotification/index.js";
-import "../gamification/copyNotification/styles.js";
 import "@streamlayer/sdk-web-notifications";
 import "../gamification/constants.js";
 import "../gamification/question/notification/index.js";
@@ -39,6 +37,7 @@ import "../gamification/question/notification/styles.js";
 import "../gamification/question/notification/tweet/index.js";
 import "../questions/twitter/index.js";
 import "../questions/twitter/account/index.js";
+import "../../utils/common.js";
 import "../questions/twitter/account/styles.js";
 import "../questions/twitter/styles.js";
 import "../gamification/question/notification/tweet/styles.js";
@@ -59,6 +58,9 @@ import "../skeleton/styles.js";
 import "../gamification/onboarding/slides/onboarding-instructions/index.js";
 import "../gamification/onboarding/slides/onboarding-instructions/styles.js";
 import "../gamification/onboarding/slides/onboarding-invite-card/index.js";
+import "./useClipboardCopy.js";
+import "../gamification/copyNotification/index.js";
+import "../gamification/copyNotification/styles.js";
 import "../gamification/onboarding/slides/onboarding-invite-card/styles.js";
 import "../gamification/onboarding/slides/onboarding-rules/index.js";
 import "../gamification/onboarding/slides/onboarding-rules/styles.js";
@@ -67,6 +69,7 @@ import "../gamification/onboarding/slides/onboarding-terms/styles.js";
 import "../gamification/onboarding/styles.js";
 import "../button/index.js";
 import "../button/styles.js";
+import "../modal/index.js";
 import "./Notifications/Onboarding/Notification/index.js";
 import "./Notifications/Onboarding/Notification/styles.js";
 import "./Notifications/styles.js";
@@ -74,66 +77,67 @@ import "../gamification/question/notification/pill/index.js";
 import "../gamification/question/notification/pill/styles.js";
 import "lodash.throttle";
 import "../../index-keh7OLCY.js";
-const M = ({ sdk: r, className: s, scrollStore: n, appNode: t, scrollNode: i, headerNode: m, responsiveStore: p }) => {
-  const [, a] = j(r);
-  return /* @__PURE__ */ o(
+const M = ({ sdk: o, className: s, scrollStore: a, appNode: t, scrollNode: m, headerNode: r, responsiveStore: p }) => {
+  const [, n] = j(o);
+  return /* @__PURE__ */ i(
     A,
     {
       className: s,
-      scrollNode: i,
+      scrollNode: m,
       appNode: t,
-      scrollStore: n,
-      feature: a,
-      headerNode: m,
+      scrollStore: a,
+      feature: n,
+      headerNode: r,
       responsiveStore: p,
-      sdk: r
+      sdk: o
     }
   );
-}, or = ({ sdk: r, overlays: s, children: n }) => {
-  const t = f(null), i = f(null), [m] = k(t), [p, a] = D(t, m), { sdkEnabled: d, sdkReady: l, activeOverlay: e, activateAndLoadOverlay: v, activateEventWithId: S, deactivate: h, isLogged: g } = F(r);
+}, po = ({ sdk: o, overlays: s, children: a }) => {
+  const t = f(null), m = f(null), [r] = k(t), [p, n] = D(t, r), { sdkEnabled: d, sdkReady: l, activeOverlay: e, activateAndLoadOverlay: v, activateEventWithId: S, deactivate: h, isLogged: g } = F(o);
   return N(() => {
     import("./Features/Gamification/gamification-feature.js");
   }, []), /* @__PURE__ */ c(x, { ref: t, children: [
-    d && /* @__PURE__ */ o(
+    d && /* @__PURE__ */ i(
       C,
       {
-        ref: i,
+        ref: m,
         sdkReady: l,
         activeOverlay: e,
         className: u,
-        setActiveOverlay: (y) => v("", y)
+        setActiveOverlay: (y) => v("", y),
+        responsiveStore: r
       }
     ),
-    /* @__PURE__ */ c(B, { ref: p, "data-nav": d.toString(), children: [
-      l && /* @__PURE__ */ o(
+    /* @__PURE__ */ c(B, { className: "sl-hide-on-modal", ref: p, "data-nav": d.toString(), children: [
+      l && /* @__PURE__ */ i(
         I,
         {
-          sdk: r,
+          sdk: o,
           scrollNode: p,
-          headerNode: i,
+          headerNode: m,
           appNode: t,
-          scrollStore: a,
-          responsiveStore: m
+          scrollStore: n,
+          responsiveStore: r
         }
       ),
-      /* @__PURE__ */ o("div", { style: !d || e === E ? {} : { display: "none" }, children: n && n({ activateEventWithId: S, deactivate: h }) }),
+      /* @__PURE__ */ i("div", { style: !d || e === E ? {} : { display: "none" }, children: a && a({ activateEventWithId: S, deactivate: h }) }),
       s && e === K && s[e],
-      l && e === L && /* @__PURE__ */ o(
+      l && e === L && /* @__PURE__ */ i(
         M,
         {
-          scrollStore: a,
-          responsiveStore: m,
+          scrollStore: n,
+          responsiveStore: r,
           scrollNode: p,
           appNode: t,
-          headerNode: i,
+          headerNode: m,
           className: u,
-          sdk: r
+          sdk: o
         }
       )
     ] }),
-    d && !g && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
+    d && !g && /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 };
 export {
-  or as MastersApp
+  po as MastersApp
 };

package/lib/ui/app/useClipboardCopy.js

@@ -1,11 +1,32 @@
-import "react/jsx-runtime";
-import "react";
-import { u } from "../../useClipboardCopy-E5rEe6It.js";
-import "../gamification/copyNotification/index.js";
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as p, useState as m, useCallback as l, useEffect as s } from "react";
+import { r as f } from "../../index-jRXrW6ie.js";
+import { CopyNotification as b } from "../gamification/copyNotification/index.js";
 import "../../index-uEuzH3jr.js";
 import "../icons/index.js";
 import "@linaria/react";
 import "../gamification/copyNotification/styles.js";
+const h = (r) => {
+  const t = p(), [c, o] = m(null), a = l(
+    async (i) => {
+      var e;
+      if (i && ((e = navigator == null ? void 0 : navigator.clipboard) != null && e.writeText)) {
+        t.current && (clearTimeout(t.current), o(null));
+        try {
+          await navigator.clipboard.writeText(i), r.current && (o(f.createPortal(/* @__PURE__ */ u(b, {}), r.current)), t.current = setTimeout(() => {
+            o(null);
+          }, 1e3));
+        } catch (n) {
+          console.error("Unable to copy to clipboard", n);
+        }
+      }
+    },
+    [r]
+  );
+  return s(() => () => {
+    clearTimeout(t.current);
+  }, []), [a, c];
+};
 export {
-  u as useClipboardCopy
+  h as useClipboardCopy
 };

package/lib/ui/app/useMastersApp.js

@@ -1,9 +1,9 @@
-import { useStore as l } from "@nanostores/react";
-import { useRef as h, useState as d, useCallback as F, useEffect as v } from "react";
-import { FeatureType as y } from "@streamlayer/sdk-web-types";
+import { useStore as d } from "@nanostores/react";
+import { useRef as y, useState as v, useCallback as I, useEffect as c } from "react";
+import { FeatureType as h } from "@streamlayer/sdk-web-types";
 import "./Navigation/MastersNavigation/index.js";
 import { FeaturedGroupsButtonId as n } from "../navigation/button/FeaturedGroups.js";
-import { ChannelsButtonId as c } from "../navigation/button/Channels.js";
+import { ChannelsButtonId as l } from "../navigation/button/Channels.js";
 import "react/jsx-runtime";
 import "../navigation/button/LeaderBoard.js";
 import "@linaria/react";
@@ -12,54 +12,61 @@ import "../navigation/button/index.js";
 import "../navigation/button/styles.js";
 import "../navigation/masters.js";
 import "../navigation/index.js";
-const W = (t) => {
-  const a = h(""), [m, f] = d(!1), A = l(t.status), r = l(t.userId()), i = A === "ready", [s, u] = d(n), p = F(
-    (e, o) => {
-      u(o), o === n ? (e && t.createEventSession(e), window.requestAnimationFrame(() => {
-        t.openFeature(y.GAMES);
-      })) : t.closeFeature(!1);
+import "../theme/constants.js";
+const W = (e) => {
+  const a = y(""), [m, f] = v(!1), A = d(e.status), i = d(e.userId()), r = A === "ready", [s, u] = v(n), p = I(
+    (t, o) => {
+      u(o), o === n ? (t && e.createEventSession(t), window.requestAnimationFrame(() => {
+        e.openFeature(h.GAMES);
+      })) : e.closeFeature(!1);
     },
-    [t]
+    [e]
   );
-  v(() => {
-    !i && s === n && (u(c), t.closeFeature(!0));
-  }, [i, s, t]);
-  const S = (e) => {
-    a.current = e, f(!0), t.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: o, err: b }) => {
-      if (b) {
-        p(e, c);
+  c(() => {
+    !r && s === n && (u(l), e.closeFeature(!0));
+  }, [r, s, e]);
+  const g = (t) => {
+    a.current = t, f(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: o, err: S }) => {
+      if (S) {
+        p(t, l);
         return;
       }
       if (o) {
-        t.isUserAuthorized().then((g) => {
-          if (g) {
-            p(e, n);
+        e.isUserAuthorized().then((E) => {
+          if (E) {
+            p(t, n);
             return;
           } else
-            t.disableApp();
+            e.disableApp();
         });
         return;
       }
     });
-  }, E = () => {
-    f(!1), t.disableApp();
+  }, b = () => {
+    f(!1), e.disableApp();
   };
-  return v(() => {
-    if (!r) {
-      i && (u(c), t.disableApp());
+  return c(() => {
+    if (!i) {
+      r && (u(l), e.disableApp());
       return;
     }
-    r && a.current && m && t.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
-      t.createEventSession(a.current);
-    });
-  }, [r]), {
+    if (i && a.current && m) {
+      e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
+        e.createEventSession(a.current);
+      });
+      return;
+    }
+  }, [i]), c(() => {
+    const t = e.getInviterId();
+    console.log("you invited by", t), t && e.status.get() === "disabled" && (console.log("deep link cb called"), e.deepLinkHandled());
+  }, [e]), {
     sdkEnabled: m,
-    sdkReady: i,
+    sdkReady: r,
     activeOverlay: s,
     activateAndLoadOverlay: p,
-    activateEventWithId: S,
-    deactivate: E,
-    isLogged: !!r
+    activateEventWithId: g,
+    deactivate: b,
+    isLogged: !!i
   };
 };
 export {

package/lib/ui/app/useSdkResponsive.d.ts

@@ -7,7 +7,7 @@ type ResponsiveData = {
         size: (typeof BREAKPOINTS)[BREAKPOINTS_KEYS];
     };
     sdkInView?: boolean;
-    sdkInScrollView?: boolean;
+    sdkInDesktopView?: boolean;
 };
 export type ResponsiveStore = MapStore<ResponsiveData>;
 export declare const useSdkResponsive: (appNode: AppNodeRef) => [ResponsiveStore];

package/lib/ui/app/useSdkResponsive.js

@@ -1,45 +1,45 @@
 import c from "lodash.throttle";
-import { useState as m, useEffect as k } from "react";
-import { BREAKPOINTS as s } from "../theme/constants.js";
-import { m as u } from "../../index-keh7OLCY.js";
+import { useState as m, useEffect as u } from "react";
+import { BREAKPOINTS as r } from "../theme/constants.js";
+import { m as p } from "../../index-keh7OLCY.js";
 import "../../index-uEuzH3jr.js";
-const d = Object.keys(s), i = () => {
-  const n = window.innerWidth;
+const d = Object.keys(r), i = () => {
+  const t = window.innerWidth;
   let e = "sm";
-  for (let t = d.length - 1; t > 0; t--) {
-    const r = d[t];
-    if (!(n < s[r]) && n >= s[r]) {
-      e = r;
+  for (let n = d.length - 1; n > 0; n--) {
+    const s = d[n];
+    if (!(t < r[s]) && t >= r[s]) {
+      e = s;
       break;
     }
   }
   return {
     name: e,
-    size: s[e]
+    size: r[e]
   };
-}, w = (n) => {
+}, w = (t) => {
   var e;
-  return (((e = n.current) == null ? void 0 : e.getBoundingClientRect().y) || 0) < -68;
-}, l = (n) => n >= s.xl, I = (n) => {
+  return (((e = t.current) == null ? void 0 : e.getBoundingClientRect().y) || 0) < -68;
+}, k = (t) => t >= r.xl, I = (t) => {
   const [e] = m(() => {
-    const t = i();
-    return u({
+    const n = i();
+    return p({
       screen: i(),
-      sdkInView: w(n),
-      sdkInScrollView: l(t.size)
+      sdkInView: w(t),
+      sdkInDesktopView: k(n.size)
     });
   });
-  return k(() => {
-    const t = c(() => {
-      e.setKey("sdkInView", w(n));
-    }, 200), r = c(() => {
+  return u(() => {
+    const n = c(() => {
+      e.setKey("sdkInView", w(t));
+    }, 200), s = c(() => {
       const o = i();
-      e.setKey("screen", o), e.setKey("sdkInScrollView", l(o.size));
+      e.setKey("screen", o), e.setKey("sdkInDesktopView", k(o.size));
     }, 200);
-    return window.addEventListener("scroll", t), window.addEventListener("resize", r), () => {
-      window.removeEventListener("scroll", t), window.removeEventListener("resize", r);
+    return window.addEventListener("scroll", n), window.addEventListener("resize", s), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", s);
     };
-  }, [e, n]), [e];
+  }, [e, t]), [e];
 };
 export {
   I as useSdkResponsive