@streamlayer/react-ui 0.98.1 → 0.100.0

package/lib/ui/gamification/leaderboard/static.js

@@ -1,36 +1,39 @@
-import { jsx as o } from "react/jsx-runtime";
-import { styled as l } from "@linaria/react";
-import p from "react-infinite-scroller";
-import { LeaderboardItem as d } from "./list-item/index.js";
-import "../../../utils/common.js";
-import "./list-item/styles.js";
-import "../../icons/index.js";
-import "react";
-const m = /* @__PURE__ */ l("div")({
+import { jsx as e } from "react/jsx-runtime";
+import { styled as c } from "@linaria/react";
+import { useCallback as f } from "react";
+import m from "react-infinite-scroller";
+import { LeaderboardItem as p } from "./list-item/index.js";
+const u = /* @__PURE__ */ c("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
-}), h = ({
-  items: t,
-  currentUserId: e,
-  openItemDetail: i,
-  fetchMore: a,
-  scrollNode: s,
-  hasMore: n
-}) => /* @__PURE__ */ o(p, {
-  loadMore: a,
-  initialLoad: !1,
-  hasMore: n,
-  useWindow: !1,
-  getScrollParent: () => s.current,
-  children: /* @__PURE__ */ o(m, {
-    children: t.map((r) => /* @__PURE__ */ o(d, {
-      ...r,
-      openItemDetail: () => i(r.userId),
-      isCurrentUser: !!e && e === r.userId
-    }, r.userId))
-  })
-});
+}), S = ({
+  items: s,
+  currentUserId: o,
+  openItemDetail: t,
+  fetchMore: n,
+  scrollNode: i,
+  hasMore: l
+}) => {
+  const d = f((r) => {
+    const a = r.target.getAttribute("data-name");
+    a && t(a);
+  }, [t]);
+  return /* @__PURE__ */ e(m, {
+    loadMore: n,
+    initialLoad: !1,
+    hasMore: l,
+    useWindow: !1,
+    getScrollParent: () => i.current,
+    children: /* @__PURE__ */ e(u, {
+      onClick: d,
+      children: s.map((r) => /* @__PURE__ */ e(p, {
+        ...r,
+        isCurrentUser: !!o && o === r.userId
+      }, r.userId))
+    })
+  });
+};
 export {
-  h as LeaderboardStaticList
+  S as LeaderboardStaticList
 };

package/lib/ui/gamification/leaderboard/styles.js

@@ -1,5 +1,5 @@
 import { styled as o } from "@linaria/react";
-import "../../../styles_z07sl8-w40geAFS.js";
+import "../../../styles_z07sl8-l0sNRNKZ.js";
 const l = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",

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

@@ -1,5 +1,5 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { useState as p, useEffect as s, useMemo as N, useCallback as z } from "react";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { useState as h, useEffect as v, useMemo as N, useCallback as z } from "react";
 import E from "react-virtualized-auto-sizer";
 import { Skeleton as F } from "../../skeleton/index.js";
 import { OnboardingInstructions as G } from "./slides/onboarding-instructions/index.js";
@@ -7,97 +7,75 @@ import { OnboardingInviteCard as M } from "./slides/onboarding-invite-card/index
 import { OnboardingRules as P } from "./slides/onboarding-rules/index.js";
 import { OnboardingTerms as R } from "./slides/onboarding-terms/index.js";
 import { Container as U, OnboardingHeader as q, CloseBtn as J, IconClose as K, Content as Q, OnboardingFooter as V, OnboardingActionBtn as W } from "./styles.js";
