@streamlayer/react-ui 0.5.7 → 0.22.0

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

@@ -1,5 +0,0 @@
-/// <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

@@ -1,26 +0,0 @@
-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 organization = useStore(sdk.organizationStore());
-    const user = useStore(sdk.getUserStore());
-    if (organization.loading) {
-        return _jsx("div", { children: "authentificating..." });
-    }
-    if (!organization.data) {
-        return _jsx("div", { children: "wrong sdk key..." });
-    }
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/react-ui/src/lib/demo/index.tsx"],"names":[],"mappings":";AAMA,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,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAA;IACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IAEzC,IAAI,YAAY,CAAC,OAAO,EAAE;QACxB,OAAO,gDAA8B,CAAA;KACtC;IAED,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QACtB,OAAO,6CAA2B,CAAA;KACnC;IAED,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

@@ -1,13 +0,0 @@
-/// <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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-/// <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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-/// <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

@@ -1,74 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useState } from 'react';
-import PhoneInput, { isValidPhoneNumber, formatPhoneNumberIntl } from 'react-phone-number-input';
-import 'react-phone-number-input/style.css';
-import useDigitInput from 'react-digit-input';
-import * as loginApi from '../../../utils/login';
-import { Timer } from '../vote/components/voting-header/components/timer';
-import { Panel, Digits, Form, FormTitle, FormDescription, FormSubmit, FormInputContainer } from './styles';
-export const Login = ({ login, anonymousLogin, host }) => {
-    const [phoneInput, setPhoneInput] = useState('');
-    const [phone, setPhone] = useState('');
-    const [code, setCode] = useState('');
-    const digits = useDigitInput({
-        acceptedCharacters: /^[0-9]$/,
-        length: 4,
-        value: code,
-        onChange: setCode,
-    });
-    const requestCode = async (e) => {
-        e.preventDefault();
-        try {
-            const parsed = phoneInput.replaceAll('+', '');
-            try {
-                await loginApi.requestLoginCode(host, parsed);
-            }
-            catch (err) {
-                await loginApi.register(host, parsed);
-            }
-            setPhone(parsed);
-        }
-        catch (err) {
-            window.alert(err);
-        }
-    };
-    const loginByCode = async (e) => {
-        e.preventDefault();
-        if (phone && code) {
-            try {
-                const token = await loginApi.login(host, phone, code);
-                if (token && login) {
-                    await login(token);
-                }
-                else {
-                    console.log('token', token);
-                }
-            }
-            catch (err) {
-                window.alert(err);
-            }
-        }
-    };
-    return (_jsxs(Panel, { children: [!phone && (_jsxs("div", { children: [_jsxs(Form, { onSubmit: requestCode, children: [_jsx(FormTitle, { children: "Enter your phone number" }), _jsx(FormDescription, { children: "Enter your phone up for number to log in or sign an account." }), _jsx(FormInputContainer, { children: _jsx(PhoneInput, { value: phoneInput, onChange: (val) => setPhoneInput(`${val}`) }) }), _jsx(FormSubmit, { disabled: !isValidPhoneNumber(phoneInput), type: "submit", children: "request code" })] }), anonymousLogin && (_jsx(FormSubmit, { style: { display: 'block', margin: 'auto' }, onClick: anonymousLogin, children: "anonymous login" }))] })), phone && (_jsxs(Form, { onSubmit: loginByCode, children: [_jsx(FormTitle, { children: "Enter Verification Code" }), _jsxs(FormDescription, { children: ["Please enter the verification code ", _jsx("br", {}), "sent to ", _jsx("b", { children: formatPhoneNumberIntl(phoneInput) })] }), _jsxs(Digits, { children: [_jsx("input", { autoFocus: true, inputMode: "decimal", ...digits[0] }), _jsx("input", { inputMode: "decimal", ...digits[1] }), _jsx("input", { inputMode: "decimal", ...digits[2] }), _jsx("input", { inputMode: "decimal", ...digits[3] })] }), _jsx(FormSubmit, { disabled: code.length !== 4, type: "submit", children: "login" }), _jsxs(FormDescription, { children: ["Didn't get 59 the code? ", _jsx("br", {}), "Resend Code in", _jsx(Timer, { duration: 30, setTimeToExpire: () => { }, isPlaying: true })] })] }))] }));
-};
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-export declare const Panel: 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 Form: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
-export declare const FormTitle: 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 FormDescription: 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 FormSubmit: 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 FormInputContainer: 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 Digits: 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/gamification/login/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/login/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;sBAGT,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB;;;;CAItE,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAM9B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAA;AACD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOxC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;sBACjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,wBAAwB;;;;;;;;;;;;;CAa3E,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAW3C,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU/B,CAAA"}

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

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Container, Content, Description, Title, OnboardingActionBtn } from './styles';
-export const Onboarding = ({ action }) => (_jsxs(Container, { children: [_jsxs(Content, { children: [_jsx(Description, { children: "Welcome to the" }), _jsx(Title, { children: "Inplay Game" })] }), _jsx(OnboardingActionBtn, { onClick: action, children: "Let\u2019s play" })] }));
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/onboarding/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAMtF,MAAM,CAAC,MAAM,UAAU,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAClE,MAAC,SAAS,eACR,MAAC,OAAO,eACN,KAAC,WAAW,iCAA6B,EACzC,KAAC,KAAK,8BAAoB,IAClB,EACV,KAAC,mBAAmB,IAAC,OAAO,EAAE,MAAM,gCAAkC,IAC5D,CACb,CAAA"}

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

