@streamlayer/react-ui 0.97.1 → 0.98.1

package/lib/ui/app/masters.js

@@ -1,20 +1,20 @@
 import { jsx as m, jsxs as v } from "react/jsx-runtime";
 import { useStore as C } from "@nanostores/react";
 import { useAnalyticsListener as d, newTabLinkListener as A, appScrollListener as F, appClickListener as x } from "../../hooks/analytics.js";
-import { useRef as S, useEffect as b, useMemo as D } from "react";
+import { useRef as S, useMemo as b } from "react";
 import { resetCss as f } from "../theme/theme.js";
-import { ActiveFeature as I, StandaloneFeature as M } from "./Features/index.js";
-import { MastersNavigation as B } from "./Navigation/MastersNavigation/index.js";
-import { SDKNotifications as j } from "./Notifications/index.js";
-import { SDKContainer as k, SDKScrollContainer as E } from "./styles.js";
+import { ActiveFeature as D, StandaloneFeature as I } from "./Features/index.js";
+import { MastersNavigation as M } from "./Navigation/MastersNavigation/index.js";
+import { SDKNotifications as B } from "./Notifications/index.js";
+import { SDKContainer as j, SDKScrollContainer as k } from "./styles.js";
 import { useMastersApp as K } from "./useMastersApp.js";
 import { MastersContext as O } from "./useMastersContext.js";
 import { useSdkFeature as R } from "./useSdkFeature.js";
 import { useSdkResponsive as T } from "./useSdkResponsive.js";
 import { useSdkScroll as w } from "./useSdkScroll.js";
-import { ChannelsButtonId as G } from "../navigation/button/Channels.js";
-import { LeaderBoardButtonId as P } from "../navigation/button/LeaderBoard.js";
-import { FeaturedGroupsButtonId as V } from "../navigation/button/FeaturedGroups.js";
+import { ChannelsButtonId as E } from "../navigation/button/Channels.js";
+import { LeaderBoardButtonId as G } from "../navigation/button/LeaderBoard.js";
+import { FeaturedGroupsButtonId as P } from "../navigation/button/FeaturedGroups.js";
 import "lodash.throttle";
 import "@streamlayer/sdk-web-interfaces";
 import "../theme/constants.js";
@@ -37,10 +37,10 @@ import "../gamification/user-statistics/components/statistic/index.js";
 import "../gamification/user-statistics/components/statistic/styles.js";
 import "../gamification/user-statistics/styles.js";
 import "../modal/index.js";
-import "@linaria/core";
 import "../../index-jRXrW6ie.js";
 import "../../index-uEuzH3jr.js";
 import "../show-in/index.js";
+import "@linaria/core";
 import "./Features/Gamification/Question.js";
 import "../gamification/detail/sponsor/index.js";
 import "../gamification/vote/index.js";
@@ -134,10 +134,10 @@ import "./Notifications/styles.js";
 import "../gamification/question/notification/pill/index.js";
 import "../gamification/question/notification/pill/styles.js";
 import "../../index-z0QjLiEL.js";
