@streamlayer/feature-gamification 1.19.1 → 1.20.0

package/lib/advertisement/index.d.ts

@@ -2,6 +2,7 @@ import { StreamLayerContext } from '@streamlayer/sdk-web-interfaces';
 import { type GamificationBackground } from '../background';
 import { getPromotionDetail } from '../queries';
 type AdvertisementData = Exclude<Awaited<ReturnType<typeof getPromotionDetail>>, undefined>;
+type AdvertisementEvent = 'video-rendered' | `video-quartile-${25 | 50 | 75}` | 'muted' | 'unmuted' | 'replayed' | 'played' | 'ended' | 'banner-showed';
 export type Advertisement = {
     data?: AdvertisementData;
     externalAd?: {
@@ -13,11 +14,15 @@ export type Advertisement = {
     isViewed?: boolean;
     isOpened?: boolean;
     isPaused?: boolean;
+    isMuted?: boolean;
     hasNotification?: boolean;
     close?: () => void;
     togglePause?: (flag: boolean) => void;
     error?: string;
+    toggleMute?: (flag: boolean) => void;
     ctx?: Record<string, unknown>;
+    isEventFired?: (event: AdvertisementEvent) => boolean;
+    fireEvent?: (event: AdvertisementEvent) => void;
 };
 /**
  * @name Advertisement

package/lib/advertisement/index.js

@@ -26,6 +26,12 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
     const transport = instance.transport;
     const logger = createLogger('advertisement');
     const storage = new AdvertisementStorage();
+    const fireEvent = (id, event) => {
+        storage.fireEvent(id, event);
+    };
+    const isEventFired = (id, event) => {
+        return storage.isEventFired(id, event);
+    };
     const $store = createMapStore({});
     const $activeAdvertisement = $activePromotionId($slStreamId, transport);
     const open = (options) => {
@@ -35,15 +41,20 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
         if (!id) {
             return;
         }
-        eventBus.emit('advertisement', {
-            action: 'opened',
-            payload: {
-                id,
-                type,
-                hasBanner: adHasBanner(payload.data),
-                openedFrom: options?.fromNotification ? 'notification' : 'auto',
-            },
-        });
+        const isOpened = $store.get()?.isOpened;
+        if (!isOpened) {
+            $store.setKey('isOpened', true);
+            // trigger POLLS_OPENED
+            eventBus.emit('advertisement', {
+                action: 'opened',
+                payload: {
+                    id,
+                    type,
+                    hasBanner: adHasBanner(payload.data),
+                    openedFrom: options?.fromNotification ? 'notification' : 'auto',
+                },
+            });
+        }
         if (options?.fromNotification) {
             $store.setKey('hasNotification', false);
             eventBus.emit('advertisement', {
@@ -65,6 +76,7 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
             logger.debug({ id }, 'markAsViewed: %o');
             storage.setShowed(id);
             $store.setKey('isOpened', true);
+            // skipped
             eventBus.emit('advertisement', {
                 action: 'viewed',
                 payload: {
@@ -89,12 +101,17 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
                 hasNotification: response?.notification?.enabled === NotificationEnabled.NOTIFICATION_ENABLED,
                 close: () => hide(response?.question.id),
                 togglePause: (status) => pause(response?.question.id, status),
+                toggleMute: (status) => mute(response?.question.id, status),
                 isViewed: response && !!storage.isViewed(response.question.id),
+                fireEvent: (event) => fireEvent(advertisementId, event),
+                isEventFired: (event) => isEventFired(advertisementId, event),
             }))
                 .catch((error) => $store.set({
                 loading: false,
                 error,
                 data: undefined,
+                fireEvent: () => { },
+                isEventFired: () => false,
             }));
         }
         else {
@@ -105,7 +122,10 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
                 hasNotification: data?.notification?.enabled === NotificationEnabled.NOTIFICATION_ENABLED,
                 close: () => hide(data.question.id),
                 togglePause: (status) => pause(data.question.id, status),
+                toggleMute: (status) => mute(data.question.id, status),
                 isViewed: !!storage.isViewed(data.question.id),
+                fireEvent: (event) => fireEvent(advertisementId, event),
+                isEventFired: (event) => isEventFired(advertisementId, event),
             });
         }
     };
@@ -115,8 +135,8 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
             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);
+            if (active.data.promotion.adCampaigns?.desktopWebSettings) {
+                const gamUrl = processGamAdvertisement(active.data.promotion.adCampaigns.desktopWebSettings);
                 $store.setKey('externalAd', { type: 'gam', url: gamUrl });
             }
         }
@@ -169,6 +189,11 @@ export const advertisement = ($slStreamId, $feedSubscription, instance) => {
             $store.setKey('isPaused', status);
         }
     };
+    const mute = (notificationId, status) => {
+        if ($store.get()?.data?.question.id === notificationId) {
+            $store.setKey('isMuted', status);
+        }
+    };
     const connect = () => {
         if (connected) {
             return;

package/lib/advertisement/storage.d.ts

@@ -3,4 +3,6 @@ export declare class AdvertisementStorage extends Storage {
     constructor();
     setShowed: (advertId: string) => void;
     isViewed: (advertId: string) => string | undefined;
+    fireEvent: (advertId: string, event: string) => void;
+    isEventFired: (advertId: string, event: string) => boolean;
 }

package/lib/advertisement/storage.js

@@ -2,6 +2,7 @@ import { Storage } from '@streamlayer/sdk-web-storage';
 var KEY_PREFIX;
 (function (KEY_PREFIX) {
     KEY_PREFIX["SHOWED"] = "showed";
+    KEY_PREFIX["EVENT"] = "ev";
 })(KEY_PREFIX || (KEY_PREFIX = {}));
 export class AdvertisementStorage extends Storage {
     constructor() {
@@ -13,4 +14,10 @@ export class AdvertisementStorage extends Storage {
     isViewed = (advertId) => {
         return this.read(KEY_PREFIX.SHOWED, advertId);
     };
+    fireEvent = (advertId, event) => {
+        this.write(KEY_PREFIX.EVENT, event, advertId, 'true');
+    };
+    isEventFired = (advertId, event) => {
+        return this.read(KEY_PREFIX.EVENT, event, advertId) === 'true';
+    };
 }

package/lib/advertisement/utils.d.ts

@@ -35,6 +35,11 @@ export declare const parsePromotion: (response: SubscriptionResponse) => {
         activatedBy?: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ActivatedBy;
         activatedByTriggerId?: string;
         activatedByTriggerName?: string;
+        templateId?: string;
+        adUnit: import("@streamlayer/sdk-web-types").AdUnit;
+        moduleId?: string;
+        isModuleOverridden?: boolean;
+        format: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").CardFormat;
     };
     notification: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionNotification | undefined;
     promotion: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionOptions_PromotionOptions | undefined;

package/lib/gamification.d.ts

@@ -77,6 +77,7 @@ export declare class Gamification extends AbstractFeature<'games', PlainMessage<
     closeQuestion: (questionId?: string) => void;
     openUser: (friendId: string) => Promise<void>;
     closeUser: () => void;
+    openOnboarding: () => void;
     /**
      * Show in-app notification for active question
      * for interactive questions we show notification only if interactiveAllowed

package/lib/gamification.js

@@ -3,6 +3,8 @@ import { AbstractFeature, ApiStore, SingleStore, createSingleStore, eventBus, }
 import { QuestionStatus, QuestionType, FeatureType, SilenceSetting, PickHistoryStatus, UseAsNotification, } from '@streamlayer/sdk-web-types';
 import { NotificationType } from '@streamlayer/sdk-web-notifications';
 import '@streamlayer/sdk-web-core/store';
+import { onStart } from 'nanostores';
+import { AdUnit, FactoidMediaMode, NotificationUseContentTexts, } from '@streamlayer/sl-eslib/interactive/interactive.common_pb';
 import * as queries from './queries';
 import * as actions from './queries/actions';
 import { leaderboard } from './leaderboard';
@@ -250,6 +252,13 @@ export class Gamification extends AbstractFeature {
                                 predictionResult: status === QuestionStatus.RESOLVED,
                                 questionTitle: question?.subject,
                             },
+                            inApp: {
+                                notification: question.notification,
+                                appearance: question.appearance,
+                                sponsorship: question.sponsorship,
+                                adUnit: question?.adUnit,
+                                sponsorLogo: question.promotion?.sponsor?.logo,
+                            },
                         },
                     });
                 }
@@ -258,6 +267,9 @@ export class Gamification extends AbstractFeature {
         }));
         // update feed list on question update received from subscription
         // add new question to the top of the list
+        onStart(this.feedList.getStore(), () => {
+            this.cancels.add(this.feedList.subscribe(() => { }));
+        });
         this.cancels.add(this.background.feedSubscription.addListener('feed-subscription-questions-list', (response) => {
             const feedList = [...(this.feedList.getStore().value?.data || [])];
             const feedItem = response.data?.attributes?.feedItem;
@@ -275,7 +287,9 @@ export class Gamification extends AbstractFeature {
                 return;
             }
             // allow only insight cards when onboarding not completed
-            if (!this.isInteractiveAllowed && InteractiveQuestionTypes.has(feedItem.attributes.type)) {
+            if (!this.isInteractiveAllowed &&
+                InteractiveQuestionTypes.has(feedItem.attributes.type) &&
+                feedItem?.attributes?.adUnit !== AdUnit.STANDART) {
                 return;
             }
             if (questionIndex !== -1) {
@@ -341,6 +355,7 @@ export class Gamification extends AbstractFeature {
                 eventBus.emit('poll', {
                     action: 'received',
                     payload: {
+                        isAd: feedItem.attributes?.adUnit == AdUnit.UNSET,
                         questionId: feedItem.id,
                         questionType: feedItem.attributes?.type,
                     },
@@ -377,6 +392,7 @@ export class Gamification extends AbstractFeature {
                 action: 'voted',
                 payload: {
                     questionId,
+                    isAd: question?.adUnit == AdUnit.UNSET,
                     questionType: question.type,
                 },
             });
@@ -408,6 +424,7 @@ export class Gamification extends AbstractFeature {
                 eventBus.emit('poll', {
                     action: 'voted',
                     payload: {
+                        isAd: poll.attributes?.adUnit == AdUnit.UNSET,
                         questionId,
                         questionType: question.questionType,
                     },
@@ -467,6 +484,7 @@ export class Gamification extends AbstractFeature {
         }
     };
     openQuestion = (questionId, question) => {
+        console.log('openQuestion', questionId, question);
         if (!questionId) {
             return () => { };
         }
@@ -478,21 +496,35 @@ export class Gamification extends AbstractFeature {
             animateHiding: false,
         });
         let questionType = question?.attributes?.type;
+        let hasBanner = question?.attributes?.adUnit === AdUnit.STANDART && !!question?.attributes?.adPromotion?.banner?.imageUrl;
         if (!questionType && !openedFromBetPack) {
             const feedList = this.feedList.getStore().value?.data || [];
-            questionType = feedList.find((item) => item.id === questionId)?.attributes?.type;
+            const itemFromFeed = feedList.find((item) => item.id === questionId)?.attributes;
+            questionType = itemFromFeed?.type;
+            hasBanner = itemFromFeed?.adUnit === AdUnit.STANDART && !!itemFromFeed?.adPromotion?.banner?.imageUrl;
         }
         const flags = {
             eventId: this.background.slStreamId.get() || '',
             userId: this.background.userId.get() || '',
             organizationId: this.background.organizationId.get() || '',
         };
+        eventBus.emit('poll', {
+            action: 'opened',
+            payload: {
+                questionId,
+                questionType,
+                isAd: question?.attributes?.adUnit == AdUnit.UNSET,
+                questionOpenedFrom: question?.openedFrom === 'bet-pack' ? 'list' : question?.openedFrom,
+                hasBanner,
+            },
+        });
         if (!this.storage.isQuestionOpened(flags, questionId)) {
             eventBus.emit('poll', {
-                action: 'opened',
+                action: 'viewed',
                 payload: {
                     questionId,
                     questionType,
+                    isAd: question?.attributes?.adUnit == AdUnit.UNSET,
                     questionOpenedFrom: question?.openedFrom === 'bet-pack' ? 'list' : question?.openedFrom,
                 },
             });
@@ -524,6 +556,12 @@ export class Gamification extends AbstractFeature {
                     entity: questionId,
                 })),
             });
+            eventBus.emit('poll', {
+                action: 'closed',
+                payload: {
+                    questionId,
+                },
+            });
         }
         return this.background.closeQuestion(questionId);
     };
@@ -562,6 +600,13 @@ export class Gamification extends AbstractFeature {
     closeUser = () => {
         this.openedUser?.set(undefined);
     };
+    openOnboarding = () => {
+        this.openFeature();
+        eventBus.emit('poll', {
+            action: 'onboardingOpen',
+            payload: {},
+        });
+    };
     /**
      * Show in-app notification for active question
      * for interactive questions we show notification only if interactiveAllowed
@@ -570,13 +615,14 @@ export class Gamification extends AbstractFeature {
      */
     showInApp = (question) => {
         const onboardingStatus = this.onboardingStatus.$store.get();
-        if (question && question.data && onboardingStatus && onboardingStatus !== OnboardingStatus.Unset) {
+        const isAdUnit = question?.data?.question?.adUnit === AdUnit.STANDART;
+        if (question && question.data && (isAdUnit || (onboardingStatus && onboardingStatus !== OnboardingStatus.Unset))) {
             if (question.data.question?.id !== 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 && question.data.question.notification !== undefined) {
+                    if ((this.isInteractiveAllowed || isAdUnit) && question.data.question.notification !== undefined) {
                         this.notifications.add({
                             type: NotificationType.QUESTION,
                             action: () => this.openQuestion(question.data?.question?.id, question.data?.feedItem),
@@ -597,6 +643,8 @@ export class Gamification extends AbstractFeature {
                                     notification: question.data.question.notification,
                                     appearance: question.data.question.appearance,
                                     sponsorship: question.data.question.sponsorship,
+                                    adUnit: question.data.question?.adUnit,
+                                    sponsorLogo: question.data.question.promotion?.sponsor?.logo,
                                 },
                             },
                         });
@@ -604,8 +652,12 @@ 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 heading = question.data.question.notification?.useContentTexts === NotificationUseContentTexts.ENABLED
+                        ? question.data.question.subject
+                        : question.data.question.notification?.title || '';
+                    const body = question.data.question.notification?.useContentTexts === NotificationUseContentTexts.ENABLED
+                        ? optionsValue.body
+                        : question.data.question.notification?.body;
                     const instantView = {
                         heading,
                         body,
@@ -637,6 +689,9 @@ export class Gamification extends AbstractFeature {
                                 notification: question.data.question.notification,
                                 appearance: question.data.question.appearance,
                                 sponsorship: question.data.question.sponsorship,
+                                adUnit: question.data.question?.adUnit,
+                                sponsorLogo: question.data.question.promotion?.sponsor?.logo,
+                                isVideo: optionsValue?.mode === FactoidMediaMode.VIDEO,
                             },
                         },
                     });

package/lib/index.d.ts

@@ -3,6 +3,6 @@ export { Gamification } from './gamification';
 export { Advertisement } from './advertisement';
 declare module '@streamlayer/sdk-web-interfaces' {
     interface StreamLayerContext {
-        gamification: import('./background').GamificationBackground;
+        gamification: import('./gamification').Gamification;
     }
 }

package/lib/onboarding.js

@@ -42,6 +42,18 @@ const showOnboardingInApp = (service, background, notifications, storage) => {
                         organizationId: background.organizationId.get() || '',
                         eventId: background.slStreamId.get() || '',
                     }),
+                    markIstantOpen: () => {
+                        storage.setOnboardingInstantOpen({
+                            userId: background.userId.get() || '',
+                            organizationId: background.organizationId.get() || '',
+                            eventId: background.slStreamId.get() || '',
+                        });
+                        notifications.update(notificationId, (notification) => {
+                            if (notification?.data?.onboarding) {
+                                notification.data.onboarding.instantOpen = true;
+                            }
+                        });
+                    },
                 },
             },
         });

