@streamlayer/feature-gamification 1.9.2 → 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.js

@@ -485,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),
@@ -513,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: {
@@ -542,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.2",
+  "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.8",
-    "@streamlayer/sdk-web-core": "^1.7.0",
-    "@streamlayer/sdk-web-interfaces": "^1.2.8",
-    "@streamlayer/sdk-web-logger": "^1.0.29",
-    "@streamlayer/sdk-web-notifications": "^1.2.8",
-    "@streamlayer/sdk-web-storage": "^1.0.29",
-    "@streamlayer/sdk-web-types": "^1.8.2"
+    "@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"