@streamlayer/feature-gamification 1.15.1 → 1.16.0

package/lib/advertisement/externalAd/index.d.ts

@@ -1,15 +1,3 @@
 import { AdCampaigns } from '@streamlayer/sdk-web-types';
 export declare const processGamAdvertisement: ({ gamOptions, gamBaseUrl }: AdCampaigns) => string;
-type GamHandlers = {
-    onPlay?: () => void;
-    onStop?: () => void;
-    onProgress?: (opts: {
-        adBreakDuration: number;
-        adPosition: number;
-        currentTime: number;
-        duration: number;
-        totalAds: number;
-    }) => void;
-};
-export declare const gam: (adContainer: HTMLDivElement, url: string, { onPlay, onStop, onProgress }: GamHandlers) => () => () => void;
-export {};
+export declare const gam: (adContainer: HTMLDivElement, url: string) => () => Promise<URL | undefined>;

package/lib/advertisement/externalAd/index.js

@@ -1,3 +1,4 @@
+import { validate as uuidValidate, v5 as uuid5, v4 as uuid4 } from 'uuid';
 const encodeUrl = (urlStr) => {
     const isUrl = urlStr.startsWith('http://') || urlStr.startsWith('https://');
     if (!isUrl) {
@@ -42,65 +43,54 @@ export const processGamAdvertisement = ({ gamOptions, gamBaseUrl }) => {
     }
     return url + params.join('&');
 };
-export const gam = (adContainer, url, { onPlay, onStop, onProgress }) => {
+export const gam = (adContainer, url) => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    const ima = google.ima;
-    let adDisplayContainer = new ima.AdDisplayContainer(adContainer);
-    let adsLoader = new ima.AdsLoader(adDisplayContainer);
-    let adsRequest = new ima.AdsRequest();
-    let adsManager;
-    adsLoader.addEventListener(ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, (adsManagerLoadedEvent) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        adsManager = adsManagerLoadedEvent.getAdsManager(adContainer);
-        if (onPlay) {
-            adsManager.addEventListener(ima.AdEvent.Type.STARTED, onPlay);
-        }
-        if (onStop) {
-            adsManager.addEventListener(ima.AdEvent.Type.COMPLETE, onStop);
-        }
-        if (onProgress) {
-            adsManager.addEventListener(ima.AdEvent.Type.AD_PROGRESS, (d) => onProgress(d.getAdData()));
-        }
-        adsManager.init(adContainer.clientWidth, adContainer.clientHeight, ima.ViewMode.NORMAL);
-        adsManager.start();
-    }, false);
-    adsLoader.addEventListener(ima.AdErrorEvent.Type.AD_ERROR, () => {
-        console.log('ad error');
-        onStop?.();
-    }, false);
-    adsRequest.linearAdSlotWidth = adContainer.clientWidth;
-    adsRequest.linearAdSlotHeight = adContainer.clientHeight;
-    // adsRequest.nonLinearAdSlotWidth = adContainer.clientWidth ??
-    // adsRequest.nonLinearAdSlotHeight = adContainer.clientHeight / 3 ??
-    adsRequest.adTagUrl = url;
-    adsLoader.requestAds(adsRequest);
-    const destroy = () => {
-        adsManager?.destroy();
-        adsLoader?.destroy();
-        adDisplayContainer?.destroy();
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        adDisplayContainer = undefined;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        adsLoader = undefined;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        adsRequest = undefined;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        adsManager = undefined;
-    };
-    const play = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const pal = goog.pal;
+    const consentSettings = new pal.ConsentSettings();
+    consentSettings.allowStorage = false;
+    const nonceLoader = new pal.NonceLoader(consentSettings);
+    const generateUrl = async () => {
         try {
-            adDisplayContainer.initialize();
+            const parsedUrl = new URL(url);
+            const request = new pal.NonceRequest();
+            let deviceId = localStorage.getItem('sl-device-id') || uuid4();
+            let sessionId = sessionStorage.getItem('sl-ad-session-id');
+            if (!sessionId) {
+                sessionId = uuid4();
+                sessionStorage.setItem('sl-ad-session-id', sessionId);
+            }
+            if (!uuidValidate(deviceId)) {
+                deviceId = uuid5(`https://${deviceId}`, uuid5.URL);
+            }
+            request.adWillAutoPlay = parsedUrl.searchParams.get('vpa') === 'auto';
+            request.adWillPlayMuted = parsedUrl.searchParams.get('vpmute') === '1';
+            request.continuousPlayback = true;
+            request.descriptionUrl = parsedUrl.searchParams.get('description_url') || '';
+            request.iconsSupported = true;
+            request.sessionId = deviceId;
+            // Player support for VPAID 2.0, OMID 1.0, and SIMID 1.1
+            request.supportedApiFrameworks = '2,7,9';
+            request.videoHeight = adContainer.clientHeight;
+            request.videoWidth = adContainer.clientWidth;
+            const nonceManager = await nonceLoader.loadNonceManager(request);
+            parsedUrl.searchParams.set('givn', nonceManager.getNonce());
+            if (parsedUrl.searchParams.get('is_lat') === '[placeholder]') {
+                parsedUrl.searchParams.set('is_lat', '1');
+            }
+            if (parsedUrl.searchParams.get('rdid') === '[placeholder]') {
+                parsedUrl.searchParams.set('rdid', deviceId);
+            }
+            if (parsedUrl.searchParams.get('correlator') === '[placeholder]') {
+                parsedUrl.searchParams.set('correlator', sessionId);
+            }
+            return parsedUrl;
         }
         catch (adError) {
-            onStop?.();
             console.log('AdsManager could not be started', adError);
+            return undefined;
         }
-        return destroy;
     };
-    return play;
+    return generateUrl;
 };