-const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, headerNode: i, responsiveStore: o }) => {
+const V = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, headerNode: i, responsiveStore: o }) => {
   const [, l] = R(t);
   return /* @__PURE__ */ m(
-    I,
+    D,
     {
       className: n,
       scrollNode: p,
@@ -149,12 +149,12 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
       sdk: t
     }
   );
-}, Y = ({ sdk: t, className: n, appNode: s, responsiveStore: r }) => {
+}, W = ({ sdk: t, className: n, appNode: s, responsiveStore: r }) => {
   const p = C(t.featuresList.getStore());
   return p ? Array.from(p, (i) => {
     const o = t.getFeature(i);
     return o ? /* @__PURE__ */ m(
-      M,
+      I,
       {
         className: n,
         appNode: s,
@@ -165,7 +165,7 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
       i
     ) : null;
   }) : null;
-}, go = ({ sdk: t, overlays: n, children: s }) => {
+}, No = ({ sdk: t, overlays: n, children: s }) => {
   const r = S(null), p = S(null), [i] = T(r), [o, l] = w(r, i), { sdkEnabled: e, sdkReady: c, activeOverlay: a, activateAndLoadOverlay: h, activateEventWithId: N, deactivate: g, isLogged: y } = K(t);
   d(r, { enabled: e, event: "click", listener: A }), d(o, {
     enabled: e,
@@ -177,13 +177,11 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
     event: "click",
     listener: x,
     useDomNode: !0
-  }), b(() => {
-    import("./Features/Gamification/gamification-feature.js");
-  }, []);
-  const L = D(() => ({ sdk: t }), [t]);
-  return /* @__PURE__ */ m(O.Provider, { value: L, children: /* @__PURE__ */ v(k, { ref: r, children: [
+  });
+  const L = b(() => ({ sdk: t }), [t]);
+  return /* @__PURE__ */ m(O.Provider, { value: L, children: /* @__PURE__ */ v(j, { ref: r, children: [
     e && /* @__PURE__ */ m(
-      B,
+      M,
       {
         ref: p,
         sdkReady: c,
@@ -197,9 +195,9 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
         responsiveStore: i
       }
     ),
-    /* @__PURE__ */ v(E, { className: "sl-hide-on-modal", ref: o, "data-nav": e.toString(), children: [
+    /* @__PURE__ */ v(k, { className: "sl-hide-on-modal", ref: o, "data-nav": e.toString(), children: [
       c && /* @__PURE__ */ m(
-        j,
+        B,
         {
           sdk: t,
           scrollNode: o,
@@ -209,10 +207,10 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
           responsiveStore: i
         }
       ),
-      /* @__PURE__ */ m("div", { style: !e || a === G ? {} : { display: "none" }, children: s && s({ activateEventWithId: N, deactivate: g }) }),
-      n && a === P && n[a],
-      c && a === V && /* @__PURE__ */ m(
-        W,
+      /* @__PURE__ */ m("div", { style: !e || a === E ? {} : { display: "none" }, children: s && s({ activateEventWithId: N, deactivate: g }) }),
+      n && a === G && n[a],
+      c && a === P && /* @__PURE__ */ m(
+        V,
         {
           scrollStore: l,
           responsiveStore: i,
@@ -223,7 +221,7 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
           sdk: t
         }
       ),
-      c && /* @__PURE__ */ m(Y, { responsiveStore: i, appNode: r, className: f, sdk: t })
+      c && /* @__PURE__ */ m(W, { responsiveStore: i, appNode: r, className: f, sdk: t })
     ] }),
     e && !y && /* @__PURE__ */ m(
       "div",
@@ -235,5 +233,5 @@ const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, he
   ] }) });
 };
 export {
-  go as MastersApp
+  No as MastersApp
 };

package/lib/ui/app/useMastersApp.js

@@ -1,8 +1,8 @@
-import { useStore as A } from "@nanostores/react";
-import { useRef as y, useState as d, useCallback as z, useEffect as u } from "react";
-import { FeatureType as v } from "@streamlayer/sdk-web-types";
+import { useStore as v } from "@nanostores/react";
+import { useRef as y, useState as E, useCallback as z, useEffect as u } from "react";
+import { FeatureType as p } from "@streamlayer/sdk-web-types";
 import "./Navigation/MastersNavigation/index.js";
-import { FeaturedGroupsButtonId as p } from "../navigation/button/FeaturedGroups.js";
+import { FeaturedGroupsButtonId as c } from "../navigation/button/FeaturedGroups.js";
 import { ChannelsButtonId as i } from "../navigation/button/Channels.js";
 import "react/jsx-runtime";
 import "../navigation/button/LeaderBoard.js";
@@ -14,30 +14,32 @@ import "../navigation/button/styles.js";
 import "../navigation/masters.js";
 import "../navigation/index.js";
 import "../theme/constants.js";
-const D = (e) => {
-  const c = y(""), [S, o] = d(!1), E = A(e.status), a = A(e.userId()), f = A(e.getActiveFeature()), n = E === "ready", [l, r] = d(p), m = z(
+const j = (e) => {
+  const f = y(""), [S, o] = E(!1), g = v(e.status), a = v(e.userId()), l = v(e.getActiveFeature()), n = g === "ready", [m, r] = E(c), A = z(
     (t, s) => {
-      r(s), t && e.createEventSession(t), s === p ? window.requestAnimationFrame(() => {
-        e.openFeature(v.GAMES);
+      r(s), t && e.createEventSession(t), s === c ? window.requestAnimationFrame(() => {
+        e.openFeature(p.GAMES);
       }) : e.closeFeature(!1);
     },
     [e]
   );
   u(() => {
-    !n && l === p && (r(i), e.closeFeature(!0));
-  }, [n, l, e]), u(() => {
-    f === v.GAMES ? r(p) : f === v.UNSET && r(i);
-  }, [f]);
+    !n && m === c && (r(i), e.closeFeature(!0));
+  }, [n, m, e]), u(() => {
+    l === p.GAMES ? r(c) : l === p.UNSET && r(i);
+    const t = e.getFeature(p.GAMES);
+    t && (t.closeQuestion(), t.closeUser());
+  }, [l, e]);
   const F = (t) => {
-    c.current = t, o(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: s, err: g }) => {
-      if (g) {
-        m(t, i);
+    f.current = t, o(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: s, err: b }) => {
+      if (b) {
+        A(t, i);
         return;
       }
       if (s) {
         e.isUserAuthorized().then((h) => {
           if (h) {
-            m(t, i);
+            A(t, i);
             return;
           } else
             e.disableApp();
@@ -45,7 +47,7 @@ const D = (e) => {
         return;
       }
     });
-  }, b = () => {
+  }, d = () => {
     o(!1), e.disableApp();
   };
   return u(() => {
@@ -53,9 +55,9 @@ const D = (e) => {
       n && (r(i), e.disableApp());
       return;
     }
-    if (a && c.current && S) {
+    if (a && f.current && S) {
       e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
-        e.createEventSession(c.current);
+        e.createEventSession(f.current);
       });
       return;
     }
@@ -64,13 +66,13 @@ const D = (e) => {
   }, [o, e]), {
     sdkEnabled: S,
     sdkReady: n,
-    activeOverlay: l,
-    activateAndLoadOverlay: m,
+    activeOverlay: m,
+    activateAndLoadOverlay: A,
     activateEventWithId: F,
-    deactivate: b,
+    deactivate: d,
     isLogged: !!a
   };
 };
 export {
-  D as useMastersApp
+  j as useMastersApp
 };

package/lib/ui/gamification/vote/feedback/index.d.ts

@@ -16,7 +16,7 @@ interface FeedbackProps {
     enteredAnActiveQuestion: boolean;
     voteErrorMessage: string;
     marketClosed: boolean;
-    percentsAnimated?: boolean;
+    percentsAnimated: boolean;
 }
 export declare const Feedback: React.FC<FeedbackProps>;
 export {};

package/lib/ui/gamification/vote/feedback/index.js

@@ -1,82 +1,73 @@
-import { jsx as i, jsxs as n, Fragment as t } from "react/jsx-runtime";
-import { useRef as C } from "react";
-import { QuestionType as d } from "@streamlayer/sdk-web-types";
-import { SvgIcon as a } from "../../../icons/index.js";
-import { ShowInContainer as E, Container as K, IconPrediction as j, FeedbackDescription as l, FeedbackIconWrap as m, FeedbackHeader as F, FeedbackText as I, DynamicWrap as z, FeedbackTitle as G } from "./styles.js";
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { QuestionType as e } from "@streamlayer/sdk-web-types";
+import { SvgIcon as h } from "../../../icons/index.js";
+import { ShowInContainer as j, Container as L, FeedbackContainer as r, IconPrediction as C, FeedbackDescription as t, FeedbackIconWrap as a, FeedbackHeader as F, FeedbackText as I, DynamicWrap as Y, FeedbackTitle as E } from "./styles.js";
 import "@linaria/react";
+import "react";
 import "../../../show-in/index.js";
 import "@linaria/core";
-const V = ({
-  feedbackMessages: r,
-  questionVotedCorrectly: x,
-  questionVoted: p,
-  questionType: e,
-  hasCorrectAnswer: u,
-  showExpiredNotification: w,
-  showClosedNotificationTrivia: P,
-  votedInCurrentRender: o,
-  votedAfterQuestionClosed: H,
+const _ = ({
+  feedbackMessages: l,
+  questionVotedCorrectly: P,
+  questionVoted: m,
+  questionType: d,
+  hasCorrectAnswer: b,
+  showExpiredNotification: u,
+  showClosedNotificationTrivia: w,
+  votedInCurrentRender: p,
+  votedAfterQuestionClosed: S,
   voteErrorMessage: c,
-  enteredAnActiveQuestion: y,
-  marketClosed: L,
-  percentsAnimated: Y
+  enteredAnActiveQuestion: x,
+  marketClosed: W,
+  percentsAnimated: Q
 }) => {
-  var Q;
-  const f = p && (e === d.TRIVIA || e === d.PREDICTION), D = e === d.PREDICTION && !u, O = L && e === d.PREDICTION && !p && !y || e === d.PREDICTION && H && o && y, R = f && D, T = f && u, N = e === d.PREDICTION && p && o && u, S = p && e === d.POLL && o, b = x ? "correct" : "incorrect", h = x ? r == null ? void 0 : r.correctFeedback : r == null ? void 0 : r.incorrectFeedback, s = w || P || R || T || O || S || N || c, W = C(null), B = (Q = W.current) == null ? void 0 : Q.getBoundingClientRect().height, k = o && !Y;
-  return s ? /* @__PURE__ */ i(
-    E,
-    {
-      enabled: o && !k,
-      replayKey: k,
-      style: o ? { height: k ? 0 : B } : {},
-      children: /* @__PURE__ */ n(K, { ref: W, "data-prediction": D, children: [
-        c && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(j, { name: "questionExpired" }),
-          /* @__PURE__ */ i(l, { children: c })
-        ] }),
-        !c && w && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(a, { name: "questionExpired" }) }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(l, { children: "Question Expired" }) }),
-            /* @__PURE__ */ i(I, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
-          ] })
-        ] }),
-        !c && P && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(a, { name: "questionExpired" }) }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(l, { children: "Question Closed" }) }),
-            /* @__PURE__ */ i(I, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
-          ] })
-        ] }),
-        !c && O && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(a, { name: "questionExpired" }) }),
-          /* @__PURE__ */ n("div", { children: [
-            /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(l, { children: "Question Closed" }) }),
-            /* @__PURE__ */ i(I, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
-          ] })
-        ] }),
-        !c && R && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(j, { name: "icon-prediction" }),
-          /* @__PURE__ */ n(l, { children: [
-            "Your pick has been recorded. ",
-            /* @__PURE__ */ i(z, { children: "We’ll notify you of the result." })
-          ] })
-        ] }),
-        !c && S && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(m, { "data-feedback-type": "correct", children: /* @__PURE__ */ i(a, { name: "correct" }) }),
-          /* @__PURE__ */ i(l, { children: "Thanks for answering. Please stay tuned for the next question." })
-        ] }),
-        !c && (T || N) && !P && /* @__PURE__ */ n(t, { children: [
-          /* @__PURE__ */ i(m, { "data-feedback-type": b, children: /* @__PURE__ */ i(a, { name: b }) }),
-          /* @__PURE__ */ i("div", { children: /* @__PURE__ */ n(F, { children: [
-            /* @__PURE__ */ i(G, { "data-feedback-type": b, children: h == null ? void 0 : h.title }),
-            /* @__PURE__ */ i(l, { children: h == null ? void 0 : h.description })
-          ] }) })
-        ] })
+  const D = m && (d === e.TRIVIA || d === e.PREDICTION), y = d === e.PREDICTION && !b, O = W && d === e.PREDICTION && !m && !x || d === e.PREDICTION && S && p && x, T = D && y, N = D && b, R = d === e.PREDICTION && m && p && b, f = m && d === e.POLL && p, k = P ? "correct" : "incorrect", o = P ? l == null ? void 0 : l.correctFeedback : l == null ? void 0 : l.incorrectFeedback;
+  return u || w || T || N || O || f || R || c ? /* @__PURE__ */ i(j, { enabled: p, animate: Q, children: /* @__PURE__ */ n(L, { "data-prediction": y, children: [
+    c && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(C, { name: "questionExpired" }),
+      /* @__PURE__ */ i(t, { children: c })
+    ] }),
+    !c && u && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(h, { name: "questionExpired" }) }),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(t, { children: "Question Expired" }) }),
+        /* @__PURE__ */ i(I, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
-    }
-  ) : null;
+    ] }),
+    !c && w && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(h, { name: "questionExpired" }) }),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(t, { children: "Question Closed" }) }),
+        /* @__PURE__ */ i(I, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
+      ] })
+    ] }),
+    !c && O && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(h, { name: "questionExpired" }) }),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(t, { children: "Question Closed" }) }),
+        /* @__PURE__ */ i(I, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
+      ] })
+    ] }),
+    !c && T && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(C, { name: "icon-prediction" }),
+      /* @__PURE__ */ n(t, { children: [
+        "Your pick has been recorded. ",
+        /* @__PURE__ */ i(Y, { children: "We’ll notify you of the result." })
+      ] })
+    ] }),
+    !c && f && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(a, { "data-feedback-type": "correct", children: /* @__PURE__ */ i(h, { name: "correct" }) }),
+      /* @__PURE__ */ i(t, { children: "Thanks for answering. Please stay tuned for the next question." })
+    ] }),
+    !c && (N || R) && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ i(a, { "data-feedback-type": k, children: /* @__PURE__ */ i(h, { name: k }) }),
+      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ n(F, { children: [
+        /* @__PURE__ */ i(E, { "data-feedback-type": k, children: o == null ? void 0 : o.title }),
+        /* @__PURE__ */ i(t, { children: o == null ? void 0 : o.description })
+      ] }) })
+    ] })
+  ] }) }) : null;
 };
 export {
-  V as Feedback
+  _ as Feedback
 };

