@streamlayer/react 1.23.0 → 1.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "1.23.0",
+  "version": "1.23.2",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
     {
@@ -31,6 +31,11 @@
       "require": "./lib/classic/cjs/points.js",
       "types": "./lib/classic/app/points.d.ts"
     },
+    "./classic/polymarket": {
+      "module": "./lib/classic/es/polymarket.js",
+      "require": "./lib/classic/cjs/polymarket.js",
+      "types": "./lib/classic/app/polymarket.d.ts"
+    },
     "./classic/advertisement": {
       "module": "./lib/classic/es/advertisement.js",
       "require": "./lib/classic/cjs/advertisement.js",
@@ -76,6 +81,11 @@
       "require": "./lib/cjs/points.js",
       "types": "./lib/app/points.d.ts"
     },
+    "./polymarket": {
+      "module": "./lib/es/polymarket.js",
+      "require": "./lib/cjs/polymarket.js",
+      "types": "./lib/app/polymarket.d.ts"
+    },
     "./advertisement": {
       "module": "./lib/es/advertisement.js",
       "require": "./lib/cjs/advertisement.js",
@@ -98,7 +108,11 @@
     },
     "./style.css": {
       "import": "./lib/style.css",
-      "require": "./lib/style.css"
+      "require": "./lib/cjs/style.css"
+    },
+    "./classic/style.css": {
+      "import": "./lib/classic/style.css",
+      "require": "./lib/classic/cjs/style.css"
     }
   },
   "files": [
@@ -135,37 +149,36 @@
     "@bufbuild/protobuf": "^2.2.2",
     "@streamlayer/sl-eslib": "^5.228.0",
     "@connectrpc/connect": "^2.0.0",
+    "nanostores": "^1.1.0",
+    "@nanostores/query": "^0.3.4",
+    "uuid": "^11.1.0",
     "@connectrpc/connect-web": "^2.0.0",
-    "@streamlayer/feature-gamification": "^1.24.0",
-    "@streamlayer/react-polyfills": "^0.2.0",
-    "@streamlayer/sdk-web": "^1.17.0",
-    "@streamlayer/sdk-web-analytics": "^1.15.0",
-    "@streamlayer/sdk-web-api": "^1.15.0",
-    "@streamlayer/sdk-web-core": "^1.19.0",
-    "@streamlayer/sdk-web-features": "^1.0.94",
-    "@streamlayer/sdk-web-interfaces": "^1.9.0",
-    "@streamlayer/sdk-web-logger": "^1.0.94",
-    "@streamlayer/sdk-web-notifications": "^1.3.56",
-    "@streamlayer/sdk-web-storage": "^1.0.94",
-    "@streamlayer/sdk-web-types": "^1.16.9",
-    "@streamlayer/react-ui": "^1.34.0"
+    "@streamlayer/feature-gamification": "^1.24.7",
+    "@streamlayer/react-polyfills": "^0.2.7",
+    "@streamlayer/sdk-web-analytics": "^1.15.7",
+    "@streamlayer/sdk-web": "^1.17.7",
+    "@streamlayer/sdk-web-api": "^1.15.7",
+    "@streamlayer/sdk-web-core": "^1.20.4",
+    "@streamlayer/sdk-web-interfaces": "^1.9.7",
+    "@streamlayer/sdk-web-logger": "^1.0.101",
+    "@streamlayer/sdk-web-features": "^1.0.101",
+    "@streamlayer/sdk-web-notifications": "^1.3.63",
+    "@streamlayer/sdk-web-storage": "^1.0.101",
+    "@streamlayer/sdk-web-types": "^1.16.16",
+    "@streamlayer/react-ui": "^1.35.4"
   },
   "peerDependencies": {
     "@fastify/deepmerge": "^2.0.0",
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@nanostores/query": "^0.3.4",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
-    "nanostores": "^1.1.0",
-    "pino": "^9.4.0",
     "react": "18.3.1",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
     "react-countup": "^6.5.3",
     "react-dom": "18.3.1",
     "react-infinite-scroller": "^1.2.6",
-    "react-phone-number-input": "^3.4.8",
-    "uuid": "^11.1.0"
+    "react-phone-number-input": "^3.4.8"
   },
   "scripts": {
     "size-limit": "size-limit"

package/lib/cjs/hooks-B0Qttldg.js

@@ -1 +0,0 @@
-"use strict";const n=require("react"),E=require("react/jsx-runtime"),w=require("./useStreamLayerApp2.js"),f=({event:e,internal:r})=>{const o=m(),s=L();return n.useEffect(()=>(o&&(e&&(o.createEventSession(e,r),s&&(s.current=e)),!e&&s!=null&&s.current&&(o.createEventSession("",r),s.current="")),()=>{o&&o.disableApp()}),[e,r,s,o]),null};var h=(e=>(e[e.UNSET=0]="UNSET",e[e.CONNECTED=1]="CONNECTED",e[e.READY=2]="READY",e))(h||{});const x={status:0,sdk:null},i=n.createContext(x),N=({sdkKey:e,theme:r,themeMode:o,plugins:s,children:u,event:p,production:y=!0,autoEnable:C=!0,withAdNotification:S,withAd:A=!0,betPack:a=!1,hideFriends:D,skipOnboarding:c,friendsTab:v="enabled",onDeepLinkHandled:l,videoPlayerController:d,onContentActivate:K,containerId:b,webOS:P})=>{const t=w.$({sdkKey:e,plugins:s,production:y,autoEnable:C,onDeepLinkHandled:l,videoPlayerController:d,onContentActivate:K,hideFriends:D,skipOnboarding:c,withAdNotification:S,withAd:A,friendsTab:v,betPack:a,webOS:P}),k=n.useRef(""),g=n.useMemo(()=>t?{sdk:t,status:2,event:k}:{status:1,sdk:null,event:k},[t]);return n.useEffect(()=>{t&&(t.options.setKey("friendsTab",v),t.options.setKey("theme",r),t.options.setKey("themeMode",o),t.options.setKey("skipOnboarding",c),t.options.setKey("betPack",a),t.options.setKey("containerId",b))},[t,v,r,o,c,a,b]),n.useEffect(()=>()=>{l&&(t==null||t.removeDeepLinkHandler(l)),d&&(t==null||t.removeVideoPlayerController(d))},[t]),n.useEffect(()=>{localStorage.getItem("SL_DEBUG")&&console.log("StreamLayerProvider mounted with props:",{sdkKey:!!e,onDeepLinkHandled:!!l,videoPlayerController:!!d})},[e,l,d]),E.jsxs(i.Provider,{value:g,children:[p!==void 0&&E.jsx(f,{event:p}),u]})},m=()=>{const{sdk:e}=n.useContext(i);return e},L=()=>{const{event:e}=n.useContext(i);return e},O=()=>{const{sdk:e}=n.useContext(i),[r,o]=n.useState({});return n.useEffect(()=>{var s;return e!=null&&e.options?(s=e==null?void 0:e.options)==null?void 0:s.subscribe(u=>{o({theme:u.theme,themeMode:u.themeMode})}):()=>{}},[e==null?void 0:e.options]),r},T=()=>{const{sdk:e}=n.useContext(i),[r,o]=n.useState({});return n.useEffect(()=>e!=null&&e.uiState?e==null?void 0:e.uiState.subscribe(s=>{o({...s})}):()=>{},[e==null?void 0:e.uiState]),r};exports.B=m;exports.F=T;exports.Y=h;exports.c=i;exports.j=f;exports.q=N;exports.z=O;

package/lib/classic/cjs/hooks-B0Qttldg.js

@@ -1 +0,0 @@
-"use strict";const n=require("react"),E=require("react/jsx-runtime"),w=require("./useStreamLayerApp2.js"),f=({event:e,internal:r})=>{const o=m(),s=L();return n.useEffect(()=>(o&&(e&&(o.createEventSession(e,r),s&&(s.current=e)),!e&&s!=null&&s.current&&(o.createEventSession("",r),s.current="")),()=>{o&&o.disableApp()}),[e,r,s,o]),null};var h=(e=>(e[e.UNSET=0]="UNSET",e[e.CONNECTED=1]="CONNECTED",e[e.READY=2]="READY",e))(h||{});const x={status:0,sdk:null},i=n.createContext(x),N=({sdkKey:e,theme:r,themeMode:o,plugins:s,children:u,event:p,production:y=!0,autoEnable:C=!0,withAdNotification:S,withAd:A=!0,betPack:a=!1,hideFriends:D,skipOnboarding:c,friendsTab:v="enabled",onDeepLinkHandled:l,videoPlayerController:d,onContentActivate:K,containerId:b,webOS:P})=>{const t=w.$({sdkKey:e,plugins:s,production:y,autoEnable:C,onDeepLinkHandled:l,videoPlayerController:d,onContentActivate:K,hideFriends:D,skipOnboarding:c,withAdNotification:S,withAd:A,friendsTab:v,betPack:a,webOS:P}),k=n.useRef(""),g=n.useMemo(()=>t?{sdk:t,status:2,event:k}:{status:1,sdk:null,event:k},[t]);return n.useEffect(()=>{t&&(t.options.setKey("friendsTab",v),t.options.setKey("theme",r),t.options.setKey("themeMode",o),t.options.setKey("skipOnboarding",c),t.options.setKey("betPack",a),t.options.setKey("containerId",b))},[t,v,r,o,c,a,b]),n.useEffect(()=>()=>{l&&(t==null||t.removeDeepLinkHandler(l)),d&&(t==null||t.removeVideoPlayerController(d))},[t]),n.useEffect(()=>{localStorage.getItem("SL_DEBUG")&&console.log("StreamLayerProvider mounted with props:",{sdkKey:!!e,onDeepLinkHandled:!!l,videoPlayerController:!!d})},[e,l,d]),E.jsxs(i.Provider,{value:g,children:[p!==void 0&&E.jsx(f,{event:p}),u]})},m=()=>{const{sdk:e}=n.useContext(i);return e},L=()=>{const{event:e}=n.useContext(i);return e},O=()=>{const{sdk:e}=n.useContext(i),[r,o]=n.useState({});return n.useEffect(()=>{var s;return e!=null&&e.options?(s=e==null?void 0:e.options)==null?void 0:s.subscribe(u=>{o({theme:u.theme,themeMode:u.themeMode})}):()=>{}},[e==null?void 0:e.options]),r},T=()=>{const{sdk:e}=n.useContext(i),[r,o]=n.useState({});return n.useEffect(()=>e!=null&&e.uiState?e==null?void 0:e.uiState.subscribe(s=>{o({...s})}):()=>{},[e==null?void 0:e.uiState]),r};exports.B=m;exports.F=T;exports.Y=h;exports.c=i;exports.j=f;exports.q=N;exports.z=O;

package/lib/classic/es/hooks-B0Qttldg.js

@@ -1,98 +0,0 @@
-import { createContext as P, useEffect as s, useRef as g, useMemo as w, useContext as u, useState as h } from "react";
-import { jsxs as N, jsx as O } from "react/jsx-runtime";
-import { $ as T } from "./useStreamLayerApp2.js";
-const L = ({
-  event: e,
-  internal: r
-}) => {
-  const n = H(), o = j();
-  return s(() => (n && (e && (n.createEventSession(e, r), o && (o.current = e)), !e && o != null && o.current && (n.createEventSession("", r), o.current = "")), () => {
-    n && n.disableApp();
-  }), [e, r, o, n]), null;
-};
-var x = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] = "CONNECTED", e[e.READY = 2] = "READY", e))(x || {});
-const M = {
-  status: 0,
-  sdk: null
-}, d = P(M), U = ({
-  sdkKey: e,
-  theme: r,
-  themeMode: n,
-  plugins: o,
-  children: a,
-  event: m,
-  production: y = !0,
-  autoEnable: E = !0,
-  withAdNotification: C,
-  withAd: S = !0,
-  betPack: c = !1,
-  hideFriends: f,
-  skipOnboarding: p,
-  friendsTab: v = "enabled",
-  onDeepLinkHandled: i,
-  videoPlayerController: l,
-  onContentActivate: A,
-  containerId: b,
-  webOS: D
-}) => {
-  const t = T({
-    sdkKey: e,
-    plugins: o,
-    production: y,
-    autoEnable: E,
-    onDeepLinkHandled: i,
-    videoPlayerController: l,
-    onContentActivate: A,
-    hideFriends: f,
-    skipOnboarding: p,
-    withAdNotification: C,
-    withAd: S,
-    friendsTab: v,
-    betPack: c,
-    webOS: D
-  }), k = g(""), K = w(() => t ? { sdk: t, status: 2, event: k } : { status: 1, sdk: null, event: k }, [t]);
-  return s(() => {
-    t && (t.options.setKey("friendsTab", v), t.options.setKey("theme", r), t.options.setKey("themeMode", n), t.options.setKey("skipOnboarding", p), t.options.setKey("betPack", c), t.options.setKey("containerId", b));
-  }, [t, v, r, n, p, c, b]), s(() => () => {
-    i && (t == null || t.removeDeepLinkHandler(i)), l && (t == null || t.removeVideoPlayerController(l));
-  }, [t]), s(() => {
-    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
-      sdkKey: !!e,
-      onDeepLinkHandled: !!i,
-      videoPlayerController: !!l
-    });
-  }, [e, i, l]), /* @__PURE__ */ N(d.Provider, { value: K, children: [
-    m !== void 0 && /* @__PURE__ */ O(L, { event: m }),
-    a
-  ] });
-}, H = () => {
-  const { sdk: e } = u(d);
-  return e;
-}, j = () => {
-  const { event: e } = u(d);
-  return e;
-}, Y = () => {
-  const { sdk: e } = u(d), [r, n] = h({});
-  return s(() => {
-    var o;
-    return e != null && e.options ? (o = e == null ? void 0 : e.options) == null ? void 0 : o.subscribe((a) => {
-      n({ theme: a.theme, themeMode: a.themeMode });
-    }) : () => {
-    };
-  }, [e == null ? void 0 : e.options]), r;
-}, B = () => {
-  const { sdk: e } = u(d), [r, n] = h({});
-  return s(() => e != null && e.uiState ? e == null ? void 0 : e.uiState.subscribe((o) => {
-    n({ ...o });
-  }) : () => {
-  }, [e == null ? void 0 : e.uiState]), r;
-};
-export {
-  H as B,
-  B as F,
-  x as Y,
-  d as c,
-  L as j,
-  U as q,
-  Y as z
-};

