@streamlayer/react-ui 0.57.0 → 0.58.0

package/lib/ui/login/demo.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useStore as m } from "@nanostores/react";
+import "@streamlayer/sdk-web-anonymous-auth";
+import { Login as n } from "./index.js";
+import "react";
+import "react-auth-code-input";
+import "react-phone-number-input";
+import "../timer/index.js";
+import "@linaria/react";
+import "react-countdown-circle-timer";
+import "../theme/constants.js";
+import "../../utils/login.js";
+import "@connectrpc/connect";
+import "@connectrpc/connect-web";
+import "@streamlayer/sl-eslib/users/users_connect";
+import "./styles.js";
+const j = ({ sdk: o }) => m(o.getUserStore()).data ? /* @__PURE__ */ r("button", { onClick: o.logout, children: "logout" }) : /* @__PURE__ */ r(n, { login: async (i) => {
+  try {
+    await o.authorizationBypass("streamlayer:streamlayer", i);
+  } catch (t) {
+    throw console.log("login err", t), t;
+  }
+}, anonymousLogin: o.anonymousAuthorization, host: o.host });
+export {
+  j as LoginComponent
+};

package/lib/ui/show-in/index.js

@@ -6,7 +6,7 @@ const s = m.div`
   width: 100%;
   transform: scale(1);
   opacity: 1;
-  max-height: 500px;
+  max-height: 2500px;
 
   animation: containerShowIn ease-out;
   animation-duration: var(--animation-duration);
@@ -20,16 +20,16 @@ const s = m.div`
     80% {
       opacity: 0;
       transform: scale(0.9);
-      max-height: 500px;
+      max-height: 2500px;
     }
     85% {
       transform: scale(0.9);
-      max-height: 500px;
+      max-height: 2500px;
     }
     100% {
       transform: scale(1);
       opacity: 1;
-      max-height: 500px;
+      max-height: 2500px;
     }
   }
 `, c = r`
@@ -47,16 +47,16 @@ const s = m.div`
     80% {
       opacity: 0;
       transform: scale(0.9);
-      max-height: 500px;
+      max-height: 2500px;
     }
     85% {
       transform: scale(0.9);
-      max-height: 500px;
+      max-height: 2500px;
     }
     100% {
       transform: scale(1);
       opacity: 1;
-      max-height: 500px;
+      max-height: 2500px;
     }
   }
 `, f = ({ children: a, style: i, className: t, hiding: o }) => /* @__PURE__ */ n(s, { style: i, className: e(t, o && c), children: a });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -35,16 +35,16 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.22.0",
-    "@streamlayer/sdk-web": "^0.28.17",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.12",
+    "@streamlayer/feature-gamification": "^0.23.0",
+    "@streamlayer/sdk-web": "^0.28.18",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.13",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.6",
-    "@streamlayer/sdk-web-features": "^0.10.20",
-    "@streamlayer/sdk-web-interfaces": "^0.18.13",
-    "@streamlayer/sdk-web-notifications": "^0.11.0",
-    "@streamlayer/sdk-web-storage": "^0.0.2",
-    "@streamlayer/sdk-web-types": "^0.19.0"
+    "@streamlayer/sdk-web-core": "^0.17.7",
+    "@streamlayer/sdk-web-features": "^0.10.21",
+    "@streamlayer/sdk-web-notifications": "^0.12.0",
+    "@streamlayer/sdk-web-interfaces": "^0.18.14",
+    "@streamlayer/sdk-web-storage": "^0.0.3",
+    "@streamlayer/sdk-web-types": "^0.20.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -72,6 +72,7 @@
     "@types/react-window-infinite-loader": "^1.0.9",
     "esbuild-plugin-babel": "^0.2.3",
     "glob": "^10.3.10",
+    "lottie-react": "^2.4.0",
     "react": "18.2.0",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
@@ -83,6 +84,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.28.1"
+    "@streamlayer/react": "^0.28.2"
   }
 }

package/lib/icon-exit-d3f9fc80.js

@@ -1,4 +0,0 @@
-const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
-export {
-  I as c
-};

