@streamlayer/feature-gamification 0.24.0 → 0.26.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) {
@@ -116,6 +119,33 @@ export class Gamification extends AbstractFeature {
                             },
                         });
                     }
+                    else if (question.data.question.type === QuestionType.TWEET) {
+                        const optionsValue = question.data.question.options?.options.value;
+                        const tweetView = {
+                            title: question.data.question.notification.title,
+                            body: question.data.question.notification.body,
+                            image: question.data.question.notification.image,
+                            account: {
+                                // ToDo: add later
+                                image: '',
+                                name: optionsValue?.tweetMeta?.account || '',
+                                // ToDo: add later
+                                userName: '',
+                                verified: !!optionsValue?.tweetMeta?.accountVerified,
+                            },
+                        };
+                        this.notifications.add({
+                            type: NotificationType.QUESTION,
+                            action: () => question.data?.question && this.openQuestion(question.data.question.id),
+                            close: () => question.data?.question && this.closeQuestion(question.data.question.id),
+                            autoHideDuration: 1000 * +(question.data.question?.appearance?.autoHideInterval || '5'),
+                            id: this.background.getCurrentSessionId({ prefix: 'notification', entity: question.data.question.id }),
+                            data: {
+                                questionType: question.data.question.type,
+                                tweet: tweetView,
+                            },
+                        });
+                    }
                 }
             }
         });
@@ -137,11 +167,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,
@@ -149,6 +180,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.24.0",
+  "version": "0.26.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
     "@streamlayer/sl-eslib": "^5.53.6",
@@ -10,7 +10,7 @@
     "@streamlayer/sdk-web-core": "^0.17.8",
     "@streamlayer/sdk-web-interfaces": "^0.18.15",
     "@streamlayer/sdk-web-logger": "^0.0.4",
-    "@streamlayer/sdk-web-notifications": "^0.12.1",
+    "@streamlayer/sdk-web-notifications": "^0.13.0",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.20.1"
   },