@streamlayer/feature-gamification 0.40.1 → 0.41.1

package/lib/background.js

@@ -109,7 +109,7 @@ export class GamificationBackground {
                 this.activeQuestionId.invalidate();
             });
         }));
-        instance.sdk.onMount(() => {
+        instance.sdk.onMount({ name: 'gamification-background' }, () => {
             return () => {
                 this.activeQuestionId.off();
                 for (const cancel of this.cancels) {

package/lib/detail.d.ts

@@ -8,9 +8,9 @@ export declare const detail: (transport: Transport, $openedQuestionId: ReadableA
         openedFrom?: 'list' | 'notification';
     };
 } | undefined>, $feedList: ReturnType<GamificationBackground['feedList']['getStore']>) => {
-    $store: ReadableAtom<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | (import("@streamlayer/sdk-web-types").PickHistory<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem> & {
+    $store: ReadableAtom<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | (import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem> & {
         openedFrom?: "list" | "notification" | undefined;
     }) | undefined>;
-    $extendedStore: import("@nanostores/query").FetcherStore<import("@streamlayer/sdk-web-types").PickHistory<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
+    $extendedStore: import("@nanostores/query").FetcherStore<import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
     updateExtendedQuestion: (question: ExtendedQuestion | undefined) => void;
 };

package/lib/gamification.js

@@ -85,21 +85,6 @@ export class Gamification extends AbstractFeature {
                 this.leaderboardList.invalidate(); // verified, it's necessary
             }
         }));
-        this.cancels.add(this.leaderboardList.$store.subscribe((leaderboard) => {
-            const userSummary = { ...(this.userSummary.$store.get() || {}) };
-            const userId = userSummary?.summary?.userId;
-            if (leaderboard.data.length && userId) {
-                const userRank = leaderboard.data.find((item) => item.userId === userId)?.rank;
-                if (userRank !== undefined) {
-                    if (userSummary?.summary) {
-                        userSummary.fromLeaderboard = true;
-                        userSummary.summary.friendsRank = userRank;
-                        // @ts-ignore
-                        this.userSummary.$store.set(userSummary);
-                    }
-                }
-            }
-        }));
         /**
          * listen for active question and show in-app notification
          */
@@ -110,7 +95,7 @@ export class Gamification extends AbstractFeature {
         this.cancels.add(this.onboardingStatus.$store.listen(this.checkInteractiveFlag));
         this.cancels.add(this.background.moderation.getStore().listen(this.checkInteractiveFlag));
         this.cancels.add(this.settings.subscribe(this.checkInteractiveFlag));
-        instance.sdk.onMount(() => {
+        instance.sdk.onMount({ name: 'gamification', clear: true }, () => {
             return () => {
                 for (const cancel of this.cancels) {
                     cancel();
@@ -306,6 +291,8 @@ export class Gamification extends AbstractFeature {
     };
     submitAnswer = async (questionId, answerId) => {
         const data = $questionByUser(questionId, this.transport);
+        const cancel = data.subscribe(() => { });
+        const extendedQuestionBeforeVote = { ...(data.get().data || {}) };
         const updateQuestionAndFieldList = () => {
             const feedList = this.feedList.getValues().data;
             if (!feedList) {
@@ -322,13 +309,13 @@ export class Gamification extends AbstractFeature {
                         questionType: question.questionType,
                     },
                 });
-                const cancel = data.subscribe(() => { });
                 const extendedQuestion = data.get().data;
                 cancel();
                 if (extendedQuestion) {
                     const correctAnswer = extendedQuestion.answers.find((answer) => answer.correct === true);
                     const votedAnswerIdx = extendedQuestion.answers.findIndex((answer) => answer.id === answerId);
                     const votedAnswer = extendedQuestion.answers[votedAnswerIdx];
+                    const percentsEqual = extendedQuestion.answers.every(({ percentageDecimal }, index) => percentageDecimal === extendedQuestionBeforeVote?.answers[index].percentageDecimal);
                     // @ts-ignore
                     feedList[questionIndex].attributes.attributes.value.answerId = answerId;
                     // @ts-ignore
@@ -343,9 +330,11 @@ export class Gamification extends AbstractFeature {
                     this.feedList.getStore().mutate([...feedList]);
                     extendedQuestion.answers[votedAnswerIdx].correct = correctAnswer?.id === answerId;
                     extendedQuestion.answers[votedAnswerIdx].youVoted = true;
-                    extendedQuestion.answers.forEach((answer) => {
-                        answer.percentageDecimal = 0;
-                    });
+                    if (percentsEqual) {
+                        extendedQuestion.answers.forEach((answer) => {
+                            answer.percentageDecimal = 0;
+                        });
+                    }
                     if (correctAnswer?.id === answerId) {
                         extendedQuestion.answers[votedAnswerIdx].pointsEarned =
                             extendedQuestion.status === QuestionStatus.RESOLVED ? 0 : correctAnswer.points;
@@ -381,7 +370,9 @@ export class Gamification extends AbstractFeature {
         this.notifications.close(this.background.getCurrentSessionId({
             prefix: 'notification',
             entity: questionId,
-        }));
+        }), {
+            animateHiding: false,
+        });
         let questionType = question?.attributes?.type;
         if (!questionType) {
             const feedList = this.feedList.getStore().value?.data || [];

package/lib/onboarding.js

@@ -90,7 +90,7 @@ const onboardingProcess = ($store, background, service, notifications, storage,
                 $store.set(OnboardingStatus.Disabled);
             }
             // close previous onboarding notification, f.e moderation was disabled onboarding
-            notifications.close(background.getCurrentSessionId({ prefix: 'onboarding' }), false);
+            notifications.close(background.getCurrentSessionId({ prefix: 'onboarding' }), { markAsViewed: false });
         }
     }
     catch (error) {

package/lib/queries/index.d.ts

@@ -329,7 +329,7 @@ export declare const questionSubscription: (questionId: string, transport: Trans
 }, QuestionSubscriptionRequest, QuestionSubscriptionResponse, "subscription" | "votingSubscription" | "questionSubscription" | "feedSubscription", ((request: import("@bufbuild/protobuf").PartialMessage<SubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<SubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<VotingSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<VotingSubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<QuestionSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<QuestionSubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionResponse>)>;
 export declare const getQuestionByUser: (questionId: string, transport: Transport) => Promise<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion | undefined>;
 export declare const getQuestionDetail: (questionId: string, transport: Transport) => Promise<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").Question | undefined>;
-export declare const $questionByUser: ($questionId: ReadableAtom<string | undefined> | string, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sdk-web-types").PickHistory<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
+export declare const $questionByUser: ($questionId: ReadableAtom<string | undefined> | string, transport: Transport) => import("@nanostores/query").FetcherStore<import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
 export declare const $pickHistory: (slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<(import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PickHistory | undefined)[], any>;
 export declare const $feedList: ($slStreamId: ReadableAtom<string | undefined>, $interactiveAllowed: ReadableAtom<InteractiveAllowed>, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem[], any>;
 export { $userSummary, $leaderboardList } from './leaderboard';

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "0.40.1",
+  "version": "0.41.1",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.8.0",
     "@fastify/deepmerge": "^1.3.0",
-    "@streamlayer/sl-eslib": "^5.84.0",
+    "@streamlayer/sl-eslib": "^5.85.0",
     "nanostores": "^0.10.0",
-    "@streamlayer/sdk-web-api": "^0.24.3",
-    "@streamlayer/sdk-web-core": "^0.22.3",
-    "@streamlayer/sdk-web-interfaces": "^0.21.1",
-    "@streamlayer/sdk-web-logger": "^0.5.19",
-    "@streamlayer/sdk-web-notifications": "^0.15.2",
-    "@streamlayer/sdk-web-storage": "^0.4.6",
-    "@streamlayer/sdk-web-types": "^0.23.1"
+    "@streamlayer/sdk-web-api": "^0.25.1",
+    "@streamlayer/sdk-web-core": "^0.23.1",
+    "@streamlayer/sdk-web-interfaces": "^0.22.1",
+    "@streamlayer/sdk-web-logger": "^0.5.21",
+    "@streamlayer/sdk-web-notifications": "^0.16.1",
+    "@streamlayer/sdk-web-storage": "^0.4.8",
+    "@streamlayer/sdk-web-types": "^0.23.3"
   },
   "devDependencies": {
     "tslib": "^2.6.2"