package/lib/ui/gamification/common-header/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-type CommonHeaderProps = {
-    icon?: string;
-    comeBack?: () => void;
-    close?: () => void;
-};
-export declare const CommonHeader: React.FC<CommonHeaderProps>;
-export {};

package/lib/ui/gamification/common-header/index.js

@@ -1,14 +0,0 @@
-import { jsxs as j, jsx as M } from "react/jsx-runtime";
-import { c as A } from "../../../icon-exit-d3f9fc80.js";
-import { Container as z, Button as g, HeaderIcon as i } from "./styles.js";
-import "@linaria/react";
-const x = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZXZyb24iPgo8cGF0aCBpZD0iQ2hldnJvbl8yIiBkPSJNNiAxMS45OTlDNiAxMi4xNzI1IDYuMDMxMzQgMTIuMzM0IDYuMDk0MDEgMTIuNDgzN0M2LjE1NjY5IDEyLjYzMzQgNi4yNTQyOCAxMi43NzU2IDYuMzg2OCAxMi45MTAzTDE0LjA0MzYgMjAuNjU2NUMxNC4yNjQ4IDIwLjg4NTUgMTQuNTMyMyAyMSAxNC44NDU5IDIxQzE1LjA2MDcgMjEgMTUuMjU0NCAyMC45NDc1IDE1LjQyNzEgMjAuODQyNkMxNS41OTk4IDIwLjczNzcgMTUuNzM4NCAyMC41OTY1IDE1Ljg0MzEgMjAuNDE5MUMxNS45NDc3IDIwLjI0MTYgMTYgMjAuMDQyNSAxNiAxOS44MjE3QzE2IDE5LjQ5ODkgMTUuODgxNiAxOS4yMTM0IDE1LjY0NDggMTguOTY1NEw4Ljc0MTgzIDExLjk5NzFMMTUuNjQ0OCA1LjAzMjcxQzE1Ljg4MTYgNC43ODcwOSAxNiA0LjUwMjMgMTYgNC4xNzgzNEMxNiAzLjk1NzQ5IDE1Ljk0NzcgMy43NTgzNSAxNS44NDMxIDMuNTgwOTFDMTUuNzM4NCAzLjQwMzQ3IDE1LjU5OTggMy4yNjIyOSAxNS40MjcxIDMuMTU3MzhDMTUuMjU0NCAzLjA1MjQ2IDE1LjA2MDcgMyAxNC44NDU5IDNDMTQuNTMyMyAzIDE0LjI2NDggMy4xMTE2OSAxNC4wNDM2IDMuMzM1MDhMNi4zODY4IDExLjA4NzhDNi4yNTU1MSAxMS4yMjI1IDYuMTU4NTMgMTEuMzY0NCA2LjA5NTg2IDExLjUxMzRDNi4wMzMxOCAxMS42NjI1IDYuMDAxMjMgMTEuODI0NCA2IDExLjk5OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==", y = ({ icon: N, comeBack: D, close: I }) => /* @__PURE__ */ j(z, { children: [
-  /* @__PURE__ */ j("div", { children: [
-    D && /* @__PURE__ */ M(g, { onClick: D, children: /* @__PURE__ */ M("img", { alt: "header-back-icon", src: x }) }),
-    N && /* @__PURE__ */ M(i, { alt: "header-icon", src: N })
-  ] }),
-  /* @__PURE__ */ M("div", { children: I && /* @__PURE__ */ M(g, { onClick: I, children: /* @__PURE__ */ M("img", { alt: "header-close-icon", src: A }) }) })
-] });
-export {
-  y as CommonHeader
-};

package/lib/ui/gamification/common-header/styles.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Button: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const HeaderIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/gamification/common-header/styles.js

@@ -1,31 +0,0 @@
-import { styled as t } from "@linaria/react";
-const o = t.div`
-  box-sizing: border-box;
-  min-height: 35px;
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
-  border-bottom: 1px solid #22262b;
-  margin-bottom: 20px;
-`, n = t.button`
-  border: none;
-  outline: none;
-  background-color: transparent;
-  cursor: pointer;
-  padding: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-`, r = t.img`
-  width: 24px;
-  height: 24px;
-`;
-export {
-  n as Button,
-  o as Container,
-  r as HeaderIcon
-};

