@streamlayer/feature-gamification 1.3.3 → 1.4.0

package/lib/advertisement/index.d.ts

@@ -1,6 +1,5 @@
-import { createMapStore } from '@streamlayer/sdk-web-interfaces';
+import { createMapStore, StreamLayerContext } from '@streamlayer/sdk-web-interfaces';
 import { PromotionOptions } from '@streamlayer/sdk-web-types';
-import { type Transport } from '@streamlayer/sdk-web-api';
 import { type GamificationBackground } from '../background';
 import { getPromotionDetail } from '../queries';
 type AdvertisementData = {
@@ -30,7 +29,7 @@ export type Advertisement = {
  * - we subscribe to $feedList, and show last advertisement from list
  * - we subscribe to $feedSubscription, and show advertisement on activate
  */
-export declare const advertisement: ($slStreamId: GamificationBackground["slStreamId"], $feedSubscription: GamificationBackground["feedSubscription"], transport: Transport) => {
+export declare const advertisement: ($slStreamId: GamificationBackground["slStreamId"], $feedSubscription: GamificationBackground["feedSubscription"], instance: StreamLayerContext) => {
     hide: (notificationId: string) => void;
     show: (advertisementId: string, data?: Awaited<ReturnType<typeof getPromotionDetail>>) => void;
     $list: import("nanostores").WritableAtom<Map<string, Advertisement> | undefined>;

package/lib/advertisement/index.js

@@ -17,7 +17,8 @@ import { AdvertisementsQueue } from './queue';
  * - we subscribe to $feedList, and show last advertisement from list
  * - we subscribe to $feedSubscription, and show advertisement on activate
  */
-export const advertisement = ($slStreamId, $feedSubscription, transport) => {
+export const advertisement = ($slStreamId, $feedSubscription, instance) => {
+    const transport = instance.transport;
     const logger = createLogger('advertisement_queue');
     const queue = new AdvertisementsQueue({ concurrency: 1, animationDelay: 1000 });
     const storage = new AdvertisementStorage();
@@ -65,6 +66,10 @@ export const advertisement = ($slStreamId, $feedSubscription, transport) => {
     const hide = (notificationId) => {
         queue.closeAdvertisement(notificationId);
         markAsViewed(notificationId);
+        instance.sdk.onAdvertisementActivate({
+            stage: 'deactivate',
+            id: notificationId,
+        });
     };
     const getActiveAdvertisement = (persistent) => {
         const advertisements = queue.advertisementList.get();
@@ -89,6 +94,49 @@ export const advertisement = ($slStreamId, $feedSubscription, transport) => {
         });
         return advertisement;
     };
+    $advertisementList.subscribe((list) => {
+        if (list.data) {
+            const last = list.data[list.data.length - 1];
+            if (last) {
+                instance.sdk.onAdvertisementActivate({
+                    stage: 'activate',
+                    id: last.id,
+                    isShowed: !!storage.isShowed(last.id),
+                });
+            }
+        }
+    });
+    $feedSubscription.addListener('promotion cb', (response) => {
+        const feedItem = response.data?.attributes?.feedItem?.attributes?.attributes?.case === 'promotion'
+            ? response.data.attributes.feedItem.attributes
+            : undefined;
+        const promotionItem = response.data?.attributes?.question?.options?.options.case === 'promotion'
+            ? response.data.attributes.question.options.options.value
+            : undefined;
+        if (feedItem === undefined || promotionItem === undefined) {
+            logger.debug('not promotion');
+            return;
+        }
+        if (feedItem.status === QuestionStatus.RESOLVED) {
+            instance.sdk.onAdvertisementActivate({
+                stage: 'deactivate',
+                id: feedItem.id,
+            });
+            logger.debug({ feedItem }, 'resolved: %o');
+            return;
+        }
+        if (feedItem.status === QuestionStatus.ACTIVE) {
+            logger.debug({ feedItem }, 'active: %o');
+            instance.sdk.onAdvertisementActivate({
+                stage: 'activate',
+                id: feedItem.id,
+                isShowed: !!storage.isShowed(feedItem.id),
+            });
+            return;
+        }
+        logger.debug({ feedItem }, 'skip: %o');
+        return;
+    });
     onMount(queue.advertisementList, () => {
         $advertisementList.subscribe((list) => {
             if (list.data) {

package/lib/background.js

@@ -120,7 +120,7 @@ export class GamificationBackground {
                 }
             };
         });
-        this.advertisement = advertisement(this.slStreamId, this.feedSubscription, instance.transport);
+        this.advertisement = advertisement(this.slStreamId, this.feedSubscription, instance);
     }
     /**
      * Get id for notifications and link with current session

package/lib/gamification.d.ts

@@ -66,6 +66,7 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     openQuestion: (questionId?: string, question?: FeedItem & {
         openedFrom?: "list" | "notification";
     }) => void | (() => void);
+    getFeedItem: (id: string) => Promise<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | undefined>;
     isOpenedQuestion: (questionId: string) => string | undefined;
     closeQuestion: (questionId?: string) => void;
     openUser: (friendId: string) => Promise<void>;

package/lib/gamification.js

@@ -397,6 +397,9 @@ export class Gamification extends AbstractFeature {
         });
         return this.background.openQuestion(questionId, question);
     };
+    getFeedItem = (id) => {
+        return queries.getFeedItem(id, this.transport);
+    };
     isOpenedQuestion = (questionId) => {
         return this.notifications.isViewed(questionId);
     };

package/lib/queries/index.d.ts

@@ -4,6 +4,7 @@ import { ReadableAtom } from 'nanostores';
 import type { SubscriptionRequest, SubscriptionResponse, VotingSubscriptionRequest, VotingSubscriptionResponse, QuestionSubscriptionRequest, QuestionSubscriptionResponse } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
 import { InteractiveAllowed } from '../background';
 export declare const $activeQuestion: (slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedQuestion | undefined, any>;
+export declare const getFeedItem: (questionId: string, transport: Transport) => Promise<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | undefined>;
 export declare const feedSubscription: ($slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("packages/sdk-web-api/lib/grpc/subscription").ServerStreamSubscription<import("@bufbuild/protobuf").ServiceType, import("@bufbuild/protobuf").Message<import("@bufbuild/protobuf").AnyMessage>, import("@bufbuild/protobuf").Message<import("@bufbuild/protobuf").AnyMessage>, never, never> | import("packages/sdk-web-api/lib/grpc/subscription").ServerStreamSubscription<{
     readonly typeName: "streamlayer.interactive.feed.Feed";
     readonly methods: {
@@ -103,6 +104,12 @@ export declare const feedSubscription: ($slStreamId: ReadableAtom<string | undef
             readonly O: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListResponse;
             readonly kind: import("@bufbuild/protobuf").MethodKind.Unary;
         };
+        readonly item: {
+            readonly name: "Item";
+            readonly I: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemRequest;
+            readonly O: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemResponse;
+            readonly kind: import("@bufbuild/protobuf").MethodKind.Unary;
+        };
         readonly feedSubscription: {
             readonly name: "FeedSubscription";
             readonly I: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionRequest;
@@ -213,6 +220,12 @@ export declare const votingSubscription: (params: {
             readonly O: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListResponse;
             readonly kind: import("@bufbuild/protobuf").MethodKind.Unary;
         };
+        readonly item: {
+            readonly name: "Item";
+            readonly I: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemRequest;
+            readonly O: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemResponse;
+            readonly kind: import("@bufbuild/protobuf").MethodKind.Unary;
+        };
         readonly feedSubscription: {
             readonly name: "FeedSubscription";
             readonly I: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionRequest;
@@ -320,6 +333,12 @@ export declare const questionSubscription: (questionId: string, transport: Trans
             readonly O: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListResponse;
             readonly kind: import("@bufbuild/protobuf").MethodKind.Unary;
         };
+        readonly item: {
+            readonly name: "Item";
+            readonly I: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemRequest;
+            readonly O: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemResponse;
+            readonly kind: import("@bufbuild/protobuf").MethodKind.Unary;
+        };
         readonly feedSubscription: {
             readonly name: "FeedSubscription";
             readonly I: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionRequest;

package/lib/queries/index.js

@@ -20,6 +20,13 @@ export const $activeQuestion = (slStreamId, transport) => {
         refetchInterval: 0,
     });
 };
+export const getFeedItem = async (questionId, transport) => {
+    const { client } = transport.createPromiseClient(Feed, { method: 'item', params: [questionId] });
+    const res = await client.item({
+        id: questionId,
+    });
+    return res.data;
+};
 export const feedSubscription = ($slStreamId, transport) => {
     const { client } = transport.createStreamClient(Feed);
     const params = atom({ eventId: $slStreamId.get() || '', feedId: '' });

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.10.0",
     "@fastify/deepmerge": "^2.0.0",
-    "@streamlayer/sl-eslib": "^5.117.0",
+    "@streamlayer/sl-eslib": "^5.122.0",
     "nanostores": "^0.10.3",
-    "@streamlayer/sdk-web-api": "^1.2.3",
-    "@streamlayer/sdk-web-core": "^1.1.3",
-    "@streamlayer/sdk-web-logger": "^1.0.8",
-    "@streamlayer/sdk-web-interfaces": "^1.1.3",
-    "@streamlayer/sdk-web-notifications": "^1.1.3",
-    "@streamlayer/sdk-web-storage": "^1.0.8",
-    "@streamlayer/sdk-web-types": "^1.2.3"
+    "@streamlayer/sdk-web-api": "^1.3.0",
+    "@streamlayer/sdk-web-core": "^1.2.0",
+    "@streamlayer/sdk-web-interfaces": "^1.1.4",
+    "@streamlayer/sdk-web-logger": "^1.0.9",
+    "@streamlayer/sdk-web-notifications": "^1.1.4",
+    "@streamlayer/sdk-web-storage": "^1.0.9",
+    "@streamlayer/sdk-web-types": "^1.3.0"
   },
   "devDependencies": {
     "tslib": "^2.7.0"