fansunited-widgets-cdn 0.0.85 → 0.0.86-RC2

package/chunks/Link-DLuj1USf.js

@@ -0,0 +1,228 @@
+import { G as w, F as ee, r as u, v as oe, _ as L, Q as re, w as r, Z as ne, x as g, y, j as m, z as h, D as te } from "./main-XP7dqk6g.js";
+import { b as R, c as ae, a as se, i as ie } from "./Button-BV7YIFkS.js";
+function le(o) {
+  return ee("MuiLink", o);
+}
+const I = w("MuiLink", ["root", "disabled", "focusVisible", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "focusVisible", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "underlineNone", "underlineHover", "underlineAlways", "h1", "h2", "h3", "h4", "title-lg", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body-xs", "startDecorator", "endDecorator"]), ce = ["color", "textColor", "variant"], de = ["children", "disabled", "onBlur", "onFocus", "level", "overlay", "underline", "endDecorator", "startDecorator", "component", "slots", "slotProps"], ue = (o) => {
+  const {
+    level: e,
+    color: t,
+    variant: n,
+    underline: a,
+    focusVisible: s,
+    disabled: i
+  } = o, l = {
+    root: ["root", t && `color${h(t)}`, i && "disabled", s && "focusVisible", e, a && `underline${h(a)}`, n && `variant${h(n)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return te(l, le, {});
+}, pe = y("span", {
+  name: "JoyLink",
+  slot: "StartDecorator",
+  overridesResolver: (o, e) => e.startDecorator
+})(({
+  ownerState: o
+}) => {
+  var e;
+  return r({
+    display: "inline-flex",
+    marginInlineEnd: "clamp(4px, var(--Link-gap, 0.375em), 0.75rem)"
+  }, typeof o.startDecorator != "string" && (o.alignItems === "flex-start" || ((e = o.sx) == null ? void 0 : e.alignItems) === "flex-start") && {
+    marginTop: "2px"
+    // this makes the alignment perfect in most cases
+  });
+}), ve = y("span", {
+  name: "JoyLink",
+  slot: "endDecorator",
+  overridesResolver: (o, e) => e.endDecorator
+})(({
+  ownerState: o
+}) => {
+  var e;
+  return r({
+    display: "inline-flex",
+    marginInlineStart: "clamp(4px, var(--Link-gap, 0.25em), 0.5rem)"
+  }, typeof o.startDecorator != "string" && (o.alignItems === "flex-start" || ((e = o.sx) == null ? void 0 : e.alignItems) === "flex-start") && {
+    marginTop: "2px"
+    // this makes the alignment perfect in most cases
+  });
+}), me = y("a", {
+  name: "JoyLink",
+  slot: "Root",
+  overridesResolver: (o, e) => e.root
+})(({
+  theme: o,
+  ownerState: e
+}) => {
+  var t, n, a, s, i, l, c;
+  return [r({
+    "--Icon-fontSize": "1.25em",
+    "--Icon-color": "currentColor",
+    "--CircularProgress-size": "1.25em",
+    "--CircularProgress-thickness": "3px"
+  }, e.level && e.level !== "inherit" && o.typography[e.level], e.level === "inherit" && {
+    font: "inherit"
+  }, e.underline === "none" && {
+    textDecoration: "none"
+  }, e.underline === "hover" && {
+    textDecoration: "none",
+    "&:hover": {
+      "@media (hover: hover)": {
+        textDecorationLine: "underline"
+      }
+    }
+  }, e.underline === "always" && {
+    textDecoration: "underline"
+  }, e.startDecorator && {
+    verticalAlign: "bottom"
+    // to make the link align with the parent's content
+  }, {
+    textDecorationThickness: "max(0.08em, 1px)",
+    // steal from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/#css-reset-additions
+    textUnderlineOffset: "0.15em",
+    // steal from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/#css-reset-additions
+    display: "inline-flex",
+    alignItems: "center",
+    WebkitTapHighlightColor: "transparent",
+    backgroundColor: "transparent",
+    // Reset default value
+    // We disable the focus ring for mouse, touch and keyboard users.
+    outline: 0,
+    border: 0,
+    margin: 0,
+    // Remove the margin in Safari
+    borderRadius: o.vars.radius.xs,
+    padding: 0,
+    // Remove the padding in Firefox
+    cursor: "pointer",
+    textDecorationColor: `var(--variant-outlinedBorder, rgba(${(t = o.vars.palette[e.color]) == null ? void 0 : t.mainChannel} / var(--Link-underlineOpacity, 0.72)))`
+  }, e.variant ? r({
+    paddingBlock: "min(0.1em, 4px)",
+    paddingInline: "0.25em"
+  }, !e.nesting && {
+    marginInline: "-0.25em"
+  }) : {
+    color: `var(--variant-plainColor, rgba(${(n = o.vars.palette[e.color]) == null ? void 0 : n.mainChannel} / 1))`,
+    [`&.${I.disabled}`]: {
+      pointerEvents: "none",
+      color: `var(--variant-plainDisabledColor, rgba(${(a = o.vars.palette[e.color]) == null ? void 0 : a.mainChannel} / 0.6))`
+    }
+  }, {
+    userSelect: e.component === "button" ? "none" : void 0,
+    MozAppearance: "none",
+    // Reset
+    WebkitAppearance: "none",
+    // Reset
+    "&::-moz-focus-inner": {
+      borderStyle: "none"
+      // Remove Firefox dotted outline.
+    }
+  }, e.overlay ? {
+    position: "initial",
+    "&::after": {
+      content: '""',
+      display: "block",
+      position: "absolute",
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      borderRadius: "var(--unstable_actionRadius, inherit)",
+      margin: "var(--unstable_actionMargin)"
+    },
+    [`${o.focus.selector}`]: {
+      "&::after": o.focus.default
+    }
+  } : {
+    position: "relative",
+    [o.focus.selector]: o.focus.default
+  }), e.variant && r({}, (s = o.variants[e.variant]) == null ? void 0 : s[e.color], {
+    "&:hover": {
+      "@media (hover: hover)": (i = o.variants[`${e.variant}Hover`]) == null ? void 0 : i[e.color]
+    },
+    "&:active": (l = o.variants[`${e.variant}Active`]) == null ? void 0 : l[e.color],
+    [`&.${I.disabled}`]: (c = o.variants[`${e.variant}Disabled`]) == null ? void 0 : c[e.color]
+  })];
+}), be = /* @__PURE__ */ u.forwardRef(function(e, t) {
+  const n = oe({
+    props: e,
+    name: "JoyLink"
+  }), {
+    color: a = "primary",
+    textColor: s,
+    variant: i
+  } = n, l = L(n, ce), c = u.useContext(R), F = u.useContext(ae), f = re(r({}, l, {
+    color: s
+  })), {
+    children: p,
+    disabled: T = !1,
+    onBlur: D,
+    onFocus: $,
+    level: V = "body-md",
+    overlay: B = !1,
+    underline: E = "hover",
+    endDecorator: C,
+    startDecorator: k,
+    component: j,
+    slots: z = {},
+    slotProps: N = {}
+  } = f, A = L(f, de), M = c || F ? e.level || "inherit" : V, {
+    isFocusVisibleRef: P,
+    onBlur: U,
+    onFocus: J,
+    ref: W
+  } = se(), [H, _] = u.useState(!1), O = ne(t, W), G = (d) => {
+    U(d), P.current === !1 && _(!1), D && D(d);
+  }, Q = (d) => {
+    J(d), P.current === !0 && _(!0), $ && $(d);
+  }, v = r({}, f, {
+    color: a,
+    disabled: T,
+    focusVisible: H,
+    underline: E,
+    variant: i,
+    level: M,
+    overlay: B,
+    nesting: c
+  }), x = ue(v), b = r({}, A, {
+    component: j,
+    slots: z,
+    slotProps: N
+  }), [Z, q] = g("root", {
+    additionalProps: {
+      onBlur: G,
+      onFocus: Q
+    },
+    ref: O,
+    className: x.root,
+    elementType: me,
+    externalForwardedProps: b,
+    ownerState: v
+  }), [K, X] = g("startDecorator", {
+    className: x.startDecorator,
+    elementType: pe,
+    externalForwardedProps: b,
+    ownerState: v
+  }), [Y, S] = g("endDecorator", {
+    className: x.endDecorator,
+    elementType: ve,
+    externalForwardedProps: b,
+    ownerState: v
+  });
+  return /* @__PURE__ */ m.jsx(R.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ m.jsxs(Z, r({}, q, {
+      children: [k && /* @__PURE__ */ m.jsx(K, r({}, X, {
+        children: k
+      })), ie(p, ["Skeleton"]) ? /* @__PURE__ */ u.cloneElement(p, {
+        variant: p.props.variant || "inline"
+      }) : p, C && /* @__PURE__ */ m.jsx(Y, r({}, S, {
+        children: C
+      }))]
+    }))
+  });
+});
+export {
+  be as L
+};

package/chunks/List-DLPlZGTP.js

@@ -0,0 +1,397 @@
+import { u as W, j as e, B as o, r as d, a as J, l as K, L as H, C as tt, t as N } from "./main-XP7dqk6g.js";
+import { M as et, E as st } from "./EitherOrById-CAo8gPjm.js";
+import nt from "./PollWrapper-CzKj8xxE.js";
+import it from "./ClassicQuizWrapper-t04e9_6c.js";
+import rt from "./PersonalityQuizWrapper-MpUK4n3Y.js";
+import { d as at } from "./default-quiz-bg-CTzaADn7.js";
+import { u as Y } from "./index-24AwmTVJ.js";
+import { C as ot } from "./Card-DRIT0wtY.js";
+import { C as F } from "./Tutorial-DFNZxmAx.js";
+import { C as lt } from "./CardContent-CD-WZh1l.js";
+import { C as ct } from "./Chip-6HLNTHMI.js";
+import { T as C, B as ut } from "./Button-BV7YIFkS.js";
+import { S as dt } from "./Stack-Dgf2LXN0.js";
+import { U as pt } from "./users-D_xgC4iQ.js";
+import { u as G } from "./Select-p_cHpLhi.js";
+import mt from "./MatchQuizWrapper-Fu6RfWVn.js";
+import { G as V } from "./Grid-Dpv_ZL23.js";
+import { M as gt, a as xt } from "./ModalDialog-Ci3hulZA.js";
+const ft = (s) => typeof s == "object" && s !== null && "alternativeTitle" in s && "questionsCount" in s, ht = (s) => typeof s == "object" && s !== null && "winningCondition" in s && "lives" in s, bt = (s) => typeof s == "object" && s !== null && "time" in s && "preferencesEnabled" in s && "maxAttempts" in s, yt = (s) => typeof s == "object" && s !== null && "options" in s && "totalVotes" in s, Ct = (s) => typeof s == "object" && s !== null && "fixtures" in s && "predictionsCutoff" in s, It = (s) => typeof s == "object" && s !== null && "templateId" in s, k = (s) => {
+  const t = s.entityModel;
+  if (!t) return null;
+  const i = {
+    title: "",
+    description: "",
+    images: {},
+    branding: {},
+    participationCount: 0,
+    time: null,
+    status: null
+  };
+  return ft(t) ? {
+    ...i,
+    title: t.title,
+    description: t.description,
+    images: t.images,
+    branding: t.branding,
+    participationCount: t.participationCount,
+    time: t.time,
+    status: t.status
+  } : bt(t) ? {
+    ...i,
+    title: t.title,
+    description: t.description,
+    images: t.images,
+    branding: t.branding || void 0,
+    participationCount: t.participationCount,
+    time: t.time,
+    status: t.status
+  } : ht(t) ? {
+    ...i,
+    title: t.title,
+    description: t.description,
+    images: t.images,
+    branding: t.branding,
+    participationCount: 0,
+    // EitherOr might not have this
+    time: t.time,
+    status: t.status
+  } : yt(t) ? {
+    ...i,
+    title: t.title,
+    description: t.description,
+    images: t.images,
+    branding: t.branding,
+    participationCount: t.totalVotes,
+    time: null,
+    status: t.status
+  } : Ct(t) ? {
+    ...i,
+    title: t.title,
+    description: t.description,
+    images: t.images,
+    branding: t.branding,
+    participationCount: t.participantsCount,
+    time: null,
+    status: t.status
+  } : It(t) ? {
+    ...i,
+    title: t.name,
+    description: t.description,
+    images: t.images,
+    branding: t.branding,
+    participationCount: 0,
+    time: null,
+    status: t.status
+  } : i;
+}, jt = ({ branding: s }) => {
+  const { t } = W(), i = G(), x = Y(i.breakpoints.down("md"));
+  if (!(s != null && s.images)) return null;
+  const r = x ? s.images.mobileLogo || s.images.mainLogo : s.images.mainLogo || s.images.mobileLogo;
+  return r ? /* @__PURE__ */ e.jsxs(
+    o,
+    {
+      sx: {
+        display: { xs: "flex", md: "none" },
+        alignItems: "center",
+        gap: 1,
+        mt: 2,
+        p: 1,
+        backgroundColor: "rgba(255, 255, 255, 0.1)",
+        borderRadius: "sm",
+        backdropFilter: "blur(4px)"
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(C, { level: "body-xs", textColor: "rgba(255, 255, 255, 0.8)", sx: { fontSize: "0.7rem" }, children: t("potm.sponsored_by", { defaultValue: "Sponsored by:" }) }),
+        /* @__PURE__ */ e.jsx(
+          o,
+          {
+            sx: {
+              height: 24,
+              "& img": {
+                height: "100%",
+                objectFit: "contain"
+              }
+            },
+            children: /* @__PURE__ */ e.jsx("img", { src: r, alt: "Sponsor" })
+          }
+        )
+      ]
+    }
+  ) : null;
+}, St = ({ item: s, classicQuizUrl: t, personalityQuizUrl: i, eitherOrUrl: x, pollUrl: r, matchQuizUrl: T, onItemClick: w }) => {
+  var c, M, Q, j, U, S;
+  const { t: p } = W(), E = G(), f = Y(E.breakpoints.down("md")), n = k(s), I = (m) => {
+    let l;
+    switch (m.entityType) {
+      case "CLASSIC_QUIZ":
+        l = t;
+        break;
+      case "PERSONALITY_QUIZ":
+        l = i;
+        break;
+      case "EITHER_OR":
+        l = x;
+        break;
+      case "POLL":
+        l = r;
+        break;
+      case "MATCH_QUIZ":
+        l = T;
+        break;
+      default:
+        return "#";
+    }
+    return l && l.includes("{CONTENT_ID}") ? l.replace("{CONTENT_ID}", m.entityId) : `${l}`;
+  }, _ = (m) => {
+    switch (m.entityType) {
+      case "CLASSIC_QUIZ":
+        return p("quizzes.label", { count: 1 });
+      case "PERSONALITY_QUIZ":
+        return p("personalityQuiz.label", { count: 1 });
+      case "EITHER_OR":
+        return p("eitherOr.label", { count: 1 });
+      case "POLL":
+        return p("polls.label", { count: 1 });
+      case "MATCH_QUIZ":
+        return p("matchQuiz.label", { count: 1 });
+      default:
+        return "";
+    }
+  }, P = () => {
+    (() => {
+      switch (s.entityType) {
+        case "CLASSIC_QUIZ":
+          return !!t;
+        case "PERSONALITY_QUIZ":
+          return !!i;
+        case "EITHER_OR":
+          return !!x;
+        case "POLL":
+          return !!r;
+        case "MATCH_QUIZ":
+          return !!T;
+        default:
+          return !1;
+      }
+    })() ? window.location.href = I(s) : w && w(s);
+  };
+  return n ? /* @__PURE__ */ e.jsxs(
+    ot,
+    {
+      sx: {
+        minHeight: 350,
+        cursor: "pointer",
+        transition: "transform 0.2s, box-shadow 0.2s",
+        "&:hover": {
+          transform: "translateY(-4px)",
+          boxShadow: "md"
+        }
+      },
+      onClick: P,
+      children: [
+        /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: ((c = n.images) == null ? void 0 : c.cover) || ((M = n.images) == null ? void 0 : M.main) || at,
+            alt: n.title,
+            loading: "lazy",
+            style: { transition: "transform 0.4s ease-out" }
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(
+          F,
+          {
+            sx: {
+              background: "linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.7) 25%, rgba(0,0,0,0) 40%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(lt, { sx: { justifyContent: "flex-end", gap: 0 }, children: [
+          /* @__PURE__ */ e.jsxs(o, { sx: { display: "flex", alignItems: "flex-end", justifyContent: "space-between", gap: 2 }, children: [
+            /* @__PURE__ */ e.jsxs(o, { children: [
+              /* @__PURE__ */ e.jsxs(o, { sx: { display: "flex", gap: 1, alignItems: "center", mb: 1 }, children: [
+                /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(ct, { size: "sm", color: "neutral", variant: "soft", children: /* @__PURE__ */ e.jsx(C, { level: "body-xs", children: _(s) }) }) }),
+                /* @__PURE__ */ e.jsx(dt, { direction: "row", spacing: 1, sx: { color: "neutral.300" }, children: n.participationCount > 0 && /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(C, { level: "body-sm", textColor: "white", startDecorator: /* @__PURE__ */ e.jsx(pt, { size: 16, color: "white" }), children: n.participationCount }) }) })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                C,
+                {
+                  level: "h3",
+                  textColor: "#fff",
+                  sx: {
+                    textShadow: "0 2px 4px rgba(0,0,0,0.4)",
+                    flex: 1
+                  },
+                  children: n.title
+                }
+              )
+            ] }),
+            (((j = (Q = n.branding) == null ? void 0 : Q.images) == null ? void 0 : j.mainLogo) || ((S = (U = n.branding) == null ? void 0 : U.images) == null ? void 0 : S.mobileLogo)) && /* @__PURE__ */ e.jsxs(
+              o,
+              {
+                sx: {
+                  display: { xs: "none", md: "flex" },
+                  flexDirection: "column",
+                  alignItems: "flex-end",
+                  gap: 0.5,
+                  maxWidth: 120,
+                  flexShrink: 0
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    C,
+                    {
+                      level: "body-xs",
+                      textColor: "rgba(255, 255, 255, 0.7)",
+                      sx: {
+                        fontSize: "0.7rem",
+                        textShadow: "0 1px 2px rgba(0,0,0,0.4)"
+                      },
+                      children: p("potm.sponsored_by", { defaultValue: "Sponsored by:" })
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    o,
+                    {
+                      sx: {
+                        "& img": {
+                          height: "100%",
+                          objectFit: "contain",
+                          maxWidth: "100%"
+                        }
+                      },
+                      children: /* @__PURE__ */ e.jsx(
+                        "img",
+                        {
+                          src: f ? n.branding.images.mobileLogo || n.branding.images.mainLogo : n.branding.images.mainLogo || n.branding.images.mobileLogo,
+                          alt: "Sponsor"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(jt, { branding: n.branding })
+        ] })
+      ]
+    }
+  ) : null;
+}, Lt = /* @__PURE__ */ new Set(["ACTIVE", "OPEN"]), Nt = ({ contentId: s, itemsCount: t = 10, itemsPerRow: i = 2, widgetMode: x = H.LOAD_MORE }) => {
+  const [r, T] = d.useState([]), [w, p] = d.useState(1), [E, f] = d.useState(!0), [n, I] = d.useState(!1), [_, P] = d.useState(!1), [c, M] = d.useState(null), [Q, j] = d.useState(!1), U = J(), { classicQuizUrl: S, personalityQuizUrl: m, eitherOrUrl: l, pollUrl: v, matchQuizUrl: z } = K(), A = !!(S || m || l || v || z), L = x === H.LIMITED, q = d.useCallback((u) => {
+    var h;
+    const a = (h = k(u)) == null ? void 0 : h.status;
+    return a && Lt.has(a);
+  }, []), R = async () => {
+    var Z;
+    I(!0);
+    const u = new Set(r.map((g) => g.entityId));
+    let a = [], h = w, B = 0;
+    if (L && t - r.length <= 0) {
+      f(!1), I(!1);
+      return;
+    }
+    try {
+      const g = L ? Math.min(t - r.length, 10) : t;
+      for (; a.length < g && B < 3 && E; ) {
+        const O = await U.lists.getListContent(s, {
+          limit: 50,
+          page: h
+        });
+        if (!((Z = O.data) != null && Z.length)) {
+          f(!1);
+          break;
+        }
+        const b = O.data.filter((y) => !u.has(y.entityId) && q(y));
+        if (L) {
+          const y = t - r.length - a.length;
+          a = [...a, ...b.slice(0, y)];
+        } else {
+          const y = g - a.length;
+          a = [...a, ...b.slice(0, y)];
+        }
+        h++, B++;
+      }
+      a.length === 0 ? f(!1) : (T((O) => {
+        const b = [...O, ...a];
+        return L && b.length >= t ? (f(!1), b.slice(0, t)) : b;
+      }), p(h));
+    } catch (g) {
+      console.warn("Error fetching content:", g), P(!0);
+    } finally {
+      I(!1);
+    }
+  }, X = (u) => {
+    A || (M(u), j(!0));
+  }, $ = () => {
+    if (!c) return null;
+    switch (c.entityType) {
+      case "CLASSIC_QUIZ":
+        return /* @__PURE__ */ e.jsx(it, { initialQuizId: c.entityId });
+      case "PERSONALITY_QUIZ":
+        return /* @__PURE__ */ e.jsx(rt, { personalityQuizId: c.entityId });
+      case "POLL":
+        return /* @__PURE__ */ e.jsx(nt, { pollId: c.entityId });
+      case "EITHER_OR":
+        return /* @__PURE__ */ e.jsx(st, { initialGameId: c.entityId });
+      case "MATCH_QUIZ":
+        return /* @__PURE__ */ e.jsx(
+          mt,
+          {
+            matchQuizId: c.entityId,
+            matchQuizConfig: { showPredictionDetails: !0, showCountdown: !0, showTeamLabels: !0, showPoints: !0 }
+          }
+        );
+      default:
+        return /* @__PURE__ */ e.jsx(o, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ e.jsx(C, { level: "body-md", children: N("content.messages.unsupportedContentType", { type: c.entityType }) }) });
+    }
+  }, D = {
+    xs: 12,
+    // Full width on mobile
+    md: 12 / i
+    // Configurable on desktop
+  };
+  return d.useEffect(() => {
+    R();
+  }, [s]), _ ? /* @__PURE__ */ e.jsx(e.Fragment, {}) : !n && r.length === 0 ? /* @__PURE__ */ e.jsx(e.Fragment, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(o, { children: [
+      /* @__PURE__ */ e.jsx(V, { container: !0, spacing: 1, sx: { mb: 2 }, children: r.map((u) => k(u) ? /* @__PURE__ */ e.jsx(V, { xs: D.xs, md: D.md, children: /* @__PURE__ */ e.jsx(
+        St,
+        {
+          item: u,
+          classicQuizUrl: S,
+          personalityQuizUrl: m,
+          eitherOrUrl: l,
+          pollUrl: v,
+          matchQuizUrl: z,
+          hasExternalUrls: A,
+          onItemClick: X
+        }
+      ) }, u.entityId) : null) }),
+      n && /* @__PURE__ */ e.jsx(o, { sx: { display: "flex", justifyContent: "center", p: 4 }, children: /* @__PURE__ */ e.jsx(tt, {}) }),
+      E && !n && // Show load more button based on widget mode
+      (L ? r.length < t : !0) && /* @__PURE__ */ e.jsx(o, { sx: { display: "flex", justifyContent: "center", mt: 2 }, children: /* @__PURE__ */ e.jsx(ut, { onClick: R, variant: "soft", children: N("content.buttons.loadMore") }) })
+    ] }),
+    /* @__PURE__ */ e.jsx(gt, { open: Q, onClose: () => j(!1), children: /* @__PURE__ */ e.jsxs(
+      xt,
+      {
+        sx: {
+          maxWidth: "95vw",
+          maxHeight: "95vh",
+          overflowY: "auto",
+          overflowX: "hidden",
+          p: 0
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(et, {}),
+          $()
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  Nt as default
+};