@streamlayer/feature-gamification 0.31.0 → 0.33.0

package/lib/deepLink.d.ts

@@ -1,7 +1,12 @@
 import type { Transport } from '@streamlayer/sdk-web-api';
 import { ReadableAtom } from 'nanostores';
+type DeepLinkData = {
+    data?: string;
+    loading?: boolean;
+    error?: string;
+};
 export declare const deepLink: (transport: Transport, $eventId: ReadableAtom<string | undefined>, $userId: ReadableAtom<string | undefined>) => {
-    $store: import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").DeepLink | undefined, any>;
+    $store: import("nanostores").MapStore<DeepLinkData>;
     fetch: typeof fetch;
-    desktopLink: string;
 };
+export {};

package/lib/deepLink.js

@@ -1,6 +1,23 @@
-import { $deepLink } from './queries/deepLink';
+import { createMapStore } from '@streamlayer/sdk-web-interfaces';
+import { onMount } from 'nanostores';
+import { $deepLink, generateShortLink } from './queries/deepLink';
 export const deepLink = (transport, $eventId, $userId) => {
-    const $store = $deepLink(transport, [$eventId]);
-    const desktopLink = `${window.location.host + window.location.pathname}%23sl_eid=${$eventId.get()}&sl_uid=${$userId.get()}`;
-    return { $store, fetch, desktopLink };
+    const $store = createMapStore({});
+    onMount($store, () => {
+        const $branchLink = $deepLink(transport, [$eventId]);
+        const cancel = $branchLink.subscribe(async ({ data }) => {
+            const mobileDeepLink = data?.url;
+            if (mobileDeepLink) {
+                $store.setKey('loading', true);
+                const desktopLink = `${window.location.host + window.location.pathname}%23sl_eid=${$eventId.get()}&sl_uid=${$userId.get()}`;
+                const shortLink = await generateShortLink(transport, { web: desktopLink, mobile: mobileDeepLink });
+                $store.set({
+                    data: shortLink.data?.link,
+                    loading: false,
+                });
+            }
+        });
+        return cancel;
+    });
+    return { $store, fetch };
 };

package/lib/leaderboard.js

@@ -1,4 +1,5 @@
 import { createSingleStore, createMapStore } from '@streamlayer/sdk-web-interfaces';
+import { onMount } from 'nanostores';
 import { createLeaderboardListFetch } from './queries/leaderboard';
 const defaultOptions = {
     pageSize: 10,
@@ -30,32 +31,9 @@ export const leaderboard = (transport, $eventId, options) => {
             $pagination.set(request.pagination);
         }
     };
-    $eventId.listen(refetch);
     const invalidate = () => {
         void refetch($eventId.get());
     };
-    $pagination.listen(async (pagination) => {
-        const eventId = $eventId.get();
-        if (pagination.page > 0 && eventId) {
-            if (pagination.page < maxPage) {
-                $store.setKey('loading', true);
-                const request = {
-                    eventId: eventId,
-                    pagination,
-                };
-                const newData = await fetch(request);
-                const prevData = $store.get().data || [];
-                $store.set({
-                    data: [...prevData, ...newData.data.map((item) => item.attributes)],
-                    loading: false,
-                    hasMore: true,
-                });
-            }
-            else {
-                $store.setKey('hasMore', false);
-            }
-        }
-    });
     /**
      * Whether there is more data to fetch
      */
@@ -66,5 +44,34 @@ export const leaderboard = (transport, $eventId, options) => {
             $pagination.set({ ...pagination, page: nextPage });
         }
     };
+    onMount($store, () => {
+        const cancelRefetchListener = $eventId.listen(refetch);
+        const cancelPaginationListener = $pagination.listen(async (pagination) => {
+            const eventId = $eventId.get();
+            if (pagination.page > 0 && eventId) {
+                if (pagination.page < maxPage) {
+                    $store.setKey('loading', true);
+                    const request = {
+                        eventId: eventId,
+                        pagination,
+                    };
+                    const newData = await fetch(request);
+                    const prevData = $store.get().data || [];
+                    $store.set({
+                        data: [...prevData, ...newData.data.map((item) => item.attributes)],
+                        loading: false,
+                        hasMore: true,
+                    });
+                }
+                else {
+                    $store.setKey('hasMore', false);
+                }
+            }
+        });
+        return () => {
+            cancelRefetchListener();
+            cancelPaginationListener();
+        };
+    });
     return { $store, fetchMore, invalidate };
 };

package/lib/onboarding.js

@@ -25,7 +25,7 @@ export const onboarding = (service, background, transport, notifications) => {
     const showOnboardingInApp = () => {
         const { inplayGame } = service.featureSettings.get();
         const notificationId = background.getCurrentSessionId({ prefix: 'onboarding' });
-        if (inplayGame) {
+        if (inplayGame && inplayGame.enable) {
             notifications.add({
                 type: NotificationType.ONBOARDING,
                 id: notificationId,

package/lib/queries/deepLink.d.ts

@@ -3,4 +3,8 @@ import { ReadableAtom } from 'nanostores';
 import { DeepLink } from '@streamlayer/sl-eslib/sdkSettings/client/client_pb';
 type EventId = ReadableAtom<string | undefined>;
 export declare const $deepLink: (transport: Transport, params: [EventId]) => import("@nanostores/query").FetcherStore<DeepLink | undefined, any>;
+export declare const generateShortLink: (transport: Transport, { web, mobile }: {
+    web: string;
+    mobile: string;
+}) => Promise<import("@streamlayer/sl-eslib/shortLinks/client_pb").GenerateResponse>;
 export {};

package/lib/queries/deepLink.js

@@ -1,4 +1,5 @@
 import { Client } from '@streamlayer/sl-eslib/sdkSettings/client/client_connect';
+import { Client as ShortLinkClient } from '@streamlayer/sl-eslib/shortLinks/client_connect';
 export const $deepLink = (transport, params) => {
     const { client, queryKey } = transport.createPromiseClient(Client, {
         method: 'generateDeepLink',
@@ -14,3 +15,7 @@ export const $deepLink = (transport, params) => {
         },
     });
 };
+export const generateShortLink = (transport, { web, mobile }) => {
+    const { client } = transport.createPromiseClient(ShortLinkClient, { method: 'generate' });
+    return client.generate({ web, mobile });
+};

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@streamlayer/feature-gamification",
-  "version": "0.31.0",
+  "version": "0.33.0",
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
-    "@streamlayer/sl-eslib": "^5.61.0",
+    "@streamlayer/sl-eslib": "^5.61.1",
     "@fastify/deepmerge": "*",
     "nanostores": "^0.9.5",
-    "@streamlayer/sdk-web-api": "^0.1.0",
-    "@streamlayer/sdk-web-core": "^0.1.0",
-    "@streamlayer/sdk-web-interfaces": "^0.18.20",
+    "@streamlayer/sdk-web-api": "^0.0.1",
+    "@streamlayer/sdk-web-core": "^0.0.1",
+    "@streamlayer/sdk-web-interfaces": "^0.18.21",
     "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-notifications": "^0.0.4",
+    "@streamlayer/sdk-web-notifications": "^0.0.5",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.1.0"
   },