fansunited-frontend-components 0.0.65 → 0.0.67

package/EitherOrPlay.js

@@ -1,43 +1,41 @@
 import { jsx as t, jsxs as g, Fragment as De } from "react/jsx-runtime";
 import { useState as D, useEffect as me, useRef as qe, useCallback as Oe } from "react";
-import { r as Ce, b as be, q as ze, B as r, u as se, l as xe, a as K, c as fe, e as pe, J as Ht, j as Me, k as jt, W as Se, s as St, i as Gt } from "./chunks/PrizeCard-DYwXaC1D.js";
-import { P as Vt } from "./chunks/Portal-CoaOIw9X.js";
+import { r as Pe, b as be, q as ze, B as r, u as se, l as xe, a as K, c as fe, e as pe, I as Ht, j as Me, k as jt, W as Se, s as St, i as Gt } from "./chunks/PrizeCard-DlK8irk1.js";
+import { P as Vt } from "./chunks/Portal-CVkKDGuY.js";
 import "react-dom";
-import { S as He } from "./chunks/Spinner-CD5wbUmy.js";
+import { S as He } from "./chunks/Spinner-00hTC1QH.js";
 import { Z as Nt } from "./chunks/index-BBrO1Htm.js";
-import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-bzUOaq-G.js";
-import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-BvpmzWrD.js";
-import { u as Xt, b as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-CixMtvPN.js";
-import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-CrbCfPqF.js";
-import { T as x } from "./chunks/Typography-C3YXEcle.js";
-import { F as Fe, a as It } from "./chunks/FavoriteBorder-DZah1leY.js";
-import { E as Pe } from "./chunks/EmojiEvents-Bd4EnqWZ.js";
-import { B as ge } from "./chunks/Button-BpDNOp4E.js";
-import { C as Ne } from "./chunks/CheckCircle-MCCIVdJW.js";
-import { T as Jt } from "./chunks/TimerOutlined-D3hLxDxl.js";
-import { S as we } from "./chunks/Stack-DEj8r9tP.js";
-import { A as Qt, S as Tt, O as en } from "./chunks/OverlayApiErrorSkeleton-CsL4voqW.js";
-import { P as tn } from "./chunks/Person-BkWUE01t.js";
-import { S as nn, T as rn } from "./chunks/Table-CwDNo-UR.js";
-import { A as on } from "./chunks/Avatar-DEfTQJbR.js";
-import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-C4mPtsga.js";
-import { S as ln, a as an, O as sn, b as cn } from "./chunks/OverlayLeadAfterCollection-BO9aMs3v.js";
-import { C as dn } from "./chunks/CollectLeadForm-DRgerBFl.js";
-const un = Ce([/* @__PURE__ */ t("path", {
-  d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
-}, "0"), /* @__PURE__ */ t("path", {
-  d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
-}, "1")], "AccessTime"), Ye = Ce(/* @__PURE__ */ t("path", {
+import { g as Yt, h as re, e as je, a as Ct } from "./chunks/helpers-DQsdRliV.js";
+import { S as _t, N as qt, O as Kt } from "./chunks/NotFoundSkeleton-T4NKrhfx.js";
+import { u as Xt, b as Ge, d as Ke, a as Xe } from "./chunks/useImageVariant-DMs19-UC.js";
+import { A as Ze, O as Zt } from "./chunks/ArrowRightAlt-BWEyQ4rF.js";
+import { T as x } from "./chunks/Typography-BFCXsYfo.js";
+import { F as Fe, a as It } from "./chunks/FavoriteBorder-_0szWv8_.js";
+import { E as ve } from "./chunks/EmojiEvents-CxftZVbi.js";
+import { B as ge } from "./chunks/Button-BPtVuOyn.js";
+import { C as Ne } from "./chunks/CheckCircle-DKzwnhnr.js";
+import { T as Jt } from "./chunks/TimerOutlined-DC5foG2M.js";
+import { S as we } from "./chunks/Stack-CB_N08X-.js";
+import { A as Qt } from "./chunks/AccessTime-D7JlgCS_.js";
+import { A as en, S as Tt, O as tn } from "./chunks/OverlayApiErrorSkeleton-BdzLPy8g.js";
+import { P as nn } from "./chunks/Person-OeVVOCoA.js";
+import { S as rn } from "./chunks/Sheet-Co4lPFez.js";
+import { T as on } from "./chunks/Table-Damdp0vr.js";
+import { A as ln } from "./chunks/Avatar-BtqTJz-0.js";
+import { t as vt, T as Pt, a as kt, b as Ee, c as We } from "./chunks/Tabs-CiKqMnto.js";
+import { S as an, a as sn, O as cn, b as dn } from "./chunks/OverlayLeadAfterCollection-C-rM0D5V.js";
+import { C as un } from "./chunks/CollectLeadForm-B1FGVWj4.js";
+const Ye = Pe(/* @__PURE__ */ t("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
-}), "Cancel"), At = Ce(/* @__PURE__ */ t("path", {
+}), "Cancel"), At = Pe(/* @__PURE__ */ t("path", {
   d: "M9.01 14H2v2h7.01v3L13 15l-3.99-4zm5.98-1v-3H22V8h-7.01V5L11 9z"
-}), "CompareArrows"), wt = Ce(/* @__PURE__ */ t("path", {
+}), "CompareArrows"), wt = Pe(/* @__PURE__ */ t("path", {
   d: "M7.5 21H2V9h5.5zm7.25-18h-5.5v18h5.5zM22 11h-5.5v10H22z"
-}), "Leaderboard"), mn = Ce(/* @__PURE__ */ t("path", {
+}), "Leaderboard"), mn = Pe(/* @__PURE__ */ t("path", {
   d: "M16 17.01V10h-2v7.01h-3L15 21l4-3.99zM9 3 5 6.99h3V14h2V6.99h3z"
-}), "SwapVert"), zt = Ce(/* @__PURE__ */ t("path", {
+}), "SwapVert"), zt = Pe(/* @__PURE__ */ t("path", {
   d: "M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61M13 14h-2V8h2z"
-}), "Timer"), gn = Ce(/* @__PURE__ */ t("path", {
+}), "Timer"), gn = Pe(/* @__PURE__ */ t("path", {
   d: "M9.68 13.69 12 11.93l2.31 1.76-.88-2.85L15.75 9h-2.84L12 6.19 11.09 9H8.25l2.31 1.84zM20 10c0-4.42-3.58-8-8-8s-8 3.58-8 8c0 2.03.76 3.87 2 5.28V23l6-2 6 2v-7.72c1.24-1.41 2-3.25 2-5.28m-8-6c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6 2.69-6 6-6"
 }), "WorkspacePremium"), fn = (e, n) => {
   const [i, s] = D(null), d = async () => {
@@ -221,7 +219,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
       })
     },
     {
-      icon: /* @__PURE__ */ t(Pe, { sx: { fontSize: "1.1em" } }),
+      icon: /* @__PURE__ */ t(ve, { sx: { fontSize: "1.1em" } }),
       title: d("eitherOr.tutorial.step3Title"),
       description: d("eitherOr.tutorial.step3Description")
     }
@@ -1140,7 +1138,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           alignItems: "center",
                           justifyContent: "center"
                         },
-                        children: /* @__PURE__ */ t(Pe, { sx: { fontSize: "1.9em", color: "#fff" } })
+                        children: /* @__PURE__ */ t(ve, { sx: { fontSize: "1.9em", color: "#fff" } })
                       }
                     )
                   ]
