fansunited-frontend-components 0.0.48 → 0.0.49

package/README.md

@@ -3059,6 +3059,277 @@ import { Leaderboard } from "fansunited-frontend-components";
 />
 ```
 
+### Predictor
+
+Full-featured football score predictor component with a multi-tab interface for match predictions, global leaderboard, private leagues, game rules, and prizes. Designed as a season-long engagement tool for sports platforms.
+
+**Key Features:**
+
+- Multi-tab navigation: Play, Leaderboard, Private Leagues, Rules, and Prizes
+- Match score prediction interface with grouped matchweeks
+- Global leaderboard with paginated standings and user rank highlighting
+- Private leagues — create and join custom competitive groups
+- Consent management with required/optional consent gates before predicting
+- Customisable banners in 6 positions within the Play tab
+- Authentication-aware UI with configurable sign-in CTA
+- Custom theming and multi-language support
+
+#### Required Props
+
+| Prop       | Type                 | Description                      |
+| ---------- | -------------------- | -------------------------------- |
+| `entityId` | `string`             | Predictor template identifier    |
+| `sdk`      | `FansUnitedSDKModel` | SDK instance                     |
+| `language` | `LanguageType`       | Display language                 |
+
+#### Optional Props
+
+| Prop                         | Type                 | Description                                         |
+| ---------------------------- | -------------------- | --------------------------------------------------- |
+| `themeOptions`               | `CustomThemeOptions` | Theme configuration                                 |
+| `userIsLoggedIn`             | `boolean`            | Determine if the user is logged in (default: false) |
+| `signInCTA`                  | `SignInCTADetails`   | Sign in call to action button configuration         |
+| `tabs`                       | `PredictorTab[]`     | Tabs to enable (default: all tabs)                  |
+| `defaultImagePlaceholderUrl` | `string`             | Fallback image URL for the hero header              |
+| `playTabBanners`             | `PlayTabBanner[]`    | Custom banners rendered in the Play tab             |
+| `consents`                   | `ConsentDef[]`       | Consent definitions required before predicting      |
+| `matchCardBgImageUrl`        | `string`             | Background image URL for match prediction cards     |
+
+#### Tabs
+
+Configure which tabs are visible using the `tabs` prop. All tabs are enabled by default.
+
+```tsx
+import { PredictorTab } from "fansunited-frontend-core";
+
+type PredictorTab = "play" | "leaderboard" | "private-leagues" | "rules" | "prizes";
+
+// Show only the Play and Leaderboard tabs
+<Predictor
+  {...otherProps}
+  tabs={["play", "leaderboard"]}
+/>
+```
+
+| Tab                | Description                                               |
+| ------------------ | --------------------------------------------------------- |
+| `"play"`           | Main prediction interface — submit match score forecasts  |
+| `"leaderboard"`    | Global rankings and user standings with pagination        |
+| `"private-leagues"` | Create and join private leagues to compete with friends  |
+| `"rules"`          | Searchable game rules and scoring system                  |
+| `"prizes"`         | Prize distribution and rewards information                |
+
+#### Sign in Configuration
+
+Control user authentication using the `userIsLoggedIn` and `signInCTA` props.
+
+```tsx
+import { SignInCTADetails } from "fansunited-frontend-core";
+
+// Basic sign-in with onClick handler
+const signInCTA: SignInCTADetails = {
+  defaultLabel: "Sign In to Predict",
+  onClick: () => {
+    // Handle sign-in logic
+    console.log("Sign in clicked");
+  },
+};
+
+// Sign-in with URL navigation
+const signInCTA: SignInCTADetails = {
+  defaultLabel: "Login to Compete",
+  url: "https://your-auth-provider.com/login",
+  target: "_blank", // or "_self"
+};
+
+// Custom sign-in component
+const signInCTA: SignInCTADetails = {
+  component: <CustomSignInButton />,
+};
+
+<Predictor {...otherProps} userIsLoggedIn={false} signInCTA={signInCTA} />;
+```
+
+**Sign-in Priority Order:**
+
+1. **Custom Component** - If `signInCTA.component` is provided, it will be rendered
+2. **Click Handler** - If `signInCTA.onClick` is provided, a button with the handler will be rendered
+3. **URL Navigation** - If `signInCTA.url` is provided, a button will be rendered and clicking will navigate to the URL
+4. **Disabled** - If no `signInCTA` is provided, a disabled button will be shown
+
+#### Play Tab Banners
+
+Inject custom banner content into specific positions inside the Play tab using the `playTabBanners` prop.
+
+```tsx
+import { PlayTabBanner, PlayTabBannerPosition } from "fansunited-frontend-core";
+
+const playTabBanners: PlayTabBanner[] = [
+  {
+    position: "above-group-nav",
+    render: () => <PromoBanner campaign="matchday-sponsor" />,
+  },
+  {
+    position: "below-matches",
+    render: () => <AdSlot id="predictor-bottom" />,
+  },
+];
+
+<Predictor {...otherProps} playTabBanners={playTabBanners} />;
+```
+
+**Available Positions:**
+
+| Position             | Description                                          |
+| -------------------- | ---------------------------------------------------- |
+| `"above-group-nav"`  | Above the matchweek group navigation                 |
+| `"below-group-nav"`  | Below the matchweek group navigation                 |
+| `"below-matches"`    | Below the list of match prediction cards             |
+| `"bottom"`           | At the very bottom of the Play tab                   |
+| `"left"`             | Left sidebar (desktop layouts)                       |
+| `"right"`            | Right sidebar (desktop layouts)                      |
+
+#### Consent Configuration
+
+Require users to accept consent agreements before submitting predictions using the `consents` prop.
+
+```tsx
+import { ConsentDef } from "fansunited-frontend-core";
+
+const consents: ConsentDef[] = [
+  {
+    consentId: "terms_of_service",
+    body: 'I agree to the <a href="https://example.com/tos" target="_blank">Terms of Service</a>.',
+    required: true,
+    defaultChecked: false,
+  },
+  {
+    consentId: "marketing",
+    body: "I'd like to receive promotional emails and offers.",
+    required: false,
+    defaultChecked: false,
+  },
+];
+
+<Predictor {...otherProps} consents={consents} />;
+```
+
+**Consent Fields:**
+
+| Field            | Type      | Description                                                       |
+| ---------------- | --------- | ----------------------------------------------------------------- |
+| `consentId`      | `string`  | Unique identifier for the consent (e.g. `"tos"`, `"marketing"`)   |
+| `body`           | `string`  | HTML content of the consent label (supports links and formatting) |
+| `required`       | `boolean` | When `true`, the user must accept before they can predict         |
+| `defaultChecked` | `boolean` | Pre-check the consent checkbox on load                            |
+
+**Behavior:**
+
+- Required consents are gated behind a modal that appears before the first prediction submission
+- Optional consents are shown in the same modal but do not block progression
+- Once accepted, consents are stored and the modal does not reappear
+
+#### TypeScript Support
+
+Import types from `fansunited-frontend-core`:
+
+```tsx
+import {
+  PredictorProps,
+  PredictorTab,
+  PlayTabBanner,
+  PlayTabBannerPosition,
+  ConsentDef,
+  SignInCTADetails,
+  CustomThemeOptions,
+  LanguageType,
+} from "fansunited-frontend-core";
+```
+
+#### Examples
+
+##### Basic Predictor
+
+```tsx
+import { Predictor } from "fansunited-frontend-components";
+
+<Predictor
+  entityId="predictor-template-123"
+  sdk={sdkInstance}
+  language="en"
+/>;
+```
+
+##### Authenticated with Selected Tabs
+
+```tsx
+<Predictor
+  entityId="predictor-template-123"
+  sdk={sdkInstance}
+  language="en"
+  userIsLoggedIn={true}
+  tabs={["play", "leaderboard", "private-leagues"]}
+  matchCardBgImageUrl="https://your-cdn.com/stadium-bg.jpg"
+  themeOptions={{
+    mode: "dark",
+  }}
+/>
+```
+
+##### Full Setup with Banners and Consents
+
+```tsx
+<Predictor
+  entityId="predictor-template-123"
+  sdk={sdkInstance}
+  language="en"
+  userIsLoggedIn={false}
+  signInCTA={{
+    defaultLabel: "Sign in to Predict",
+    onClick: () => handleSignIn(),
+  }}
+  tabs={["play", "leaderboard", "private-leagues", "rules", "prizes"]}
+  matchCardBgImageUrl="https://your-cdn.com/matchcard-bg.jpg"
+  defaultImagePlaceholderUrl="https://your-cdn.com/placeholder.png"
+  playTabBanners={[
+    {
+      position: "above-group-nav",
+      render: () => <SponsorBanner />,
+    },
+    {
+      position: "right",
+      render: () => <AdSlot id="predictor-sidebar" />,
+    },
+  ]}
+  consents={[
+    {
+      consentId: "tos",
+      body: 'I accept the <a href="https://example.com/tos" target="_blank">Terms of Service</a>.',
+      required: true,
+      defaultChecked: false,
+    },
+  ]}
+  themeOptions={{
+    mode: "light",
+    colorSchemes: {
+      light: {
+        palette: {
+          primary: {
+            plainColor: "#1A77D2",
+            primaryContainer: "#2397F3",
+            onPrimary: "#FAFAFA",
+          },
+        },
+        surface: "#FFFFFF",
+        textPrimary: "#212121",
+      },
+    },
+  }}
+/>
+```
+
+---
+
 ## Available Components
 
 This package exports the following components:
@@ -3073,6 +3344,7 @@ This package exports the following components:
 - **`EitherOrPlay`** - Binary choice game with standings panel and customizable templates
 - **`Discussion`** - Threaded comments with reactions, replies, reporting, and authentication support
 - **`Leaderboard`** - Ranked standings for Classic Quiz, Match Quiz, Top X, and Template entities with multi-entity support
+- **`Predictor`** - Multi-tab football score predictor with leaderboard, private leagues, rules, and prizes
 
 ## Related Packages
 

package/chunks/{AlertMessage-D4Uc6n5U.js → AlertMessage-Ds45MBHB.js}

@@ -1,8 +1,8 @@
 import { jsxs as D, jsx as s } from "react/jsx-runtime";
-import { C as H } from "./CheckCircle-CU2itira.js";
-import { t as M, s as _, v as y, Y as $, _ as i, ab as k, ac as B, y as J, z as L, A as f, D as U, P as r, X as v, E as V, m as z, u as X, b as Y, c as q, T as g } from "./index-Btf_jw7-.js";
+import { C as H } from "./CheckCircle-CV9iMpkZ.js";
+import { t as M, s as _, v as y, Y as $, _ as i, ab as k, ac as B, y as J, z as L, A as f, D as U, P as r, X as v, E as V, m as z, u as X, b as Y, c as q, T as g } from "./PrizeCard-DF3QxwQJ.js";
 import * as G from "react";
-import { S as K } from "./Stack-CU36SsgA.js";
+import { S as K } from "./Stack-BpHk5eb0.js";
 function Q(e) {
   return M("MuiAlert", e);
 }

package/chunks/{ArrowRightAlt-wEs8SY1V.js → ArrowRightAlt-DKADQN2o.js}

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { u, e as h, B as S, m as k } from "./index-Btf_jw7-.js";
+import { u, e as h, B as S, m as k } from "./PrizeCard-DF3QxwQJ.js";
 const x = (e) => ({
   // Main container with background overlay (with ScoreStateWrapper)
   mainContainerWithWrapper: {

package/chunks/{Avatar-BXHdXHLA.js → Avatar-K1EWhhkA.js}

@@ -1,6 +1,6 @@
-import { t as I, s as k, v as z, _ as c, P as e, y as R, z as j, A as h, D as L, E as _, X as N } from "./index-Btf_jw7-.js";
+import { t as I, s as k, v as z, _ as c, P as e, y as R, z as j, A as h, D as L, E as _, X as N } from "./PrizeCard-DF3QxwQJ.js";
 import * as p from "react";
-import { c as V } from "./CheckCircle-CU2itira.js";
+import { c as V } from "./CheckCircle-CV9iMpkZ.js";
 import { jsx as v } from "react/jsx-runtime";
 const W = V(/* @__PURE__ */ v("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"

package/chunks/{ChanceGameEmbedVariant-DfS5LPpp.js → ChanceGameEmbedVariant-DqFg4YKU.js}

@@ -1,12 +1,14 @@
 import { jsxs as l, Fragment as H, jsx as t } from "react/jsx-runtime";
-import { i as E, h as U, u as G, e as q, c as I, b as A, a as b, n as O, W as D, B as i, T as s, f as J, j as Q, F as N } from "./index-Btf_jw7-.js";
-import { R as L, A as p } from "./NotFoundSkeleton-D5Jh3lnu.js";
-import { h as X, g as ee, s as F } from "./helpers-1jFObSvc.js";
-import { a as te } from "./AlertMessage-D4Uc6n5U.js";
-import { R as ie } from "./OverlayApiErrorSkeleton-BUuD0zL8.js";
-import { d as ne, a as ae, b as le } from "./useImageVariant-BJ722AFw.js";
+import { i as E, h as U, u as G, e as q, c as I, b as A, a as b, n as O, W as D, B as i, T as s, f as J, j as Q, F as N } from "./PrizeCard-DF3QxwQJ.js";
+import { h as X, g as p, s as L } from "./helpers-NuC1SzL3.js";
+import "react";
+import { R as F, A as ee } from "./NotFoundSkeleton-Cs6DtD9u.js";
+import "react-dom";
+import { a as te } from "./AlertMessage-Ds45MBHB.js";
+import { R as ie } from "./OverlayApiErrorSkeleton-Dl3s5Oaf.js";
+import { d as ne, a as ae, b as le } from "./useImageVariant-Cex1eIqq.js";
 import { u as oe } from "./useInfoPage-BHdgKdme.js";
-import { P as re, a as ce, b as de } from "./PickOneOfX-CvIn7QOd.js";
+import { P as re, a as ce, b as de } from "./PickOneOfX-Ci4ZJf7G.js";
 const se = (e) => {
   var r, o, n, x;
   return {
@@ -184,7 +186,7 @@ const se = (e) => {
       justifyContent: "center"
     }
   };
-}, Ie = ({
+}, Me = ({
   entity: e,
   headline: r,
   finalImage: o,
@@ -212,7 +214,7 @@ const se = (e) => {
     darkTextColor: V,
     imageBackgroundGradient: K,
     isMobile: m
-  }), W = ee(
+  }), W = p(
     g == null ? void 0 : g.primaryUrl,
     g == null ? void 0 : g.secondaryUrl,
     "image"
@@ -245,7 +247,7 @@ const se = (e) => {
   ) : /* @__PURE__ */ t(i, { sx: j, children: z });
   return /* @__PURE__ */ l(H, { children: [
     C && x ? /* @__PURE__ */ t(i, { sx: c.embedCodeHeadlineSection, children: /* @__PURE__ */ t(
-      p,
+      ee,
       {
         ratio: "16/9",
         sx: c.aspectRatioContainer,
@@ -266,13 +268,13 @@ const se = (e) => {
               },
               children: [
                 /* @__PURE__ */ t(s, { sx: c.headlineText, children: r }),
-                /* @__PURE__ */ t(L, { rulesDisplay: S, rules: e.rules || "" })
+                /* @__PURE__ */ t(F, { rulesDisplay: S, rules: e.rules || "" })
               ]
             }
           ),
           /* @__PURE__ */ l(i, { sx: c.contentContainer, children: [
             /* @__PURE__ */ t(s, { sx: c.titleText, children: e.title }),
-            /* @__PURE__ */ t(s, { sx: c.descriptionText, children: F(e.description) })
+            /* @__PURE__ */ t(s, { sx: c.descriptionText, children: L(e.description) })
           ] })
         ] }),
         h && !m && f && /* @__PURE__ */ t(i, { children: f((a == null ? void 0 : a.contentColor) || V) })
@@ -291,13 +293,13 @@ const se = (e) => {
             },
             children: [
               /* @__PURE__ */ t(s, { sx: c.headlineTextNoImage, children: r }),
-              /* @__PURE__ */ t(L, { rulesDisplay: S, rules: e.rules || "" })
+              /* @__PURE__ */ t(F, { rulesDisplay: S, rules: e.rules || "" })
             ]
           }
         ),
         /* @__PURE__ */ l(i, { sx: c.contentContainer, children: [
           /* @__PURE__ */ t(s, { sx: c.titleTextNoImage, children: e.title }),
-          /* @__PURE__ */ t(s, { sx: c.descriptionTextNoImage, children: F(e.description) })
+          /* @__PURE__ */ t(s, { sx: c.descriptionTextNoImage, children: L(e.description) })
         ] })
       ] }),
       h && !m && f && /* @__PURE__ */ t(i, { children: f(P) })
@@ -324,7 +326,7 @@ const se = (e) => {
                   children: r
                 }
               ),
-              /* @__PURE__ */ t(L, { rulesDisplay: S, rules: e.rules || "" })
+              /* @__PURE__ */ t(F, { rulesDisplay: S, rules: e.rules || "" })
             ]
           }
         ),
@@ -346,7 +348,7 @@ const se = (e) => {
                 ...c.descriptionTextNoImage,
                 textAlign: "center"
               },
-              children: F(e.description)
+              children: L(e.description)
             }
           )
         ] })
@@ -457,7 +459,7 @@ const se = (e) => {
       flexDirection: "column"
     }
   };
-}, Re = ({
+}, ke = ({
   entity: e,
   headline: r,
   finalImage: o,
@@ -497,13 +499,13 @@ const se = (e) => {
             },
             children: [
               /* @__PURE__ */ t(s, { level: "body-sm", sx: a.headlineText, children: r }),
-              /* @__PURE__ */ t(L, { rulesDisplay: f, rules: e.rules || "" })
+              /* @__PURE__ */ t(F, { rulesDisplay: f, rules: e.rules || "" })
             ]
           }
         ),
         /* @__PURE__ */ l(i, { sx: a.contentContainer, children: [
           /* @__PURE__ */ t(s, { level: "body-lg", sx: a.titleText, children: e.title }),
-          /* @__PURE__ */ t(s, { level: "body-md", sx: a.descriptionText, children: F(e.description) })
+          /* @__PURE__ */ t(s, { level: "body-md", sx: a.descriptionText, children: L(e.description) })
         ] })
       ] }),
       /* @__PURE__ */ t(i, { sx: a.presentedByDesktop, children: n })
@@ -673,7 +675,7 @@ const se = (e) => {
       textTransform: "uppercase"
     }
   };
-}, Me = (e) => {
+}, Ae = (e) => {
   var B;
   const r = G(), o = E(), n = ((B = e.entity.branding) == null ? void 0 : B.colors) || null, x = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? ne : ae, C = le(
     {
@@ -731,7 +733,7 @@ const se = (e) => {
             children: [
               /* @__PURE__ */ t(s, { level: "body-sm", sx: d.headlineText, children: e.headline }),
               /* @__PURE__ */ t(
-                L,
+                F,
                 {
                   rulesDisplay: e.rulesDisplay,
                   rules: e.entity.rules || ""
@@ -742,7 +744,7 @@ const se = (e) => {
         ),
         /* @__PURE__ */ l(i, { sx: d.contentContainer, children: [
           /* @__PURE__ */ t(s, { level: "body-lg", sx: d.titleText, children: e.entity.title }),
-          /* @__PURE__ */ t(s, { level: "body-md", sx: d.descriptionText, children: F(e.entity.description) })
+          /* @__PURE__ */ t(s, { level: "body-md", sx: d.descriptionText, children: L(e.entity.description) })
         ] })
       ] }),
       /* @__PURE__ */ t(i, { sx: d.presentedByDesktop, children: e.renderPresentedBy(
@@ -762,14 +764,14 @@ const se = (e) => {
       /* @__PURE__ */ t(i, { sx: d.presentedByMobile, children: e.renderPresentedBy((n == null ? void 0 : n.contentColor) || w) })
     ] })
   ] });
-}, ke = ({
+}, Le = ({
   entityId: e,
   sdk: r,
   children: o
 }) => {
   const { infoPage: n } = oe(e, "chance-game", r);
   return !n || n.id === "not-found" ? null : /* @__PURE__ */ t(H, { children: o(n) });
-}, Ae = ({
+}, Fe = ({
   infoPage: e,
   variant: r,
   forceMobile: o
@@ -785,9 +787,9 @@ const se = (e) => {
   }
 };
 export {
-  ke as C,
-  Ie as S,
-  Re as a,
-  Me as b,
-  Ae as c
+  Le as C,
+  Me as S,
+  ke as a,
+  Ae as b,
+  Fe as c
 };

package/chunks/{CheckCircle-CU2itira.js → CheckCircle-CV9iMpkZ.js}

@@ -1,4 +1,4 @@
-import { t as E, s as F, v as R, _ as r, y as _, z as V, A as j, D as A, P as o, X as f, E as B, m as M } from "./index-Btf_jw7-.js";
+import { t as E, s as F, v as R, _ as r, y as _, z as V, A as j, D as A, P as o, X as f, E as B, m as M } from "./PrizeCard-DF3QxwQJ.js";
 import * as c from "react";
 import { jsxs as X, jsx as m } from "react/jsx-runtime";
 function D(n) {

package/chunks/{Close-DBt1nfGo.js → Close-BHp4N1-6.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { m as r } from "./index-Btf_jw7-.js";
+import { m as r } from "./PrizeCard-DF3QxwQJ.js";
 const e = r(/* @__PURE__ */ o("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");

package/chunks/{Close-C5SGTkPr.js → Close-C6Cw96SJ.js}

@@ -1,5 +1,5 @@
 import "react";
-import { c as o } from "./CheckCircle-CU2itira.js";
+import { c as o } from "./CheckCircle-CV9iMpkZ.js";
 import { jsx as r } from "react/jsx-runtime";
 const e = o(/* @__PURE__ */ r("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"

package/chunks/{CollectLeadForm-BqjgPYKX.js → CollectLeadForm-DnLKA8qz.js}

@@ -1,19 +1,19 @@
 import { jsx as s, jsxs as q, Fragment as Xe } from "react/jsx-runtime";
-import { R as Uo, $ as _t, _ as d, v as M, y as _e, z as he, A as W, D as Qe, a0 as ht, P as e, X as re, E as ze, s as Ve, t as Me, Y as zt, U as gt, a1 as Wo, S as Jo, a2 as Et, a3 as tt, a4 as nt, a5 as wt, a6 as Bt, a7 as Ft, g as vt, C as yt, r as qo, f as Ko, B as fo, T as Re, a as bt, b as Ht, c as Ct, j as zo } from "./index-Btf_jw7-.js";
+import { R as Uo, $ as _t, _ as d, v as M, y as _e, z as he, A as W, D as Qe, a0 as ht, P as e, X as re, E as ze, s as Ve, t as Me, Y as zt, U as gt, a1 as Wo, S as Jo, a2 as Et, a3 as tt, a4 as nt, a5 as wt, a6 as Bt, a7 as Ft, g as vt, C as yt, r as qo, f as Ko, B as fo, T as Re, a as bt, b as Ht, c as Ct, j as zo } from "./PrizeCard-DF3QxwQJ.js";
 import * as y from "react";
 import { useState as oo, useEffect as Vt, createElement as rt } from "react";
-import { d as it, f as lt, j as Mt, k as jt, m as Ut } from "./helpers-1jFObSvc.js";
-import { F as Ae, C as xt } from "./FormControl-DLBvX-Sn.js";
-import { S as Go } from "./Stack-CU36SsgA.js";
-import { a as at } from "./AlertMessage-D4Uc6n5U.js";
-import { F as Ge } from "./FormLabel-jXtScWTI.js";
-import { S as Wt, a as Jt, b as qt, c as Kt, I as ao } from "./Input-Cha_dm3J.js";
-import { k as wo, G as Gt, n as Yt, R as Xt, W as Qt, N as st, o as Zt, V as Yo, p as It, i as en, s as on, q as tn, g as nn, r as so, j as rn, t as ln, h as an, S as sn, a as cn } from "./Select-C2QtqgA7.js";
-import { C as dn } from "./Close-C5SGTkPr.js";
-import { c as Ot, F as un } from "./CheckCircle-CU2itira.js";
-import { u as Eo, a as xo } from "./useEventCallback-CkO2rd5W.js";
-import { P as pn } from "./Popper-Bti_HOMS.js";
-import { T as mn } from "./Textarea-Cn4VvCBl.js";
+import { d as it, f as lt, j as Mt, k as jt, m as Ut } from "./helpers-NuC1SzL3.js";
+import { F as Ae, C as xt } from "./FormControl-BUItlVIg.js";
+import { S as Go } from "./Stack-BpHk5eb0.js";
+import { a as at } from "./AlertMessage-Ds45MBHB.js";
+import { F as Ge } from "./FormLabel-CeTNPUn7.js";
+import { S as Wt, a as Jt, b as qt, c as Kt, I as ao } from "./Input-MJCQcYzo.js";
+import { k as wo, G as Gt, n as Yt, R as Xt, W as Qt, N as st, o as Zt, V as Yo, p as It, i as en, s as on, q as tn, g as nn, r as so, j as rn, t as ln, h as an, S as sn, a as cn } from "./Select-BHeTdOYr.js";
+import { C as dn } from "./Close-C6Cw96SJ.js";
+import { c as Ot, F as un } from "./CheckCircle-CV9iMpkZ.js";
+import { u as Eo, a as xo } from "./useEventCallback-CizlfWBo.js";
+import { P as pn } from "./Popper-DOVSI4rJ.js";
+import { T as mn } from "./Textarea-zOtMdgc5.js";
 const fn = (o) => {
   const t = y.useRef({});
   return y.useEffect(() => {

package/chunks/{Divider-Cbns9B3Y.js → Divider-BvUimRFw.js}

@@ -1,6 +1,6 @@
-import { v as P, _ as r, y as b, z as k, A as T, D as _, P as i, X as z, E as C } from "./index-Btf_jw7-.js";
+import { v as P, _ as r, y as b, z as k, A as T, D as _, P as i, X as z, E as C } from "./PrizeCard-DF3QxwQJ.js";
 import * as O from "react";
-import { g as N } from "./Notification-r1Fm0If2.js";
+import { g as N } from "./Notification-pcKtlRms.js";
 import { jsx as R } from "react/jsx-runtime";
 const j = ["className", "children", "component", "inset", "orientation", "role", "slots", "slotProps"], B = (o) => {
   const {

package/chunks/{Edit-BVP8fCB4.js → Edit-CZ3ni-Ur.js}

@@ -1,8 +1,8 @@
-import { s as A, t as T, v as C, _ as n, w as F, x, P as o, y as R, z, A as O, D as M, E as D, m as l } from "./index-Btf_jw7-.js";
+import { s as A, t as T, v as C, _ as n, w as F, x, P as o, y as R, z, A as O, D as M, E as D, m as l } from "./PrizeCard-DF3QxwQJ.js";
 import * as P from "react";
-import { c as N } from "./ModalDialog-Co3jck0z.js";
-import { a as $ } from "./NotFoundSkeleton-D5Jh3lnu.js";
-import { d as j } from "./Notification-r1Fm0If2.js";
+import { c as N } from "./ModalDialog-Cfgv9UAA.js";
+import { a as $ } from "./NotFoundSkeleton-Cs6DtD9u.js";
+import { d as j } from "./Notification-pcKtlRms.js";
 import { jsx as r } from "react/jsx-runtime";
 function E(t) {
   return T("MuiCardActions", t);

package/chunks/{EmojiEvents-D_ObJxNy.js → EmojiEvents-DpmLq98V.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { m as c } from "./index-Btf_jw7-.js";
+import { m as c } from "./PrizeCard-DF3QxwQJ.js";
 const t = c(/* @__PURE__ */ o("path", {
   d: "M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2M5 8V7h2v3.82C5.84 10.4 5 9.3 5 8m14 0c0 1.3-.84 2.4-2 2.82V7h2z"
 }), "EmojiEvents");

package/chunks/{FavoriteBorder-_mUf1vas.js → FavoriteBorder-DUK_DrY4.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { m as r } from "./index-Btf_jw7-.js";
+import { m as r } from "./PrizeCard-DF3QxwQJ.js";
 const a = r(/* @__PURE__ */ o("path", {
   d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z"
 }), "Favorite"), e = r(/* @__PURE__ */ o("path", {

package/chunks/{FormControl-DLBvX-Sn.js → FormControl-BUItlVIg.js}

@@ -1,8 +1,8 @@
-import { s as J, t as Y, v as g, _ as t, y as K, z as Q, R as Z, A as h, a4 as Io, P as o, X as O, E as w, D as Oo } from "./index-Btf_jw7-.js";
+import { s as J, t as Y, v as g, _ as t, y as K, z as Q, R as Z, A as h, a4 as Io, P as o, X as O, E as w, D as Oo } from "./PrizeCard-DF3QxwQJ.js";
 import * as m from "react";
-import { c as oo, F as eo } from "./CheckCircle-CU2itira.js";
+import { c as oo, F as eo } from "./CheckCircle-CV9iMpkZ.js";
 import { jsx as u, jsxs as G } from "react/jsx-runtime";
-import { u as Po } from "./Textarea-Cn4VvCBl.js";
+import { u as Po } from "./Textarea-zOtMdgc5.js";
 function _o(r) {
   return Y("MuiCheckbox", r);
 }

package/chunks/{FormLabel-jXtScWTI.js → FormLabel-CeTNPUn7.js}

@@ -1,6 +1,6 @@
-import { s as R, t as _, v as y, y as j, z as O, _ as t, A as f, P as o, E as q } from "./index-Btf_jw7-.js";
+import { s as R, t as _, v as y, y as j, z as O, _ as t, A as f, P as o, E as q } from "./PrizeCard-DF3QxwQJ.js";
 import * as b from "react";
-import { F as z } from "./CheckCircle-CU2itira.js";
+import { F as z } from "./CheckCircle-CV9iMpkZ.js";
 import { jsxs as F } from "react/jsx-runtime";
 function H(e) {
   return _("MuiFormLabel", e);

package/chunks/{Input-Cha_dm3J.js → Input-MJCQcYzo.js}

@@ -1,6 +1,6 @@
-import { s as Z, t as rr, v as s, _ as n, a2 as or, y as tr, z as nr, A as h, P as r, X as b, E as ar } from "./index-Btf_jw7-.js";
+import { s as Z, t as rr, v as s, _ as n, a2 as or, y as tr, z as nr, A as h, P as r, X as b, E as ar } from "./PrizeCard-DF3QxwQJ.js";
 import * as O from "react";
-import { u as er } from "./useForwardedInput-C3SP2QmS.js";
+import { u as er } from "./useForwardedInput-RWDntqBU.js";
 import { jsxs as ir, jsx as y } from "react/jsx-runtime";
 function lr(t) {
   return rr("MuiInput", t);

package/chunks/{KeyboardArrowDown-C_8g8wLS.js → KeyboardArrowDown-SZpn2GhJ.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { m as r } from "./index-Btf_jw7-.js";
+import { m as r } from "./PrizeCard-DF3QxwQJ.js";
 const e = r(/* @__PURE__ */ o("path", {
   d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
 }), "KeyboardArrowUp"), n = r(/* @__PURE__ */ o("path", {

package/chunks/{ModalDialog-Co3jck0z.js → ModalDialog-Cfgv9UAA.js}

@@ -1,7 +1,7 @@
-import { a3 as ae, P as t, S as ie, a9 as ge, ad as H, ae as be, V as ve, _ as y, t as K, s as q, v as L, Y as he, ab as ye, ac as Ce, y as J, z as Y, A as B, D as se, a0 as le, X as w, E as G, ah as xe, ai as Ee, R as Z } from "./index-Btf_jw7-.js";
+import { a3 as ae, P as t, S as ie, a9 as ge, ad as H, ae as be, V as ve, _ as y, t as K, s as q, v as L, Y as he, ab as ye, ac as Ce, y as J, z as Y, A as B, D as se, a0 as le, X as w, E as G, ah as xe, ai as Ee, R as Z } from "./PrizeCard-DF3QxwQJ.js";
 import * as l from "react";
 import { jsxs as de, jsx as F } from "react/jsx-runtime";
-import { o as X, a as ee } from "./useEventCallback-CkO2rd5W.js";
+import { o as X, a as ee } from "./useEventCallback-CizlfWBo.js";
 function Te(o) {
   const {
     prototype: e = {}