package/lib/ui/gamification/detailed-insight/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type DetailedInsightProps = {
-    image?: string;
-    title?: string;
-    description?: string;
-    webLinkLabel?: string;
-    webLink?: string;
-    closeHighlights: () => void;
-    closeInsight: () => void;
-    className?: string;
-};
-export declare const DetailedInsight: React.FC<DetailedInsightProps>;
-export {};

package/lib/ui/gamification/detailed-insight/index.js

@@ -1,30 +0,0 @@
-import { jsxs as I, jsx as M } from "react/jsx-runtime";
-import { CommonHeader as g } from "../common-header/index.js";
-import { Container as l, Image as o, AdditionalContent as n, Title as d, Description as r, AdditionalBtn as a, LinkIcon as u } from "./styles.js";
-import "../../../icon-exit-d3f9fc80.js";
-import "../common-header/styles.js";
-import "@linaria/react";
-const b = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2MtQU5kc04ga1RWV0pFIj48cGF0aCBkPSJNNi42NjY1IDMuMTY2NjlINC45OTk4NEM0LjI2MzQ2IDMuMTY2NjkgMy42NjY1IDMuNzYzNjQgMy42NjY1IDQuNTAwMDJWMTEuNUMzLjY2NjUgMTIuMjM2NCA0LjI2MzQ2IDEyLjgzMzQgNC45OTk4NCAxMi44MzM0SDExLjk5OThDMTIuNzM2MiAxMi44MzM0IDEzLjMzMzIgMTIuMjM2NCAxMy4zMzMyIDExLjVWOS44MzMzNSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEzLjMzMzUgNi4xNjY2OVYzLjE2NjY5SDEwLjMzMzUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy4xNjY4IDMuMzMzMzFMOC4zMzM1IDguMTY2NjUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPgo=", L = ({
-  image: i,
-  title: j,
-  description: m,
-  webLinkLabel: z,
-  webLink: c,
-  closeHighlights: t,
-  closeInsight: N,
-  className: Z
-}) => /* @__PURE__ */ I(l, { className: Z, children: [
-  /* @__PURE__ */ M(g, { close: t, comeBack: N }),
-  i && /* @__PURE__ */ M(o, { alt: "detail-insight-image", src: i }),
-  /* @__PURE__ */ I(n, { children: [
-    j && /* @__PURE__ */ M(d, { children: j }),
-    m && /* @__PURE__ */ M(r, { children: m })
-  ] }),
-  c && z && /* @__PURE__ */ I(a, { href: c, target: "_blank", children: [
-    z,
-    /* @__PURE__ */ M(u, { alt: "link-icon", src: b })
-  ] })
-] });
-export {
-  L as DetailedInsight
-};

package/lib/ui/gamification/detailed-insight/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Image: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const AdditionalContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const AdditionalBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
-export declare const LinkIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/gamification/detailed-insight/styles.js

