@streamlayer/react-ui 0.1.0

package/README.md

@@ -0,0 +1,7 @@
+# react-ui
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test react-ui` to execute the unit tests via [Jest](https://jestjs.io).

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@streamlayer/react-ui",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "exports": {
+    "import": "./src/main.js",
+    "default": "./src/main.js"
+  },
+  "files": [
+    "src/"
+  ],
+  "dependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "@streamlayer/feature-gamification": "workspace:^",
+    "@streamlayer/sdk-web": "workspace:^",
+    "@streamlayer/sdk-web-anonymous-auth": "workspace:^",
+    "@streamlayer/sdk-web-core": "workspace:^",
+    "@streamlayer/sdk-web-interfaces": "workspace:^",
+    "@streamlayer/sdk-web-types": "workspace:^",
+    "react": "18.2.0",
+    "react-countdown-circle-timer": "^3.2.1",
+    "react-digit-input": "^2.1.0",
+    "react-dom": "18.2.0",
+    "react-phone-number-input": "^3.3.6"
+  },
+  "devDependencies": {
+    "@nanostores/react": "^0.7.1",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/jest": "~0.2.3",
+    "@storybook/react": "^7.2.1",
+    "@storybook/testing-library": "~0.2.0",
+    "vite-svg-loader": "^4.0.0"
+  },
+  "module": "./src/index.js"
+}

package/src/index.d.ts

@@ -0,0 +1,10 @@
+export * from './lib/gamification/inapp';
+export * from './lib/gamification/login';
+export * from './lib/gamification/onboarding';
+export * from './lib/gamification/question';
+export * from './lib/gamification/question-list';
+export * from './lib/gamification/user-statistics';
+export * from './lib/gamification/vote';
+export * from './lib/demo';
+export * from './lib/theme';
+export * from './lib/theme/theme';

package/src/index.js

@@ -0,0 +1,11 @@
+export * from './lib/gamification/inapp';
+export * from './lib/gamification/login';
+export * from './lib/gamification/onboarding';
+export * from './lib/gamification/question';
+export * from './lib/gamification/question-list';
+export * from './lib/gamification/user-statistics';
+export * from './lib/gamification/vote';
+export * from './lib/demo';
+export * from './lib/theme';
+export * from './lib/theme/theme';
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/react-ui/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,oCAAoC,CAAA;AAClD,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}

package/src/lib/demo/Gamification.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import type { Gamification } from '@streamlayer/feature-gamification';
+export declare const GamificationComponent: React.FC<{
+    gamification: Gamification;
+    sdk: StreamLayerSDK;
+}>;

package/src/lib/demo/Gamification.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useStore } from '@nanostores/react';
+import { UserSummary, QuestionsList, Question, Notifications, InPlayGame } from './components';
+import { DemoContainer, DemoContainerNotifications, UserStatisticsContainer } from './styles';
+export const GamificationComponent = ({ gamification, sdk, }) => {
+    const onbordingComplete = useStore(gamification.onbordingComplete);
+    if (!onbordingComplete) {
+        return (_jsx(DemoContainer, { children: _jsx(InPlayGame, { action: gamification.submitInplay }) }));
+    }
+    const openQuestion = (questionId) => {
+        gamification.openQuestion(questionId);
+    };
+    const closeQuestion = () => {
+        gamification.closeQuestion();
+    };
+    const vote = (questionId, answerId) => {
+        void gamification.submitAnswer(questionId, answerId);
+    };
+    return (_jsxs(DemoContainer, { children: [_jsx(DemoContainerNotifications, { children: _jsx(Notifications, { notificationsStore: sdk.getNotificationsStore(), openQuestion: openQuestion }) }), _jsx(UserStatisticsContainer, { children: gamification.userSummary && _jsx(UserSummary, { store: gamification.userSummary.getStore() }) }), gamification.questions && (_jsx(QuestionsList, { openQuestion: openQuestion, store: gamification.questions.getStore() })), gamification.openedQuestion && (_jsx(Question, { closeQuestion: closeQuestion, vote: vote, store: gamification.openedQuestion.getStore() }))] }));
+};
+//# sourceMappingURL=Gamification.js.map

package/src/lib/demo/Gamification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gamification.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/Gamification.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAE7F,MAAM,CAAC,MAAM,qBAAqB,GAAkE,CAAC,EACnG,YAAY,EACZ,GAAG,GACJ,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;IAElE,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CACL,KAAC,aAAa,cACZ,KAAC,UAAU,IAAC,MAAM,EAAE,YAAY,CAAC,YAAY,GAAI,GACnC,CACjB,CAAA;KACF;IAED,MAAM,YAAY,GAAG,CAAC,UAAkB,EAAE,EAAE;QAC1C,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,aAAa,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,CAAC,UAAkB,EAAE,QAAgB,EAAE,EAAE;QACpD,KAAK,YAAY,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IACtD,CAAC,CAAA;IAED,OAAO,CACL,MAAC,aAAa,eACZ,KAAC,0BAA0B,cACzB,KAAC,aAAa,IAAC,kBAAkB,EAAE,GAAG,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,YAAY,GAAI,GACnE,EAC7B,KAAC,uBAAuB,cACrB,YAAY,CAAC,WAAW,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAI,GAChE,EACzB,YAAY,CAAC,SAAS,IAAI,CACzB,KAAC,aAAa,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAI,CACxF,EACA,YAAY,CAAC,cAAc,IAAI,CAC9B,KAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,QAAQ,EAAE,GAAI,CACtG,IACa,CACjB,CAAA;AACH,CAAC,CAAA"}

package/src/lib/demo/Login.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+export declare const LoginComponent: React.FC<{
+    sdk: StreamLayerSDK;
+}>;

package/src/lib/demo/Login.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Login } from '../gamification/login';
+export const LoginComponent = ({ sdk }) => {
+    const login = async (token) => {
+        await sdk.authorizationBypass('streamlayer:streamlayer', token);
+    };
+    return _jsx(Login, { login: login, anonymousLogin: sdk.anonymousAuthorization });
+};
+//# sourceMappingURL=Login.js.map

package/src/lib/demo/Login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/Login.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAsC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,KAAK,EAAE,KAAa,EAAE,EAAE;QACpC,MAAM,GAAG,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAA;IACjE,CAAC,CAAA;IAED,OAAO,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC,sBAAsB,GAAI,CAAA;AAC5E,CAAC,CAAA"}

package/src/lib/demo/components/InPlayGame.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type InPlayGameType = {
+    action: () => void;
+};
+export declare const InPlayGame: React.FC<InPlayGameType>;
+export {};

package/src/lib/demo/components/InPlayGame.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Onboarding } from '../../gamification/onboarding';
+export const InPlayGame = ({ action }) => {
+    return _jsx(Onboarding, { action: action });
+};
+//# sourceMappingURL=InPlayGame.js.map

package/src/lib/demo/components/InPlayGame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InPlayGame.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/InPlayGame.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAM1D,MAAM,CAAC,MAAM,UAAU,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACjE,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAA;AACvC,CAAC,CAAA"}

package/src/lib/demo/components/Notifications.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { NotificationsStore } from '@streamlayer/sdk-web-core/notifications';
+export declare const Notifications: React.FC<{
+    notificationsStore: NotificationsStore;
+    openQuestion: (questionId: string) => void;
+}>;

package/src/lib/demo/components/Notifications.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useStore } from '@nanostores/react';
+import { useEffect, useRef, useState } from 'react';
+import { InApp } from '../../gamification/inapp';
+export const Notifications = ({ notificationsStore, openQuestion }) => {
+    const timeout = useRef();
+    const [lastNotification, setLastNotification] = useState();
+    const notifications = useStore(notificationsStore);
+    useEffect(() => {
+        if (notifications) {
+            setLastNotification(notifications[notifications.length - 1]?.data);
+            timeout.current = setTimeout(() => {
+                setLastNotification(undefined);
+            }, 5000);
+        }
+        return () => {
+            if (timeout.current) {
+                clearTimeout(timeout.current);
+            }
+        };
+    }, [notifications]);
+    if (!lastNotification?.question || !lastNotification?.notification) {
+        return null;
+    }
+    const closeInApp = () => {
+        if (timeout.current) {
+            clearTimeout(timeout.current);
+        }
+        setLastNotification(undefined);
+    };
+    const openVoiting = () => {
+        closeInApp();
+        openQuestion(lastNotification.question.id);
+    };
+    return (_jsx(InApp, { openVoiting: openVoiting, closeInApp: closeInApp, title: lastNotification.notification.title, icon: lastNotification.notification.image, color: lastNotification.notification.indicatorColor }));
+};
+//# sourceMappingURL=Notifications.js.map

package/src/lib/demo/components/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/Notifications.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAEhD,MAAM,CAAC,MAAM,aAAa,GAGrB,CAAC,EAAE,kBAAkB,EAAE,YAAY,EAAE,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,MAAM,EAAkB,CAAA;IACxC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAAoC,CAAA;IAE5F,MAAM,aAAa,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE;YACjB,mBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;YAElE,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAChC,mBAAmB,CAAC,SAAS,CAAC,CAAA;YAChC,CAAC,EAAE,IAAI,CAAC,CAAA;SACT;QAED,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,CAAC,OAAO,EAAE;gBACnB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;aAC9B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAI,CAAC,gBAAgB,EAAE,QAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,EAAE;QAClE,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;SAC9B;QAED,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,EAAE,CAAA;QACZ,YAAY,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,KAAK,IACJ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,KAAK,EAC1C,IAAI,EAAE,gBAAgB,CAAC,YAAY,CAAC,KAAK,EACzC,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,cAAc,GACnD,CACH,CAAA;AACH,CAAC,CAAA"}

package/src/lib/demo/components/Question.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { Gamification } from '@streamlayer/feature-gamification';
+export declare const Question: React.FC<{
+    store: ReturnType<Exclude<Gamification['openedQuestion'], undefined>['getStore']>;
+    closeQuestion: () => void;
+    vote: (questionId: string, answerId: string) => void;
+}>;

package/src/lib/demo/components/Question.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import styled from '@emotion/styled';
+import { useStore } from '@nanostores/react';
+import { useState, useCallback, useMemo } from 'react';
+import { Vote } from '../../gamification/vote';
+import { VotingHeader } from '../../gamification/vote/components/voting-header';
+import iconSponsorship from '../../../assets/icons/fedex.svg';
+const QuestionContainer = styled.div `
+  position: absolute;
+  top: 0;
+  background: ${(props) => props.theme.COLORS.BG_TRANSPARENT_ITEM};
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+  > div {
+    width: 100%;
+    background: #000;
+    animation: slidein 0.3s ease-in;
+  }
+
+  @keyframes slidein {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+`;
+export const Question = ({ store, closeQuestion, vote }) => {
+    const { data: openedQuestion } = useStore(store);
+    const [answerTimeExpired, setAnswerTimeExpired] = useState(false);
+    const setTimeToExpire = useCallback((flag) => {
+        setAnswerTimeExpired(flag);
+    }, [setAnswerTimeExpired]);
+    const questionAnswered = useMemo(() => openedQuestion?.answers.find((answer) => answer.youVoted === true), [openedQuestion]);
+    const hasCorrectAnswer = useMemo(() => !!openedQuestion?.answers.find((answer) => answer.correct === true), [openedQuestion]);
+    if (!openedQuestion) {
+        return null;
+    }
+    return (_jsx(QuestionContainer, { children: _jsxs("div", { children: [_jsx(VotingHeader, { points: questionAnswered?.points || 0, questionAnswered: !!questionAnswered, questionAnsweredCorrectly: questionAnswered?.correct, logo: iconSponsorship, closeQuestion: closeQuestion, setTimeToExpire: setTimeToExpire, questionType: openedQuestion.type }), _jsx("div", { children: _jsx(Vote, { title: openedQuestion.subject, feedbackMessages: openedQuestion.options?.options.value, questionType: openedQuestion.type, questionId: openedQuestion.id, questionAnswered: !!questionAnswered, questionAnsweredCorrectly: questionAnswered?.correct, options: openedQuestion.answers.map((answer) => ({
+                            id: answer.id,
+                            title: answer.text,
+                            icon: answer.icon,
+                            type: openedQuestion.type,
+                            correct: answer.correct,
+                            percentage: answer.percentage,
+                            answered: answer.youVoted,
+                            disabled: !!questionAnswered || openedQuestion.marketClosed || answerTimeExpired,
+                            questionAnswered: !!questionAnswered,
+                            hasCorrectAnswer,
+                            onVote: vote,
+                        })) }) })] }) }));
+};
+//# sourceMappingURL=Question.js.map

package/src/lib/demo/components/Question.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/Question.tsx"],"names":[],"mappings":"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"}

package/src/lib/demo/components/QuestionsList.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { Gamification } from '@streamlayer/feature-gamification';
+export declare const QuestionsList: React.FC<{
+    store: ReturnType<Exclude<Gamification['questions'], undefined>['getStore']>;
+    openQuestion: (questionId: string) => void;
+}>;

package/src/lib/demo/components/QuestionsList.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useStore } from '@nanostores/react';
+import { QuestionList } from '../../gamification/question-list';
+export const QuestionsList = ({ store, openQuestion }) => {
+    const { data: questions } = useStore(store);
+    if (!questions) {
+        return _jsx("div", { children: "wait questions..." });
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return _jsx(QuestionList, { openQuestion: openQuestion, questions: questions });
+};
+//# sourceMappingURL=QuestionsList.js.map

package/src/lib/demo/components/QuestionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionsList.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/QuestionsList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAE/D,MAAM,CAAC,MAAM,aAAa,GAGrB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,8CAA4B,CAAA;KACpC;IAED,6DAA6D;IAC7D,aAAa;IACb,OAAO,KAAC,YAAY,IAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAA;AAC3E,CAAC,CAAA"}

package/src/lib/demo/components/UserSummary.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { Gamification } from '@streamlayer/feature-gamification';
+export declare const UserSummary: React.FC<{
+    store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
+}>;

package/src/lib/demo/components/UserSummary.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useStore } from '@nanostores/react';
+import { UserStatistics } from '../../gamification/user-statistics';
+export const UserSummary = ({ store }) => {
+    const { data: user } = useStore(store);
+    if (!user?.summary) {
+        return _jsx("div", { children: "wait user..." });
+    }
+    return (_jsx(UserStatistics, { avatar: user.summary.avatar, name: user.summary.name, points: user.summary.points, grade: '0', friendsRank: user.summary.friendsRank, globalRank: user.summary.rank, winStreak: user.summary.streak, correct: user.summary.correct, incorrect: user.summary.incorrect, successRate: user.percentage?.average }));
+};
+//# sourceMappingURL=UserSummary.js.map

package/src/lib/demo/components/UserSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSummary.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/UserSummary.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAEnE,MAAM,CAAC,MAAM,WAAW,GAEnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEtC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;QAClB,OAAO,yCAAuB,CAAA;KAC/B;IAED,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC3B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EACvB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC3B,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EACrC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC9B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EACjC,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GACrC,CACH,CAAA;AACH,CAAC,CAAA"}

package/src/lib/demo/components/index.d.ts

@@ -0,0 +1,5 @@
+export { UserSummary } from './UserSummary';
+export { QuestionsList } from './QuestionsList';
+export { Question } from './Question';
+export { Notifications } from './Notifications';
+export { InPlayGame } from './InPlayGame';

package/src/lib/demo/components/index.js

@@ -0,0 +1,6 @@
+export { UserSummary } from './UserSummary';
+export { QuestionsList } from './QuestionsList';
+export { Question } from './Question';
+export { Notifications } from './Notifications';
+export { InPlayGame } from './InPlayGame';
+//# sourceMappingURL=index.js.map

package/src/lib/demo/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/demo/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/src/lib/demo/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+export declare const Demo: React.FC<{
+    sdk: StreamLayerSDK;
+}>;

package/src/lib/demo/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useStore } from '@nanostores/react';
+import { GamificationComponent } from './Gamification';
+import { LoginComponent } from './Login';
+export const Demo = ({ sdk }) => {
+    const user = useStore(sdk.getUserStore());
+    if (user.loading) {
+        return _jsx("div", { children: "authentificating..." });
+    }
+    if (!user.data) {
+        return _jsx(LoginComponent, { sdk: sdk });
+    }
+    const gamification = sdk.getFeatures().get('games');
+    if (!gamification) {
+        return _jsx("div", { children: "wait gamification..." });
+    }
+    return _jsx(GamificationComponent, { gamification: gamification, sdk: sdk });
+};
+//# sourceMappingURL=index.js.map

package/src/lib/demo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,CAAC,MAAM,IAAI,GAAsC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACjE,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IAEzC,IAAI,IAAI,CAAC,OAAO,EAAE;QAChB,OAAO,gDAA8B,CAAA;KACtC;IAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QACd,OAAO,KAAC,cAAc,IAAC,GAAG,EAAE,GAAG,GAAI,CAAA;KACpC;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,OAAO,CAAiB,CAAA;IAEnE,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,iDAA+B,CAAA;KACvC;IAED,OAAO,KAAC,qBAAqB,IAAC,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACxE,CAAC,CAAA"}

package/src/lib/demo/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const DemoContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DemoContainerNotifications: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserStatisticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/src/lib/demo/styles.js

@@ -0,0 +1,14 @@
+import styled from '@emotion/styled';
+export const DemoContainer = styled.div `
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+`;
+export const DemoContainerNotifications = styled.div `
+  position: absolute;
+  width: 100%;
+`;
+export const UserStatisticsContainer = styled.div `
+  margin-bottom: 15px;
+`;
+//# sourceMappingURL=styles.js.map

package/src/lib/demo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnD,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEhD,CAAA"}

package/src/lib/gamification/inapp/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface InAppProps {
+    title: string;
+    icon: string;
+    color?: string;
+    imagePosition?: string;
+    imageMode?: string;
+    body?: string;
+    openVoiting: () => void;
+    closeInApp: () => void;
+}
+export declare const InApp: React.FC<InAppProps>;
+export {};

package/src/lib/gamification/inapp/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useCallback } from 'react';
+import closeIcon from '../../../assets/icons/icon-exit.svg';
+import { Container, Content, IconWrap, Icon, TitleWrap, Title, CloseBtnWrap, CloseBtn, CloseIcon } from './styles';
+export const InApp = ({ title = '', icon, color, openVoiting, closeInApp }) => {
+    const _closeInApp = useCallback((e) => {
+        e.stopPropagation();
+        closeInApp();
+    }, [closeInApp]);
+    return (_jsxs(Container, { onClick: openVoiting, children: [_jsx(IconWrap, { style: color ? { backgroundColor: color } : {}, children: !!icon && _jsx(Icon, { alt: "in-app-icon", src: icon }) }), _jsxs(Content, { children: [_jsx(TitleWrap, { children: _jsx(Title, { id: "in-app-title", children: title }) }), _jsx(CloseBtnWrap, { children: _jsx(CloseBtn, { onClick: _closeInApp, children: _jsx(CloseIcon, { alt: "close-in-app-icon", src: closeIcon }) }) })] })] }));
+};
+//# sourceMappingURL=index.js.map

package/src/lib/gamification/inapp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/inapp/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAalH,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE;IAClG,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAsC,EAAE,EAAE;QACzC,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,UAAU,EAAE,CAAA;IACd,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,OAAO,CACL,MAAC,SAAS,IAAC,OAAO,EAAE,WAAW,aAC7B,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,YACrD,CAAC,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,GAAG,EAAC,aAAa,EAAC,GAAG,EAAE,IAAI,GAAI,GACvC,EACX,MAAC,OAAO,eACN,KAAC,SAAS,cACR,KAAC,KAAK,IAAC,EAAE,EAAC,cAAc,YAAE,KAAK,GAAS,GAC9B,EACZ,KAAC,YAAY,cACX,KAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,YAC5B,KAAC,SAAS,IAAC,GAAG,EAAC,mBAAmB,EAAC,GAAG,EAAE,SAAS,GAAI,GAC5C,GACE,IACP,IACA,CACb,CAAA;AACH,CAAC,CAAA"}

package/src/lib/gamification/inapp/styles.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Icon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseBtnWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseBtn: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const CloseIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/src/lib/gamification/inapp/styles.js

@@ -0,0 +1,74 @@
+import styled from '@emotion/styled';
+export const Container = styled.div `
+  box-sizing: border-box;
+  border: ${(props) => `1px solid ${props.theme.COLORS.BLUE_PRIMARY}`};
+  border-radius: 13px;
+  background-color: ${(props) => props.theme.COLORS.BG_TRANSPARENT};
+  color: ${(props) => props.theme.COLORS.WHITE};
+  display: flex;
+  user-select: none;
+  cursor: pointer;
+  overflow: hidden;
+  animation: slidein 0.3s ease-in;
+
+  @keyframes slidein {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+`;
+export const IconWrap = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 14px;
+  background-color: ${(props) => props.theme.COLORS.BLUE_PRIMARY};
+`;
+export const Icon = styled.img `
+  max-width: 40px;
+  max-height: 40px;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+`;
+export const Content = styled.div `
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+`;
+export const TitleWrap = styled.div `
+  padding-left: 20px;
+  padding-right: 5px;
+  font-weight: 700;
+  font-size: 14px;
+  flex: 1;
+`;
+export const Title = styled.div `
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+export const CloseBtnWrap = styled.div `
+  padding: 20px;
+`;
+export const CloseBtn = styled.button `
+  border: none;
+  outline: none;
+  background-color: transparent;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+export const CloseIcon = styled.img `
+  width: 24px;
+  height: 24px;
+`;
+//# sourceMappingURL=styles.js.map

package/src/lib/gamification/inapp/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/inapp/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;YAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE;;sBAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;WACvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;CAgB7C,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKZ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;CAC/D,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM7B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKhC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM9B,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAErC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;CAQpC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAA"}

package/src/lib/gamification/login/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import 'react-phone-number-input/style.css';
+export declare const Login: React.FC<{
+    login: (token: string) => Promise<void>;
+    anonymousLogin?: () => Promise<void>;
+}>;