package/lib/advertisement/index.d.ts

@@ -39,6 +39,6 @@ export declare const advertisement: ($slStreamId: GamificationBackground["slStre
         fromNotification?: boolean;
     }) => void;
     markAsViewed: () => void;
-    $store: import("nanostores").MapStore<Advertisement>;
+    $store: import("nanostores").PreinitializedMapStore<Advertisement> & object;
 };
 export {};

package/lib/advertisement/index.js

@@ -6,28 +6,6 @@ import { $activePromotionId, getPromotionDetail } from '../queries';
 import { AdvertisementStorage } from './storage';
 import { parsePromotion } from './utils';
 import { processGamAdvertisement } from './externalAd';
-// async function generateNonce() {
-//   const request = new goog.pal.NonceRequest()
-//   request.adWillAutoPlay = true
-//   request.adWillPlayMuted = false
-//   request.continuousPlayback = false
-//   request.descriptionUrl = 'https://example.com'
-//   request.iconsSupported = true
-//   request.playerType = 'Sample Player Type'
-//   request.playerVersion = '1.0'
-//   request.ppid = 'Sample PPID'
-//   request.sessionId = 'Sample SID'
-//   // Player support for VPAID 2.0, OMID 1.0, and SIMID 1.1
-//   request.supportedApiFrameworks = '2,7,9'
-//   request.url = 'https://developers.google.com/ad-manager/pal/html5'
-//   request.videoHeight = 480
-//   request.videoWidth = 640
-//   const consentSettings = new goog.pal.ConsentSettings()
-//   consentSettings.allowStorage = true
-//   const nonceLoader = new goog.pal.NonceLoader(consentSettings)
-//   const manager = await nonceLoader.loadNonceManager(request)
-//   return manager.getNonce()
-// }
 const adHasBanner = (data) => (data?.promotion?.type === PromotionType.INGAME_IAB11_LBAR ||
     data?.promotion?.type === PromotionType.INGAME_IAB21_LBAR) &&
     !!data.promotion.additionalBanner?.imageUrl;

package/lib/background.d.ts