@@ -1,62 +0,0 @@
-import { styled as o } from "@linaria/react";
-const t = o.div`
-  box-sizing: border-box;
-  font-size: 14px;
-  color: var(--color-white);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 16px 12px;
-`, e = o.img`
-  border-radius: 50%;
-  width: 130px;
-  height: 130px;
-  border: 1px solid #7e7e7f;
-  margin-bottom: 8px;
-`, n = o.div`
-  width: 100%;
-  margin-bottom: 8px;
-`, r = o.div`
-  font-weight: 700;
-  margin-bottom: 8px;
-`, d = o.div`
-  font-weight: 400;
-`, c = o.a`
-  box-sizing: border-box;
-  text-decoration: none;
-  color: var(--color-white);
-  font-size: 13px;
-  font-weight: 600;
-  background-color: var(--color-blue-question-action-btn);
-  padding: 10px 5px;
-  border-radius: 6px;
-  width: 100%;
-  display: inline-block;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: center;
-
-  &:active,
-  &:hover,
-  &:visited {
-    text-decoration: none;
-    color: var(--color-white);
-  }
-`, l = o.img`
-  width: 17px;
-  height: 16px;
-  vertical-align: middle;
-  margin-left: 10px;
-`;
-export {
-  c as AdditionalBtn,
-  n as AdditionalContent,
-  t as Container,
-  d as Description,
-  e as Image,
-  l as LinkIcon,
-  r as Title
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type OnboardingInstructionsProps = {
-    graphic: string;
-    headline: string;
-};
-export declare const OnboardingInstructions: React.FC<OnboardingInstructionsProps>;
-export {};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js

@@ -1,10 +0,0 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { Container as o, Content as c, Graphic as e, Headline as s } from "./styles.js";
-import "@linaria/react";
-const d = ({ graphic: n, headline: i }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ t(c, { children: [
-  /* @__PURE__ */ r(e, { alt: "graphic-img-instructions", src: n }),
-  /* @__PURE__ */ r(s, { children: i })
-] }) });
-export {
-  d as OnboardingInstructions
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js

@@ -1,30 +0,0 @@
-import { styled as t } from "@linaria/react";
-const i = t.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, n = t.div`
-  width: 80%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-`, o = t.img`
-  margin-bottom: 24px;
-  width: 100%;
-`, d = t.div`
-  word-break: break-word;
-  font-weight: 600;
-  font-size: 17px;
-  padding: 0px 20px;
-  text-align: center;
-`;
-export {
-  i as Container,
-  n as Content,
-  o as Graphic,
-  d as Headline
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-type OnboardingInviteCardProps = {
-    inviteCardTitle?: string;
-    inviteCardSubtext?: string;
-    primaryColor?: string;
-};
-export declare const OnboardingInviteCard: React.FC<OnboardingInviteCardProps>;
-export {};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js

@@ -1,17 +0,0 @@
-import { jsx as M, jsxs as I } from "react/jsx-runtime";
-import { Container as z, Content as g, InviteGameIconWrap as A, InviteGameIcon as T, Heading as x, Subtext as E, InviteBtn as L } from "./styles.js";
-import "@linaria/react";
-const u = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyaWVuZHMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC4xOTIzMSA3LjAzMTI1QzIuNjYzNDYgNy4wMzEyNSAxLjQyMzA4IDguMTk5NzMgMS40MjMwOCA5LjYzOTk0QzEuNDIzMDggMTEuMDgwMiAyLjY2MzQ2IDEyLjI0ODYgNC4xOTIzMSAxMi4yNDg2QzUuNzIxMTUgMTIuMjQ4NiA2Ljk2MTU0IDExLjA4MDIgNi45NjE1NCA5LjYzOTk0QzYuOTYxNTQgOC4xOTk3MyA1LjcyMTE1IDcuMDMxMjUgNC4xOTIzMSA3LjAzMTI1Wk00LjE5MjMxIDEyLjI0ODZDMi4xNjIyNiAxMi4yNDg2IDAuNSAxMy44MTQ1IDAuNSAxNS43MjY5VjE3LjYyOUMwLjUgMTcuNjI5IDEuNDIzMDggMTguMzM1NiA0LjE5MjMxIDE4LjMzNTZDNi45NjE1NCAxOC4zMzU2IDcuODg0NjEgMTcuNjI5IDcuODg0NjEgMTcuNjI5VjE1LjcyNjlDNy44ODQ2MSAxMy44MTQ1IDYuMjIyMzYgMTIuMjQ4NiA0LjE5MjMxIDEyLjI0ODZaTTIwLjgwNzcgNy4wMzEyNUMxOS4yNzg4IDcuMDMxMjUgMTguMDM4NSA4LjE5OTczIDE4LjAzODUgOS42Mzk5NEMxOC4wMzg1IDExLjA4MDIgMTkuMjc4OCAxMi4yNDg2IDIwLjgwNzcgMTIuMjQ4NkMyMi4zMzY1IDEyLjI0ODYgMjMuNTc2OSAxMS4wODAyIDIzLjU3NjkgOS42Mzk5NEMyMy41NzY5IDguMTk5NzMgMjIuMzM2NSA3LjAzMTI1IDIwLjgwNzcgNy4wMzEyNVpNMjAuODA3NyAxMi4yNDg2QzE4Ljc3NzYgMTIuMjQ4NiAxNy4xMTU0IDEzLjgxNDUgMTcuMTE1NCAxNS43MjY5VjE3LjYyOUMxNy4xMTU0IDE3LjYyOSAxOC4wMzg1IDE4LjMzNTYgMjAuODA3NyAxOC4zMzU2QzIzLjU3NjkgMTguMzM1NiAyNC41IDE3LjYyOSAyNC41IDE3LjYyOVYxNS43MjY5QzI0LjUgMTMuODE0NSAyMi44Mzc3IDEyLjI0ODYgMjAuODA3NyAxMi4yNDg2Wk0xMi41IDEwLjUwOTVDMTAuOTcxMiAxMC41MDk1IDkuNzMwNzcgMTEuNjc4IDkuNzMwNzcgMTMuMTE4MkM5LjczMDc3IDE0LjU1ODQgMTAuOTcxMiAxNS43MjY5IDEyLjUgMTUuNzI2OUMxNC4wMjg4IDE1LjcyNjkgMTUuMjY5MiAxNC41NTg0IDE1LjI2OTIgMTMuMTE4MkMxNS4yNjkyIDExLjY3OCAxNC4wMjg4IDEwLjUwOTUgMTIuNSAxMC41MDk1Wk0xMi41IDE1LjcyNjlDMTAuNDcgMTUuNzI2OSA4LjgwNzY5IDE3LjI5MjggOC44MDc2OSAxOS4yMDUxVjIxLjEwNzNDOC44MDc2OSAyMS4xMDczIDkuNzMwNzcgMjEuODEzOCAxMi41IDIxLjgxMzhDMTUuMjY5MiAyMS44MTM4IDE2LjE5MjMgMjEuMTA3MyAxNi4xOTIzIDIxLjEwNzNWMTkuMjA1MUMxNi4xOTIzIDE3LjI5MjggMTQuNTMgMTUuNzI2OSAxMi41IDE1LjcyNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik04LjU4NDczIDEuNUM2Ljk2MzkyIDEuNSA1LjY0ODkzIDIuNzM4NzYgNS42NDg5MyA0LjI2NTZDNS42NDg5MyA1Ljc5MjQ1IDYuOTYzOTIgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFDMTAuMjA1NSA3LjAzMTIxIDExLjUyMDUgNS43OTI0NSAxMS41MjA1IDQuMjY1NkMxMS41MjA1IDIuNzM4NzYgMTAuMjA1NSAxLjUgOC41ODQ3MyAxLjVaTTguNTg0NzMgNy4wMzEyMUM4LjI5MDM4IDcuMDMxMjEgNy45OTIyMSA3LjAyNCA3LjY5Nzg3IDcuMTE3NjNDOC4yODY1NiA3Ljg1NTg0IDguNTg0NzMgOC43ODEzMSA4LjU4NDczIDkuNzk2ODFDOC41ODQ3MyAxMC4xNjQxIDguNDkyOTggMTAuNTI0MiA4LjQ5Mjk4IDEwLjg5MTVDOS4yNzY2MyA5Ljc4NjAxIDEwLjU0MTkgOS4wNTg1OSAxMi4wMDk4IDguODc0OTRDMTEuMzI1NiA3Ljc2OTQyIDEwLjA1MjYgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFaTTE2LjQxMzUgMS41QzE0Ljc5MjcgMS41IDEzLjQ3NzcgMi43Mzg3NiAxMy40Nzc3IDQuMjY1NkMxMy40Nzc3IDUuNzkyNDUgMTQuNzkyNyA3LjAzMTIxIDE2LjQxMzUgNy4wMzEyMUMxOC4wMzQzIDcuMDMxMjEgMTkuMzQ5MyA1Ljc5MjQ1IDE5LjM0OTMgNC4yNjU2QzE5LjM0OTMgMi43Mzg3NiAxOC4wMzQzIDEuNSAxNi40MTM1IDEuNVpNMTYuNDEzNSA3LjAzMTIxQzE0Ljk0NTYgNy4wMzEyMSAxMy42NzI3IDcuNzY5NDIgMTIuOTg4NCA4Ljg3NDk0QzE0LjQ1NjMgOS4wNTg1OSAxNS43MjE2IDkuNzg2MDEgMTYuNTA1MyAxMC44OTE1QzE2LjUwNTMgMTAuNTI0MiAxNi40MTM1IDEwLjE2NDEgMTYuNDEzNSA5Ljc5NjgxQzE2LjQxMzUgOC43ODEzMSAxNi43MTE3IDcuODU1ODQgMTcuMzAwNCA3LjExNzYzQzE3LjAwNiA3LjAyNCAxNi43MDc5IDcuMDMxMjEgMTYuNDEzNSA3LjAzMTIxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjwvZz4KPC9zdmc+Cg==", c = ({
-  inviteCardTitle: j,
-  inviteCardSubtext: D,
-  primaryColor: N
-}) => /* @__PURE__ */ M(z, { children: /* @__PURE__ */ I(g, { children: [
-  /* @__PURE__ */ M(A, { style: { backgroundColor: N }, children: /* @__PURE__ */ M(T, { alt: "invite-game-icon", src: u }) }),
-  /* @__PURE__ */ M(x, { children: j || "" }),
-  /* @__PURE__ */ M(E, { children: D || "" }),
-  /* @__PURE__ */ M(L, { onClick: () => {
-  }, style: { backgroundColor: N }, children: "Invite friends!" })
-] }) });
-export {
-  c as OnboardingInviteCard
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteGameIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteGameIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Heading: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Subtext: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js

@@ -1,55 +0,0 @@
-import { styled as t } from "@linaria/react";
-const e = t.div`
-  width: 100%;
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, o = t.div`
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`, i = t.div`
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  margin-bottom: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-green-primary-btn);
-`, r = t.img`
-  width: 24px;
-  height: 24px;
-`, c = t.div`
-  font-size: 20px;
-  font-weight: 600;
-  text-align: center;
-  margin-bottom: 8px;
-`, a = t.div`
-  font-size: 14px;
-  font-weight: 400;
-  text-align: center;
-`, p = t.button`
-  border: none;
-  outline: none;
-  background-color: transparent;
-  border: 2px solid var(--color-green-primary-btn);
-  padding: 12px 16px;
-  color: #fff;
-  font-size: 16px;
-  font-weight: 600;
-  cursor: pointer;
-  border-radius: 6px;
-  margin-top: 24px;
-`;
-export {
-  e as Container,
-  o as Content,
-  c as Heading,
-  p as InviteBtn,
-  r as InviteGameIcon,
-  i as InviteGameIconWrap,
-  a as Subtext
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js

@@ -1,13 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { Container as c, Title as m, RulesList as d, RulesItem as h, RuleNumber as p, RuleText as s } from "./styles.js";
-import "@linaria/react";
-const b = ({ rules: e, rulesTitle: o, primaryColor: t }) => /* @__PURE__ */ n(c, { children: [
-  /* @__PURE__ */ r(m, { children: o }),
-  /* @__PURE__ */ r(d, { children: e == null ? void 0 : e.map((l, i) => /* @__PURE__ */ n(h, { children: [
-    /* @__PURE__ */ r(p, { style: { backgroundColor: t }, children: i + 1 }),
-    /* @__PURE__ */ r(s, { children: l })
-  ] }, i)) })
-] });
-export {
-  b as OnboardingRules
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js

@@ -1,43 +0,0 @@
-import { styled as e } from "@linaria/react";
-const t = e.div`
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #fff;
-  padding: 0px 8px;
-`, o = e.div`
-  font-size: 20px;
-  font-weight: 700;
-`, r = e.div`
-  max-height: 190px;
-  overflow: auto;
-`, n = e.div`
-  display: flex;
-  max-width: 100%;
-  margin-top: 24px;
-`, d = e.div`
-  background-color: var(--color-green-primary-btn);
-  margin-right: 16px;
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, l = e.div`
-  word-break: break-word;
-  overflow: hidden;
-  padding-right: 30px;
-  flex: 1;
-  max-height: 39px;
-`;
-export {
-  t as Container,
-  d as RuleNumber,
-  l as RuleText,
-  n as RulesItem,
-  r as RulesList,
-  o as Title
-};