@streamlayer/feature-gamification 1.9.1 → 1.10.0

package/lib/advertisement/index.d.ts

@@ -12,8 +12,10 @@ export type Advertisement = {
     hiding?: boolean;
     isViewed?: boolean;
     isOpened?: boolean;
+    isPaused?: boolean;
     hasNotification?: boolean;
     close?: () => void;
+    togglePause?: (flag: boolean) => void;
     error?: string;
     ctx?: Record<string, unknown>;
 };

package/lib/advertisement/index.js

@@ -93,6 +93,7 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
                 data: response,
                 hasNotification: response?.notification?.enabled === NotificationEnabled.NOTIFICATION_ENABLED,
                 close: () => hide(response?.question.id),
+                togglePause: (status) => pause(response?.question.id, status),
                 isViewed: response && !!storage.isViewed(response.question.id),
             }))
                 .catch((error) => $store.set({
@@ -108,11 +109,16 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
                 data,
                 hasNotification: data?.notification?.enabled === NotificationEnabled.NOTIFICATION_ENABLED,
                 close: () => hide(data.question.id),
+                togglePause: (status) => pause(data.question.id, status),
                 isViewed: !!storage.isViewed(data.question.id),
             });
         }
     };
     $store.subscribe((active, prevActive) => {
+        // skip update on pause
+        if (active.data?.id === prevActive?.data?.id && active.isPaused !== prevActive?.isPaused) {
+            return;
+        }
         if (active.data?.promotion?.type === PromotionType.EXTERNAL_AD && !active?.externalAd) {
             if (active.data.promotion.adCampaigns?.gamOptions && active.data.promotion.adCampaigns?.gamBaseUrl) {
                 const gamUrl = processGamAdvertisement(active.data.promotion.adCampaigns);
@@ -149,6 +155,11 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
             $store.set({});
         }
     };
+    const pause = (notificationId, status) => {
+        if ($store.get()?.data?.question.id === notificationId) {
+            $store.setKey('isPaused', status);
+        }
+    };
     const connect = () => {
         if (connected) {
             return;

package/lib/gamification.d.ts

@@ -50,6 +50,7 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     openedQuestionId: GamificationBackground['openedQuestionId'];
     advertisement: GamificationBackground['advertisement'];
     onboardingProcessed: WritableAtom<boolean>;
+    friendsTabEnabled: WritableAtom<boolean>;
     private notifications;
     private transport;
     /** gamification background class, handle subscriptions and notifications for closed overlay */

package/lib/gamification.js

@@ -51,6 +51,7 @@ export class Gamification extends AbstractFeature {
     openedQuestionId;
     advertisement;
     onboardingProcessed;
+    friendsTabEnabled;
     notifications;
     transport;
     /** gamification background class, handle subscriptions and notifications for closed overlay */
@@ -103,6 +104,20 @@ export class Gamification extends AbstractFeature {
             }
         }));
         this.background.activeQuestionId.listen(this.showInApp);
+        this.friendsTabEnabled = createSingleStore(false);
+        this.cancels.add(instance.sdk.options.subscribe((data) => {
+            if (data.friendsTab === 'disabled') {
+                this.friendsTabEnabled.set(false);
+            }
+            else if (data.friendsTab === 'enabled') {
+                this.friendsTabEnabled.set(true);
+            }
+        }));
+        this.cancels.add(this.settings.subscribe((settings) => {
+            if (instance.sdk.options.get().friendsTab === 'activatedGame') {
+                this.friendsTabEnabled.set(!!settings.inplayGame?.titleCard?.optIn);
+            }
+        }));
         instance.sdk.onMount({ name: 'gamification', clear: true }, () => {
             return () => {
                 for (const cancel of this.cancels) {
@@ -470,12 +485,11 @@ export class Gamification extends AbstractFeature {
         const onboardingStatus = this.onboardingStatus.$store.get();
         if (question && question.data && onboardingStatus && onboardingStatus !== OnboardingStatus.Unset) {
             if (question.data.question?.id !== undefined &&
-                question.data.question.notification !== undefined &&
                 question.data.question?.bypassNotifications?.inAppSilence !== SilenceSetting.ON &&
                 question.data.question.status === QuestionStatus.ACTIVE &&
                 !question.data.question.marketClosed) {
                 if (InteractiveQuestionTypes.has(question.data.question.type)) {
-                    if (this.isInteractiveAllowed) {
+                    if (this.isInteractiveAllowed && question.data.question.notification !== undefined) {
                         this.notifications.add({
                             type: NotificationType.QUESTION,
                             action: () => this.openQuestion(question.data?.question?.id, question.data?.feedItem),
@@ -498,9 +512,11 @@ export class Gamification extends AbstractFeature {
                 }
                 else if (question.data.question.type === QuestionType.FACTOID) {
                     const optionsValue = question.data.question.options?.options.value;
+                    const heading = question.data.question.notification?.title || question.data.question.subject || '';
+                    const body = question.data.question.notification?.body || optionsValue.body;
                     const instantView = {
-                        heading: question.data.question.notification.title,
-                        body: question.data.question.notification.body,
+                        heading,
+                        body,
                         imageMode: optionsValue?.imageMode,
                         image: optionsValue?.image,
                         video: {
@@ -527,7 +543,8 @@ export class Gamification extends AbstractFeature {
                         },
                     });
                 }
-                else if (question.data.question.type === QuestionType.TWEET) {
+                else if (question.data.question.type === QuestionType.TWEET &&
+                    question.data.question.notification !== undefined) {
                     const optionsValue = question.data.question.options?.options.value;
                     const tweetView = {
                         title: question.data.question.notification?.title,

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.10.0",
     "@fastify/deepmerge": "^2.0.0",
     "@streamlayer/sl-eslib": "^5.130.0",
     "nanostores": "^0.10.3",
-    "@streamlayer/sdk-web-api": "^1.6.7",
-    "@streamlayer/sdk-web-core": "^1.6.6",
-    "@streamlayer/sdk-web-interfaces": "^1.2.7",
-    "@streamlayer/sdk-web-logger": "^1.0.28",
-    "@streamlayer/sdk-web-notifications": "^1.2.7",
-    "@streamlayer/sdk-web-storage": "^1.0.28",
-    "@streamlayer/sdk-web-types": "^1.8.1"
+    "@streamlayer/sdk-web-api": "^1.6.9",
+    "@streamlayer/sdk-web-core": "^1.7.1",
+    "@streamlayer/sdk-web-interfaces": "^1.2.9",
+    "@streamlayer/sdk-web-logger": "^1.0.30",
+    "@streamlayer/sdk-web-notifications": "^1.2.9",
+    "@streamlayer/sdk-web-storage": "^1.0.30",
+    "@streamlayer/sdk-web-types": "^1.8.3"
   },
   "devDependencies": {
     "tslib": "^2.7.0"