package/lib/ui/gamification/vote/feedback/styles.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export declare const ShowInContainer: any;
+export declare const FeedbackContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const IconPrediction: any;
 export declare const FeedbackIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/feedback/styles.js

@@ -1,54 +1,59 @@
 import { styled as s } from "@linaria/react";
 import { SvgIcon as e } from "../../../icons/index.js";
-import { ShowIn as a } from "../../../show-in/index.js";
+import { GrowingShowIn as a } from "../../../show-in/index.js";
 import "react/jsx-runtime";
 import "react";
 import "@linaria/core";
-const o = () => a, m = /* @__PURE__ */ s(o())({
+const n = () => a, l = /* @__PURE__ */ s(n())({
   name: "ShowInContainer",
   class: "s16sbdnm",
   propsAsIs: !0
-}), l = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
+  name: "FeedbackContainer",
+  class: "fbhorgl",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "cbhorgl",
+  class: "c1g20ja7",
   propsAsIs: !1
-}), n = () => e, I = /* @__PURE__ */ s(n())({
+}), o = () => e, I = /* @__PURE__ */ s(o())({
   name: "IconPrediction",
-  class: "i1g20ja7",
+  class: "i455ozj",
   propsAsIs: !0
-}), f = /* @__PURE__ */ s("div")({
-  name: "FeedbackIconWrap",
-  class: "f455ozj",
-  propsAsIs: !1
 }), b = /* @__PURE__ */ s("div")({
-  name: "FeedbackHeader",
+  name: "FeedbackIconWrap",
   class: "f1913njx",
   propsAsIs: !1
-}), k = /* @__PURE__ */ s("span")({
-  name: "FeedbackTitle",
+}), k = /* @__PURE__ */ s("div")({
+  name: "FeedbackHeader",
   class: "fzfk69z",
   propsAsIs: !1
 }), F = /* @__PURE__ */ s("span")({
-  name: "FeedbackDescription",
+  name: "FeedbackTitle",
   class: "fx87qaj",
   propsAsIs: !1
-}), A = /* @__PURE__ */ s("div")({
-  name: "FeedbackText",
+}), A = /* @__PURE__ */ s("span")({
+  name: "FeedbackDescription",
   class: "fvek9ew",
   propsAsIs: !1
+}), v = /* @__PURE__ */ s("div")({
+  name: "FeedbackText",
+  class: "f1kbtp09",
+  propsAsIs: !1
 }), x = /* @__PURE__ */ s("span")({
   name: "DynamicWrap",
-  class: "d1kbtp09",
+  class: "d4i8rro",
   propsAsIs: !1
 });
 export {
-  l as Container,
+  f as Container,
   x as DynamicWrap,
-  F as FeedbackDescription,
-  b as FeedbackHeader,
-  f as FeedbackIconWrap,
-  A as FeedbackText,
-  k as FeedbackTitle,
+  m as FeedbackContainer,
+  A as FeedbackDescription,
+  k as FeedbackHeader,
+  b as FeedbackIconWrap,
+  v as FeedbackText,
+  F as FeedbackTitle,
   I as IconPrediction,
-  m as ShowInContainer
+  l as ShowInContainer
 };