fansunited-frontend-components 0.0.39 → 0.0.40

package/chunks/useInfoPage-DPkzE5Gn.js

@@ -0,0 +1,204 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { u as w, f as T, g as $, W as F, B as l, T as y } from "./PrizeCard-gMp7I66d.js";
+import { a as v, s as z } from "./useImageVariant-pnFelF9A.js";
+import { useState as _, useEffect as B } from "react";
+import { R } from "./NotFoundSkeleton-B3RNa8KJ.js";
+import "react-dom";
+const D = (e) => {
+  var t;
+  return {
+    // Main container with background overlay
+    mainContainer: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      gap: "40px",
+      p: e.spacingScale.xl,
+      boxShadow: "md",
+      border: (t = e.brandingColors) != null && t.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
+      overflow: "hidden",
+      backgroundImage: e.backgroundImage,
+      backgroundPosition: "center",
+      backgroundSize: "cover",
+      position: "relative",
+      borderRadius: e.mdBorderRadius,
+      minHeight: "250px",
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        background: e.imageBackgroundGradient,
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        borderRadius: "inherit",
+        zIndex: 0
+      }
+    },
+    // Headline section wrapper
+    headlineSection: {
+      display: "flex",
+      justifyContent: "space-between",
+      flex: "1 0 0",
+      alignSelf: "stretch"
+    },
+    // Headline content container
+    headlineContent: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      flex: "1 0 0",
+      gap: "16px"
+    },
+    // Headline content with z-index
+    headlineContentInner: {
+      zIndex: 10
+    },
+    // Headline typography
+    headlineText: {
+      fontWeight: 500,
+      lineHeight: "166%",
+      letterSpacing: "1px",
+      textAlign: { xs: "center", md: "left" },
+      color: e.secondaryColor,
+      opacity: "70%",
+      textTransform: "uppercase",
+      fontFamily: e.fontFamilySecondary,
+      fontSize: "0.75em"
+    },
+    // Content container
+    contentContainer: {
+      display: "flex",
+      flexDirection: "column",
+      gap: e.spacingScale["3xs"]
+    },
+    // Title typography
+    titleText: {
+      fontWeight: 700,
+      lineHeight: "133%",
+      letterSpacing: "0px",
+      textAlign: { xs: "center", md: "left" },
+      fontSize: "1.5em",
+      color: e.darkTextColor,
+      fontFamily: e.fontFamilyPrimary
+    },
+    // Description typography
+    descriptionText: {
+      fontWeight: 400,
+      lineHeight: "140%",
+      letterSpacing: "0.15px",
+      fontSize: "1.25em",
+      textAlign: { xs: "center", md: "left" },
+      color: e.secondaryColor,
+      opacity: "70%",
+      fontFamily: e.fontFamilyPrimary
+    },
+    // Main content section
+    mainContentSection: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px"
+    }
+  };
+}, A = ({
+  entity: e,
+  headline: t,
+  finalImage: d,
+  children: x,
+  rulesDisplay: o
+}) => {
+  var b, S;
+  const i = w(), c = T(), g = $(
+    F.OVERLAY
+  ), s = ((b = e.branding) == null ? void 0 : b.colors) || null, m = (s == null ? void 0 : s.contentColor) || i.colorSchemes.dark.textColor, n = i.customFontFamily.dark.primary, f = i.customFontFamily.dark.secondary, h = i.customRadius.dark.md, C = (S = i.border) == null ? void 0 : S.dark.size, k = i.colorSchemes.dark.textColor, I = v(d), a = D({
+    spacingScale: c,
+    brandingColors: s,
+    secondaryColor: m,
+    fontFamilyPrimary: n,
+    fontFamilySecondary: f,
+    mdBorderRadius: h,
+    borderSize: C,
+    backgroundImage: I,
+    darkTextColor: k,
+    imageBackgroundGradient: g
+  });
+  return /* @__PURE__ */ u(l, { sx: a.mainContainer, children: [
+    /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(l, { sx: a.headlineSection, children: /* @__PURE__ */ r(l, { sx: a.headlineContent, children: /* @__PURE__ */ u(l, { sx: a.headlineContentInner, children: [
+      /* @__PURE__ */ u(
+        l,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: c["3xs"]
+          },
+          children: [
+            /* @__PURE__ */ r(y, { level: "body-sm", sx: a.headlineText, children: t }),
+            /* @__PURE__ */ r(
+              R,
+              {
+                rulesDisplay: o,
+                isOverlayVariant: !0,
+                rules: e.rules || ""
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ u(l, { sx: a.contentContainer, children: [
+        /* @__PURE__ */ r(y, { level: "h4", sx: a.titleText, children: e.title }),
+        e.description && /* @__PURE__ */ r(y, { level: "body-lg", sx: a.descriptionText, children: z(e.description) })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ r(l, { sx: a.mainContentSection, children: x })
+  ] });
+}, p = (e) => ({
+  id: "not-found",
+  title: "",
+  subtitle: null,
+  type: e,
+  content_type: "JSON",
+  body: "",
+  language: "",
+  context: null,
+  branding_id: null,
+  branding: null,
+  images: null,
+  labels: null,
+  created_at: "",
+  updated_at: ""
+}), J = (e, t, d) => {
+  const [x, o] = _(null), i = async () => {
+    const c = d.helpers.getSDKConfiguration(), g = c.apiKey, s = c.clientId, m = await fetch(
+      `https://client.fansunitedapi.com/v1/clients/${s}/info-pages/${e}?key=${g}&disable_cache=${Date.now()}`
+    ), n = await m.json();
+    if (m.ok) {
+      if (n.data.type !== t) {
+        console.warn(
+          `Info page with id ${e} is not a ${t} type. Got ${n.data.type} instead.`
+        ), o(p(t));
+        return;
+      }
+      if (n.data.content_type !== "JSON") {
+        console.warn(
+          `Info page with id ${e} is not a JSON type. Got ${n.data.content_type} instead.`
+        ), o(p(t));
+        return;
+      }
+      if (n.data.branding_id) {
+        const f = await fetch(
+          `https://client.fansunitedapi.com/v1/clients/${s}/templates/brandings/${n.data.branding_id}?key=${g}&disable_cache=${Date.now()}`
+        ), h = await f.json();
+        f.ok && (n.data.branding = h.data);
+      }
+      o(n.data);
+      return;
+    }
+    console.warn(n), o(p(t));
+  };
+  return B(() => (i(), () => o(null)), [e, d]), { infoPage: x, setInfoPage: o };
+};
+export {
+  A as O,
+  J as u
+};

package/components.d.ts

@@ -1,4 +1,4 @@
-import { ClassicQuizPlayProps, PollVoteProps, CollectLeadProps, PersonalityQuizPlayProps, MatchQuizPlayProps, EventGamePlayProps, PickThePairProps, ChanceGameProps, DiscussionProps } from 'fansunited-frontend-core';
+import { ClassicQuizPlayProps, PollVoteProps, CollectLeadProps, PersonalityQuizPlayProps, MatchQuizPlayProps, EventGamePlayProps, PickThePairProps, ChanceGameProps, DiscussionProps, EitherOrPlayProps } from 'fansunited-frontend-core';
 
 export declare const ClassicQuizPlay: React.FC<ClassicQuizPlayProps>;
 export declare const PollVote: React.FC<PollVoteProps>;
@@ -9,4 +9,5 @@ export declare const EventGamePlay: React.FC<EventGamePlayProps>;
 export declare const PickThePair: React.FC<PickThePairProps>;
 export declare const ChanceGame: React.FC<ChanceGameProps>;
 export declare const Discussion: React.FC<DiscussionProps>;
+export declare const EitherOrPlay: React.FC<EitherOrPlayProps>;
 //# sourceMappingURL=components.d.ts.map

package/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CACjC,CAAC;AAE3B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAqB,CAAC;AAEnE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAwB,CAAC;AAE5E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CACrC,CAAC;AAE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAC/B,CAAC;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAC/B,CAAC;AAEzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAwB,CAAC;AAE5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAuB,CAAC;AAEzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAuB,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CACjC,CAAC;AAE3B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAqB,CAAC;AAEnE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAwB,CAAC;AAE5E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CACrC,CAAC;AAE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAC/B,CAAC;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAC/B,CAAC;AAEzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAwB,CAAC;AAE5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAuB,CAAC;AAEzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAuB,CAAC;AAEzE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAyB,CAAC"}

package/index.d.ts

@@ -7,4 +7,5 @@ export { EventGamePlay } from './EventGamePlay';
 export { PickThePair } from './PickThePairComponent';
 export { ChanceGame } from './ChanceGameComponent';
 export { Discussion } from './Discussion';
+export { EitherOrPlay } from './EitherOrPlay';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/index.js

@@ -5,13 +5,15 @@ import { PersonalityQuizPlay as i } from "./PersonalityQuizPlay.js";
 import { MatchQuizPlay as x } from "./MatchQuizPlay.js";
 import { EventGamePlay as c } from "./EventGamePlay.js";
 import { PickThePair as y } from "./PickThePair.js";
-import { ChanceGame as u } from "./ChanceGame.js";
+import { ChanceGame as n } from "./ChanceGame.js";
 import { Discussion as z } from "./Discussion.js";
+import { EitherOrPlay as Q } from "./EitherOrPlay.js";
 export {
-  u as ChanceGame,
+  n as ChanceGame,
   e as ClassicQuizPlay,
   l as CollectLead,
   z as Discussion,
+  Q as EitherOrPlay,
   c as EventGamePlay,
   x as MatchQuizPlay,
   i as PersonalityQuizPlay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-frontend-components",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "Various user centric components for Fans United features",
   "type": "module",
   "main": "index.js",