@streamlayer/react 0.34.2 → 0.34.3

package/lib/dist/index.d.ts

@@ -1371,14 +1371,22 @@ declare module "../../feature-gamification/src/queries/deepLink" {
     import { DeepLink } from '@streamlayer/sl-eslib/sdkSettings/client/client_pb';
     type EventId = ReadableAtom<string | undefined>;
     export const $deepLink: (transport: Transport, params: [EventId]) => import("@nanostores/query").FetcherStore<DeepLink | undefined, any>;
+    export const generateShortLink: (transport: Transport, { web, mobile }: {
+        web: string;
+        mobile: string;
+    }) => Promise<import("@streamlayer/sl-eslib/shortLinks/client_pb").GenerateResponse>;
 }
 declare module "../../feature-gamification/src/deepLink" {
     import type { Transport } from '../../sdk-web-api/src/index.ts';
     import { ReadableAtom } from 'nanostores';
+    type DeepLinkData = {
+        data?: string;
+        loading?: boolean;
+        error?: string;
+    };
     export const deepLink: (transport: Transport, $eventId: ReadableAtom<string | undefined>, $userId: ReadableAtom<string | undefined>) => {
-        $store: import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").DeepLink | undefined, any>;
+        $store: import("nanostores").MapStore<DeepLinkData>;
         fetch: typeof fetch;
-        desktopLink: string;
     };
 }
 declare module "../../feature-gamification/src/gamification" {

package/lib/es/gamification-feature.js

@@ -1,7 +1,7 @@
-import { jsxs as a, jsx as s, Fragment as k } from "react/jsx-runtime";
+import { jsxs as a, jsx as s, Fragment as z } from "react/jsx-runtime";
 import { s as i, c as A } from "./index4.js";
 import { useStore as w } from "@nanostores/react";
-import { o as Ie, r as je, w as ke, u as me, O as ze, c as Ee, a as Z, n as Se, P as re, x as Oe } from "./masters2.js";
+import { o as Ie, r as je, w as ze, u as me, O as ke, c as Ee, a as Z, n as Se, P as re, x as Oe } from "./masters2.js";
 import { QuestionType as p, QuestionStatus as S, QuestionImages as Y, PickHistoryStatus as B } from "@streamlayer/sdk-web-types";
 import { useState as E, useCallback as V, useEffect as ee, useMemo as j, PureComponent as Ce, useTransition as be } from "react";
 import { d as X } from "./index3.js";
@@ -280,50 +280,50 @@ const $e = /* @__PURE__ */ i("div")({
   const N = t && (r === p.TRIVIA || r === p.PREDICTION) && d && u !== S.RESOLVED, D = r === p.PREDICTION && !o, O = M && r === p.PREDICTION && !t && !m || r === p.PREDICTION && I && d && m, v = N && D, C = N && o, y = r === p.PREDICTION && t && d && o, $ = t && r === p.POLL && d;
   if (!c && !l && !v && !C && !O && !$ && !y)
     return null;
-  const z = n ? "correct" : "incorrect", x = n ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
+  const k = n ? "correct" : "incorrect", x = n ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
   return /* @__PURE__ */ a(vs, { "data-isPrediction": D, children: [
-    c && /* @__PURE__ */ a(k, { children: [
+    c && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(U, { children: "Question Expired" }) }),
         /* @__PURE__ */ s(K, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
-    l && /* @__PURE__ */ a(k, { children: [
+    l && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(U, { children: "Question Closed" }) }),
         /* @__PURE__ */ s(K, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
       ] })
     ] }),
-    O && /* @__PURE__ */ a(k, { children: [
+    O && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(A, { name: "questionExpired" }) }),
       /* @__PURE__ */ a("div", { children: [
         /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(U, { children: "Question Closed" }) }),
         /* @__PURE__ */ s(K, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
       ] })
     ] }),
-    v && /* @__PURE__ */ a(k, { children: [
+    v && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(fs, { name: "icon-prediction" }),
       /* @__PURE__ */ s(U, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
-    $ && /* @__PURE__ */ a(k, { children: [
+    $ && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(P, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(A, { name: "correct" }) }),
       /* @__PURE__ */ s(U, { children: "That's for answering. Please stay tuned for the next question." })
     ] }),
-    (C || y) && /* @__PURE__ */ a(k, { children: [
-      /* @__PURE__ */ s(P, { "data-feedbackType": z, children: /* @__PURE__ */ s(A, { name: z }) }),
+    (C || y) && /* @__PURE__ */ a(z, { children: [
+      /* @__PURE__ */ s(P, { "data-feedbackType": k, children: /* @__PURE__ */ s(A, { name: k }) }),
       /* @__PURE__ */ s("div", { children: /* @__PURE__ */ a(F, { children: [
-        /* @__PURE__ */ s(xs, { "data-feedbackType": z, children: x == null ? void 0 : x.title }),
+        /* @__PURE__ */ s(xs, { "data-feedbackType": k, children: x == null ? void 0 : x.title }),
         /* @__PURE__ */ s(U, { children: x == null ? void 0 : x.description })
       ] }) })
     ] })
   ] });
-}, ks = /* @__PURE__ */ i("div")({
+}, zs = /* @__PURE__ */ i("div")({
   name: "Container",
   class: "c14ielyq",
   propsAsIs: !1
-}), zs = /* @__PURE__ */ i("div")({
+}), ks = /* @__PURE__ */ i("div")({
   name: "Content",
   class: "c1tlqx57",
   propsAsIs: !1
@@ -431,7 +431,7 @@ const $e = /* @__PURE__ */ i("div")({
     correct: C,
     hasCorrectAnswer: y,
     votedAfterQuestionClosed: $,
-    enteredAnActiveQuestion: z,
+    enteredAnActiveQuestion: k,
     marketClosed: x
   } = e, b = Ws(e), J = Fs({ questionType: v, questionVoted: m, correct: C, hasCorrectAnswer: y, questionStatus: D }), Q = x && v === p.PREDICTION, _ = m || Q, h = v === p.PREDICTION && !m && D !== S.RESOLVED;
   return /* @__PURE__ */ a(
@@ -440,7 +440,7 @@ const $e = /* @__PURE__ */ i("div")({
       value: t,
       "data-selected": I,
       "data-answer-state": b,
-      disabled: m || O || N || Q && !z || Q && z && $,
+      disabled: m || O || N || Q && !k || Q && k && $,
       "data-is-not-checked": m && !I && b !== "incorrect",
       onClick: (T) => {
         d(
@@ -534,7 +534,7 @@ const $e = /* @__PURE__ */ i("div")({
 }) => /* @__PURE__ */ a(sn, { style: { justifyContent: o === p.PREDICTION ? "center" : "space-between" }, children: [
   /* @__PURE__ */ a(nn, { children: [
     e && /* @__PURE__ */ s(tn, { children: e }),
-    n !== void 0 && o !== p.POLL && /* @__PURE__ */ a(k, { children: [
+    n !== void 0 && o !== p.POLL && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(rn, { name: "icon-trophy" }),
       /* @__PURE__ */ a(an, { children: [
         /* @__PURE__ */ s(cn, { children: /* @__PURE__ */ s(X, { value: n }) }),
@@ -545,7 +545,7 @@ const $e = /* @__PURE__ */ i("div")({
   r && o !== p.PREDICTION && /* @__PURE__ */ s(en, { isPlaying: t, onTimerExpired: c, duration: u })
 ] }), un = ({ openedQuestion: e, isLoading: n, vote: t, close: r }) => {
   var o, u;
-  const c = e.subject, l = e.type, d = e.status, I = (o = e.options) == null ? void 0 : o.options, m = e.marketClosed, [M, N] = E(!1), [D, O] = E(!1), [v, C] = E(!0), [y, $] = E(!1), [z, x] = E(""), b = e == null ? void 0 : e.id;
+  const c = e.subject, l = e.type, d = e.status, I = (o = e.options) == null ? void 0 : o.options, m = e.marketClosed, [M, N] = E(!1), [D, O] = E(!1), [v, C] = E(!0), [y, $] = E(!1), [k, x] = E(""), b = e == null ? void 0 : e.id;
   ee(() => {
     l === p.PREDICTION ? m && C(!1) : d === S.RESOLVED && C(!1);
   }, []);
@@ -575,7 +575,7 @@ const $e = /* @__PURE__ */ i("div")({
     return {
       ...g,
       questionVoted: !!h,
-      youSelected: z === g.id,
+      youSelected: k === g.id,
       isLoading: n,
       hasCorrectAnswer: T,
       questionType: e.type,
@@ -592,7 +592,7 @@ const $e = /* @__PURE__ */ i("div")({
     h,
     d,
     Q,
-    z
+    k
   ]), ve = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, R = d === S.RESOLVED && l === p.TRIVIA && !h && !v, ie = l === p.TRIVIA && D && M && v, oe = j(() => l === p.PREDICTION ? !!(h && !T || h && T && f != null && f.youVoted) : !0, [l, h, T, f]), ye = j(() => {
     if (l === p.PREDICTION && h && (!T || T && f != null && f.youVoted))
       return h.points;
@@ -607,7 +607,7 @@ const $e = /* @__PURE__ */ i("div")({
     l,
     T
   ]), fe = j(() => l === p.PREDICTION && h ? T ? T && f != null && f.youVoted ? "You won" : "" : "To win" : R || y ? "Time expired" : l === p.POLL ? "Time remaining" : h ? "You won" : "To win", [y, l, h, R, T, f]), xe = h || R || ie || l === p.TRIVIA && d === S.RESOLVED && v;
-  return /* @__PURE__ */ s(je, { "data-question-header": "true", children: /* @__PURE__ */ s(ks, { children: /* @__PURE__ */ a(zs, { children: [
+  return /* @__PURE__ */ s(je, { "data-question-header": "true", children: /* @__PURE__ */ s(zs, { children: /* @__PURE__ */ a(ks, { children: [
     /* @__PURE__ */ s(
       js,
       {
@@ -643,7 +643,7 @@ const $e = /* @__PURE__ */ i("div")({
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ a(k, { children: [
+    ) : /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(Es, { style: oe ? {} : { marginTop: 0 }, children: c }),
       /* @__PURE__ */ s(Ss, { children: Te.map((g) => /* @__PURE__ */ s(
         Gs,
@@ -707,7 +707,7 @@ const $e = /* @__PURE__ */ i("div")({
       " · ",
       c.time
     ] }),
-    (o == null ? void 0 : o.video) && /* @__PURE__ */ s(ke, { source: o.video.url, poster: o.video.thumbnailUrl }),
+    (o == null ? void 0 : o.video) && /* @__PURE__ */ s(ze, { source: o.video.url, poster: o.video.thumbnailUrl }),
     l && !(o != null && o.video) && /* @__PURE__ */ s(Nn, { src: l }),
     /* @__PURE__ */ a(In, { children: [
       /* @__PURE__ */ s(mn, { children: r ? t : o == null ? void 0 : o.heading }),
@@ -776,7 +776,7 @@ const $e = /* @__PURE__ */ i("div")({
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, kn = ({
+}, zn = ({
   extendedQuestion: e,
   vote: n,
   close: t
@@ -791,7 +791,7 @@ const $e = /* @__PURE__ */ i("div")({
     openedQuestion: o,
     isLoading: !!r
   }) : null;
-}, zn = ({
+}, kn = ({
   gamification: e
 }) => {
   var n;
@@ -803,7 +803,7 @@ const $e = /* @__PURE__ */ i("div")({
     children: [/* @__PURE__ */ s(Me, {
       close: e.closeQuestion,
       type: ((n = t.attributes) == null ? void 0 : n.type) || p.UNSET
-    }), o === "question" && /* @__PURE__ */ s(kn, {
+    }), o === "question" && /* @__PURE__ */ s(zn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: r
@@ -1045,11 +1045,11 @@ const Un = /* @__PURE__ */ i("div")({
     }, c.userId))
   })
 }), Jn = ({ deepLink: e }) => {
-  const { data: n } = w(e.$store), t = n == null ? void 0 : n.url, r = e.desktopLink;
+  const { data: n } = w(e.$store);
   return /* @__PURE__ */ s(
-    ze,
+    ke,
     {
-      inviteLink: t || r,
+      inviteLink: n,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1266,7 +1266,7 @@ const Un = /* @__PURE__ */ i("div")({
         children: /* @__PURE__ */ s(bn, { activePage: c, toggleActivePage: I })
       }
     ),
-    c === H.HOME && /* @__PURE__ */ a(k, { children: [
+    c === H.HOME && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ s(Z, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(yt, { userSummary: e.userSummary }) }),
       /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s(vt, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
@@ -1280,7 +1280,7 @@ const Un = /* @__PURE__ */ i("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), kt = ({
+}), zt = ({
   correct: e,
   incorrect: n
 }) => {
@@ -1294,10 +1294,10 @@ const Un = /* @__PURE__ */ i("div")({
   scrollNode: o
 }) => {
   const u = w(e.openedQuestion.$store), c = w(e.openedUser);
-  return /* @__PURE__ */ a(k, {
+  return /* @__PURE__ */ a(z, {
     children: [u && r.current && re.createPortal(/* @__PURE__ */ s(pe, {
       className: t,
-      children: /* @__PURE__ */ s(zn, {
+      children: /* @__PURE__ */ s(kn, {
         gamification: e
       })
     }), r.current), c && r.current && re.createPortal(/* @__PURE__ */ s(pe, {
@@ -1309,7 +1309,7 @@ const Un = /* @__PURE__ */ i("div")({
         }), /* @__PURE__ */ s(Z, {
           children: /* @__PURE__ */ s(Ae, {
             ...c,
-            successRate: kt(c)
+            successRate: zt(c)
           })
         })]
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.34.2",
+  "version": "0.34.3",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,14 +54,14 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.31.0",
+    "@streamlayer/feature-gamification": "^0.32.0",
+    "@streamlayer/sdk-web-api": "^0.0.1",
     "@streamlayer/sdk-web": "^0.29.5",
-    "@streamlayer/sdk-web-api": "^0.1.0",
-    "@streamlayer/sdk-web-core": "^0.1.0",
-    "@streamlayer/sdk-web-features": "^0.11.4",
+    "@streamlayer/sdk-web-core": "^0.0.1",
+    "@streamlayer/sdk-web-features": "^0.11.5",
+    "@streamlayer/sdk-web-interfaces": "^0.18.21",
     "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-interfaces": "^0.18.20",
-    "@streamlayer/sdk-web-notifications": "^0.0.4",
+    "@streamlayer/sdk-web-notifications": "^0.0.5",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.1.0"
   },
@@ -119,7 +119,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.86.1"
+    "@streamlayer/react-ui": "^0.87.0"
   },
   "scripts": {
     "size-limit": "size-limit"