package/lib/es/hooks-B0Qttldg.js

@@ -1,98 +0,0 @@
-import { createContext as P, useEffect as s, useRef as g, useMemo as w, useContext as u, useState as h } from "react";
-import { jsxs as N, jsx as O } from "react/jsx-runtime";
-import { $ as T } from "./useStreamLayerApp2.js";
-const L = ({
-  event: e,
-  internal: r
-}) => {
-  const n = H(), o = j();
-  return s(() => (n && (e && (n.createEventSession(e, r), o && (o.current = e)), !e && o != null && o.current && (n.createEventSession("", r), o.current = "")), () => {
-    n && n.disableApp();
-  }), [e, r, o, n]), null;
-};
-var x = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] = "CONNECTED", e[e.READY = 2] = "READY", e))(x || {});
-const M = {
-  status: 0,
-  sdk: null
-}, d = P(M), U = ({
-  sdkKey: e,
-  theme: r,
-  themeMode: n,
-  plugins: o,
-  children: a,
-  event: m,
-  production: y = !0,
-  autoEnable: E = !0,
-  withAdNotification: C,
-  withAd: S = !0,
-  betPack: c = !1,
-  hideFriends: f,
-  skipOnboarding: p,
-  friendsTab: v = "enabled",
-  onDeepLinkHandled: i,
-  videoPlayerController: l,
-  onContentActivate: A,
-  containerId: b,
-  webOS: D
-}) => {
-  const t = T({
-    sdkKey: e,
-    plugins: o,
-    production: y,
-    autoEnable: E,
-    onDeepLinkHandled: i,
-    videoPlayerController: l,
-    onContentActivate: A,
-    hideFriends: f,
-    skipOnboarding: p,
-    withAdNotification: C,
-    withAd: S,
-    friendsTab: v,
-    betPack: c,
-    webOS: D
-  }), k = g(""), K = w(() => t ? { sdk: t, status: 2, event: k } : { status: 1, sdk: null, event: k }, [t]);
-  return s(() => {
-    t && (t.options.setKey("friendsTab", v), t.options.setKey("theme", r), t.options.setKey("themeMode", n), t.options.setKey("skipOnboarding", p), t.options.setKey("betPack", c), t.options.setKey("containerId", b));
-  }, [t, v, r, n, p, c, b]), s(() => () => {
-    i && (t == null || t.removeDeepLinkHandler(i)), l && (t == null || t.removeVideoPlayerController(l));
-  }, [t]), s(() => {
-    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
-      sdkKey: !!e,
-      onDeepLinkHandled: !!i,
-      videoPlayerController: !!l
-    });
-  }, [e, i, l]), /* @__PURE__ */ N(d.Provider, { value: K, children: [
-    m !== void 0 && /* @__PURE__ */ O(L, { event: m }),
-    a
-  ] });
-}, H = () => {
-  const { sdk: e } = u(d);
-  return e;
-}, j = () => {
-  const { event: e } = u(d);
-  return e;
-}, Y = () => {
-  const { sdk: e } = u(d), [r, n] = h({});
-  return s(() => {
-    var o;
-    return e != null && e.options ? (o = e == null ? void 0 : e.options) == null ? void 0 : o.subscribe((a) => {
-      n({ theme: a.theme, themeMode: a.themeMode });
-    }) : () => {
-    };
-  }, [e == null ? void 0 : e.options]), r;
-}, B = () => {
-  const { sdk: e } = u(d), [r, n] = h({});
-  return s(() => e != null && e.uiState ? e == null ? void 0 : e.uiState.subscribe((o) => {
-    n({ ...o });
-  }) : () => {
-  }, [e == null ? void 0 : e.uiState]), r;
-};
-export {
-  H as B,
-  B as F,
-  x as Y,
-  d as c,
-  L as j,
-  U as q,
-  Y as z
-};