@@ -1264,7 +1262,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     alignItems: "center",
                     justifyContent: "center"
                   },
-                  children: /* @__PURE__ */ t(Pe, { sx: { fontSize: "1.75em", color: a } })
+                  children: /* @__PURE__ */ t(ve, { sx: { fontSize: "1.75em", color: a } })
                 }
               ),
               /* @__PURE__ */ t(
@@ -1380,7 +1378,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           },
           {
             icon: /* @__PURE__ */ t(
-              un,
+              Qt,
               {
                 sx: { fontSize: "1.25em", color: u.textColor }
               }
@@ -1537,7 +1535,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           }
         ),
         /* @__PURE__ */ t(
-          Qt,
+          en,
           {
             additionalCTA: f,
             buttonStyle: {
@@ -2079,8 +2077,8 @@ const un = Ce([/* @__PURE__ */ t("path", {
               children: d("eitherOr.leaderboard.top50Note", "Top 50")
             }
           ),
-          /* @__PURE__ */ t(nn, { sx: z.tableContainer, children: /* @__PURE__ */ g(
-            rn,
+          /* @__PURE__ */ t(rn, { sx: z.tableContainer, children: /* @__PURE__ */ g(
+            on,
             {
               variant: "outlined",
               hoverRow: !1,
@@ -2106,7 +2104,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                           J + 1
                         ] }) }),
                         /* @__PURE__ */ t("td", { style: z.tableCellName, children: /* @__PURE__ */ g(r, { sx: z.nameCell, children: [
-                          /* @__PURE__ */ t(on, { src: oe, sx: z.leaderboardAvatar, children: !oe && /* @__PURE__ */ t(tn, { sx: z.avatarIcon }) }),
+                          /* @__PURE__ */ t(ln, { src: oe, sx: z.leaderboardAvatar, children: !oe && /* @__PURE__ */ t(nn, { sx: z.avatarIcon }) }),
                           /* @__PURE__ */ t(
                             x,
                             {
@@ -2354,7 +2352,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     gap: E.xs
                   },
                   children: [
-                    /* @__PURE__ */ t(Pe, { sx: { fontSize: "1.25em" } }),
+                    /* @__PURE__ */ t(ve, { sx: { fontSize: "1.25em" } }),
                     /* @__PURE__ */ t(
                       x,
                       {
@@ -2561,7 +2559,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     );
   };
   return /* @__PURE__ */ t(ye, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
-    ln,
+    an,
     {
       entity: e.eitherOr,
       headline: b("eitherOr.headline"),
@@ -2675,7 +2673,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     onClick: u
   };
   return /* @__PURE__ */ t(
-    dn,
+    un,
     {
       sdk: e,
       content: {
@@ -2707,7 +2705,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
 }, wn = (e) => {
   const { t: n } = se();
   return /* @__PURE__ */ t(
-    an,
+    sn,
     {
       entity: e.eitherOr,
       headline: n("eitherOr.headline"),
@@ -2878,15 +2876,15 @@ const un = Ce([/* @__PURE__ */ t("path", {
       return W(s.currentPoints), () => clearTimeout(ne);
     }
   }, [s == null ? void 0 : s.currentPoints, v]);
-  const Ie = (n == null ? void 0 : n.points) ?? [], Te = Ie.length >= 2 ? Ie[1].correctSteps - Ie[0].correctSteps : ((gt = Ie[0]) == null ? void 0 : gt.correctSteps) || 5;
+  const Ce = (n == null ? void 0 : n.points) ?? [], Ie = Ce.length >= 2 ? Ce[1].correctSteps - Ce[0].correctSteps : ((gt = Ce[0]) == null ? void 0 : gt.correctSteps) || 5;
   me(() => {
     const ne = N.current, ae = (s == null ? void 0 : s.currentStreak) ?? 0;
-    if (N.current = ae, ae > ne && ae > 0 && ae % Te === 0) {
+    if (N.current = ae, ae > ne && ae > 0 && ae % Ie === 0) {
       U(!0);
       const ue = setTimeout(() => U(!1), 500);
       return () => clearTimeout(ue);
     }
-  }, [s == null ? void 0 : s.currentStreak, Te]);
+  }, [s == null ? void 0 : s.currentStreak, Ie]);
   const Re = P ? ((ht = (ft = n.branding) == null ? void 0 : ft.images) == null ? void 0 : ht.mobileLogo) || ((bt = (xt = n.branding) == null ? void 0 : xt.images) == null ? void 0 : bt.mainLogo) || "" : ((yt = (pt = n.branding) == null ? void 0 : pt.images) == null ? void 0 : yt.mainLogo) || "", $t = c("common.labels.point", { count: v }), Dt = () => {
     const ne = [], ae = (s == null ? void 0 : s.currentLives) ?? 3;
     for (let ue = 0; ue < ae; ue++)
@@ -2914,9 +2912,9 @@ const un = Ce([/* @__PURE__ */ t("path", {
       );
     return ne;
   }, Ft = () => {
-    const ne = (s == null ? void 0 : s.currentStreak) ?? 0, ae = j ? Te : ne % Te, ve = Math.floor(ne / Te) + 1;
+    const ne = (s == null ? void 0 : s.currentStreak) ?? 0, ae = j ? Ie : ne % Ie, Te = Math.floor(ne / Ie) + 1;
     return /* @__PURE__ */ g(r, { sx: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-      Array.from({ length: Te }, (Ve, Le) => /* @__PURE__ */ t(
+      Array.from({ length: Ie }, (Ve, Le) => /* @__PURE__ */ t(
         r,
         {
           sx: {
@@ -2929,7 +2927,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
         },
         `streak-${Le}`
       )),
-      ve > 1 && /* @__PURE__ */ g(
+      Te > 1 && /* @__PURE__ */ g(
         x,
         {
           sx: {
@@ -2942,7 +2940,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
           },
           children: [
             "×",
-            ve
+            Te
           ]
         }
       )
@@ -3112,7 +3110,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     gap: C.xs
                   },
                   children: [
-                    /* @__PURE__ */ t(Pe, { sx: { fontSize: "1.25em" } }),
+                    /* @__PURE__ */ t(ve, { sx: { fontSize: "1.25em" } }),
                     /* @__PURE__ */ t(
                       x,
                       {
@@ -3234,7 +3232,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
             })
           },
           {
-            icon: /* @__PURE__ */ t(Pe, { sx: { fontSize: "1.1em" } }),
+            icon: /* @__PURE__ */ t(ve, { sx: { fontSize: "1.1em" } }),
             title: c("eitherOr.tutorial.step3Title"),
             description: c("eitherOr.tutorial.step3Description")
           }
@@ -3272,7 +3270,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                     },
                     "& > *": { position: "relative", zIndex: 1 }
                   },
-                  children: ae.map((ve, Ve) => {
+                  children: ae.map((Te, Ve) => {
                     const Le = Ve === ae.length - 1;
                     return /* @__PURE__ */ g(r, { children: [
                       /* @__PURE__ */ g(
@@ -3300,7 +3298,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                                   justifyContent: "center",
                                   flexShrink: 0
                                 },
-                                children: ve.icon
+                                children: Te.icon
                               }
                             ),
                             /* @__PURE__ */ g(r, { sx: { flex: 1, minWidth: 0, pt: "2px" }, children: [
@@ -3314,7 +3312,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                                     lineHeight: 1.3,
                                     color: $
                                   },
-                                  children: ve.title
+                                  children: Te.title
                                 }
                               ),
                               /* @__PURE__ */ t(
@@ -3329,7 +3327,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
                                     opacity: 0.65,
                                     mt: C["2xs"]
                                   },
-                                  children: ve.description
+                                  children: Te.description
                                 }
                               )
                             ] })
@@ -3499,7 +3497,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     ) : /* @__PURE__ */ t(ge, { variant: "soft", sx: S.signInButton, disabled: !0, children: /* @__PURE__ */ t(x, { sx: S.signInButtonText, children: e.signInCTA.defaultLabel || i("common.signIn") }) }) : /* @__PURE__ */ t(ge, { variant: "soft", sx: S.signInButton, disabled: !0, children: /* @__PURE__ */ t(x, { sx: S.signInButtonText, children: i("common.signIn") }) });
   };
   return /* @__PURE__ */ t(
-    sn,
+    cn,
     {
       entity: e.eitherOr,
       headline: i("eitherOr.headline"),
@@ -3522,7 +3520,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
     e.eitherOr.branding || null
   );
   return /* @__PURE__ */ t(
-    en,
+    tn,
     {
       entity: e.eitherOr,
       headline: n("eitherOr.headline"),
@@ -3549,7 +3547,7 @@ const un = Ce([/* @__PURE__ */ t("path", {
 }, $n = (e) => {
   const { t: n } = se();
   return /* @__PURE__ */ t(
-    cn,
+    dn,
     {
       entity: e.eitherOr,
       headline: n("eitherOr.headline"),
@@ -3670,7 +3668,7 @@ const Dn = (e) => {
               le ? R(!0) : i(q.RESULTS);
               return;
             }
-            const he = $.steps.find((Ie) => !Ie.played);
+            const he = $.steps.find((Ce) => !Ce.played);
             he ? (d(he), y(null), h({ isCorrect: null, selectedOption: null })) : le ? R(!0) : i(q.RESULTS);
           }, 1e3);
         } catch ($) {
@@ -3835,7 +3833,7 @@ const Dn = (e) => {
       onPlayAgain: G
     }
   ) : /* @__PURE__ */ t(De, {});
-}, Fn = (e) => /* @__PURE__ */ t(Vt, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), sr = Fn;
+}, Fn = (e) => /* @__PURE__ */ t(Vt, { packageName: "either-or-play", ...e, children: /* @__PURE__ */ t(Dn, { ...e }) }), dr = Fn;
 export {
-  sr as EitherOrPlay
+  dr as EitherOrPlay
 };