@streamlayer/feature-gamification 0.40.0 → 0.41.0

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("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem> & {
+    $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> & {
         openedFrom?: "list" | "notification" | undefined;
     }) | undefined>;
-    $extendedStore: import("@nanostores/query").FetcherStore<import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
+    $extendedStore: import("@nanostores/query").FetcherStore<import("@streamlayer/sdk-web-types").PickHistory<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
     updateExtendedQuestion: (question: ExtendedQuestion | undefined) => void;
 };

package/lib/gamification.js

@@ -110,7 +110,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 +306,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 +324,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 +345,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 +385,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/leaderboard.js

@@ -39,7 +39,7 @@ export const leaderboard = (transport, $eventId, $userId, $friends, options) =>
             $store.set({
                 data: newData.data.map((item, i) => ({
                     ...item.attributes,
-                    rank: i + 1,
+                    friendsRank: i + 1,
                 })),
                 hasMore: false,
                 key: Date.now(),

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("@bufbuild/protobuf").PlainMessage<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("@streamlayer/sdk-web-types").PickHistory<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.0",
+  "version": "0.41.0",
   "peerDependencies": {
-    "@bufbuild/protobuf": "^1.7.2",
+    "@bufbuild/protobuf": "^1.8.0",
     "@fastify/deepmerge": "^1.3.0",
-    "@streamlayer/sl-eslib": "^5.83.1",
+    "@streamlayer/sl-eslib": "^5.85.0",
     "nanostores": "^0.10.0",
-    "@streamlayer/sdk-web-api": "^0.24.2",
-    "@streamlayer/sdk-web-core": "^0.22.2",
-    "@streamlayer/sdk-web-interfaces": "^0.21.0",
-    "@streamlayer/sdk-web-logger": "^0.5.18",
-    "@streamlayer/sdk-web-notifications": "^0.15.1",
-    "@streamlayer/sdk-web-storage": "^0.4.5",
-    "@streamlayer/sdk-web-types": "^0.23.0"
+    "@streamlayer/sdk-web-api": "^0.25.0",
+    "@streamlayer/sdk-web-core": "^0.23.0",
+    "@streamlayer/sdk-web-logger": "^0.5.20",
+    "@streamlayer/sdk-web-interfaces": "^0.22.0",
+    "@streamlayer/sdk-web-notifications": "^0.16.0",
+    "@streamlayer/sdk-web-storage": "^0.4.7",
+    "@streamlayer/sdk-web-types": "^0.23.2"
   },
   "devDependencies": {
     "tslib": "^2.6.2"