@streamlayer/feature-gamification 0.23.1 → 0.25.0

package/lib/deepLink.d.ts

@@ -0,0 +1,6 @@
+import type { Transport } from '@streamlayer/sdk-web-api';
+import { ReadableAtom } from 'nanostores';
+export declare const deepLink: (transport: Transport, $eventId: ReadableAtom<string | undefined>) => {
+    $store: import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").DeepLink | undefined, any>;
+    fetch: typeof fetch;
+};

package/lib/deepLink.js

@@ -0,0 +1,5 @@
+import { $deepLink } from './queries/deepLink';
+export const deepLink = (transport, $eventId) => {
+    const $store = $deepLink(transport, [$eventId]);
+    return { $store, fetch };
+};

package/lib/gamification.d.ts

@@ -6,6 +6,7 @@ import type { PlainMessage } from '@bufbuild/protobuf';
 import { WritableAtom } from 'nanostores';
 import * as queries from './queries';
 import { leaderboard } from './leaderboard';
+import { deepLink } from './deepLink';
 import { OnboardingStatus } from './onboarding';
 import { LeaderboardItem } from './queries/leaderboard';
 import { GamificationBackground } from './';
@@ -27,6 +28,7 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     leaderboardId: WritableAtom<string | undefined>;
     /** leaderboard list */
     leaderboardList: ReturnType<typeof leaderboard>;
+    deepLink: ReturnType<typeof deepLink>;
     /** onboarding status */
     onboardingStatus: {
         $store: WritableAtom<OnboardingStatus | undefined>;

package/lib/gamification.js

@@ -6,6 +6,7 @@ import * as queries from './queries';
 import * as actions from './queries/actions';
 import { GamificationStorage } from './storage';
 import { leaderboard } from './leaderboard';
+import { deepLink } from './deepLink';
 import { onboarding } from './onboarding';
 import { gamificationBackground } from './';
 const GamificationQuestionTypes = new Set([QuestionType.POLL, QuestionType.PREDICTION, QuestionType.TRIVIA]);
@@ -27,6 +28,7 @@ export class Gamification extends AbstractFeature {
     leaderboardId;
     /** leaderboard list */
     leaderboardList;
+    deepLink;
     /** onboarding status */
     onboardingStatus;
     /** opened question */
@@ -55,6 +57,7 @@ export class Gamification extends AbstractFeature {
         this.closeFeature = instance.sdk.closeFeature;
         this.openFeature = () => instance.sdk.openFeature(FeatureType.GAMES);
         this.openedQuestion = this.background.openedQuestion;
+        this.deepLink = deepLink(this.transport, this.background.slStreamId);
         this.leaderboardList = leaderboard(this.transport, this.background.slStreamId);
         this.status.subscribe((status) => {
             if (status === FeatureStatus.Ready) {
@@ -89,14 +92,15 @@ export class Gamification extends AbstractFeature {
                         });
                     }
                     else if (question.data.question.type === QuestionType.FACTOID) {
+                        const optionsValue = question.data.question.options?.options.value;
                         const instantView = {
-                            heading: '',
-                            body: '',
-                            image: '',
+                            heading: question.data.question.notification.title,
+                            body: question.data.question.notification.body,
+                            image: question.data.question.notification.image,
                             video: {
-                                id: '',
-                                url: '',
-                                thumbnailUrl: '',
+                                id: optionsValue?.video?.id || '',
+                                url: optionsValue?.video?.url || '',
+                                thumbnailUrl: optionsValue?.video?.thumbnailUrl || '',
                             },
                             webLink: {
                                 label: '',
@@ -136,11 +140,12 @@ export class Gamification extends AbstractFeature {
                     });
                     const question = await queries.getQuestionByUser(id, transport);
                     const correctAnswer = question?.answers.find(({ correct }) => correct);
+                    const votedAnswer = question?.answers.find(({ youVoted }) => youVoted);
                     this.notifications.add({
                         type: NotificationType.QUESTION_RESOLVED,
                         action: () => this.openQuestion(id),
                         close: () => this.closeQuestion(id),
-                        autoHideDuration: 5000,
+                        autoHideDuration: 35000,
                         id: notificationId,
                         data: {
                             questionType: QuestionType.PREDICTION,
@@ -148,6 +153,13 @@ export class Gamification extends AbstractFeature {
                                 title: correctAnswer?.youVoted
                                     ? `Congratulations! You answered correctly! You won ${correctAnswer.points} pts!`
                                     : `Better luck next time! Correct: ${correctAnswer?.text}!`,
+                                votedAnswer: {
+                                    title: votedAnswer?.text,
+                                    points: votedAnswer?.points,
+                                },
+                                correctAnswerTitle: correctAnswer?.text,
+                                correct: correctAnswer?.youVoted,
+                                predictionResult: status === QuestionStatus.RESOLVED,
                             },
                         },
                     });

package/lib/queries/deepLink.d.ts

@@ -0,0 +1,6 @@
+import type { Transport } from '@streamlayer/sdk-web-api';
+import { ReadableAtom } from 'nanostores';
+import { DeepLink } from '@streamlayer/sl-eslib/sdkSettings/client/client_pb';
+type EventId = ReadableAtom<string | undefined>;
+export declare const $deepLink: (transport: Transport, params: [EventId]) => import("@nanostores/query").FetcherStore<DeepLink | undefined, any>;
+export {};

package/lib/queries/deepLink.js

@@ -0,0 +1,16 @@
+import { Client } from '@streamlayer/sl-eslib/sdkSettings/client/client_connect';
+export const $deepLink = (transport, params) => {
+    const { client, queryKey } = transport.createPromiseClient(Client, {
+        method: 'generateDeepLink',
+        params,
+    });
+    return transport.nanoquery.createFetcherStore(queryKey, {
+        fetcher: async (_, __, eventId) => {
+            if (!eventId) {
+                return {};
+            }
+            const res = await client.generateDeepLink({ data: { eventId: eventId } });
+            return res.data?.attributes;
+        },
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "0.23.1",
+  "version": "0.25.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
     "@streamlayer/sl-eslib": "^5.53.6",