@streamlayer/feature-gamification 0.20.0 → 0.21.1

package/lib/detail.js

@@ -1,6 +1,24 @@
 import { createMapStore } from '@streamlayer/sdk-web-interfaces';
+import { deepmerge } from '@fastify/deepmerge';
 import { computed } from 'nanostores';
 import { getQuestionByUser } from './queries';
+const mergeArray = (options) => (target, source) => {
+    let i = 0;
+    const tl = target.length;
+    const sl = source.length;
+    const il = Math.max(tl, sl);
+    const result = new Array(il);
+    for (i = 0; i < il; ++i) {
+        if (i < sl) {
+            result[i] = options.deepmerge(target[i], source[i]);
+        }
+        else {
+            result[i] = options.clone(target[i]);
+        }
+    }
+    return result;
+};
+const mergeQuestion = deepmerge({ mergeArray });
 export const detail = (transport, $openedQuestionId, $feedList) => {
     const $store = computed([$openedQuestionId, $feedList], (openedQuestion, feedList) => {
         if (openedQuestion) {
@@ -27,7 +45,22 @@ export const detail = (transport, $openedQuestionId, $feedList) => {
         $extendedStore.set({ data: undefined, loading: false });
     });
     const updateExtendedQuestion = (question) => {
-        $extendedStore.set({ data: question });
+        const currentQuestion = $extendedStore.get().data;
+        if (currentQuestion) {
+            /**
+             * We do not merge youVoted property, because it
+             * can be overwritten by the subscription response,
+             * which does not include user-specific data.
+             */
+            for (const answer of question?.answers || []) {
+                if (answer.youVoted !== true) {
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-ignore
+                    delete answer.youVoted;
+                }
+            }
+        }
+        $extendedStore.set({ data: mergeQuestion(currentQuestion, question) });
     };
     return { $store, $extendedStore, updateExtendedQuestion };
 };

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 { LeaderboardItem } from './queries/leaderboard';
 import { GamificationBackground } from './';
 /**
  * Required: in-app should be displayed and questions not available
@@ -44,6 +45,8 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     onboardingStatus: WritableAtom<OnboardingStatus | undefined>;
     /** opened question */
     openedQuestion: GamificationBackground['openedQuestion'];
+    /** pinned leaderboard id */
+    openedUser: WritableAtom<LeaderboardItem | undefined>;
     private notifications;
     private transport;
     private closeFeature;
@@ -66,4 +69,6 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     skipQuestion: (questionId: string) => Promise<void>;
     openQuestion: (questionId: string) => void;
     closeQuestion: (questionId?: string) => void;
+    openUser: (userId: string) => void;
+    closeUser: () => void;
 }

package/lib/gamification.js

@@ -46,6 +46,8 @@ export class Gamification extends AbstractFeature {
     onboardingStatus;
     /** opened question */
     openedQuestion;
+    /** pinned leaderboard id */
+    openedUser;
     notifications;
     transport;
     closeFeature;
@@ -60,6 +62,7 @@ export class Gamification extends AbstractFeature {
         this.storage = new GamificationStorage();
         this.userSummary = new ApiStore(queries.$userSummary(this.background.slStreamId, this.background.userId, instance.transport), 'gamification:userSummary');
         this.feedList = this.background.feedList;
+        this.openedUser = createSingleStore(undefined);
         this.leaderboardId = new SingleStore(createSingleStore(this.settings.getValue('pinnedLeaderboardId')), 'pinnedLeaderboardId').getStore();
         this.onboardingStatus = new SingleStore(createSingleStore(OnboardingStatus.Unset), 'onboardingStatus').getStore();
         this.notifications = instance.notifications;
@@ -256,4 +259,11 @@ export class Gamification extends AbstractFeature {
     closeQuestion = (questionId) => {
         return this.background.closeQuestion(questionId);
     };
+    openUser = (userId) => {
+        const user = this.leaderboardList.$store.get().data?.find((item) => item.userId === userId);
+        this.openedUser.set(user);
+    };
+    closeUser = () => {
+        this.openedUser.set(undefined);
+    };
 }

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "0.20.0",
+  "version": "0.21.1",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
     "@streamlayer/sl-eslib": "^5.53.5",
+    "@fastify/deepmerge": "*",
     "nanostores": "^0.9.5",
-    "@streamlayer/sdk-web-interfaces": "^0.18.10",
-    "@streamlayer/sdk-web-core": "^0.17.3",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-types": "^0.18.0",
-    "@streamlayer/sdk-web-storage": "^0.3.10",
-    "@streamlayer/sdk-web-logger": "^0.5.10",
-    "@streamlayer/sdk-web-notifications": "^0.10.9"
+    "@streamlayer/sdk-web-core": "^0.17.4",
+    "@streamlayer/sdk-web-interfaces": "^0.18.11",
+    "@streamlayer/sdk-web-logger": "^0.0.1",
+    "@streamlayer/sdk-web-notifications": "^0.10.10",
+    "@streamlayer/sdk-web-storage": "^0.0.1",
+    "@streamlayer/sdk-web-types": "^0.18.1"
   },
   "devDependencies": {
     "tslib": "^2.6.2"