-import "../../skeleton/styles.js";
-import "@linaria/react";
-import "./invitingUser/index.js";
-import "../../../utils/common.js";
-import "./invitingUser/styles.js";
-import "./slides/onboarding-instructions/styles.js";
-import "../../../hooks/analytics.js";
-import "lodash.throttle";
-import "@streamlayer/sdk-web-interfaces";
-import "../../theme/constants.js";
-import "@streamlayer/sdk-web-types";
-import "../../app/useClipboardCopy.js";
-import "../../../index-jRXrW6ie.js";
-import "../../../index-uEuzH3jr.js";
-import "../copyNotification/index.js";
-import "../../icons/index.js";
-import "../copyNotification/styles.js";
-import "./slides/onboarding-invite-card/styles.js";
-import "./slides/onboarding-rules/styles.js";
-import "./slides/onboarding-terms/styles.js";
-import "../../button/index.js";
-import "../../button/styles.js";
-const e = {
+const o = {
   steps: !1,
   rules: !1,
   inviteCard: !1
-}, Ti = ({
-  gamification: v,
-  steps: i,
-  rules: o,
-  rulesBtnLabel: d,
-  rulesTitle: I,
-  termsTitle: T,
-  termsText: h,
-  primaryColor: u,
-  inviteLink: x,
-  inviteCardTitle: D,
-  inviteCardSubtext: k,
-  inviteCardBtnLabel: g,
-  loading: a,
-  inviterName: c,
-  sdk: b,
-  onClose: w
+}, rn = ({
+  gamification: I,
+  steps: n,
+  rules: r,
+  rulesBtnLabel: c,
+  rulesTitle: T,
+  termsTitle: x,
+  termsText: u,
+  primaryColor: g,
+  inviteLink: D,
+  inviteCardTitle: k,
+  inviteCardSubtext: w,
+  inviteCardBtnLabel: b,
+  loading: d,
+  inviterName: f,
+  sdk: C,
+  onClose: A
 }) => {
-  const [m, C] = p(0), [l, O] = p(!1), [r, n] = p(e);
-  s(() => {
-    i != null && i.length ? n({ ...e, steps: !0 }) : o != null && o.length ? n({ ...e, rules: !0 }) : n({ ...e, inviteCard: !0 });
+  const [l, O] = h(0), [a, S] = h(!1), [e, t] = h(o);
+  v(() => {
+    n != null && n.length ? t({ ...o, steps: !0 }) : r != null && r.length ? t({ ...o, rules: !0 }) : t({ ...o, inviteCard: !0 });
   }, []);
-  const A = N(() => r.steps && m === 0 ? "Continue" : r.rules ? l || !d ? "Got it" : d : r.inviteCard ? g || "Play Now" : "Next", [r, m, l, d, g]), j = z(() => {
-    i != null && i.length && m < i.length - 1 ? C((f) => ++f) : o != null && o.length && r.steps ? n({ ...e, rules: !0 }) : r.rules && n({ ...e, inviteCard: !0 });
-  }, [m, i == null ? void 0 : i.length, o == null ? void 0 : o.length, r, C, n]), H = async () => {
-    r.inviteCard ? await v.onboardingStatus.submitInplay() : r.rules && l ? O(!1) : j();
+  const j = N(() => e.steps && l === 0 ? "Continue" : e.rules ? a || !c ? "Got it" : c : e.inviteCard ? b || "Play Now" : "Next", [e, l, a, c, b]), p = z(() => {
+    n != null && n.length && l < n.length - 1 ? O((m) => ++m) : r != null && r.length && e.steps ? t({ ...o, rules: !0 }) : e.rules && t({ ...o, inviteCard: !0 });
+  }, [l, n == null ? void 0 : n.length, r == null ? void 0 : r.length, e, O, t]), H = async () => {
+    e.inviteCard ? await I.onboardingStatus.submitInplay() : e.rules && a ? S(!1) : p();
   };
-  return s(() => {
-    !a && c && b.inviteDisplayed();
-  }, [a, c, b]), /* @__PURE__ */ t(E, { children: ({ width: f, height: S }) => /* @__PURE__ */ y(U, { style: { width: f, height: S, maxHeight: S }, children: [
-    /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(J, { onClick: w, children: /* @__PURE__ */ t(K, { name: "icon-close-btn-gray" }) }) }),
-    /* @__PURE__ */ y(Q, { children: [
-      r.steps && (i == null ? void 0 : i.length) && /* @__PURE__ */ t(
+  return v(() => {
+    !d && f && C.inviteDisplayed();
+  }, [d, f, C]), /* @__PURE__ */ i(E, { children: ({ width: m, height: y }) => /* @__PURE__ */ s(U, { style: { width: m, height: y, maxHeight: y }, children: [
+    /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(J, { onClick: A, children: /* @__PURE__ */ i(K, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ s(Q, { children: [
+      e.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ i(
         G,
         {
-          loading: a,
-          steps: i,
-          currentStep: m,
-          inviterName: c
+          loading: d,
+          steps: n,
+          currentStep: l,
+          inviterName: f
         }
       ),
-      r.rules && !l && /* @__PURE__ */ t(
+      e.rules && !a && /* @__PURE__ */ i(
         P,
         {
-          rules: o,
-          rulesTitle: I,
-          termsText: h,
-          primaryColor: u,
-          openTerms: () => O(!0)
+          rules: r,
+          rulesTitle: T,
+          termsText: u,
+          primaryColor: g,
+          openTerms: () => S(!0)
         }
       ),
-      r.rules && l && /* @__PURE__ */ t(R, { termsTitle: T, termsText: h }),
-      r.inviteCard && /* @__PURE__ */ t(
+      e.rules && a && /* @__PURE__ */ i(R, { termsTitle: x, termsText: u }),
+      e.inviteCard && /* @__PURE__ */ i(
         M,
         {
-          inviteLink: x,
-          inviteCardTitle: D,
-          inviteCardSubtext: k,
-          primaryColor: u
+          inviteLink: D,
+          inviteCardTitle: k,
+          inviteCardSubtext: w,
+          primaryColor: g
         }
       )
     ] }),
-    /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(F, { loading: a, style: { width: "100%" }, children: /* @__PURE__ */ t(W, { onClick: H, children: A }) }) })
+    /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(F, { loading: d, style: { width: "100%" }, children: /* @__PURE__ */ i(W, { onClick: H, children: j }) }) })
   ] }) });
 };
 export {
-  Ti as OnboardingUI
+  rn as OnboardingUI
 };

package/lib/ui/gamification/onboarding/invitingUser/index.js

@@ -1,18 +1,17 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { abbreviate as t } from "../../../../utils/common.js";
-import { Container as n, Avatar as c, AvatarPlaceholder as m, Content as s, Name as l } from "./styles.js";
-import "@linaria/react";
-const a = ({ avatar: r, name: o }) => /* @__PURE__ */ i(n, { children: [
-  r && /* @__PURE__ */ e(c, { src: r }),
-  !r && /* @__PURE__ */ e(m, { children: t(o || "") }),
-  /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ i(l, { children: [
-      o,
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { abbreviate as n } from "../../../../utils/common.js";
+import { Container as t, Avatar as c, AvatarPlaceholder as s, Content as l, Name as m } from "./styles.js";
+const p = ({ avatar: r, name: e }) => /* @__PURE__ */ i(t, { children: [
+  r && /* @__PURE__ */ o(c, { src: r }),
+  !r && /* @__PURE__ */ o(s, { children: n(e || "") }),
+  /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ i(m, { children: [
+      e,
       " "
     ] }),
     "is waiting for you!"
   ] })
 ] });
 export {
-  a as InvitingUser
+  p as InvitingUser
 };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 type OnboardingInstructionsProps = {
     loading: boolean;
     steps: OnboardingStep[];
@@ -7,7 +7,8 @@ type OnboardingInstructionsProps = {
 };
 export type OnboardingStep = {
     graphicSrc: string;
-    headline?: string;
+    headline?: ReactElement | string;
+    tagline?: ReactElement | string;
 };
 export declare const OnboardingInstructions: React.FC<OnboardingInstructionsProps>;
 export {};

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

@@ -1,27 +1,24 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { InvitingUser as h } from "../../invitingUser/index.js";
-import { Skeleton as d } from "../../../../skeleton/index.js";
-import { Container as l, Content as p, Graphic as s, GraphicImage as f, Headline as I, InvitingUserWrap as g, StepsContainer as v, StepIndicator as x } from "./styles.js";
-import "../../../../../utils/common.js";
-import "../../invitingUser/styles.js";
-import "@linaria/react";
-import "../../../../skeleton/styles.js";
-const A = ({
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { InvitingUser as m } from "../../invitingUser/index.js";
+import { Skeleton as t } from "../../../../skeleton/index.js";
+import { Container as s, TaglineContainer as g, Tagline as p, Content as f, Graphic as I, GraphicImage as v, Headline as C, InvitingUserWrap as x, StepsContainer as y, StepIndicator as b } from "./styles.js";
+const k = ({
   loading: e,
-  steps: o,
-  currentStep: r,
-  inviterName: t
+  steps: a,
+  currentStep: i,
+  inviterName: l
 }) => {
-  const { headline: a } = o[r];
-  return /* @__PURE__ */ c(l, { children: [
-    /* @__PURE__ */ c(p, { "data-welcome-screen": r === 0, children: [
-      /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(d, { loading: e, children: o.map(({ graphicSrc: m }, n) => /* @__PURE__ */ i(f, { src: m, "data-active": r === n })) }) }),
-      a && /* @__PURE__ */ i(d, { loading: e, children: /* @__PURE__ */ i(I, { children: a }) })
+  const { headline: c, tagline: o } = a[i];
+  return /* @__PURE__ */ h(s, { children: [
+    o && /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(t, { loading: e, children: /* @__PURE__ */ n(p, { children: o }) }) }),
+    /* @__PURE__ */ h(f, { "data-welcome-screen": i === 0, children: [
+      /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(t, { loading: e, children: a.map(({ graphicSrc: d }, r) => /* @__PURE__ */ n(v, { src: d, "data-active": i === r })) }) }),
+      c && /* @__PURE__ */ n(t, { loading: e, children: /* @__PURE__ */ n(C, { children: c }) })
     ] }),
-    t && r === 0 && /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(h, { name: t }) }),
-    /* @__PURE__ */ i(v, { style: e ? { visibility: "hidden" } : {}, children: Array.from({ length: o.length }).map((m, n) => /* @__PURE__ */ i(x, { "data-active": r === n }, n)) })
+    l && i === 0 && /* @__PURE__ */ n(x, { children: /* @__PURE__ */ n(m, { name: l }) }),
+    /* @__PURE__ */ n(y, { style: e ? { visibility: "hidden" } : {}, children: Array.from({ length: a.length }).map((d, r) => /* @__PURE__ */ n(b, { "data-active": i === r }, r)) })
   ] });
 };
 export {
-  A as OnboardingInstructions
+  k as OnboardingInstructions
 };

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

@@ -3,6 +3,8 @@ export declare const Container: import("@linaria/react").StyledComponent<import(
 export declare const Graphic: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const GraphicImage: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
 export declare const Headline: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TaglineContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Tagline: 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 StepsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StepIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

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

@@ -16,29 +16,39 @@ const n = /* @__PURE__ */ s("div")({
   class: "h69js65",
   propsAsIs: !1
 }), t = /* @__PURE__ */ s("div")({
-  name: "Content",
-  class: "cmm7qmo",
+  name: "TaglineContainer",
+  class: "tmm7qmo",
   propsAsIs: !1
 }), i = /* @__PURE__ */ s("div")({
+  name: "Tagline",
+  class: "t17knuw2",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1b74psg",
+  propsAsIs: !1
+}), r = /* @__PURE__ */ s("div")({
   name: "StepsContainer",
-  class: "s17knuw2",
+  class: "s1y99ug7",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("span")({
+}), c = /* @__PURE__ */ s("span")({
   name: "StepIndicator",
-  class: "s1b74psg",
+  class: "sgf3v5n",
   propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "InvitingUserWrap",
-  class: "i1y99ug7",
+  class: "i1sj6gn8",
   propsAsIs: !1
 });
 export {
   n as Container,
-  t as Content,
+  l as Content,
   e as Graphic,
   p as GraphicImage,
   o as Headline,
-  c as InvitingUserWrap,
-  r as StepIndicator,
-  i as StepsContainer
+  m as InvitingUserWrap,
+  c as StepIndicator,
+  r as StepsContainer,
+  i as Tagline,
+  t as TaglineContainer
 };

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

@@ -1,48 +1,39 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useAnalyticsHandle as d } from "../../../../../hooks/analytics.js";
-import { useRef as s } from "react";
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { useAnalyticsHandle as s } from "../../../../../hooks/analytics.js";
+import { useRef as p } from "react";
 import { InvitationFrom as f } from "@streamlayer/sdk-web-types";
 import { useClipboardCopy as h } from "../../../../app/useClipboardCopy.js";
 import { Container as y, IconContainer as C, InviteGameIcon as I, Content as k, Heading as u, Subtext as b, LinkContainer as g, LinkInfo as v, LinkTitle as x, LinkAddress as A, LinkIcon as L } from "./styles.js";
-import "lodash.throttle";
-import "@streamlayer/sdk-web-interfaces";
-import "../../../../theme/constants.js";
-import "../../../../../index-jRXrW6ie.js";
-import "../../../../../index-uEuzH3jr.js";
-import "../../../copyNotification/index.js";
-import "../../../../icons/index.js";
-import "@linaria/react";
-import "../../../copyNotification/styles.js";
-const B = ({
+const M = ({
   inviteLink: i,
-  inviteCardTitle: t,
-  inviteCardSubtext: e,
-  primaryColor: m,
-  className: c
+  inviteCardTitle: r,
+  inviteCardSubtext: t,
+  primaryColor: c,
+  className: l
 }) => {
-  const r = s(null), [l, p] = h(r), [a] = d({
+  const e = p(null), [a, d] = h(e), [m] = s({
     type: "invitation",
     action: "sent",
     payload: {
       from: f.MENU
     }
   });
-  return /* @__PURE__ */ n(y, { className: c, children: [
-    /* @__PURE__ */ o(C, { style: { backgroundColor: m }, children: /* @__PURE__ */ o(I, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ n(k, { children: [
-      /* @__PURE__ */ o(u, { children: t || "" }),
-      /* @__PURE__ */ o(b, { children: e || "" })
+  return /* @__PURE__ */ o(y, { className: l, children: [
+    /* @__PURE__ */ n(C, { style: { backgroundColor: c }, children: /* @__PURE__ */ n(I, { name: "invite-game-icon" }) }),
+    /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ n(u, { children: r || "" }),
+      /* @__PURE__ */ n(b, { children: t || "" })
     ] }),
-    i && /* @__PURE__ */ n(g, { ref: r, onClick: a(() => l(i)), children: [
-      /* @__PURE__ */ n(v, { children: [
-        /* @__PURE__ */ o(x, { children: "Invite link" }),
-        /* @__PURE__ */ o(A, { children: i })
+    i && /* @__PURE__ */ o(g, { ref: e, onClick: m(() => a(i)), children: [
+      /* @__PURE__ */ o(v, { children: [
+        /* @__PURE__ */ n(x, { children: "Invite link" }),
+        /* @__PURE__ */ n(A, { children: i })
       ] }),
-      /* @__PURE__ */ o(L, { name: "icon-copy" })
+      /* @__PURE__ */ n(L, { name: "icon-copy" })
     ] }),
-    p
+    d
   ] });
 };
 export {
-  B as OnboardingInviteCard
+  M as OnboardingInviteCard
 };

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

@@ -1,62 +1,60 @@
 import { styled as s } from "@linaria/react";
 import { SvgIcon as n } from "../../../../icons/index.js";
-import "react/jsx-runtime";
-import "react";
-const p = /* @__PURE__ */ s("div")({
+const i = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c1itm4k7",
   propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("div")({
   name: "IconContainer",
   class: "i1w4fsni",
   propsAsIs: !1
-}), o = () => n, r = /* @__PURE__ */ s(o())({
+}), e = () => n, l = /* @__PURE__ */ s(e())({
   name: "InviteGameIcon",
   class: "i19m85r1",
   propsAsIs: !0
-}), m = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "c1mbu204",
   propsAsIs: !1
-}), I = /* @__PURE__ */ s("div")({
+}), r = /* @__PURE__ */ s("div")({
   name: "Heading",
   class: "h1amdqtv",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "Subtext",
   class: "s1lhlj9j",
   propsAsIs: !1
-}), f = /* @__PURE__ */ s("div")({
+}), I = /* @__PURE__ */ s("div")({
   name: "LinkContainer",
   class: "l1wot35e",
   propsAsIs: !1
-}), v = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
   propsAsIs: !1
-}), A = /* @__PURE__ */ s("span")({
+}), f = /* @__PURE__ */ s("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
   propsAsIs: !1
-}), k = /* @__PURE__ */ s("span")({
+}), v = /* @__PURE__ */ s("span")({
   name: "LinkAddress",
   class: "lvi87q4",
   propsAsIs: !1
-}), e = () => n, L = /* @__PURE__ */ s(e())({
+}), o = () => n, A = /* @__PURE__ */ s(o())({
   name: "LinkIcon",
   class: "l1pqlvw3",
   propsAsIs: !0
 });
 export {
-  p as Container,
-  m as Content,
-  I as Heading,
-  l as IconContainer,
-  r as InviteGameIcon,
-  k as LinkAddress,
-  f as LinkContainer,
-  L as LinkIcon,
-  v as LinkInfo,
-  A as LinkTitle,
-  d as Subtext
+  i as Container,
+  p as Content,
+  r as Heading,
+  c as IconContainer,
+  l as InviteGameIcon,
+  v as LinkAddress,
+  I as LinkContainer,
+  A as LinkIcon,
+  d as LinkInfo,
+  f as LinkTitle,
+  m as Subtext
 };

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

@@ -1,9 +1,7 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { SvgIcon as a } from "../../../../icons/index.js";
 import { Container as h, Content as s, Title as p, RulesList as C, RulesItem as R, RuleIcon as u, RuleText as x, TermsButton as T } from "./styles.js";
-import "@linaria/react";
-import "react";
-const k = ({
+const b = ({
   rules: e,
   rulesTitle: t,
   termsText: i,
@@ -12,13 +10,13 @@ const k = ({
 }) => /* @__PURE__ */ r(h, { children: [
   /* @__PURE__ */ r(s, { children: [
     /* @__PURE__ */ n(p, { children: t }),
-    /* @__PURE__ */ n(C, { children: e == null ? void 0 : e.map(({ label: m, icon: o }, c) => /* @__PURE__ */ r(R, { children: [
+    /* @__PURE__ */ n(C, { children: e == null ? void 0 : e.map(({ label: c, icon: o }, m) => /* @__PURE__ */ r(R, { children: [
       o && /* @__PURE__ */ n(u, { style: { backgroundColor: d }, children: /* @__PURE__ */ n(a, { name: o, "data-icon": o }) }),
-      /* @__PURE__ */ n(x, { children: m })
-    ] }, c)) })
+      /* @__PURE__ */ n(x, { children: c })
+    ] }, m)) })
   ] }),
   i && /* @__PURE__ */ n(T, { onClick: l, children: "See Terms and Conditions" })
 ] });
 export {
-  k as OnboardingRules
+  b as OnboardingRules
 };

package/lib/ui/gamification/onboarding/slides/onboarding-terms/index.js

@@ -1,10 +1,9 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Container as o, Content as t, Title as l, ScrollingText as c } from "./styles.js";
-import "@linaria/react";
-const h = ({ termsTitle: n, termsText: e }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(t, { children: [
+const s = ({ termsTitle: n, termsText: e }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(t, { children: [
   /* @__PURE__ */ r(l, { children: n }),
   /* @__PURE__ */ r(c, { children: e })
 ] }) });
 export {
-  h as OnboardingTerms
+  s as OnboardingTerms
 };