fansunited-frontend-components 0.0.69 → 0.0.71

package/CollectLead.js

@@ -1,14 +1,14 @@
-import { jsx as n, jsxs as g, Fragment as r } from "react/jsx-runtime";
-import { createContext as ce } from "react";
-import { d as Y, i as Q, B as o, u as de, g as J, a as K, f as X, m as Z, W as w, c as U, b as h, e as me } from "./chunks/PrizeCard-CXjFADAN.js";
-import { P as se } from "./chunks/Portal-bNE7Trh9.js";
+import { jsx as n, jsxs as m, Fragment as r } from "react/jsx-runtime";
+import { createContext as de } from "react";
+import { d as Y, i as Q, B as o, u as se, g as J, a as K, f as X, m as Z, W as w, c as q, b as u, e as me, o as ge } from "./chunks/PrizeCard-CyVJJLo1.js";
+import { P as xe } from "./chunks/Portal-D8t1Jd5e.js";
 import "react-dom";
-import { g as ge, a as xe, h as oe } from "./chunks/helpers-D8cWUfGf.js";
-import { d as le, a as ae, b as ee } from "./chunks/useImageVariant-Cs6lWUs2.js";
-import { T as u } from "./chunks/Typography-DFdgIDQS.js";
-import { C as fe } from "./chunks/CollectLeadForm-D0P_JHmT.js";
+import { g as fe, a as ye, h as le } from "./chunks/helpers-DgUDSfd1.js";
+import { d as ae, a as re, b as ee } from "./chunks/useImageVariant-D6aho5sy.js";
+import { T as y } from "./chunks/Typography-B8CtvKkm.js";
+import { C as ue } from "./chunks/CollectLeadForm-BZj-9IDt.js";
 const te = (e) => {
-  const i = Y().secondary, m = Q(), a = ge(e.primaryUrl, e.secondaryUrl, "logo");
+  const i = Y().secondary, s = Q(), a = fe(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const d = () => {
@@ -48,7 +48,7 @@ const te = (e) => {
       children: t
     }
   ) : t;
-  return m ? /* @__PURE__ */ g(
+  return s ? /* @__PURE__ */ m(
     o,
     {
       sx: {
@@ -62,7 +62,7 @@ const te = (e) => {
       },
       children: [
         e.label && /* @__PURE__ */ n(
-          u,
+          y,
           {
             level: "body-sm",
             sx: {
@@ -80,7 +80,7 @@ const te = (e) => {
         f
       ]
     }
-  ) : /* @__PURE__ */ g(
+  ) : /* @__PURE__ */ m(
     o,
     {
       sx: {
@@ -93,7 +93,7 @@ const te = (e) => {
       },
       children: [
         e.label && /* @__PURE__ */ n(
-          u,
+          y,
           {
             level: "body-sm",
             sx: {
@@ -112,62 +112,62 @@ const te = (e) => {
       ]
     }
   );
-}, _ = ce({
+}, _ = de({
   shadowRootElement: null,
   language: null,
   sdk: null
-}), ye = ({
+}), he = ({
   shadowRootElement: e,
   phoneCountryCode: i,
-  images: m,
+  images: s,
   content: a,
   campaign: d,
   branding: t,
   labels: f,
   defaultImagePlaceholderUrl: b,
-  language: C = "en",
-  children: S,
-  sdk: p,
-  fields: T,
+  language: S = "en",
+  children: p,
+  sdk: T,
+  fields: k,
   onSuccessCta: j,
   customFields: N,
-  consents: k,
-  syncWithProfile: F = !1
+  consents: F,
+  syncWithProfile: P = !1
 }) => /* @__PURE__ */ n(
   _.Provider,
   {
     value: {
       shadowRootElement: e,
       phoneCountryCode: i,
-      images: m,
+      images: s,
       content: a,
       campaign: d,
       branding: t,
       labels: f,
       defaultImagePlaceholderUrl: b,
-      language: C,
-      sdk: p,
-      fields: T,
+      language: S,
+      sdk: T,
+      fields: k,
       onSuccessCta: j,
       customFields: N,
-      consents: k,
-      syncWithProfile: F
+      consents: F,
+      syncWithProfile: P
     },
-    children: S
+    children: p
   }
 ), ne = () => {
-  const { t: e } = de(), {
+  const { t: e } = se(), {
     sdk: i,
-    content: m,
+    content: s,
     branding: a,
     campaign: d,
     labels: t,
     onSuccessCta: f,
     fields: b = ["fullName", "email"],
-    consents: C,
-    customFields: S,
-    syncWithProfile: p = !1
-  } = J(_), T = {
+    consents: S,
+    customFields: p,
+    syncWithProfile: T = !1
+  } = J(_), k = {
     title: t == null ? void 0 : t.formTitle,
     description: t == null ? void 0 : t.formDescription,
     fullNameLabel: t == null ? void 0 : t.formFullNameLabel,
@@ -190,21 +190,21 @@ const te = (e) => {
     termsAndConditionsUrlLabel: t == null ? void 0 : t.termsAndConditionsUrlLabel
   };
   return /* @__PURE__ */ n(
-    fe,
+    ue,
     {
       sdk: i,
-      content: m,
+      content: s,
       onSuccessCta: f,
       branding: a,
       campaign: d,
       fields: b,
-      labels: T,
-      consents: C,
-      customFields: S,
-      syncWithProfile: p
+      labels: k,
+      consents: S,
+      customFields: p,
+      syncWithProfile: T
     }
   );
-}, ue = (e) => ({
+}, be = (e) => ({
   // Main container with background overlay
   mainContainer: {
     display: "flex",
@@ -387,36 +387,36 @@ const te = (e) => {
     display: "flex",
     alignItems: "center"
   }
-}), he = (e) => {
+}), Ce = (e) => {
   let i = (e == null ? void 0 : e.mainLogo) || null;
   return Q() && (i = (e == null ? void 0 : e.mobileLogo) || (e == null ? void 0 : e.mainLogo) || null), i;
-}, be = () => {
-  var l, $, q, P, R, I, L, D, z, H, v, B, y, s, W, A, G, E;
-  const e = J(_), i = K(), m = X(), a = Z(
+}, Se = () => {
+  var R, l, U, M, I, L, D, z, H, v, B, W, C, x, h, A, G, E;
+  const e = J(_), i = K(), s = X(), a = Z(
     w.OVERLAY
-  ), d = Q(), t = he(
-    ((l = e.branding) == null ? void 0 : l.images) || null
-  ), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : d ? le : ae, b = ee(
+  ), d = Q(), t = Ce(
+    ((R = e.branding) == null ? void 0 : R.images) || null
+  ), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : d ? ae : re, b = ee(
     {
       images: e.images || null,
       imagePlaceholder: f
     },
     w.OVERLAY
-  ), C = xe(b), S = i.colorSchemes.dark.textColor, p = i.customFontFamily.dark.primary, T = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = ($ = i.border) == null ? void 0 : $.dark.size, k = (P = (q = i.colorSchemes) == null ? void 0 : q.dark) == null ? void 0 : P.surfaceVariant, F = (I = (R = i.customRadius) == null ? void 0 : R.light) == null ? void 0 : I.xl, M = (H = (z = (D = (L = i.colorSchemes) == null ? void 0 : L.light) == null ? void 0 : D.palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, V = (s = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : s.onPrimary, c = ue({
-    spacingScale: m,
-    secondaryColor: S,
-    fontFamilyPrimary: p,
-    fontFamilySecondary: T,
+  ), S = ye(b), p = i.colorSchemes.dark.textColor, T = i.customFontFamily.dark.primary, k = i.customFontFamily.dark.secondary, j = i.customRadius.dark.md, N = (l = i.border) == null ? void 0 : l.dark.size, F = (M = (U = i.colorSchemes) == null ? void 0 : U.dark) == null ? void 0 : M.surfaceVariant, P = (L = (I = i.customRadius) == null ? void 0 : I.light) == null ? void 0 : L.xl, V = (v = (H = (z = (D = i.colorSchemes) == null ? void 0 : D.light) == null ? void 0 : z.palette) == null ? void 0 : H.primary) == null ? void 0 : v.plainColor, $ = (x = (C = (W = (B = i.colorSchemes) == null ? void 0 : B.light) == null ? void 0 : W.palette) == null ? void 0 : C.primary) == null ? void 0 : x.onPrimary, c = be({
+    spacingScale: s,
+    secondaryColor: p,
+    fontFamilyPrimary: T,
+    fontFamilySecondary: k,
     mdBorderRadius: j,
     borderSize: N,
-    contentBgColor: k,
-    buttonRadius: F,
-    primaryColor: M,
-    onPrimaryColor: V,
-    backgroundImage: C,
+    contentBgColor: F,
+    buttonRadius: P,
+    primaryColor: V,
+    onPrimaryColor: $,
+    backgroundImage: S,
     darkTextColor: i.colorSchemes.dark.textColor,
     imageBackgroundGradient: a
-  }), x = () => {
+  }), g = () => {
     var O;
     return /* @__PURE__ */ n(
       te,
@@ -427,18 +427,18 @@ const te = (e) => {
       }
     );
   };
-  return /* @__PURE__ */ g(o, { sx: c.mainContainer, children: [
-    (W = e.labels) != null && W.title || (A = e.labels) != null && A.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(o, { sx: c.headlineSection, children: /* @__PURE__ */ n(o, { sx: c.headlineContent, children: /* @__PURE__ */ n(o, { sx: c.headlineContentInner, children: /* @__PURE__ */ g(o, { sx: c.contentContainer, children: [
-      (G = e.labels) != null && G.title ? /* @__PURE__ */ n(u, { level: "h4", sx: c.titleText, children: e.labels.title }) : /* @__PURE__ */ n(r, {}),
-      (E = e.labels) != null && E.description ? /* @__PURE__ */ n(u, { level: "body-lg", sx: c.pollDescriptionText, children: e.labels.description }) : /* @__PURE__ */ n(r, {})
+  return /* @__PURE__ */ m(o, { sx: c.mainContainer, children: [
+    (h = e.labels) != null && h.title || (A = e.labels) != null && A.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(o, { sx: c.headlineSection, children: /* @__PURE__ */ n(o, { sx: c.headlineContent, children: /* @__PURE__ */ n(o, { sx: c.headlineContentInner, children: /* @__PURE__ */ m(o, { sx: c.contentContainer, children: [
+      (G = e.labels) != null && G.title ? /* @__PURE__ */ n(y, { level: "h4", sx: c.titleText, children: e.labels.title }) : /* @__PURE__ */ n(r, {}),
+      (E = e.labels) != null && E.description ? /* @__PURE__ */ n(y, { level: "body-lg", sx: c.pollDescriptionText, children: e.labels.description }) : /* @__PURE__ */ n(r, {})
     ] }) }) }) }) }) : /* @__PURE__ */ n(r, {}),
-    /* @__PURE__ */ g(o, { sx: c.mainContentSection, children: [
+    /* @__PURE__ */ m(o, { sx: c.mainContentSection, children: [
       /* @__PURE__ */ n(o, { sx: c.contentContainerWithBackdrop, children: /* @__PURE__ */ n(ne, {}) }),
-      /* @__PURE__ */ n(o, { sx: c.bottomFooterContainer, children: x() })
+      /* @__PURE__ */ n(o, { sx: c.bottomFooterContainer, children: g() })
     ] })
   ] });
-}, re = ({ children: e }) => {
-  const i = U().md, m = h().surface, a = h().secondaryContainer, t = me().size + " solid " + a;
+}, ce = ({ children: e }) => {
+  const i = q().md, s = u().surface, a = u().secondaryContainer, t = me().size + " solid " + a;
   return /* @__PURE__ */ n(
     o,
     {
@@ -450,13 +450,13 @@ const te = (e) => {
         overflow: "hidden",
         minHeight: "250px",
         borderRadius: i,
-        background: m,
+        background: s,
         border: t
       },
       children: e
     }
   );
-}, Ce = (e) => ({
+}, pe = (e) => ({
   // Mobile headline with image background
   mobileHeadlineWithImage: {
     display: { xs: "flex", md: "none" },
@@ -765,68 +765,68 @@ const te = (e) => {
     // Visual indicator for development (remove in production)
     // border: "1px dashed rgba(255,255,255,0.7)",
   }
-}), Se = (e) => {
-  var P, R, I, L, D, z, H, v, B;
-  const i = J(_), m = K(), a = e.imagePosition || "left", d = ee(
+}), Te = (e) => {
+  var I, L, D, z, H, v, B, W, C;
+  const i = J(_), s = K(), a = e.imagePosition || "left", d = ee(
     {
       images: i.images || null,
       imagePlaceholder: i.defaultImagePlaceholderUrl ? i.defaultImagePlaceholderUrl : ""
     },
     w.STANDARD
-  ), t = Q(), f = t ? ((R = (P = i.branding) == null ? void 0 : P.images) == null ? void 0 : R.mobileLogo) || ((L = (I = i.branding) == null ? void 0 : I.images) == null ? void 0 : L.mainLogo) || "" : ((z = (D = i.branding) == null ? void 0 : D.images) == null ? void 0 : z.mainLogo) || "", b = h().textColor, C = h().textSecondary, S = Y().secondary, p = "60%", T = Y().primary, j = h().surfaceVariant, N = U().md, k = U().sm, F = h().palette.primary.plainColor, M = h().palette.primary.onPrimary, V = U().xl, c = X(), x = Z(
+  ), t = Q(), f = t ? ((L = (I = i.branding) == null ? void 0 : I.images) == null ? void 0 : L.mobileLogo) || ((z = (D = i.branding) == null ? void 0 : D.images) == null ? void 0 : z.mainLogo) || "" : ((v = (H = i.branding) == null ? void 0 : H.images) == null ? void 0 : v.mainLogo) || "", b = u().textColor, S = u().textSecondary, p = Y().secondary, T = "60%", k = Y().primary, j = u().surfaceVariant, N = q().md, F = q().sm, P = u().palette.primary.plainColor, V = u().palette.primary.onPrimary, $ = q().xl, c = X(), g = Z(
     w.STANDARD
-  ), l = Ce({
+  ), R = ge(a), l = pe({
     finalImage: d,
     spacingScale: c,
-    borderRadius: U(),
-    fontFamilyPrimary: T,
-    fontFamilySecondary: S,
+    borderRadius: q(),
+    fontFamilyPrimary: k,
+    fontFamilySecondary: p,
     textColor: b,
-    secondaryColor: C,
-    bgcolor: oe(j || ""),
+    secondaryColor: S,
+    bgcolor: le(j || ""),
     mdBorderRadius: N,
-    smBorderRadius: k,
-    primaryColor: F,
-    onPrimaryColor: M,
-    buttonRadius: V,
-    opacity: p,
+    smBorderRadius: F,
+    primaryColor: P,
+    onPrimaryColor: V,
+    buttonRadius: $,
+    opacity: T,
     imagePosition: a,
-    darkTextColor: m.colorSchemes.dark.textColor,
-    imageBackgroundGradient: x
-  }), $ = (y) => {
-    var s;
+    darkTextColor: s.colorSchemes.dark.textColor,
+    imageBackgroundGradient: g
+  }), U = (x) => {
+    var h;
     return /* @__PURE__ */ n(
       te,
       {
         brandingLogo: f,
-        textColor: y,
-        label: (s = i.labels) == null ? void 0 : s.presentedByLabel
+        textColor: x,
+        label: (h = i.labels) == null ? void 0 : h.presentedByLabel
       }
     );
   };
-  return /* @__PURE__ */ g(re, { children: [
+  return /* @__PURE__ */ m(ce, { children: [
     (() => {
-      var y, s, W, A, G, E, O, ie;
-      return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (s = i.labels) != null && s.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
-        (W = i.labels) != null && W.title ? /* @__PURE__ */ n(u, { sx: l.titleTypographyMobileImage, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
-        (A = i.labels) != null && A.description ? /* @__PURE__ */ n(u, { sx: l.descriptionTypographyMobileImage, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
-      ] }) }) : /* @__PURE__ */ n(r, {}) }) : (G = i.labels) != null && G.title || (E = i.labels) != null && E.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithoutImage, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
-        (O = i.labels) != null && O.title ? /* @__PURE__ */ n(u, { level: "h4", sx: l.titleTypography, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
-        (ie = i.labels) != null && ie.description ? /* @__PURE__ */ n(u, { sx: l.descriptionTypography, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
+      var x, h, A, G, E, O, ie, oe;
+      return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (x = i.labels) != null && x.title || (h = i.labels) != null && h.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ m(o, { sx: l.contentContainer, children: [
+        (A = i.labels) != null && A.title ? /* @__PURE__ */ n(y, { sx: l.titleTypographyMobileImage, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
+        (G = i.labels) != null && G.description ? /* @__PURE__ */ n(y, { sx: l.descriptionTypographyMobileImage, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
+      ] }) }) : /* @__PURE__ */ n(r, {}) }) : (E = i.labels) != null && E.title || (O = i.labels) != null && O.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithoutImage, children: /* @__PURE__ */ m(o, { sx: l.contentContainer, children: [
+        (ie = i.labels) != null && ie.title ? /* @__PURE__ */ n(y, { level: "h4", sx: l.titleTypography, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
+        (oe = i.labels) != null && oe.description ? /* @__PURE__ */ n(y, { sx: l.descriptionTypography, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
       ] }) }) : /* @__PURE__ */ n(r, {}) : /* @__PURE__ */ n(r, {});
     })(),
-    a === "left" && d ? /* @__PURE__ */ n(o, { sx: l.imageContainerLeft, children: /* @__PURE__ */ n(o, { sx: l.imageSafeArea }) }) : null,
-    /* @__PURE__ */ g(o, { sx: l.mainContentArea, children: [
-      !t && ((H = i.labels) != null && H.title || (v = i.labels) != null && v.description) ? /* @__PURE__ */ n(o, { sx: { px: c.md }, children: /* @__PURE__ */ n(o, { sx: l.desktopHeadlineContainer, children: /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: l.contentContainer, children: [
-        i.labels.title ? /* @__PURE__ */ n(u, { level: "h4", sx: l.titleTypographyDesktop, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
-        (B = i.labels) != null && B.description ? /* @__PURE__ */ n(u, { sx: l.descriptionTypographyDesktop, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
+    R === "left" && d ? /* @__PURE__ */ n(o, { sx: l.imageContainerLeft, children: /* @__PURE__ */ n(o, { sx: l.imageSafeArea }) }) : null,
+    /* @__PURE__ */ m(o, { sx: l.mainContentArea, children: [
+      !t && ((B = i.labels) != null && B.title || (W = i.labels) != null && W.description) ? /* @__PURE__ */ n(o, { sx: { px: c.md }, children: /* @__PURE__ */ n(o, { sx: l.desktopHeadlineContainer, children: /* @__PURE__ */ n(o, { children: /* @__PURE__ */ m(o, { sx: l.contentContainer, children: [
+        i.labels.title ? /* @__PURE__ */ n(y, { level: "h4", sx: l.titleTypographyDesktop, children: i.labels.title }) : /* @__PURE__ */ n(r, {}),
+        (C = i.labels) != null && C.description ? /* @__PURE__ */ n(y, { sx: l.descriptionTypographyDesktop, children: i.labels.description }) : /* @__PURE__ */ n(r, {})
       ] }) }) }) }) : /* @__PURE__ */ n(r, {}),
       /* @__PURE__ */ n(o, { sx: l.leadCollectionContainer, children: /* @__PURE__ */ n(o, { sx: l.leadQuestionContainer, children: /* @__PURE__ */ n(o, { sx: l.leadContentContainer, children: /* @__PURE__ */ n(ne, {}) }) }) }),
-      /* @__PURE__ */ n(o, { sx: { px: c.md }, children: $(b) })
+      /* @__PURE__ */ n(o, { sx: { px: c.md }, children: U(b) })
     ] }),
-    a === "right" && d ? /* @__PURE__ */ n(o, { sx: l.imageContainerRight, children: /* @__PURE__ */ n(o, { sx: l.imageSafeArea }) }) : null
+    R === "right" && d ? /* @__PURE__ */ n(o, { sx: l.imageContainerRight, children: /* @__PURE__ */ n(o, { sx: l.imageSafeArea }) }) : null
   ] });
-}, pe = (e) => ({
+}, ke = (e) => ({
   // Main headline section with background image
   headlineSection: {
     display: "flex",
@@ -1160,78 +1160,78 @@ const te = (e) => {
   presentedByMobile: {
     display: { xs: "block", md: "none" }
   }
-}), Te = () => {
-  var q, P, R, I, L, D, z, H, v, B;
-  const e = J(_), i = K(), m = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? le : ae, d = ee(
+}), Fe = () => {
+  var U, M, I, L, D, z, H, v, B, W;
+  const e = J(_), i = K(), s = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? ae : re, d = ee(
     {
       images: e.images || null,
       imagePlaceholder: a
     },
     w.SPLIT
-  ), t = m ? ((P = (q = e.branding) == null ? void 0 : q.images) == null ? void 0 : P.mobileLogo) || ((I = (R = e.branding) == null ? void 0 : R.images) == null ? void 0 : I.mainLogo) || "" : ((D = (L = e.branding) == null ? void 0 : L.images) == null ? void 0 : D.mainLogo) || "", f = h().textColor, b = Y().secondary, C = "60%", S = Y().primary, p = U().xl, T = h().surfaceVariant, j = (H = (z = h().palette) == null ? void 0 : z.primary) == null ? void 0 : H.plainColor, N = (B = (v = h().palette) == null ? void 0 : v.primary) == null ? void 0 : B.onPrimary, k = h().textColor, F = X(), M = U(), V = Z(
+  ), t = s ? ((M = (U = e.branding) == null ? void 0 : U.images) == null ? void 0 : M.mobileLogo) || ((L = (I = e.branding) == null ? void 0 : I.images) == null ? void 0 : L.mainLogo) || "" : ((z = (D = e.branding) == null ? void 0 : D.images) == null ? void 0 : z.mainLogo) || "", f = u().textColor, b = Y().secondary, S = "60%", p = Y().primary, T = q().xl, k = u().surfaceVariant, j = (v = (H = u().palette) == null ? void 0 : H.primary) == null ? void 0 : v.plainColor, N = (W = (B = u().palette) == null ? void 0 : B.primary) == null ? void 0 : W.onPrimary, F = u().textColor, P = X(), V = q(), $ = Z(
     w.SPLIT
-  ), c = oe(T || ""), x = pe({
+  ), c = le(k || ""), g = ke({
     finalImage: d,
-    spacingScale: F,
-    borderRadius: M,
-    fontFamilyPrimary: S,
+    spacingScale: P,
+    borderRadius: V,
+    fontFamilyPrimary: p,
     fontFamilySecondary: b,
     secondaryColor: f,
-    opacity: C,
-    buttonRadius: p,
+    opacity: S,
+    buttonRadius: T,
     bgcolor: c,
     primaryColor: j,
     onPrimaryColor: N,
-    textColor: k,
+    textColor: F,
     darkTextColor: i.colorSchemes.dark.textColor,
-    imageBackgroundGradient: V
-  }), l = (y) => {
-    var s;
+    imageBackgroundGradient: $
+  }), R = (C) => {
+    var x;
     return /* @__PURE__ */ n(
       te,
       {
         brandingLogo: t,
-        textColor: y,
-        label: (s = e.labels) == null ? void 0 : s.presentedByLabel
+        textColor: C,
+        label: (x = e.labels) == null ? void 0 : x.presentedByLabel
       }
     );
   };
-  return /* @__PURE__ */ g(re, { children: [
+  return /* @__PURE__ */ m(ce, { children: [
     (() => {
-      var y, s, W, A;
-      return /* @__PURE__ */ n(o, { sx: x.headlineSection, children: /* @__PURE__ */ g(o, { sx: x.headlineContent, children: [
-        (y = e.labels) != null && y.title || (s = e.labels) != null && s.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: x.contentContainer, children: [
-          (W = e.labels) != null && W.title ? /* @__PURE__ */ n(u, { sx: x.pollTitleText, children: e.labels.title }) : /* @__PURE__ */ n(r, {}),
-          (A = e.labels) != null && A.description ? /* @__PURE__ */ n(u, { sx: x.pollDescriptionText, children: e.labels.description }) : /* @__PURE__ */ n(r, {})
+      var C, x, h, A;
+      return /* @__PURE__ */ n(o, { sx: g.headlineSection, children: /* @__PURE__ */ m(o, { sx: g.headlineContent, children: [
+        (C = e.labels) != null && C.title || (x = e.labels) != null && x.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ m(o, { sx: g.contentContainer, children: [
+          (h = e.labels) != null && h.title ? /* @__PURE__ */ n(y, { sx: g.pollTitleText, children: e.labels.title }) : /* @__PURE__ */ n(r, {}),
+          (A = e.labels) != null && A.description ? /* @__PURE__ */ n(y, { sx: g.pollDescriptionText, children: e.labels.description }) : /* @__PURE__ */ n(r, {})
         ] }) }) : /* @__PURE__ */ n(r, {}),
-        t ? /* @__PURE__ */ n(o, { sx: x.presentedByDesktop, children: l(i.colorSchemes.dark.textColor) }) : /* @__PURE__ */ n(r, {})
+        t ? /* @__PURE__ */ n(o, { sx: g.presentedByDesktop, children: R(i.colorSchemes.dark.textColor) }) : /* @__PURE__ */ n(r, {})
       ] }) });
     })(),
-    /* @__PURE__ */ n(o, { sx: x.questionArea, children: /* @__PURE__ */ g(o, { sx: x.questionAreaInner, children: [
-      /* @__PURE__ */ n(o, { sx: x.leadContentContainer, children: /* @__PURE__ */ n(ne, {}) }),
+    /* @__PURE__ */ n(o, { sx: g.questionArea, children: /* @__PURE__ */ m(o, { sx: g.questionAreaInner, children: [
+      /* @__PURE__ */ n(o, { sx: g.leadContentContainer, children: /* @__PURE__ */ n(ne, {}) }),
       /* @__PURE__ */ n(
         o,
         {
-          sx: { display: { xs: "block", md: "none" }, px: F.md },
-          children: l(k)
+          sx: { display: { xs: "block", md: "none" }, px: P.md },
+          children: R(F)
         }
       )
     ] }) })
   ] });
 };
-function ke(e) {
+function Pe(e) {
   return e.template === w.STANDARD;
 }
-const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ? /* @__PURE__ */ n(Se, { imagePosition: e.imagePosition || "left" }) : /* @__PURE__ */ n(Te, {}), Pe = (e) => {
+const Re = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(Se, {}) : Pe(e) ? /* @__PURE__ */ n(Te, { imagePosition: e.imagePosition || "left" }) : /* @__PURE__ */ n(Fe, {}), Ie = (e) => {
   var i;
   return /* @__PURE__ */ n(
-    se,
+    xe,
     {
       packageName: "collect-lead",
       entityId: ((i = e.content) == null ? void 0 : i.id) || "",
       ...e,
       children: /* @__PURE__ */ n(
-        ye,
+        he,
         {
           phoneCountryCode: e.phoneCountryCode,
           language: e.language,
@@ -1248,12 +1248,12 @@ const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ?
           customFields: e.customFields,
           consents: e.consents,
           syncWithProfile: e.syncWithProfile,
-          children: /* @__PURE__ */ n(Fe, { ...e })
+          children: /* @__PURE__ */ n(Re, { ...e })
         }
       )
     }
   );
-}, Ae = Pe;
+}, je = Ie;
 export {
-  Ae as CollectLead
+  je as CollectLead
 };

package/Discussion.js

@@ -1,4 +1,4 @@
-import { M as o } from "./chunks/main-C05CZWMa.js";
+import { M as o } from "./chunks/main-5c5yYsj9.js";
 const i = o;
 export {
   i as Discussion