@@ -1,21 +0,0 @@
-/// <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 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 Description: 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 OnboardingActionBtn: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

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

@@ -1,41 +0,0 @@
-import styled from '@emotion/styled';
-export const Container = styled.div `
-  box-sizing: border-box;
-  display: flex;
-  color: ${(props) => props.theme.COLORS.WHITE};
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-`;
-export const Content = styled.div `
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-`;
-export const Description = styled.div `
-  font-size: 22px;
-  font-weight: 300;
-  margin-bottom: 4px;
-`;
-export const Title = styled.div `
-  font-size: 26px;
-  font-weight: 700;
-`;
-export const OnboardingActionBtn = styled.button `
-  color: ${(props) => props.theme.COLORS.WHITE};
-  width: 100%;
-  border: none;
-  outline: none;
-  background-color: ${(props) => props.theme.COLORS.GREEN_PRIMARY_BTN};
-  cursor: pointer;
-  padding: 12px 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  font-weight: 600;
-  border-radius: 6px;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/onboarding/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAI7C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG9B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAA;WACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;sBAIxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB;;;;;;;;;CASpE,CAAA"}

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { type PickHistory } from '@streamlayer/sdk-web-types';
-export declare const Question: React.FC<{
-    openQuestion?: (questionId: string) => void;
-} & PickHistory>;

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { QuestionType, QuestionStatus, PickHistoryStatus } from '@streamlayer/sdk-web-types';
-import iconPoll from '../../../assets/icons/icon-poll.svg';
-import iconPrediction from '../../../assets/icons/icon-prediction.svg';
-import iconTrivia from '../../../assets/icons/icon-trivia.svg';
-import iconSuccess from '../../../assets/icons/icon-check-green.svg';
-import iconError from '../../../assets/icons/icon-cross.svg';
-import iconChevron from '../../../assets/icons/icon-chevron.svg';
-import { Panel, QuestionTypeIconWrap, QuestionTypeIcon, QuestionContent, QuestionTypeLabel, QuestionSubject, QuestionActionTitle, QuestionActionIcon, QuestionStatusIcon, QuestionTypeTitle, ExpiredQuestion, } from './styles';
-const QuestionTypeData = {
-    [QuestionType.POLL]: { label: 'Poll', icon: iconPoll },
-    [QuestionType.TRIVIA]: { label: 'Trivia', icon: iconTrivia },
-    [QuestionType.PREDICTION]: { label: 'Prediction', icon: iconPrediction },
-};
-const QuestionStatusTypeData = {
-    [PickHistoryStatus.LOST]: iconError,
-    [PickHistoryStatus.WON]: iconSuccess,
-    [PickHistoryStatus.UNSET]: iconChevron,
-    [PickHistoryStatus.DNP]: iconChevron,
-};
-export const Question = ({ questionId, questionType, questionStatus, subject, openForVoting, openQuestion, status, }) => {
-    const questionTypeData = QuestionTypeData[questionType];
-    if (questionTypeData === undefined) {
-        return null;
-    }
-    return (_jsxs(Panel, { onClick: () => openQuestion?.(questionId), children: [_jsx(QuestionTypeIconWrap, { children: _jsx(QuestionTypeIcon, { alt: "question-type-icon", src: questionTypeData.icon }) }), _jsxs(QuestionContent, { children: [_jsxs(QuestionTypeLabel, { children: [_jsx(QuestionTypeTitle, { children: questionTypeData.label }), questionType === QuestionType.TRIVIA && questionStatus === QuestionStatus.RESOLVED && (_jsx(ExpiredQuestion, { children: "Expired" }))] }), _jsx(QuestionSubject, { children: subject || '' })] }), openForVoting ? (_jsx(QuestionActionTitle, { children: "play" })) : (_jsx(QuestionActionIcon, { children: _jsx(QuestionStatusIcon, { alt: "question-status-icon", src: QuestionStatusTypeData[status] }) }))] }));
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/question/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAoB,MAAM,4BAA4B,CAAA;AAE9G,OAAO,QAAQ,MAAM,qCAAqC,CAAA;AAC1D,OAAO,cAAc,MAAM,2CAA2C,CAAA;AACtE,OAAO,UAAU,MAAM,uCAAuC,CAAA;AAC9D,OAAO,WAAW,MAAM,4CAA4C,CAAA;AACpE,OAAO,SAAS,MAAM,sCAAsC,CAAA;AAC5D,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAEhE,OAAO,EACL,KAAK,EACL,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,UAAU,CAAA;AAEjB,MAAM,gBAAgB,GAAmE;IACvF,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtD,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE;IAC5D,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE;CACzE,CAAA;AAED,MAAM,sBAAsB,GAA+C;IACzE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,SAAS;IACnC,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,WAAW;IACpC,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW;IACtC,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,WAAW;CACrC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAA4E,CAAC,EAChG,UAAU,EACV,YAAY,EACZ,cAAc,EACd,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAEvD,IAAI,gBAAgB,KAAK,SAAS,EAAE;QAClC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,UAAU,CAAC,aAC9C,KAAC,oBAAoB,cACnB,KAAC,gBAAgB,IAAC,GAAG,EAAC,oBAAoB,EAAC,GAAG,EAAE,gBAAgB,CAAC,IAAI,GAAI,GACpD,EACvB,MAAC,eAAe,eACd,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,cAAE,gBAAgB,CAAC,KAAK,GAAqB,EAC9D,YAAY,KAAK,YAAY,CAAC,MAAM,IAAI,cAAc,KAAK,cAAc,CAAC,QAAQ,IAAI,CACrF,KAAC,eAAe,0BAA0B,CAC3C,IACiB,EACpB,KAAC,eAAe,cAAE,OAAO,IAAI,EAAE,GAAmB,IAClC,EACjB,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,mBAAmB,uBAA2B,CAChD,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,cACjB,KAAC,kBAAkB,IAAC,GAAG,EAAC,sBAAsB,EAAC,GAAG,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAI,GACnE,CACtB,IACK,CACT,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-export declare const Panel: 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 QuestionTypeIconWrap: 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 QuestionTypeIcon: 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 QuestionContent: 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 QuestionTypeLabel: 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 QuestionSubject: 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 QuestionActionTitle: 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 QuestionActionIcon: 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 QuestionStatusIcon: 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 QuestionTypeTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const ExpiredQuestion: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/question/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;sBAGT,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB;;;;;;;;CAQtE,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7C,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGzC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMxC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;WAChC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;CAOpD,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;WAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;CAK7C,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAA;sBAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,wBAAwB;;;;;;;;;CAS3E,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;CAQ9C,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG3C,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE3C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAA;;iBAEzB,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE;;;CAGzE,CAAA"}

package/src/lib/gamification/question-list/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PickHistory } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
-interface QuestionListProps {
-    questions: PickHistory[];
-    openQuestion: (questionId: string) => void;
-}
-export declare const QuestionList: React.FC<QuestionListProps>;
-export {};

package/src/lib/gamification/question-list/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Question } from '../question';
-import { Container, Title, ItemsContainer } from './styles';
-export const QuestionList = ({ questions, openQuestion }) => {
-    return (_jsxs(Container, { children: [_jsx(Title, { children: "PICK HISTORY" }), _jsx(ItemsContainer, { children: questions?.map((props) => (_jsx(Question, { openQuestion: openQuestion, ...props }, props.questionId))) })] }));
-};
-//# sourceMappingURL=index.js.map

package/src/lib/gamification/question-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/question-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAO3D,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE;IACvF,OAAO,CACL,MAAC,SAAS,eACR,KAAC,KAAK,+BAAqB,EAC3B,KAAC,cAAc,cACZ,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,KAAC,QAAQ,IAAC,YAAY,EAAE,YAAY,KAA6B,KAAK,IAA3B,KAAK,CAAC,UAAU,CAAe,CAC3E,CAAC,GACa,IACP,CACb,CAAA;AACH,CAAC,CAAA"}

package/src/lib/gamification/question-list/styles.d.ts

@@ -1,13 +0,0 @@
-/// <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 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 ItemsContainer: 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/gamification/question-list/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../packages/react-ui/src/lib/gamification/question-list/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;WACpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;CAKpD,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASvC,CAAA"}

package/src/lib/gamification/user-statistics/components/rank/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface RankProps {
-    indicator: string | number;
-    title: 'Friens rank' | 'Global rank';
-}
-export declare const Rank: React.FC<RankProps>;
-export {};

package/src/lib/gamification/user-statistics/components/rank/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Container, Indicator, Title } from './styles';
-export const Rank = ({ indicator, title }) => (_jsxs(Container, { children: [_jsx(Title, { children: title }), _jsx(Indicator, { children: indicator })] }));
-//# sourceMappingURL=index.js.map

package/src/lib/gamification/user-statistics/components/rank/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/user-statistics/components/rank/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOtD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjE,MAAC,SAAS,eACR,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,SAAS,cAAE,SAAS,GAAa,IACxB,CACb,CAAA"}

package/src/lib/gamification/user-statistics/components/rank/styles.d.ts

@@ -1,13 +0,0 @@
-/// <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 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 Indicator: 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/gamification/user-statistics/components/rank/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-ui/src/lib/gamification/user-statistics/components/rank/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOlC,CAAA"}

package/src/lib/gamification/user-statistics/components/statistics/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface StatisticsProps {
-    indicator: string | number;
-    title: 'Win streak' | 'Correct' | 'Incorrect' | 'Success rate';
-}
-export declare const Statistics: React.FC<StatisticsProps>;
-export {};

package/src/lib/gamification/user-statistics/components/statistics/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Container, Indicator } from './styles';
-export const Statistics = ({ indicator, title }) => (_jsxs(Container, { children: [_jsx(Indicator, { children: indicator }), _jsx("p", { children: title })] }));
-//# sourceMappingURL=index.js.map