package/lib/queries/index.d.ts

@@ -1,5 +1,5 @@
 import type { Transport } from '@streamlayer/sdk-web-api';
-import { QuestionStatus, QuestionType } from '@streamlayer/sdk-web-types';
+import { AdUnit, QuestionStatus, QuestionType } from '@streamlayer/sdk-web-types';
 import { ReadableAtom } from 'nanostores';
 import { FeedItem, QuestionSubscriptionRequest, QuestionSubscriptionResponse, SubscriptionRequest, SubscriptionResponse, VotingSubscriptionRequest, VotingSubscriptionResponse } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
 import { InteractiveAllowed } from '../background';
@@ -91,6 +91,11 @@ export declare const feedSubscription: ($slStreamId: ReadableAtom<string | undef
         input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListRequestSchema;
         output: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListResponseSchema;
     };
+    pauseAdList: {
+        methodKind: "unary";
+        input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PauseAdListListRequestSchema;
+        output: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PauseAdListResponseSchema;
+    };
     item: {
         methodKind: "unary";
         input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemRequestSchema;
@@ -217,6 +222,11 @@ export declare const votingSubscription: (params: {
         input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListRequestSchema;
         output: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListResponseSchema;
     };
+    pauseAdList: {
+        methodKind: "unary";
+        input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PauseAdListListRequestSchema;
+        output: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PauseAdListResponseSchema;
+    };
     item: {
         methodKind: "unary";
         input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemRequestSchema;
@@ -340,6 +350,11 @@ export declare const questionSubscription: (questionId: string, transport: Trans
         input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListRequestSchema;
         output: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedListResponseSchema;
     };
+    pauseAdList: {
+        methodKind: "unary";
+        input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PauseAdListListRequestSchema;
+        output: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PauseAdListResponseSchema;
+    };
     item: {
         methodKind: "unary";
         input: typeof import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItemRequestSchema;
@@ -417,6 +432,11 @@ export declare const getPromotionDetail: (promoId: string, transport: Transport)
         activatedBy?: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ActivatedBy;
         activatedByTriggerId?: string;
         activatedByTriggerName?: string;
+        templateId?: string;
+        adUnit: AdUnit;
+        moduleId?: string;
+        isModuleOverridden?: boolean;
+        format: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").CardFormat;
     };
     promotion: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionOptions_PromotionOptions | undefined;
     notification: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionNotification | undefined;
@@ -459,6 +479,11 @@ export declare const $activePromotionId: ($slStreamId: ReadableAtom<string | und
         activatedBy?: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ActivatedBy;
         activatedByTriggerId?: string;
         activatedByTriggerName?: string;
+        templateId?: string;
+        adUnit: AdUnit;
+        moduleId?: string;
+        isModuleOverridden?: boolean;
+        format: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").CardFormat;
     };
     promotion: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionOptions_PromotionOptions | undefined;
     notification: import("@streamlayer/sl-eslib/interactive/interactive.common_pb").QuestionNotification | undefined;

package/lib/queries/index.js

@@ -1,4 +1,4 @@
-import { QuestionStatus, QuestionType } from '@streamlayer/sdk-web-types';
+import { AdUnit, QuestionStatus, QuestionType } from '@streamlayer/sdk-web-types';
 import { eventBus } from '@streamlayer/sdk-web-interfaces';
 import { atom } from 'nanostores';
 import { Feed, } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
@@ -158,6 +158,7 @@ export const $feedList = ($slStreamId, $interactiveAllowed, $slUserId, $slOrgani
                     eventBus.emit('poll', {
                         action: 'received',
                         payload: {
+                            isAd: question.attributes?.adUnit == AdUnit.UNSET,
                             questionId: question.id,
                             questionType: question.attributes?.type,
                         },
@@ -250,6 +251,7 @@ export const $betPack = ($slStreamId, $slUserId, $slOrganizationId, storage, tra
                         eventBus.emit('poll', {
                             action: 'received',
                             payload: {
+                                isAd: question?.adUnit == AdUnit.UNSET,
                                 questionId: question.id,
                                 questionType: question.type,
                             },

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "1.19.1",
+  "version": "1.20.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^2.2.2",
     "@fastify/deepmerge": "^2.0.0",
-    "@streamlayer/sl-eslib": "^5.179.1",
+    "@streamlayer/sl-eslib": "^5.216.1",
     "uuid": "^11.1.0",
     "nanostores": "^0.11.4",
-    "@streamlayer/sdk-web-api": "^1.11.1",
-    "@streamlayer/sdk-web-core": "^1.14.1",
-    "@streamlayer/sdk-web-interfaces": "^1.6.4",
-    "@streamlayer/sdk-web-logger": "^1.0.66",
-    "@streamlayer/sdk-web-notifications": "^1.3.28",
-    "@streamlayer/sdk-web-storage": "^1.0.66",
-    "@streamlayer/sdk-web-types": "^1.13.1"
+    "@streamlayer/sdk-web-api": "^1.12.0",
+    "@streamlayer/sdk-web-core": "^1.15.0",
+    "@streamlayer/sdk-web-interfaces": "^1.7.0",
+    "@streamlayer/sdk-web-logger": "^1.0.67",
+    "@streamlayer/sdk-web-notifications": "^1.3.29",
+    "@streamlayer/sdk-web-storage": "^1.0.67",
+    "@streamlayer/sdk-web-types": "^1.14.0"
   },
   "devDependencies": {
     "tslib": "^2.7.0"