@@ -47,7 +47,7 @@ export declare class GamificationBackground {
     feedSubscription: ReturnType<typeof queries.feedSubscription>;
     /** subscription to opened question (vote percentage) */
     questionSubscription?: ReturnType<typeof queries.questionSubscription>;
-    advertisement: ReturnType<typeof advertisement>;
+    advertisement?: ReturnType<typeof advertisement>;
     storage: GamificationStorage;
     private notifications;
     private log;

package/lib/background.js

@@ -60,9 +60,10 @@ export class GamificationBackground {
         this.openedQuestionId = new SingleStore(createSingleStore(undefined), 'openedQuestionId').getStore();
         this.notifications = instance.notifications;
         this.moderation = new ApiStore(queries.$moderation(this.slStreamId, instance.transport), 'gamification:moderation');
-        this.feedList = new ApiStore(queries.$feedList(this.slStreamId, this.interactiveAllowed, instance.transport), 'gamification:feedList');
+        const onlyBetPack = !!instance.sdk.options.get().betPack;
+        this.feedList = new ApiStore(queries.$feedList(this.slStreamId, this.interactiveAllowed, onlyBetPack, instance.transport), 'gamification:feedList');
         this.betPack = new ApiStore(queries.$betPack(this.slStreamId, this.userId, this.organizationId, this.storage, instance.transport), 'gamification:betPack');
-        this.activeQuestionId = queries.$activeQuestion(this.slStreamId, instance.transport);
+        this.activeQuestionId = queries.$activeQuestion(this.slStreamId, onlyBetPack, instance.transport);
         this.openedQuestion = detail(instance.transport, this.openedQuestionId, this.feedList.getStore());
         this.cancels.add(this.openedQuestionId.listen((item) => {
             this.log.debug({ item }, 'received question');
@@ -71,14 +72,19 @@ export class GamificationBackground {
                 this.questionSubscription.addListener('feed-subscription-opened-question', async (response) => {
                     const question = response.data?.attributes?.question;
                     this.openedQuestion.updateExtendedQuestion(question);
-                    if (question?.type === QuestionType.PREDICTION) {
+                    if (question?.type === QuestionType.PREDICTION &&
+                        (question.status === QuestionStatus.ACTIVE || question.status === QuestionStatus.RESOLVED)) {
                         const betPackData = this.betPack.getValues().data || {};
                         const betPackItem = betPackData?.[question.id];
                         if (betPackItem || Object.keys(betPackData).length < 5) {
                             const data = queries.$questionByUser(question.id, this.transport);
                             const cancel = data.subscribe(() => { });
                             await data.get().promise;
-                            const extendedQuestion = await queries.questionByUser(question.id, this.transport);
+                            // if question is not in the feed list, get extended question data from the server
+                            let extendedQuestion = data.get().data;
+                            if (!extendedQuestion) {
+                                extendedQuestion = await queries.questionByUser(question.id, this.transport);
+                            }
                             cancel();
                             window.requestAnimationFrame(() => {
                                 data.invalidate();
@@ -104,7 +110,8 @@ export class GamificationBackground {
         this.feedSubscription = queries.feedSubscription(this.slStreamId, instance.transport);
         this.cancels.add(this.feedSubscription.addListener('bet-pack-update', async (response) => {
             const question = response.data?.attributes?.question;
-            if (question?.type === QuestionType.PREDICTION) {
+            if (question?.type === QuestionType.PREDICTION &&
+                (question.status === QuestionStatus.ACTIVE || question.status === QuestionStatus.RESOLVED)) {
                 const betPackData = this.betPack.getValues().data || {};
                 const betPackItem = betPackData?.[question.id];
                 if (betPackItem || Object.keys(betPackData).length < 5) {
@@ -201,7 +208,9 @@ export class GamificationBackground {
                 }
             };
         });
-        this.advertisement = advertisement(this.slStreamId, this.feedSubscription, instance);
+        if (!onlyBetPack) {
+            this.advertisement = advertisement(this.slStreamId, this.feedSubscription, instance);
+        }
     }
     /**
      * Get id for notifications and link with current session

package/lib/deepLink.d.ts

@@ -6,7 +6,7 @@ type DeepLinkData = {
     error?: string;
 };
 export declare const deepLink: (transport: Transport, $eventId: ReadableAtom<string | undefined>, $externalEventId: ReadableAtom<string | undefined>, $userId: ReadableAtom<string | undefined>) => {
-    $store: import("nanostores").MapStore<DeepLinkData>;
+    $store: import("nanostores").PreinitializedMapStore<DeepLinkData> & object;
     fetch: typeof fetch;
 };
 export {};

package/lib/gamification.d.ts

@@ -53,6 +53,7 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     advertisement: GamificationBackground['advertisement'];
     onboardingProcessed: WritableAtom<boolean>;
     friendsTabEnabled: WritableAtom<boolean>;
+    skipOnboarding: boolean;
     private notifications;
     private transport;
     /** gamification background class, handle subscriptions and notifications for closed overlay */
@@ -70,7 +71,7 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     betPackVote: (questionId: string, answerId: string) => Promise<void>;
     submitAnswer: (questionId: string, answerId: string) => Promise<void>;
     openQuestion: (questionId?: string, question?: FeedItem & {
-        openedFrom?: "list" | "notification";
+        openedFrom?: "list" | "notification" | "bet-pack";
     }) => void | (() => void);
     getFeedItem: (id: string) => Promise<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | undefined>;
     isOpenedQuestion: (questionId: string) => boolean;

package/lib/gamification.js

@@ -53,6 +53,7 @@ export class Gamification extends AbstractFeature {
     advertisement;
     onboardingProcessed;
     friendsTabEnabled;
+    skipOnboarding;
     notifications;
     transport;
     /** gamification background class, handle subscriptions and notifications for closed overlay */
@@ -76,9 +77,6 @@ export class Gamification extends AbstractFeature {
         this.currentUserId = this.background.userId;
         this.onboardingProcessed = createSingleStore(!instance.sdk.withAuth);
         this.leaderboardId = new SingleStore(createSingleStore(this.settings.getValue('pinnedLeaderboardId')), 'pinnedLeaderboardId').getStore();
-        this.onboardingStatus = onboarding(this, this.background, instance.transport, instance.notifications, {
-            skipOnboarding: instance.sdk.options.get().skipOnboarding,
-        });
         this.notifications = instance.notifications;
         this.transport = instance.transport;
         this.closeFeature = (destroy = true) => instance.sdk.closeFeature(destroy);
@@ -98,6 +96,15 @@ export class Gamification extends AbstractFeature {
             }));
         }
         this.connect();
+        this.skipOnboarding = !!instance.sdk.options.get().skipOnboarding;
+        this.onboardingStatus = onboarding(this, this.background, instance.transport, instance.notifications, {
+            skipOnboarding: instance.sdk.options.get().skipOnboarding,
+        });
+        if (!instance.sdk.options.get().skipOnboarding) {
+            this.onboardingStatus = onboarding(this, this.background, instance.transport, instance.notifications, {
+                skipOnboarding: instance.sdk.options.get().skipOnboarding,
+            });
+        }
         /**
          * listen for onboarding status, moderation onboarding changes and opt-in settings
          */
@@ -137,16 +144,21 @@ export class Gamification extends AbstractFeature {
         return this.background.interactiveAllowed.get() === InteractiveAllowed.ALLOWED;
     }
     checkInteractiveFlag = () => {
-        const onboardingStatus = this.onboardingStatus.$store.get();
-        const onboardingEnabled = this.background.moderation.getStore().value?.data?.options?.onboardingEnabled;
-        const optInEnabled = this.settings.getValues().inplayGame?.titleCard?.optIn;
-        const onboardingCompleted = onboardingStatus === OnboardingStatus.Completed;
-        const allowed = !onboardingEnabled || onboardingCompleted || optInEnabled !== true;
-        this.background.interactiveAllowed.set(allowed ? InteractiveAllowed.ALLOWED : InteractiveAllowed.DISALLOWED);
+        if (this.skipOnboarding) {
+            this.background.interactiveAllowed.set(InteractiveAllowed.ALLOWED);
+        }
+        else {
+            const onboardingStatus = this.onboardingStatus.$store.get();
+            const onboardingEnabled = this.background.moderation.getStore().value?.data?.options?.onboardingEnabled;
+            const optInEnabled = this.settings.getValues().inplayGame?.titleCard?.optIn;
+            const onboardingCompleted = onboardingStatus === OnboardingStatus.Completed;
+            const allowed = !onboardingEnabled || onboardingCompleted || optInEnabled !== true;
+            this.background.interactiveAllowed.set(allowed ? InteractiveAllowed.ALLOWED : InteractiveAllowed.DISALLOWED);
+        }
     };
     connect = () => {
         this.onboardingProcessed.subscribe((status) => {
-            if (status) {
+            if (status && this.advertisement) {
                 this.advertisement.connect();
             }
         });
@@ -332,7 +344,7 @@ export class Gamification extends AbstractFeature {
         this.background.feedSubscription.removeListener('feed-subscription-questions-list');
     };
     betPackVote = async (questionId, answerId) => {
-        await this.submitAnswer(questionId, answerId);
+        await actions.submitAnswer(this.transport, { questionId, answerId });
         const betPackList = { ...this.betPack.getValues().data };
         const question = betPackList?.[questionId];
         if (question) {
@@ -343,6 +355,16 @@ export class Gamification extends AbstractFeature {
                     questionType: question.type,
                 },
             });
+            question.answers = question.answers.map((answer) => {
+                if (answer.id === answerId) {
+                    return {
+                        ...answer,
+                        youVoted: true,
+                    };
+                }
+                return answer;
+            });
+            this.betPack.getStore().mutate(betPackList);
         }
     };
     submitAnswer = async (questionId, answerId) => {
@@ -423,14 +445,17 @@ export class Gamification extends AbstractFeature {
         if (!questionId) {
             return () => { };
         }
-        this.notifications.close(this.background.getCurrentSessionId({
-            prefix: 'notification',
-            entity: questionId,
-        }), {
-            animateHiding: false,
-        });
+        const openedFromBetPack = question?.openedFrom === 'bet-pack';
+        if (openedFromBetPack) {
+            this.notifications.close(this.background.getCurrentSessionId({
+                prefix: 'notification',
+                entity: questionId,
+            }), {
+                animateHiding: false,
+            });
+        }
         let questionType = question?.attributes?.type;
-        if (!questionType) {
+        if (!questionType && !openedFromBetPack) {
             const feedList = this.feedList.getStore().value?.data || [];
             questionType = feedList.find((item) => item.id === questionId)?.attributes?.type;
         }
@@ -445,13 +470,20 @@ export class Gamification extends AbstractFeature {
                 payload: {
                     questionId,
                     questionType,
-                    questionOpenedFrom: question?.openedFrom,
+                    questionOpenedFrom: question?.openedFrom === 'bet-pack' ? 'list' : question?.openedFrom,
                 },
             });
             this.storage.saveQuestionOpened(flags, questionId);
         }
-        this.openFeature();
-        return this.background.openQuestion(questionId, question);
+        if (!openedFromBetPack) {
+            this.openFeature();
+        }
+        return this.background.openQuestion(questionId, question
+            ? {
+                ...question,
+                openedFrom: question?.openedFrom === 'bet-pack' ? 'list' : question?.openedFrom,
+            }
+            : undefined);
     };
     getFeedItem = (id) => {
         return queries.getFeedItem(id, this.transport);
@@ -578,7 +610,7 @@ export class Gamification extends AbstractFeature {
                             questionType: question.data.question.type,
                             insight: instantView,
                             inApp: {
-                                useMediaFromContent: optionsValue.useAsNotification === UseAsNotification.ENABLED,
+                                useMediaFromContent: optionsValue?.useAsNotification === UseAsNotification.ENABLED,
                                 notification: question.data.question.notification,
                                 appearance: question.data.question.appearance,
                                 sponsorship: question.data.question.sponsorship,

package/lib/leaderboard.d.ts

@@ -15,7 +15,7 @@ type LeaderboardStore = {
     error?: string;
 };
 export declare const leaderboard: (transport: Transport, $eventId: ReadableAtom<string | undefined>, $userId: ReadableAtom<string | undefined>, $friends: Gamification["friends"], options?: LeaderboardOptions) => {
-    $store: import("nanostores").MapStore<LeaderboardStore>;
+    $store: import("nanostores").PreinitializedMapStore<LeaderboardStore> & object;
     fetchMore: (page?: number) => void;
     invalidate: () => void;
 };

package/lib/onboarding.d.ts

@@ -20,6 +20,6 @@ export declare enum OnboardingStatus {
 export declare const onboarding: (service: Gamification, background: GamificationBackground, transport: Transport, notifications: Notifications, options?: {
     skipOnboarding?: boolean;
 }) => {
-    $store: import("nanostores").WritableAtom<OnboardingStatus>;
+    $store: import("nanostores").PreinitializedWritableAtom<OnboardingStatus> & object;
     submitInplay: () => Promise<void>;
 };

package/lib/onboarding.js

@@ -75,7 +75,7 @@ const onboardingProcess = ($store, background, service, notifications, storage,
                     userId,
                     eventId,
                 }, OnboardingStatus.Completed);
-                void submitInplayApi(transport, background.slStreamId.get() || '');
+                void submitInplayApi(transport, eventId);
             }
             return;
         }

package/lib/queries/index.d.ts

@@ -4,7 +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';
 import { GamificationStorage } from '../storage';
-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 $activeQuestion: (slStreamId: ReadableAtom<string | undefined>, onlyBetPack: boolean, 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";
@@ -366,7 +366,6 @@ 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) => AsyncIterable<SubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<VotingSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions) => AsyncIterable<VotingSubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<QuestionSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions) => AsyncIterable<QuestionSubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions) => 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: string, transport: Transport) => Promise<import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>>;
 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>;
@@ -401,7 +400,7 @@ export declare const getPromotionDetail: (promoId: string, transport: Transport)
     notification: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionNotification | undefined;
 } | undefined>;
 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 declare const $feedList: ($slStreamId: ReadableAtom<string | undefined>, $interactiveAllowed: ReadableAtom<InteractiveAllowed>, onlyBetPack: boolean, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem[], any>;
 export declare const $activePromotionId: ($slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<{
     id: string;
     question: {

package/lib/queries/index.js

@@ -3,11 +3,14 @@ import { eventBus } from '@streamlayer/sdk-web-interfaces';
 import { atom } from 'nanostores';
 import { Feed } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_connect';
 import { InteractiveAllowed } from '../background';
-export const $activeQuestion = (slStreamId, transport) => {
-    const { client, queryKey } = transport.createPromiseClient(Feed, { method: 'syncQuestion', params: [slStreamId] });
+export const $activeQuestion = (slStreamId, onlyBetPack, transport) => {
+    const { client, queryKey } = transport.createPromiseClient(Feed, {
+        method: 'syncQuestion',
+        params: [slStreamId, onlyBetPack ? 'true' : ''],
+    });
     return transport.nanoquery.createFetcherStore(queryKey, {
-        fetcher: async (_, __, id) => {
-            if (!id) {
+        fetcher: async (_, __, id, onlyBetPack) => {
+            if (!id || onlyBetPack) {
                 return undefined;
             }
             const res = await client.syncQuestion({
@@ -50,13 +53,6 @@ export const questionSubscription = (questionId, transport) => {
     const subscription = transport.addSubscription(client.questionSubscription, { questionId }, { name: 'questionSubscription' });
     return subscription;
 };
-export const getQuestionByUser = async (questionId, transport) => {
-    const { client } = transport.createPromiseClient(Feed, { method: 'questionByUser', params: [questionId] });
-    const res = await client.questionByUser({
-        questionId: questionId,
-    });
-    return res.data?.attributes?.question;
-};
 export const getQuestionDetail = async (questionId, transport) => {
     const { client } = transport.createPromiseClient(Feed, { method: 'getQuestion', params: [questionId] });
     const res = await client.getQuestion({
@@ -112,14 +108,14 @@ export const $pickHistory = (slStreamId, transport) => {
         },
     });
 };
-export const $feedList = ($slStreamId, $interactiveAllowed, transport) => {
+export const $feedList = ($slStreamId, $interactiveAllowed, onlyBetPack, transport) => {
     const { client, queryKey } = transport.createPromiseClient(Feed, {
         method: 'list',
-        params: [$slStreamId, $interactiveAllowed],
+        params: [$slStreamId, $interactiveAllowed, onlyBetPack ? 'true' : ''],
     });
     return transport.nanoquery.createFetcherStore(queryKey, {
-        fetcher: async (_, __, slStreamId, interactiveAllowed) => {
-            if (!slStreamId) {
+        fetcher: async (_, __, slStreamId, interactiveAllowed, onlyBetPack) => {
+            if (!slStreamId || onlyBetPack) {
                 return [];
             }
             const res = await client.list({

package/lib/userSummary.d.ts

@@ -3,6 +3,6 @@ import { ReadableAtom } from 'nanostores';
 import { LeaderboardSummaryItem } from '@streamlayer/sl-eslib/interactive/leaderboard/interactive.leaderboard_pb';
 import { Gamification } from '.';
 export declare const summary: ($eventId: ReadableAtom<string | undefined>, $userId: ReadableAtom<string | undefined>, $friends: Gamification["friends"] | undefined, transport: Transport) => {
-    $store: import("nanostores").MapStore<LeaderboardSummaryItem | undefined>;
+    $store: import("nanostores").PreinitializedMapStore<LeaderboardSummaryItem | undefined> & object;
     invalidate: () => void;
 };

package/lib/userSummary.js

@@ -15,7 +15,7 @@ export const summary = ($eventId, $userId, $friends, transport) => {
                 .get()
                 .data?.map((friend) => friend.slId)
             : [];
-        if (!usersIds) {
+        if (!usersIds || !eventId || !userId) {
             return;
         }
         const request = {

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "1.15.1",
+  "version": "1.16.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.10.0",
     "@fastify/deepmerge": "^2.0.0",
     "@streamlayer/sl-eslib": "^5.149.1",
-    "nanostores": "^0.10.3",
-    "@streamlayer/sdk-web-api": "^1.7.3",
-    "@streamlayer/sdk-web-core": "^1.11.1",
-    "@streamlayer/sdk-web-interfaces": "^1.4.12",
-    "@streamlayer/sdk-web-logger": "^1.0.46",
-    "@streamlayer/sdk-web-notifications": "^1.3.8",
-    "@streamlayer/sdk-web-storage": "^1.0.46",
-    "@streamlayer/sdk-web-types": "^1.10.3"
+    "uuid": "^11.1.0",
+    "nanostores": "^0.11.4",
+    "@streamlayer/sdk-web-api": "^1.8.0",
+    "@streamlayer/sdk-web-core": "^1.11.2",
+    "@streamlayer/sdk-web-interfaces": "^1.4.13",
+    "@streamlayer/sdk-web-logger": "^1.0.47",
+    "@streamlayer/sdk-web-notifications": "^1.3.9",
+    "@streamlayer/sdk-web-storage": "^1.0.47",
+    "@streamlayer/sdk-web-types": "^1.10.4"
   },
   "devDependencies": {
     "tslib": "^2.7.0"