@streamlayer/react 0.40.2 → 0.41.0

package/lib/dist/index.d.ts

@@ -5,11 +5,11 @@ declare module "../../sdk-web-types/src/sl-types" {
     import type { GameSettings as IGameSettings } from '@streamlayer/sl-eslib/sdkSettings/game/common/game_common_pb';
     import type { ClientSettings } from '@streamlayer/sl-eslib/sdkSettings/client/client_pb';
     import type { MeResponse } from '@streamlayer/sl-eslib/users/users_pb';
-    export { QuestionType, QuestionStatus, QuestionImages, ImagePosition, ExtendedQuestion, SilenceSetting, QuestionOptions, } from '@streamlayer/sl-eslib/interactive/interactive.common_pb';
-    import type { PickHistory as IPickHistory, InsightHistory as IInsightHistory, TweetHistory as ITweetHistory, FeedItemAttributes, InstantView as IInstantView } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
+    export { QuestionType, QuestionStatus, QuestionImages, ImagePosition, SilenceSetting, QuestionOptions, } from '@streamlayer/sl-eslib/interactive/interactive.common_pb';
+    import type { PickHistory as IPickHistory, InsightHistory as IInsightHistory, TweetHistory as ITweetHistory, FeedItem as IFeedItem, FeedItemAttributes as IFeedItemAttributes, InstantView as IInstantView } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
     export { PickHistoryStatus } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
     import type { LeaderboardItem as ILeaderboardItem } from '@streamlayer/sl-eslib/interactive/leaderboard/interactive.leaderboard_pb';
-    import type { ExtendedQuestionAnswer as IExtendedQuestionAnswer } from '@streamlayer/sl-eslib/interactive/interactive.common_pb';
+    import type { ExtendedQuestionAnswer as IExtendedQuestionAnswer, Question as IQuestion, ExtendedQuestion as IExtendedQuestion } from '@streamlayer/sl-eslib/interactive/interactive.common_pb';
     export type PickHistory = PlainMessage<IPickHistory>;
     export type ExtendedQuestionAnswer = PlainMessage<IExtendedQuestionAnswer>;
     export type InsightHistory = PlainMessage<IInsightHistory>;
@@ -21,14 +21,85 @@ declare module "../../sdk-web-types/src/sl-types" {
     export type User = MeResponse;
     export type UserSettings = ClientSettings;
     export type LeaderboardItem = ILeaderboardItem;
-    export type FeedItem = PlainMessage<FeedItemAttributes>;
+    export type FeedItem = PlainMessage<IFeedItem>;
+    export type FeedItemAttributes = PlainMessage<IFeedItemAttributes>;
     export type InstantView = PlainMessage<IInstantView>;
     export type GameSettings = PlainMessage<IGameSettings>;
+    export type Question = PlainMessage<IQuestion>;
+    export type ExtendedQuestion = PlainMessage<IExtendedQuestion>;
     export { SdkOverlayType as FeatureType, SdkOverlaySettings, GamesOverlaySettings, } from '@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb';
+    export { InvitationFrom } from '@streamlayer/sl-eslib/analytics/v1/invitations/invitations_pb';
 }
 declare module "../../sdk-web-types/src/index" {
     export * from "../../sdk-web-types/src/sl-types";
 }
+declare module "../../sdk-web-logger/src/index" {
+    import { pino, ChildLoggerOptions } from 'pino';
+    export const createLogger: (name: string, options?: ChildLoggerOptions) => pino.Logger<never>;
+    export type Logger = ReturnType<typeof createLogger>;
+}
+declare module "../../sdk-web-interfaces/src/event-bus/index" {
+    import { InvitationFrom, QuestionType } from '../../sdk-web-types/src/index.ts';
+    const EventBusActions: {
+        notification: {
+            received: string;
+            opened: string;
+            rendered: string;
+            closed: string;
+        };
+        invitation: {
+            accepted: string;
+            sent: string;
+        };
+        interactions: {
+            tap: string;
+            scroll: string;
+        };
+        poll: {
+            voted: string;
+            navigated: string;
+            opened: string;
+            received: string;
+            onboardingPassed: string;
+        };
+    };
+    export type EventBusActionPayload = {
+        notification: {
+            eventId?: string;
+            questionId?: string;
+            questionType?: QuestionType;
+        };
+        invitation: {
+            from?: InvitationFrom;
+        };
+        interactions: unknown;
+        poll: {
+            questionId?: string;
+            questionType?: QuestionType;
+            questionOpenedFrom?: 'list' | 'notification';
+        };
+    };
+    type EventBusActionsKeys = keyof typeof EventBusActions;
+    type EventBusActions<T> = T extends EventBusActionsKeys ? keyof (typeof EventBusActions)[T] : never;
+    export type EventBusData<T extends EventBusActionsKeys = EventBusActionsKeys> = {
+        type: T;
+        action: EventBusActions<T>;
+        payload: EventBusActionPayload[T];
+    };
+    export class EventBusEvent<T extends EventBusActionsKeys = EventBusActionsKeys> extends Event {
+        slEventBus?: EventBusData<T>;
+        constructor(name: string, payload?: EventBusData<T>);
+    }
+    export class EventBus {
+        private name;
+        private listeners;
+        constructor(name?: string);
+        emit: <K extends "notification" | "invitation" | "interactions" | "poll" = "notification" | "invitation" | "interactions" | "poll">(type: K, payload: Omit<EventBusData<K>, "type">) => void;
+        listen<T extends EventBusActionsKeys>(listener: (event: EventBusEvent<T>) => void): () => void;
+        off<T extends EventBusActionsKeys>(listener: (event: EventBusEvent<T>) => void): void;
+        destroy: () => void;
+    }
+}
 declare module "../../sdk-web-interfaces/src/auth" {
     export abstract class AbstractAuthenticationProvider {
         abstract login(...args: unknown[]): Promise<unknown>;
@@ -38,7 +109,7 @@ declare module "../../sdk-web-interfaces/src/auth" {
     }
 }
 declare module "../../sdk-web-interfaces/src/store/abstract" {
-    import type { AnyStore } from 'nanostores';
+    import { type AnyStore } from 'nanostores';
     global {
         interface Window {
             slStore: any;
@@ -85,7 +156,7 @@ declare module "../../sdk-web-interfaces/src/store/abstract" {
     export const mergeStores: <T extends Record<string, AbstractStore<AnyStore>>, K = { [Index in keyof T]: ReturnType<T[Index]["getStore"]>["value"]; }>(stores: T) => import("nanostores").ReadableAtom<K>;
 }
 declare module "../../sdk-web-interfaces/src/store/map" {
-    import type { MapStoreKeys, MapStore as NMapStore } from 'nanostores';
+    import { type MapStoreKeys, type MapStore as NMapStore } from 'nanostores';
     import { AbstractStore } from "../../sdk-web-interfaces/src/store/abstract";
     /**
      * Wrapper for nanostores MapStore
@@ -151,7 +222,7 @@ declare module "../../sdk-web-interfaces/src/feature" {
     }
 }
 declare module "../../sdk-web-interfaces/src/store/single" {
-    import type { StoreValue, WritableAtom } from 'nanostores';
+    import { type StoreValue, type WritableAtom } from 'nanostores';
     import { AbstractStore } from "../../sdk-web-interfaces/src/store/abstract";
     /**
      * Wrapper for nanostores WritableAtom
@@ -196,6 +267,7 @@ declare module "../../sdk-web-interfaces/src/store/api" {
 }
 declare module "../../sdk-web-interfaces/src/index" {
     import { FeatureType } from '../../sdk-web-types/src/index.ts';
+    import { EventBus, EventBusEvent, EventBusData, EventBusActionPayload } from "../../sdk-web-interfaces/src/event-bus/index";
     export { AbstractAuthenticationProvider } from "../../sdk-web-interfaces/src/auth";
     export { AbstractFeature, FeatureSource, type FeatureProps, FeatureStatus } from "../../sdk-web-interfaces/src/feature";
     export { MapStore, createMapStore } from "../../sdk-web-interfaces/src/store/map";
@@ -203,7 +275,10 @@ declare module "../../sdk-web-interfaces/src/index" {
     export { SingleStore, createSingleStore, createComputedStore } from "../../sdk-web-interfaces/src/store/single";
     export { AbstractStore, mergeStores } from "../../sdk-web-interfaces/src/store/abstract";
     export { ApiStore } from "../../sdk-web-interfaces/src/store/api";
+    export type CancelMountCb = () => void;
+    export type OnMountCb = () => CancelMountCb;
     export interface StreamLayerSDK {
+        onMount: (cb: OnMountCb) => void;
         closeFeature: (destroy?: boolean) => void;
         openFeature: (featureType: FeatureType) => void;
     }
@@ -212,22 +287,76 @@ declare module "../../sdk-web-interfaces/src/index" {
     }
     type DoneFn = Function;
     export type StreamLayerPlugin = (instance: StreamLayerContext, opts: unknown, done: DoneFn) => void;
+    export const eventBus: EventBus;
+    export type { EventBusEvent, EventBusData, EventBusActionPayload };
 }
 declare module "../../sdk-web-api/src/utils/devtools" {
     export const __GRPC_DEVTOOLS_EXTENSION__: any;
 }
+declare module "../../sdk-web-api/src/grpc/retry" {
+    import { type Interceptor } from '@connectrpc/connect';
+    /**
+     * Retry interceptor
+     *
+     * This interceptor is used to retry requests in case of network errors.
+     * Retries are performed according to the exponential backoff algorithm.
+     * Allowing retries for the following error codes:
+     *  [
+     *    Code.Unknown,
+     *    Code.Internal,
+     *    Code.DeadlineExceeded,
+     *    Code.ResourceExhausted,
+     *    Code.FailedPrecondition,
+     *    Code.Unavailable,
+     *    Code.DataLoss,
+     *  ]
+     *
+     * Retry params:
+     * - retryAttempts: number of attempts to retry the request, 0 means no retries
+     * - retryDelay: max delay between retries in milliseconds
+     *
+     * Example:
+     * ```ts
+        const { client, createRequestOptions, queryKey } = transport.createPromiseClient(Leaderboard, {
+          method: 'summary',
+          params: [$eventId, $userId],
+        })
+    
+        return transport.nanoquery.createFetcherStore(queryKey, {
+          fetcher: async (_, __, eventId, userId) => {
+            const contextValues = createRequestOptions({
+              retryAttempts: 5,
+              retryDelay: 10000,
+            })
+    
+            const res = await client.summary(
+              {
+                eventId: eventId as unknown as bigint,
+                userId: userId as string,
+              },
+              { contextValues }
+            )
+    
+            return res.data?.attributes
+          },
+        })
+     * ```
+     */
+    export const retry: Interceptor;
+}
 declare module "../../sdk-web-api/src/grpc/transport" {
+    import { MapStore } from '../../sdk-web-interfaces/src/index.ts';
     import { createRouterTransport, ConnectRouter, Interceptor, PromiseClient, UnaryRequest, StreamRequest } from '@connectrpc/connect';
     import type { ServiceType, Message, PlainMessage } from '@bufbuild/protobuf';
     import { createGrpcWebTransport } from '@connectrpc/connect-web';
-    import type { KeyInput } from '@nanostores/query';
-    import { nanoquery } from '@nanostores/query';
+    import { type KeyInput, nanoquery } from '@nanostores/query';
     import { Atom } from 'nanostores';
     import { ServerStreamSubscription, type ServerStreamSubscriptionOptions } from "../../sdk-web-api/src/grpc/subscription";
     type KnownHeaders = {
         authorization?: string;
         sdk?: string;
         'sl-device-id': string;
+        'sl-device-os': string;
         'sl-user-id'?: string;
     } & Record<string, string>;
     export type GrpcTransport = Transport['transport'];
@@ -244,6 +373,12 @@ declare module "../../sdk-web-api/src/grpc/transport" {
         createMutatorStore: NanoqueryReturnType[1];
         utils: NanoqueryReturnType[2];
     };
+    export const RequestOptionsKeys: {
+        retryAttempts: import("@connectrpc/connect").ContextKey<number>;
+        retryDelay: import("@connectrpc/connect").ContextKey<number>;
+    };
+    type RequestOptionsKey = keyof typeof RequestOptionsKeys;
+    type RequestOptions = Partial<Record<RequestOptionsKey, (typeof RequestOptionsKeys)[RequestOptionsKey]['defaultValue']>>;
     /**
      * transport wrapper, initialize grpc transport, store headers and connect interceptors
      */
@@ -257,10 +392,10 @@ declare module "../../sdk-web-api/src/grpc/transport" {
         readonly streamTransport: ReturnType<typeof createGrpcWebTransport>;
         readonly nanoquery: NanoqueryObjectType;
         readonly host: string;
+        readonly $headers: MapStore<KnownHeaders>;
         protected interceptors: Interceptor[];
-        private readonly $headers;
         private clients;
-        private callbackClients;
+        private streamClients;
         private subscriptions;
         constructor(host: string);
         addSubscription: <T extends ServiceType, Req extends Message<Req>, Res extends Message<Res>>(method: { [P in keyof PromiseClient<T> as T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? P : never]: T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? PromiseClient<T>[P] : never; }[keyof { [P in keyof PromiseClient<T> as T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? P : never]: T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? PromiseClient<T>[P] : never; }], params: PlainMessage<Req> | Atom<PlainMessage<Req>>, options: ServerStreamSubscriptionOptions) => ServerStreamSubscription<ServiceType, Message<import("@bufbuild/protobuf").AnyMessage>, Message<import("@bufbuild/protobuf").AnyMessage>, never, never> | ServerStreamSubscription<T, Req, Res, keyof { [P in keyof PromiseClient<T> as T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? P : never]: T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? PromiseClient<T>[P] : never; }, { [P in keyof PromiseClient<T> as T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? P : never]: T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? PromiseClient<T>[P] : never; }[keyof { [P in keyof PromiseClient<T> as T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? P : never]: T["methods"][P] extends import("@bufbuild/protobuf").MethodInfoServerStreaming<any, any> ? PromiseClient<T>[P] : never; }]>;
@@ -275,6 +410,7 @@ declare module "../../sdk-web-api/src/grpc/transport" {
             method: keyof T["methods"];
         }) => {
             client: PromiseClient<T>;
+            createRequestOptions: (options: RequestOptions) => import("@connectrpc/connect").ContextValues;
             queryKey: ((string | number | true) | import("nanostores").ReadableAtom<(string | number | true) | (false | void | null | undefined)> | import("@nanostores/query").FetcherStore<any, any>)[];
             queryKeyStr: string;
         };
@@ -398,6 +534,8 @@ declare module "../../sdk-web-api/src/grpc/queries/organization" {
         brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
         pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
         getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+        publicName?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").PublicName | undefined;
+        analyticsVersion?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").AnalyticsVersion | undefined;
     } | undefined, any>;
     export const $organizationAdvertising: ($enabled: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>;
 }
@@ -421,11 +559,13 @@ declare module "../../sdk-web-api/src/index" {
         }
         interface StreamLayerContext {
             transport: Transport;
+            analyticsTransport: Transport;
         }
     }
     export const transport: (instance: StreamLayerContext, opts: {
         sdkKey: string;
         host: string;
+        analyticsHost: string;
         version?: string;
     }, done: () => void) => void;
 }
@@ -492,6 +632,8 @@ declare module "../../sdk-web-core/src/store/init" {
             brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
             pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
             getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+            publicName?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").PublicName | undefined;
+            analyticsVersion?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").AnalyticsVersion | undefined;
         } | undefined, import("@nanostores/query").FetcherStore<{
             id: string;
             overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
@@ -508,6 +650,8 @@ declare module "../../sdk-web-core/src/store/init" {
             brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
             pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
             getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+            publicName?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").PublicName | undefined;
+            analyticsVersion?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").AnalyticsVersion | undefined;
         } | undefined, any>>;
         readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>>;
     };
@@ -588,6 +732,8 @@ declare module "../../sdk-web-core/src/store/store" {
                 brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
                 pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
                 getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+                publicName?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").PublicName | undefined;
+                analyticsVersion?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").AnalyticsVersion | undefined;
             } | undefined, import("@nanostores/query").FetcherStore<{
                 id: string;
                 overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
@@ -604,6 +750,8 @@ declare module "../../sdk-web-core/src/store/store" {
                 brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
                 pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
                 getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+                publicName?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").PublicName | undefined;
+                analyticsVersion?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").AnalyticsVersion | undefined;
             } | undefined, any>>;
             readonly organizationAdvertising: import('../../sdk-web-interfaces/src/index.ts').ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>>;
         };
@@ -615,14 +763,8 @@ declare module "../../sdk-web-core/src/store/store" {
         [Index in keyof StoreObj]: (params: FetcherValue<CoreStoreInterface[Index]>) => void;
     };
 }
-declare module "../../sdk-web-logger/src/index" {
-    import { pino, ChildLoggerOptions } from 'pino';
-    export const createLogger: (name: string, options?: ChildLoggerOptions) => pino.Logger<never>;
-    export type Logger = ReturnType<typeof createLogger>;
-}
 declare module "../../sdk-web-core/src/deepLink/index" {
-    import { StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
-    import { MapStore } from '../../sdk-web-interfaces/src/index.ts';
+    import { MapStore, StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
     type DeepLinkContextData = {
         handled?: boolean;
         parsed?: boolean;
@@ -799,7 +941,7 @@ declare module "../../sdk-web-core/src/index" {
     import { StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
     export { bypass, storage } from "../../sdk-web-core/src/auth/index";
     export { store } from "../../sdk-web-core/src/store/index";
-    export { deepLink, type DeepLinkUrlParams, type DeepLinkCallback, DEEP_LINK_PREFIX, DEEP_LINK_USER_ID, DEEP_LINK_EVENT_ID, DEEP_LINK_EXTERNAL_EVENT_ID, } from "../../sdk-web-core/src/deepLink/index";
+    export { deepLink, type DeepLinkUrlParams, type DeepLinkCallback, type DeepLinkContext, DEEP_LINK_PREFIX, DEEP_LINK_USER_ID, DEEP_LINK_EVENT_ID, DEEP_LINK_EXTERNAL_EVENT_ID, } from "../../sdk-web-core/src/deepLink/index";
     export { videoPlayer, type VideoPlayerCallback } from "../../sdk-web-core/src/videoPlayer/index";
     import "../../sdk-web-core/src/store/index";
     import "../../sdk-web-core/src/auth/index";
@@ -812,6 +954,9 @@ declare module "../../sdk-web-core/src/index" {
             disableApp: () => void;
             createEventSession: (providerStreamId: string) => void;
         }
+        interface StreamLayerContext {
+            ready: () => void;
+        }
     }
     /**
      * The main application instance is the core of a application. It includes:
@@ -852,7 +997,7 @@ declare module "../../sdk-web-notifications/src/queue/index" {
         addToQueue: (notification: Notification) => void;
         tickWaitingQueue: () => void;
         tickActiveQueue: (notificationId: string) => void;
-        closeNotification: (notificationId: string) => void;
+        closeNotification: (notificationId: string) => Notification | undefined;
     }
 }
 declare module "../../sdk-web-notifications/src/storage" {
@@ -865,9 +1010,10 @@ declare module "../../sdk-web-notifications/src/storage" {
     }
 }
 declare module "../../sdk-web-notifications/src/notifications" {
-    import { InstantView, QuestionType, GameSettings, TweetHistory, QuestionImages } from '../../sdk-web-types/src/index.ts';
+    import { InstantView, QuestionType, GameSettings, TweetHistory } from '../../sdk-web-types/src/index.ts';
     import { NotificationsQueue, NotificationsQueueOptions } from "../../sdk-web-notifications/src/queue/index";
     export type NotificationData = {
+        questionId: string;
         questionType: QuestionType;
         question?: {
             title: string;
@@ -880,9 +1026,7 @@ declare module "../../sdk-web-notifications/src/notifications" {
             correctAnswerTitle?: string;
             questionTitle?: string;
         };
-        insight?: InstantView & {
-            imageMode?: QuestionImages;
-        };
+        insight?: InstantView;
         onboarding?: GameSettings & {
             instantOpen?: boolean;
         };
@@ -893,6 +1037,7 @@ declare module "../../sdk-web-notifications/src/notifications" {
             account: string;
             accountVerified: boolean;
             tweet: TweetHistory['tweet'] | undefined;
+            tweetId: string;
         };
     };
     export enum NotificationType {
@@ -908,6 +1053,7 @@ declare module "../../sdk-web-notifications/src/notifications" {
         action?: (...args: unknown[]) => void;
         close?: (...args: unknown[]) => void;
         methods?: M;
+        emitEvent?: boolean;
         data: NotificationData;
         id: string;
         persistent?: boolean;
@@ -921,6 +1067,7 @@ declare module "../../sdk-web-notifications/src/notifications" {
         constructor(options?: Partial<NotificationsQueueOptions>);
         add: (notification: Notification) => void;
         close: (notificationId: string, markAsViewed?: boolean) => void;
+        getActiveNotification: () => Notification | null;
         getQueueStore: () => import("nanostores").WritableAtom<Map<string, Notification> | undefined>;
         markAsViewed: (notificationId: string) => void;
     }
@@ -938,6 +1085,7 @@ declare module "../../sdk-web-notifications/src/index" {
         }
         interface StreamLayerSDK {
             getNotificationsStore: Notifications['getQueueStore'];
+            getActiveNotification: Notifications['getActiveNotification'];
         }
     }
     /**
@@ -1295,9 +1443,9 @@ declare module "../../feature-gamification/src/queries/index" {
             };
         };
     }, QuestionSubscriptionRequest, QuestionSubscriptionResponse, "subscription" | "votingSubscription" | "questionSubscription" | "feedSubscription", ((request: import("@bufbuild/protobuf").PartialMessage<SubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<SubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<VotingSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<VotingSubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<QuestionSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<QuestionSubscriptionResponse>) | ((request: import("@bufbuild/protobuf").PartialMessage<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionRequest>, options?: import("@connectrpc/connect").CallOptions | undefined) => AsyncIterable<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedSubscriptionResponse>)>;
-    export const getQuestionByUser: (questionId: string, transport: Transport) => Promise<import('../../sdk-web-types/src/index.ts').ExtendedQuestion | undefined>;
+    export const getQuestionByUser: (questionId: string, transport: Transport) => Promise<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion | undefined>;
     export const getQuestionDetail: (questionId: string, transport: Transport) => Promise<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").Question | undefined>;
-    export const $questionByUser: ($questionId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<import('../../sdk-web-types/src/index.ts').ExtendedQuestion | undefined, any>;
+    export 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>;
     export 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 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 { $userSummary, $leaderboardList } from "../../feature-gamification/src/queries/leaderboard";
@@ -1306,24 +1454,26 @@ declare module "../../feature-gamification/src/queries/index" {
 }
 declare module "../../feature-gamification/src/detail" {
     import type { Transport } from '../../sdk-web-api/src/index.ts';
+    import { FeedItem, ExtendedQuestion } from '../../sdk-web-types/src/index.ts';
     import { ReadableAtom } from 'nanostores';
-    import { getQuestionByUser } from "../../feature-gamification/src/queries/index";
     import { type GamificationBackground } from "../../feature-gamification/src/background";
-    type ExtendedQuestion = Awaited<ReturnType<typeof getQuestionByUser>>;
-    type ExtendedQuestionStore = {
-        data?: ExtendedQuestion;
-        loading?: boolean;
-        error?: string;
-    };
-    export const detail: (transport: Transport, $openedQuestionId: ReadableAtom<string | undefined>, $feedList: ReturnType<GamificationBackground['feedList']['getStore']>) => {
-        $store: ReadableAtom<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | undefined>;
-        $extendedStore: import("nanostores").MapStore<ExtendedQuestionStore>;
-        updateExtendedQuestion: (question: ExtendedQuestion) => void;
+    export const detail: (transport: Transport, $openedQuestionId: ReadableAtom<{
+        questionId: string;
+        question?: FeedItem & {
+            openedFrom?: 'list' | 'notification';
+        };
+    } | undefined>, $feedList: ReturnType<GamificationBackground['feedList']['getStore']>) => {
+        $store: ReadableAtom<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem | (import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").FeedItem> & {
+            openedFrom?: "list" | "notification" | undefined;
+        }) | undefined>;
+        $extendedStore: import("@nanostores/query").FetcherStore<import("@bufbuild/protobuf").PlainMessage<import("@streamlayer/sl-eslib/interactive/interactive.common_pb").ExtendedQuestion>, any>;
+        updateExtendedQuestion: (question: ExtendedQuestion | undefined) => void;
     };
 }
 declare module "../../feature-gamification/src/background" {
     import { ApiStore, type StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
     import type { GetApiResponseType } from '../../sdk-web-api/src/index.ts';
+    import { FeedItem } from '../../sdk-web-types/src/index.ts';
     import '@streamlayer/sdk-web-core/store';
     import { ReadableAtom, WritableAtom } from 'nanostores';
     import * as queries from "../../feature-gamification/src/queries/index";
@@ -1348,7 +1498,12 @@ declare module "../../feature-gamification/src/background" {
          */
         interactiveAllowed: WritableAtom<InteractiveAllowed>;
         /** opened question, using to download statistics */
-        openedQuestionId: WritableAtom<string | undefined>;
+        openedQuestionId: WritableAtom<{
+            questionId: string;
+            question?: FeedItem & {
+                openedFrom?: 'list' | 'notification';
+            };
+        } | undefined>;
         /** opened question statistics */
         openedQuestion: ReturnType<typeof detail>;
         /** last active question in feed */
@@ -1364,6 +1519,7 @@ declare module "../../feature-gamification/src/background" {
         questionSubscription?: ReturnType<typeof queries.questionSubscription>;
         private notifications;
         private log;
+        private transport;
         constructor(instance: StreamLayerContext);
         /**
          * Get id for notifications and link with current session
@@ -1384,13 +1540,21 @@ declare module "../../feature-gamification/src/background" {
         /**
          * Open question and mark notification for this question as viewed
          */
-        openQuestion: (questionId: string) => void;
+        openQuestion: (questionId: string, question?: FeedItem & {
+            openedFrom?: 'list' | 'notification';
+        }) => void;
         /**
          * Close question and mark notification for this question as viewed
          */
         closeQuestion: (questionId?: string) => void;
     }
 }
+declare module "../../feature-gamification/src/constants" {
+    export enum ERROR {
+        UNKNOWN = "unknown",
+        ALREADY_VOTED = "already_voted"
+    }
+}
 declare module "../../feature-gamification/src/queries/actions" {
     import type { Transport } from '../../sdk-web-api/src/index.ts';
     export const submitAnswer: (transport: Transport, data: {
@@ -1489,7 +1653,7 @@ declare module "../../feature-gamification/src/deepLink" {
 }
 declare module "../../feature-gamification/src/gamification" {
     import { AbstractFeature, ApiStore, FeatureSource, type FeatureProps, type StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
-    import { type GamesOverlaySettings } from '../../sdk-web-types/src/index.ts';
+    import { type GamesOverlaySettings, FeedItem } from '../../sdk-web-types/src/index.ts';
     import type { GetApiResponseType } from '../../sdk-web-api/src/index.ts';
     import '@streamlayer/sdk-web-core/store';
     import type { PlainMessage } from '@bufbuild/protobuf';
@@ -1534,20 +1698,25 @@ declare module "../../feature-gamification/src/gamification" {
         openedUser: WritableAtom<LeaderboardItem | undefined>;
         closeFeature: () => void;
         openFeature: () => void;
+        feedSubscription: GamificationBackground['feedSubscription'];
+        activeQuestionId: GamificationBackground['activeQuestionId'];
+        openedQuestionId: GamificationBackground['openedQuestionId'];
         private notifications;
         private transport;
         /** gamification background class, handle subscriptions and notifications for closed overlay */
         private background;
         /** Browser cache */
         private storage;
+        private submitAnswerTimeout;
         constructor(config: FeatureProps, source: FeatureSource, instance: StreamLayerContext);
         get isInteractiveAllowed(): boolean;
         checkInteractiveFlag: () => void;
-        connect: (transport: StreamLayerContext['transport']) => void;
+        connect: () => void;
         disconnect: () => void;
         submitAnswer: (questionId: string, answerId: string) => Promise<void>;
-        skipQuestion: (questionId: string) => Promise<void>;
-        openQuestion: (questionId: string) => void;
+        openQuestion: (questionId: string, question?: FeedItem & {
+            openedFrom?: 'list' | 'notification';
+        }) => void;
         closeQuestion: (questionId?: string) => void;
         openUser: (userId: string) => void;
         closeUser: () => void;
@@ -1596,13 +1765,195 @@ declare module "../../sdk-web-features/src/index" {
             getFeature: <T extends FeatureType = FeatureType>(featureType: T) => (T extends FeatureType.GAMES ? Gamification : Feature) | undefined;
             getActiveFeature: SingleStore<FeatureType>['getStore'];
             closeFeature: (destroy?: boolean) => void;
+            featuresList: SingleStore<Set<FeatureType>>;
         }
     }
     export const features: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;
 }
+declare module "../../sdk-web-analytics/src/invitation" {
+    import { InvitationFrom } from '@streamlayer/sl-eslib/analytics/v1/invitations/invitations_pb';
+    import { Analytics } from "../../sdk-web-analytics/src/analytics";
+    export class InvitationAnalytics {
+        private analytics;
+        constructor(analytics: Analytics);
+        accepted: () => void;
+        sent: ({ from }: {
+            from?: InvitationFrom | undefined;
+        }) => void;
+    }
+}
+declare module "../../sdk-web-analytics/src/interactions" {
+    import { Analytics } from "../../sdk-web-analytics/src/analytics";
+    export class InteractionsAnalytics {
+        private analytics;
+        constructor(analytics: Analytics);
+        tap: () => void;
+        scroll: () => void;
+    }
+}
+declare module "../../sdk-web-analytics/src/constants" {
+    import { TopicType, Category } from '@streamlayer/sl-eslib/analytics/v1/common/analytics.common_pb';
+    import { NotificationKind } from '@streamlayer/sl-eslib/analytics/v1/notifications/notifications_pb';
+    export const AllowedCases: {
+        games: string;
+        notification: string;
+        invitation: string;
+        eventOpened: string;
+        interactions: string;
+    };
+    export const TOPIC_TYPE_MAP: {
+        0: TopicType;
+        4: TopicType;
+        1: TopicType;
+        3: TopicType;
+        6: TopicType;
+        2: TopicType;
+        5: TopicType;
+    };
+    export const QUESTION_NOTIFICATION_KIND_MAP: {
+        0: NotificationKind;
+        4: NotificationKind;
+        1: NotificationKind;
+        3: NotificationKind;
+        6: NotificationKind;
+        2: NotificationKind;
+        5: NotificationKind;
+    };
+    export const CATEGORY_TYPE_MAP: {
+        0: Category;
+        1: Category;
+        2: Category;
+        3: Category;
+        4: Category;
+        5: Category;
+        6: Category;
+        7: Category;
+        8: Category;
+        9: Category;
+        10: Category;
+        11: Category;
+        12: Category;
+        13: Category;
+        14: Category;
+        15: Category;
+    };
+}
+declare module "../../sdk-web-analytics/src/notifications" {
+    import { Analytics } from "../../sdk-web-analytics/src/analytics";
+    export class NotificationsAnalytics {
+        private analytics;
+        constructor(analytics: Analytics);
+        private received;
+        private opened;
+    }
+}
+declare module "../../sdk-web-analytics/src/polls" {
+    import { QuestionType } from '../../sdk-web-types/src/index.ts';
+    import { Analytics } from "../../sdk-web-analytics/src/analytics";
+    /**
+     * PollsAnalytics is a class that is used to send analytics events related to polls.
+     * It is used to send events when a poll is received, opened, voted, onboarding passed, or navigated.
+     */
+    export class PollsAnalytics {
+        private analytics;
+        constructor(analytics: Analytics);
+        received: ({ questionId, questionType }: {
+            questionId?: string | undefined;
+            questionType?: QuestionType | undefined;
+        }) => void;
+        opened: ({ questionId, questionType, questionOpenedFrom, }: {
+            questionId?: string | undefined;
+            questionType?: QuestionType | undefined;
+            questionOpenedFrom?: "list" | "notification" | undefined;
+        }) => void;
+        voted: ({ questionId, questionType }: {
+            questionId?: string | undefined;
+            questionType?: QuestionType | undefined;
+        }) => void;
+        onboardingPassed: () => void;
+        navigated: () => void;
+    }
+}
+declare module "../../sdk-web-analytics/src/heartbeat" {
+    import { Transport } from '../../sdk-web-api/src/index.ts';
+    import { Analytics } from "../../sdk-web-analytics/src/analytics";
+    type IHeartbeat = {
+        transport: Transport;
+        $commonStore: Analytics['commonStore'];
+    };
+    export const heartbeat: ({ transport, $commonStore }: IHeartbeat) => {
+        enable: () => void;
+        disable: () => void;
+        mount: () => void;
+        unmount: () => void;
+    };
+}
+declare module "../../sdk-web-analytics/src/analytics" {
+    import { MapStore, StreamLayerContext, OnMountCb } from '../../sdk-web-interfaces/src/index.ts';
+    import { Logger } from '../../sdk-web-logger/src/index.ts';
+    import { GamesMessage, NotificationMessage, SendInvitationsMessage, EventOpenedMessage, SendInteractionsMessage, CommonData } from '@streamlayer/sl-eslib/analytics/v2/streaming/streaming_pb';
+    import { PlainMessage } from '@bufbuild/protobuf';
+    import { InvitationAnalytics } from "../../sdk-web-analytics/src/invitation";
+    import { InteractionsAnalytics } from "../../sdk-web-analytics/src/interactions";
+    import { NotificationsAnalytics } from "../../sdk-web-analytics/src/notifications";
+    import { PollsAnalytics } from "../../sdk-web-analytics/src/polls";
+    import '@streamlayer/sdk-web-features';
+    type AnalyticsMessages = {
+        games?: PlainMessage<GamesMessage>;
+        notification?: PlainMessage<NotificationMessage>;
+        invitation?: PlainMessage<SendInvitationsMessage>;
+        eventOpened?: PlainMessage<EventOpenedMessage>;
+        interactions?: PlainMessage<SendInteractionsMessage>;
+        common: PlainMessage<CommonData>;
+    };
+    export const logger: Logger;
+    /**
+     * analytics events
+     * 1. start (on start we should send heartbeats, generate session id)
+     * 2. overlay open (on open we should update store, create overlay session id)
+     * 3. overlay close (on close we should update store, remove overlay session id)
+     * 4. switch event
+     * 5. on update screen orientation
+     * 6. on open question we should update topicId, topicType (???parentTopicId, ???topicSubType)
+     * 7. on close question we should clear topicId, topicType
+     */
+    export class Analytics {
+        readonly commonStore: MapStore<AnalyticsMessages['common']>;
+        readonly notifications: NotificationsAnalytics;
+        readonly polls: PollsAnalytics;
+        readonly invitation: InvitationAnalytics;
+        readonly interactions: InteractionsAnalytics;
+        private heartbeat;
+        private analyticsClient;
+        private listeners;
+        private listenersCancels;
+        private connected;
+        constructor(instance: StreamLayerContext);
+        connect: () => void;
+        disconnect: () => void;
+        write: <T extends "notification" | "invitation" | "interactions" | "games" | "eventOpened" = "notification" | "invitation" | "interactions" | "games" | "eventOpened">(key: T, value: AnalyticsMessages[T]) => void;
+        writeCommon: <T extends "eventId" | "category" | "kind" | "screenOrientation" | "sessionId" | "overlaySessionId" | "topicId" | "topicType" | "parentTopicId" | "parentTopicType" | "participantsCount" | "routeMap" | "trackTimestamp" | "topicSubType" | "country" = "eventId" | "category" | "kind" | "screenOrientation" | "sessionId" | "overlaySessionId" | "topicId" | "topicType" | "parentTopicId" | "parentTopicType" | "participantsCount" | "routeMap" | "trackTimestamp" | "topicSubType" | "country">(key: T, value: PlainMessage<CommonData>[T]) => void;
+        onConnect: (cb: OnMountCb) => void;
+        private connectToSDK;
+    }
+}
+declare module "../../sdk-web-analytics/src/index" {
+    import { type StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
+    import type { DeepLinkContext } from '../../sdk-web-core/src/index.ts';
+    import { Transport } from '../../sdk-web-api/src/index.ts';
+    import { Analytics } from "../../sdk-web-analytics/src/analytics";
+    module '@streamlayer/sdk-web-interfaces' {
+        interface StreamLayerContext {
+            analytics: Analytics;
+            deepLink: DeepLinkContext;
+            analyticsTransport: Transport;
+        }
+    }
+    export const analytics: (instance: StreamLayerContext, opts: unknown, done: Function) => void;
+}
 declare module "../../sdk-web/src/index" {
     import { StreamLayerContext } from '../../sdk-web-interfaces/src/index.ts';
-    import type { DeepLinkCallback, VideoPlayerCallback } from '../../sdk-web-core/src/index.ts';
+    import { type DeepLinkCallback, type VideoPlayerCallback } from '../../sdk-web-core/src/index.ts';
     import avvio from 'avvio';
     import './polyfills/raf';
     export type StreamLayerInstance = avvio.mixedInstance<StreamLayerContext>;