fansunited-frontend-components 0.0.31-RC6 → 0.0.31

package/chunks/{OverlayLeadAfterCollection-DnqztPJ5.js → OverlayLeadAfterCollection-Bjh1xAB5.js}

@@ -1,7 +1,6 @@
 import { jsxs as l, Fragment as q, jsx as n } from "react/jsx-runtime";
-import { Box as t, Typography as k } from "@mui/joy";
-import { i as L, u as O, a as w, k as Q, j as _, h as A, l as ee, W as E, n as Y, o as ne, s as $, p as J, q as te } from "./Portal-BWqqFvVm.js";
-import { R as G, S as ie, a as le, O as ae } from "./NotFoundSkeleton-BYJTzYJR.js";
+import { i as L, u as O, a as B, b as Q, c as _, d as A, e as ee, W as E, h as Y, g as ne, B as t, T as k, s as $, f as J, j as te } from "./Portal-DegkUXpU.js";
+import { R as G, S as ie, a as le, O as ae } from "./index-DUQ2LFod.js";
 import "react";
 const oe = (e) => {
   var m, r, d;
@@ -193,7 +192,7 @@ const oe = (e) => {
       objectFit: "cover"
     }
   };
-}, ye = ({
+}, xe = ({
   entity: e,
   headline: m,
   finalImage: r,
@@ -203,7 +202,7 @@ const oe = (e) => {
   rulesDisplay: h
 }) => {
   var M, W;
-  const D = L(), x = O(), y = w(), C = Q().primary, S = Q().secondary, b = _(), o = ((M = e.branding) == null ? void 0 : M.colors) || null, f = ((W = e.branding) == null ? void 0 : W.urls) || null, T = (o == null ? void 0 : o.contentColor) || A().textColor, c = (o == null ? void 0 : o.secondaryColor) || A().textColor, a = (o == null ? void 0 : o.backgroundColor) || A().surfaceVariant, P = "60%", v = ee(
+  const D = L(), x = O(), y = B(), C = Q().primary, S = Q().secondary, b = _(), o = ((M = e.branding) == null ? void 0 : M.colors) || null, f = ((W = e.branding) == null ? void 0 : W.urls) || null, T = (o == null ? void 0 : o.contentColor) || A().textColor, c = (o == null ? void 0 : o.secondaryColor) || A().textColor, a = (o == null ? void 0 : o.backgroundColor) || A().surfaceVariant, P = "60%", v = ee(
     E.STANDARD
   ), i = oe({
     finalImage: r,
@@ -224,23 +223,23 @@ const oe = (e) => {
     f == null ? void 0 : f.primaryUrl,
     f == null ? void 0 : f.secondaryUrl,
     "image"
-  ), F = (p, R) => typeof window > "u" ? g ? /* @__PURE__ */ n(
+  ), F = (R, p) => typeof window > "u" ? g ? /* @__PURE__ */ n(
     t,
     {
       component: "a",
       href: g,
       target: "_blank",
-      sx: R,
-      children: p
+      sx: p,
+      children: R
     }
-  ) : /* @__PURE__ */ n(t, { sx: R, children: p }) : g ? /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ n(t, { sx: p, children: R }) : g ? /* @__PURE__ */ n(
     t,
     {
-      sx: { ...R, cursor: "pointer" },
+      sx: { ...p, cursor: "pointer" },
       onClick: () => window.open(g, "_blank"),
-      children: p
+      children: R
     }
-  ) : /* @__PURE__ */ n(t, { sx: R, children: p });
+  ) : /* @__PURE__ */ n(t, { sx: p, children: R });
   return /* @__PURE__ */ l(q, { children: [
     r ? F(
       /* @__PURE__ */ l(t, { sx: i.mobileHeadlineContent, children: [
@@ -429,7 +428,7 @@ const oe = (e) => {
     flexDirection: "column",
     gap: e.spacingScale["3xs"]
   }
-}), fe = ({
+}), ye = ({
   entity: e,
   headline: m,
   finalImage: r,
@@ -438,7 +437,7 @@ const oe = (e) => {
   rulesDisplay: s
 }) => {
   var a;
-  const h = L(), D = O(), x = w(), y = Q().primary, C = Q().secondary, S = _(), b = ((a = e.branding) == null ? void 0 : a.colors) || null, o = (b == null ? void 0 : b.contentColor) || D.colorSchemes.dark.textColor, f = (b == null ? void 0 : b.secondaryColor) || D.colorSchemes.dark.textColor, c = re({
+  const h = L(), D = O(), x = B(), y = Q().primary, C = Q().secondary, S = _(), b = ((a = e.branding) == null ? void 0 : a.colors) || null, o = (b == null ? void 0 : b.contentColor) || D.colorSchemes.dark.textColor, f = (b == null ? void 0 : b.secondaryColor) || D.colorSchemes.dark.textColor, c = re({
     finalImage: r,
     spacingScale: x,
     borderRadius: S,
@@ -575,7 +574,7 @@ const oe = (e) => {
       flex: 1
     }
   };
-}, ue = ({
+}, fe = ({
   entity: e,
   headline: m,
   backgroundImage: r,
@@ -585,7 +584,7 @@ const oe = (e) => {
   rulesDisplay: h
 }) => {
   var P;
-  const D = L(), x = O(), y = w(), C = ((P = e.branding) == null ? void 0 : P.colors) || null, S = (C == null ? void 0 : C.contentColor) || x.colorSchemes.dark.textColor, b = x.customFontFamily.dark.primary, o = x.customFontFamily.dark.secondary, f = x.customRadius.dark.md, T = x.border.dark.size, c = x.colorSchemes.dark.textColor, a = ce({
+  const D = L(), x = O(), y = B(), C = ((P = e.branding) == null ? void 0 : P.colors) || null, S = (C == null ? void 0 : C.contentColor) || x.colorSchemes.dark.textColor, b = x.customFontFamily.dark.primary, o = x.customFontFamily.dark.secondary, f = x.customRadius.dark.md, T = x.border.dark.size, c = x.colorSchemes.dark.textColor, a = ce({
     spacingScale: y,
     brandingColors: C,
     secondaryColor: S,
@@ -621,7 +620,7 @@ const oe = (e) => {
       /* @__PURE__ */ n(t, { sx: a.signInWrapper, children: I })
     ] })
   ] });
-}, he = (e) => {
+}, ue = (e) => {
   var o, f, T, c, a, P, v;
   const m = J(
     {
@@ -629,7 +628,7 @@ const oe = (e) => {
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     E.STANDARD
-  ), r = L(), d = w(), I = _(), s = `rgba(${Y(A().surfaceVariant || "")}, 0.5)`, h = ((o = e.entity.branding) == null ? void 0 : o.colors) || null, D = (h == null ? void 0 : h.borderColor) || null, x = r ? ((T = (f = e.entity.branding) == null ? void 0 : f.images) == null ? void 0 : T.mobileLogo) || ((a = (c = e.entity.branding) == null ? void 0 : c.images) == null ? void 0 : a.mainLogo) || "" : ((v = (P = e.entity.branding) == null ? void 0 : P.images) == null ? void 0 : v.mainLogo) || "", y = e.imagePosition || "left", C = A().textColor, S = {
+  ), r = L(), d = B(), I = _(), s = `rgba(${Y(A().surfaceVariant || "")}, 0.5)`, h = ((o = e.entity.branding) == null ? void 0 : o.colors) || null, D = (h == null ? void 0 : h.borderColor) || null, x = r ? ((T = (f = e.entity.branding) == null ? void 0 : f.images) == null ? void 0 : T.mobileLogo) || ((a = (c = e.entity.branding) == null ? void 0 : c.images) == null ? void 0 : a.mainLogo) || "" : ((v = (P = e.entity.branding) == null ? void 0 : P.images) == null ? void 0 : v.mainLogo) || "", y = e.imagePosition || "left", C = A().textColor, S = {
     mainContentArea: {
       flex: r ? "1" : m ? "0.7" : "1",
       display: "flex",
@@ -658,7 +657,7 @@ const oe = (e) => {
       backdropFilter: "blur(4px)"
     }
   }, b = () => {
-    var F, u, M, W, p, R, B, H, z, j, U, N, V, K, X, Z;
+    var F, u, M, W, R, p, w, H, z, j, U, N, V, K, X, Z;
     const { CollectLeadWrapper: i, entity: g } = e;
     return /* @__PURE__ */ l(t, { sx: S.mainContentArea, children: [
       /* @__PURE__ */ n(t, { sx: S.leadCollectionContainer, children: /* @__PURE__ */ n(t, { sx: S.leadQuestionContainer, children: /* @__PURE__ */ n(t, { sx: S.leadContentContainer, children: /* @__PURE__ */ n(
@@ -671,9 +670,9 @@ const oe = (e) => {
           brandingUrls: (u = g.branding) == null ? void 0 : u.urls,
           campaignId: (M = e.leads) == null ? void 0 : M.campaignId,
           campaignName: (W = e.leads) == null ? void 0 : W.campaignName,
-          fields: (p = e.leads) == null ? void 0 : p.fields,
-          leadTitle: (R = g.labels) == null ? void 0 : R.leadTitle,
-          leadDescription: (B = g.labels) == null ? void 0 : B.leadDescription,
+          fields: (R = e.leads) == null ? void 0 : R.fields,
+          leadTitle: (p = g.labels) == null ? void 0 : p.leadTitle,
+          leadDescription: (w = g.labels) == null ? void 0 : w.leadDescription,
           leadCta: (H = g.labels) == null ? void 0 : H.leadCta,
           leadSuccessTitle: (z = g.labels) == null ? void 0 : z.leadSuccessTitle,
           leadSuccessDescription: (j = g.labels) == null ? void 0 : j.leadSuccessDescription,
@@ -706,7 +705,7 @@ const oe = (e) => {
       children: b()
     }
   ) });
-}, be = (e) => {
+}, he = (e) => {
   var T, c, a, P, v, i, g;
   const m = O(), r = L(), d = r ? e.mobileImagePlaceholder || e.defaultImagePlaceholder || "" : e.defaultImagePlaceholder || "", I = J(
     {
@@ -714,7 +713,7 @@ const oe = (e) => {
       imagePlaceholder: d
     },
     E.SPLIT
-  ), s = ((T = e.entity.branding) == null ? void 0 : T.colors) || null, h = (s == null ? void 0 : s.borderColor) || null, D = (s == null ? void 0 : s.backgroundColor) || A().surfaceVariant, x = Y(D), y = w(), C = _(), S = r ? ((a = (c = e.entity.branding) == null ? void 0 : c.images) == null ? void 0 : a.mobileLogo) || ((v = (P = e.entity.branding) == null ? void 0 : P.images) == null ? void 0 : v.mainLogo) || "" : ((g = (i = e.entity.branding) == null ? void 0 : i.images) == null ? void 0 : g.mainLogo) || "", b = {
+  ), s = ((T = e.entity.branding) == null ? void 0 : T.colors) || null, h = (s == null ? void 0 : s.borderColor) || null, D = (s == null ? void 0 : s.backgroundColor) || A().surfaceVariant, x = Y(D), y = B(), C = _(), S = r ? ((a = (c = e.entity.branding) == null ? void 0 : c.images) == null ? void 0 : a.mobileLogo) || ((v = (P = e.entity.branding) == null ? void 0 : P.images) == null ? void 0 : v.mainLogo) || "" : ((g = (i = e.entity.branding) == null ? void 0 : i.images) == null ? void 0 : g.mainLogo) || "", b = {
     questionArea: {
       width: "100%",
       justifyContent: "center",
@@ -738,7 +737,7 @@ const oe = (e) => {
       borderRadius: C.sm
     }
   }, o = (F) => {
-    var u, M, W, p, R;
+    var u, M, W, R, p;
     return /* @__PURE__ */ n(
       e.PresentedBy,
       {
@@ -746,12 +745,12 @@ const oe = (e) => {
         textColor: F,
         label: ((u = e.entity.labels) == null ? void 0 : u.sponsor) || null,
         primaryUrl: (W = (M = e.entity.branding) == null ? void 0 : M.urls) == null ? void 0 : W.primaryUrl,
-        secondaryUrl: (R = (p = e.entity.branding) == null ? void 0 : p.urls) == null ? void 0 : R.secondaryUrl,
+        secondaryUrl: (p = (R = e.entity.branding) == null ? void 0 : R.urls) == null ? void 0 : p.secondaryUrl,
         isCentered: !1
       }
     );
   }, f = () => {
-    var M, W, p, R, B, H, z, j, U, N, V;
+    var M, W, R, p, w, H, z, j, U, N, V;
     const { CollectLeadWrapper: F, entity: u } = e;
     return /* @__PURE__ */ l(q, { children: [
       /* @__PURE__ */ n(t, { sx: b.questionArea, children: /* @__PURE__ */ n(t, { sx: b.questionAreaContent, children: /* @__PURE__ */ n(t, { sx: b.leadContentContainer, children: /* @__PURE__ */ n(
@@ -762,9 +761,9 @@ const oe = (e) => {
           contentName: u.title,
           brandingColors: (M = u.branding) == null ? void 0 : M.colors,
           brandingUrls: (W = u.branding) == null ? void 0 : W.urls,
-          campaignId: (p = e.leads) == null ? void 0 : p.campaignId,
-          campaignName: (R = e.leads) == null ? void 0 : R.campaignName,
-          fields: (B = e.leads) == null ? void 0 : B.fields,
+          campaignId: (R = e.leads) == null ? void 0 : R.campaignId,
+          campaignName: (p = e.leads) == null ? void 0 : p.campaignName,
+          fields: (w = e.leads) == null ? void 0 : w.fields,
           leadTitle: (H = u.labels) == null ? void 0 : H.leadTitle,
           leadDescription: (z = u.labels) == null ? void 0 : z.leadDescription,
           leadCta: (j = u.labels) == null ? void 0 : j.leadCta,
@@ -793,14 +792,14 @@ const oe = (e) => {
       children: f()
     }
   ) });
-}, Ce = (e) => {
+}, be = (e) => {
   const m = O(), r = L(), d = e.defaultImagePlaceholder ? e.defaultImagePlaceholder || "" : r ? e.mobileImagePlaceholder : e.defaultImagePlaceholder || "", { brandingImage: I, brandingColors: s, brandingLogo: h } = te(e.entity.branding || null), D = I || J(
     {
       images: e.entity.images || null,
       imagePlaceholder: d || ""
     },
     E.OVERLAY
-  ), x = w(), y = (s == null ? void 0 : s.backgroundColor) || m.colorSchemes.dark.surfaceVariant, C = {
+  ), x = B(), y = (s == null ? void 0 : s.backgroundColor) || m.colorSchemes.dark.surfaceVariant, C = {
     mainContentSection: {
       display: "flex",
       flexDirection: "column",
@@ -890,10 +889,10 @@ const oe = (e) => {
   );
 };
 export {
-  ue as O,
-  ye as S,
-  fe as a,
-  he as b,
-  be as c,
-  Ce as d
+  fe as O,
+  xe as S,
+  ye as a,
+  ue as b,
+  he as c,
+  be as d
 };

package/chunks/{OverlayScoreStateSkeleton-C9FUhcnd.js → OverlayScoreStateSkeleton-Cha5KeNi.js}

@@ -1,7 +1,6 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { Box as l, Typography as a } from "@mui/joy";
-import { i as k, u as F, a as z, s as I } from "./Portal-BWqqFvVm.js";
-import { R as v } from "./NotFoundSkeleton-BYJTzYJR.js";
+import { i as k, u as F, a as z, B as l, T as a, s as I } from "./Portal-DegkUXpU.js";
+import { R as v } from "./index-DUQ2LFod.js";
 const R = (e) => ({
   // Main container with background overlay
   mainContainer: {
@@ -88,7 +87,7 @@ const R = (e) => ({
     opacity: "70%",
     fontFamily: e.fontFamilyPrimary
   }
-}), w = ({
+}), j = ({
   entity: e,
   headline: d,
   backgroundImage: m,
@@ -143,5 +142,5 @@ const R = (e) => ({
   ] });
 };
 export {
-  w as O
+  j as O
 };