fansunited-frontend-components 0.0.43 → 0.0.46

package/ChanceGame.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as w, Fragment as re } from "react/jsx-runtime";
-import { h as Ce, g as Je, l as Ke } from "./chunks/helpers-M2Nr9YsG.js";
-import Z, { useState as qe, useEffect as Qe } from "react";
-import { f as K, V as Ze, r as ve, u as ie, R as Se, B as m, O as se, ad as ue, q as we, h as xe, T as D, Q as he, ae as Te, W as fe, g as $e, af as et, i as tt, X as ne, c as ot, C as nt, a as rt, E as lt, b as it } from "./chunks/PrizeCard-BA91wVwM.js";
-import { S as at } from "./chunks/Spinner-Cc2zWDFx.js";
+import { h as Ce, g as Je, l as Ke } from "./chunks/helpers-DyGJ163I.js";
+import Q, { useState as qe, useEffect as Ze } from "react";
+import { m as K, ab as Qe, t as ve, k as ie, a0 as Se, B as m, Z as se, ag as ue, r as we, o as xe, T as D, $ as he, ah as Te, W as fe, n as $e, ai as et, i as tt, ac as ne, g as ot, C as nt, h as rt, E as lt, j as it } from "./chunks/PrizeCard-9vHGuVOX.js";
+import { S as at } from "./chunks/Spinner-Bx3PvLc8.js";
 import { createPortal as st } from "react-dom";
 import { u as ct } from "./chunks/useInfoPage-BHdgKdme.js";
-import { N as dt, S as Ae, O as Ie } from "./chunks/NotFoundSkeleton-C2qREw63.js";
-import { u as mt, S as le, c as Ee, D as Ge, C as ut, W as ht, d as xt, e as ft, f as pt, O as gt, F as bt, b as ye, a as yt, P as vt } from "./chunks/PickOneOfX-aTiQBLAI.js";
-import { u as pe, d as Ve, a as He } from "./chunks/useImageVariant-DS9F3PjS.js";
+import { N as dt, S as Ae, O as Ie } from "./chunks/NotFoundSkeleton-Coe8XWvc.js";
+import { u as mt, S as le, c as Ee, D as Ge, C as ut, W as ht, d as xt, e as ft, f as pt, O as gt, F as bt, b as ye, a as yt, P as vt } from "./chunks/PickOneOfX-CS_EiNNt.js";
+import { u as pe, d as He, a as Ne } from "./chunks/useImageVariant-BnDg20-v.js";
 const ke = ({
   children: e,
   brandingBorderColor: s,
   state: a
 }) => {
-  const r = K(), x = Ze(), o = a === "play" ? x : r, c = ve().md, d = s || ie().secondaryContainer, l = Se().size + " solid " + d;
+  const r = K(), x = Qe(), o = a === "play" ? x : r, c = ve().md, d = s || ie().secondaryContainer, l = Se().size + " solid " + d;
   return /* @__PURE__ */ t(
     m,
     {
@@ -42,7 +42,7 @@ const ke = ({
     }
   );
   return e === ue.EMBED ? a : /* @__PURE__ */ t(ke, { brandingBorderColor: null, children: a });
-}, Ne = ({
+}, Ve = ({
   infoPage: e,
   enableReset: s = !1,
   contentColor: a,
@@ -56,24 +56,24 @@ const ke = ({
   showTitleBlock: F = !1,
   variant: O
 }) => {
-  var G, q, N;
-  const p = K(), S = ie(), g = ve(), i = we(), u = xe(), _ = Se(), y = O === "standard", h = O === "overlay", C = y || h, E = JSON.parse(e.body), M = E.segments || [], f = e.labels || {}, L = E.mode || ((G = E.config) == null ? void 0 : G.mode) || "fair", V = ((q = E.config) == null ? void 0 : q.pace) || "normal", W = ((N = E.config) == null ? void 0 : N.decorations) ?? !1, B = Ee(r, l), {
+  var G, q, V;
+  const p = K(), S = ie(), g = ve(), i = we(), u = xe(), _ = Se(), y = O === "standard", h = O === "overlay", C = y || h, E = JSON.parse(e.body), M = E.segments || [], f = e.labels || {}, L = E.mode || ((G = E.config) == null ? void 0 : G.mode) || "fair", H = ((q = E.config) == null ? void 0 : q.pace) || "normal", W = ((V = E.config) == null ? void 0 : V.decorations) ?? !1, B = Ee(r, l), {
     isSpinning: T,
-    finalRotation: H,
+    finalRotation: N,
     selectedSegment: b,
     showShakeAnimation: X,
     showResultScreen: R,
     showInlineResult: k,
     hasEntered: $,
     confettiActive: z,
-    spinDuration: P,
-    shakeAnimationDuration: U,
-    confettiVelocityMultiplier: j,
+    spinDuration: j,
+    shakeAnimationDuration: P,
+    confettiVelocityMultiplier: U,
     confettiGravity: A,
     handleSpin: I,
     handleReset: v,
     onConfettiComplete: ee
-  } = mt({ segments: M, mode: L, pace: V }), te = C ? p ? "260px" : "340px" : p ? "320px" : "450px", Y = () => /* @__PURE__ */ w(re, { children: [
+  } = mt({ segments: M, mode: L, pace: H }), te = C ? p ? "260px" : "340px" : p ? "320px" : "450px", Y = () => /* @__PURE__ */ w(re, { children: [
     W && /* @__PURE__ */ t(
       Ge,
       {
@@ -87,7 +87,7 @@ const ke = ({
       {
         active: z,
         primaryColor: r,
-        velocityMultiplier: j,
+        velocityMultiplier: U,
         gravity: A,
         onComplete: ee
       }
@@ -256,7 +256,7 @@ const ke = ({
             transform: $ ? "scale(1)" : "scale(0.85)",
             transition: "opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)",
             // Shake animation
-            animation: X ? `wheelShake ${U / 2}ms ease-in-out 2` : "none",
+            animation: X ? `wheelShake ${P / 2}ms ease-in-out 2` : "none",
             "@keyframes wheelShake": {
               "0%, 100%": { transform: "translateX(0)" },
               "10%, 30%, 50%, 70%, 90%": { transform: "translateX(-8px)" },
@@ -285,9 +285,9 @@ const ke = ({
                 onPrimaryColor: o,
                 decorations: W,
                 isStandard: y,
-                rotation: H,
+                rotation: N,
                 isSpinning: T,
-                spinDuration: P
+                spinDuration: j
               }
             ),
             !y && !h && n && /* @__PURE__ */ t(
@@ -451,7 +451,7 @@ const ke = ({
     ] })
   ] });
   if (y) {
-    const Q = Ce(c), oe = Q ? Q.replace(/[^\d,]/g, "") : "";
+    const Z = Ce(c), oe = Z ? Z.replace(/[^\d,]/g, "") : "";
     return /* @__PURE__ */ w(
       m,
       {
@@ -662,7 +662,7 @@ const ke = ({
       finalImage: n,
       imagePosition: a,
       children: /* @__PURE__ */ t(
-        Ne,
+        Ve,
         {
           infoPage: e,
           enableReset: s,
@@ -700,7 +700,7 @@ const ke = ({
   compactCards: g = !1
 }) => {
   var Fe, We, _e, Oe;
-  const i = K(), u = ie(), _ = ve(), y = we(), h = xe(), C = Se(), E = n || c, M = l || r, f = S === "standard", L = S === "overlay", V = f ? Ce(c) : "", W = V ? V.replace(/[^\d,]/g, "") : "", B = g ? i ? 80 : 110 : i ? 100 : 140, T = g ? i ? 104 : 143 : i ? 130 : 180, H = g ? i ? 90 : 130 : i ? 120 : 180, b = g ? i ? "16px" : "32px" : i ? "24px" : "48px", X = g ? i ? "12px" : "32px" : i ? "16px" : "48px", R = Ee(r, O), k = JSON.parse(e.body), $ = k.segments || [], z = e.labels || {}, P = k.mode || ((Fe = k.config) == null ? void 0 : Fe.mode) || "fair", U = ((We = k.config) == null ? void 0 : We.pace) || "normal", j = ((_e = k.config) == null ? void 0 : _e.revealAll) ?? !1, A = ((Oe = k.config) == null ? void 0 : Oe.decorations) ?? !1, I = $.some((ae) => {
+  const i = K(), u = ie(), _ = ve(), y = we(), h = xe(), C = Se(), E = n || c, M = l || r, f = S === "standard", L = S === "overlay", H = f ? Ce(c) : "", W = H ? H.replace(/[^\d,]/g, "") : "", B = g ? i ? 80 : 110 : i ? 100 : 140, T = g ? i ? 104 : 143 : i ? 130 : 180, N = g ? i ? 90 : 130 : i ? 120 : 180, b = g ? i ? "16px" : "32px" : i ? "24px" : "48px", X = g ? i ? "12px" : "32px" : i ? "16px" : "48px", R = Ee(r, O), k = JSON.parse(e.body), $ = k.segments || [], z = e.labels || {}, j = k.mode || ((Fe = k.config) == null ? void 0 : Fe.mode) || "fair", P = ((We = k.config) == null ? void 0 : We.pace) || "normal", U = ((_e = k.config) == null ? void 0 : _e.revealAll) ?? !1, A = ((Oe = k.config) == null ? void 0 : Oe.decorations) ?? !1, I = $.some((ae) => {
     var J;
     return (J = ae.images) == null ? void 0 : J.idle;
   }), {
@@ -710,16 +710,16 @@ const ke = ({
     showResultScreen: Y,
     showInlineResult: G,
     showLoseAnimation: q,
-    hasEntered: N,
-    flippedCards: Q,
+    hasEntered: V,
+    flippedCards: Z,
     crossfadedCards: oe,
     revealedOtherCards: ce,
     flipDuration: Xe,
-    crossfadeDuration: Pe,
-    loseAnimationDuration: Ue,
+    crossfadeDuration: je,
+    loseAnimationDuration: Pe,
     handlePick: Re,
     handleReset: ge
-  } = pt({ segments: $, mode: P, pace: U, revealAll: j }), ze = () => /* @__PURE__ */ w(re, { children: [
+  } = pt({ segments: $, mode: j, pace: P, revealAll: U }), ze = () => /* @__PURE__ */ w(re, { children: [
     A && /* @__PURE__ */ t(
       Ge,
       {
@@ -919,7 +919,7 @@ const ke = ({
             mt: h.lg,
             mx: "auto",
             display: "grid",
-            gridTemplateColumns: I ? `repeat(3, ${H}px)` : `repeat(3, ${B}px)`,
+            gridTemplateColumns: I ? `repeat(3, ${N}px)` : `repeat(3, ${B}px)`,
             rowGap: b,
             columnGap: X,
             justifyContent: "center",
@@ -928,7 +928,7 @@ const ke = ({
             perspective: "1200px"
           },
           children: (ee ?? $).map((ae, J) => {
-            const be = `card-${J}`, de = v !== null, Be = Q.has(be), me = ce.has(be), je = de && !Be && !me, De = oe.has(be), Ye = de && !De && !me;
+            const be = `card-${J}`, de = v !== null, Be = Z.has(be), me = ce.has(be), Ue = de && !Be && !me, De = oe.has(be), Ye = de && !De && !me;
             return /* @__PURE__ */ t(
               m,
               {
@@ -937,8 +937,8 @@ const ke = ({
                   justifyContent: "center",
                   alignItems: "center",
                   // Staggered deal-in entrance
-                  opacity: N ? 1 : 0,
-                  transform: N ? "translateY(0) scale(1) rotateX(0deg)" : "translateY(30px) scale(0.9) rotateX(10deg)",
+                  opacity: V ? 1 : 0,
+                  transform: V ? "translateY(0) scale(1) rotateX(0deg)" : "translateY(30px) scale(0.9) rotateX(10deg)",
                   transition: `all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) ${J * 100}ms`
                 },
                 children: I ? /* @__PURE__ */ t(
@@ -952,9 +952,9 @@ const ke = ({
                     isOtherRevealed: me,
                     shouldDim: Ye,
                     isRevealed: de,
-                    hasEntered: N,
-                    objectSize: H,
-                    crossfadeDuration: Pe,
+                    hasEntered: V,
+                    objectSize: N,
+                    crossfadeDuration: je,
                     isStandard: f,
                     primaryColor: r,
                     dangerColor: d,
@@ -968,14 +968,14 @@ const ke = ({
                     selectedSegment: v,
                     isFlipped: Be,
                     isOtherRevealed: me,
-                    shouldDim: je,
+                    shouldDim: Ue,
                     isRevealed: de,
                     showLoseAnimation: q,
-                    hasEntered: N,
+                    hasEntered: V,
                     cardWidth: B,
                     cardHeight: T,
                     flipDuration: Xe,
-                    loseAnimationDuration: Ue,
+                    loseAnimationDuration: Pe,
                     cardBaseColor: E,
                     shimmerColor: M,
                     primaryColor: r,
@@ -1305,14 +1305,14 @@ const ke = ({
   enableReset: s = !1,
   defaultImagePlaceholderUrl: a
 }) => {
-  var f, L, V, W, B, T, H, b, X, R, k, $, z, P, U, j, A, I, v;
-  const { t: r } = se(), x = K(), o = $e(), c = xe(), d = ((f = e.branding) == null ? void 0 : f.colors) || null, n = (L = e.branding) == null ? void 0 : L.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", F = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? Ve : He), p = l || pe(
+  var f, L, H, W, B, T, N, b, X, R, k, $, z, j, P, U, A, I, v;
+  const { t: r } = se(), x = K(), o = $e(), c = xe(), d = ((f = e.branding) == null ? void 0 : f.colors) || null, n = (L = e.branding) == null ? void 0 : L.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", F = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? He : Ne), p = l || pe(
     {
       images: e.images,
       imagePlaceholder: O
     },
     fe.OVERLAY
-  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((T = (B = (W = (V = o.colorSchemes) == null ? void 0 : V.light) == null ? void 0 : W.palette) == null ? void 0 : B.primary) == null ? void 0 : T.plainColor), u = (R = (X = (b = (H = o.colorSchemes) == null ? void 0 : H.light) == null ? void 0 : b.palette) == null ? void 0 : X.primary) == null ? void 0 : R.onPrimary, _ = (d == null ? void 0 : d.background_color) || (($ = (k = o.colorSchemes) == null ? void 0 : k.dark) == null ? void 0 : $.surfaceVariant), y = (j = (U = (P = (z = o.colorSchemes) == null ? void 0 : z.light) == null ? void 0 : P.palette) == null ? void 0 : U.danger) == null ? void 0 : j.plainColor, h = o.customFontFamily.dark.primary, C = o.customRadius.dark.md, E = (I = (A = o.customRadius) == null ? void 0 : A.light) == null ? void 0 : I.xl, M = Le({
+  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((T = (B = (W = (H = o.colorSchemes) == null ? void 0 : H.light) == null ? void 0 : W.palette) == null ? void 0 : B.primary) == null ? void 0 : T.plainColor), u = (R = (X = (b = (N = o.colorSchemes) == null ? void 0 : N.light) == null ? void 0 : b.palette) == null ? void 0 : X.primary) == null ? void 0 : R.onPrimary, _ = (d == null ? void 0 : d.background_color) || (($ = (k = o.colorSchemes) == null ? void 0 : k.dark) == null ? void 0 : $.surfaceVariant), y = (U = (P = (j = (z = o.colorSchemes) == null ? void 0 : z.light) == null ? void 0 : j.palette) == null ? void 0 : P.danger) == null ? void 0 : U.plainColor, h = o.customFontFamily.dark.primary, C = o.customRadius.dark.md, E = (I = (A = o.customRadius) == null ? void 0 : A.light) == null ? void 0 : I.xl, M = Le({
     spacingScale: c,
     mdBorderRadius: C,
     contentBgColor: _,
@@ -1468,14 +1468,14 @@ const ke = ({
   enableReset: s = !1,
   defaultImagePlaceholderUrl: a
 }) => {
-  var L, V, W, B, T, H, b, X, R, k, $, z, P, U, j, A, I, v, ee, te, Y, G, q, N, Q, oe, ce;
-  const { t: r } = se(), x = K(), o = $e(), c = xe(), d = ((L = e.branding) == null ? void 0 : L.colors) || null, n = (V = e.branding) == null ? void 0 : V.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", F = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? Ve : He), p = l || pe(
+  var L, H, W, B, T, N, b, X, R, k, $, z, j, P, U, A, I, v, ee, te, Y, G, q, V, Z, oe, ce;
+  const { t: r } = se(), x = K(), o = $e(), c = xe(), d = ((L = e.branding) == null ? void 0 : L.colors) || null, n = (H = e.branding) == null ? void 0 : H.images, l = x ? (n == null ? void 0 : n.mobile_background_image) || (n == null ? void 0 : n.background_image) || "" : (n == null ? void 0 : n.background_image) || "", F = x ? (n == null ? void 0 : n.mobile_logo) || (n == null ? void 0 : n.main_logo) || "" : (n == null ? void 0 : n.main_logo) || "", O = a || (x ? He : Ne), p = l || pe(
     {
       images: e.images,
       imagePlaceholder: O
     },
     fe.OVERLAY
-  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((H = (T = (B = (W = o.colorSchemes) == null ? void 0 : W.light) == null ? void 0 : B.palette) == null ? void 0 : T.primary) == null ? void 0 : H.plainColor), u = (d == null ? void 0 : d.secondary_color) || ((k = (R = (X = (b = o.colorSchemes) == null ? void 0 : b.light) == null ? void 0 : X.palette) == null ? void 0 : R.danger) == null ? void 0 : k.plainColor), _ = (U = (P = (z = ($ = o.colorSchemes) == null ? void 0 : $.light) == null ? void 0 : z.palette) == null ? void 0 : P.primary) == null ? void 0 : U.onPrimary, y = (d == null ? void 0 : d.background_color) || ((A = (j = o.colorSchemes) == null ? void 0 : j.dark) == null ? void 0 : A.surfaceVariant), h = (te = (ee = (v = (I = o.colorSchemes) == null ? void 0 : I.light) == null ? void 0 : v.palette) == null ? void 0 : ee.danger) == null ? void 0 : te.plainColor, C = o.customFontFamily.dark.primary, E = o.customRadius.dark.md, M = (G = (Y = o.customRadius) == null ? void 0 : Y.light) == null ? void 0 : G.xl, f = Le({
+  ), S = o.colorSchemes.dark.textColor, g = (d == null ? void 0 : d.content_color) || S, i = (d == null ? void 0 : d.primary_color) || ((N = (T = (B = (W = o.colorSchemes) == null ? void 0 : W.light) == null ? void 0 : B.palette) == null ? void 0 : T.primary) == null ? void 0 : N.plainColor), u = (d == null ? void 0 : d.secondary_color) || ((k = (R = (X = (b = o.colorSchemes) == null ? void 0 : b.light) == null ? void 0 : X.palette) == null ? void 0 : R.danger) == null ? void 0 : k.plainColor), _ = (P = (j = (z = ($ = o.colorSchemes) == null ? void 0 : $.light) == null ? void 0 : z.palette) == null ? void 0 : j.primary) == null ? void 0 : P.onPrimary, y = (d == null ? void 0 : d.background_color) || ((A = (U = o.colorSchemes) == null ? void 0 : U.dark) == null ? void 0 : A.surfaceVariant), h = (te = (ee = (v = (I = o.colorSchemes) == null ? void 0 : I.light) == null ? void 0 : v.palette) == null ? void 0 : ee.danger) == null ? void 0 : te.plainColor, C = o.customFontFamily.dark.primary, E = o.customRadius.dark.md, M = (G = (Y = o.customRadius) == null ? void 0 : Y.light) == null ? void 0 : G.xl, f = Le({
     spacingScale: c,
     mdBorderRadius: E,
     contentBgColor: y,
@@ -1500,7 +1500,7 @@ const ke = ({
       finalImage: p,
       children: [
         /* @__PURE__ */ t(m, { sx: f.contentContainerWithBackdrop, children: /* @__PURE__ */ t(
-          Ne,
+          Ve,
           {
             infoPage: e,
             enableReset: s,
@@ -1523,7 +1523,7 @@ const ke = ({
             brandingLogo: F,
             textColor: S,
             label: ((q = e.labels) == null ? void 0 : q.sponsor) || null,
-            primaryUrl: (Q = (N = e.branding) == null ? void 0 : N.urls) == null ? void 0 : Q.primary_url,
+            primaryUrl: (Z = (V = e.branding) == null ? void 0 : V.urls) == null ? void 0 : Z.primary_url,
             secondaryUrl: (ce = (oe = e.branding) == null ? void 0 : oe.urls) == null ? void 0 : ce.secondary_url
           }
         )
@@ -1541,7 +1541,7 @@ const ke = ({
     }
     return e.language || "en";
   }, [r, x] = qe(!1);
-  if (Qe(() => {
+  if (Ze(() => {
     const o = a();
     tt(o).then(() => x(!0));
   }, [e.language, s]), !s || !r)
@@ -1584,10 +1584,10 @@ const ke = ({
   }
   return e.variant === ne.PENALTY_SHOOTOUT ? /* @__PURE__ */ t(ye, { infoPage: s }) : e.variant === ne.PICK_ONE_OF_X ? /* @__PURE__ */ t(yt, { infoPage: s }) : /* @__PURE__ */ t(vt, { infoPage: s });
 }, _t = (e) => {
-  const [s, a] = Z.useState(!1), r = Z.useRef(
+  const [s, a] = Q.useState(!1), r = Q.useRef(
     `chance-game-shadow-root-${Math.random().toString(36).substring(2, 11)}`
-  ), x = Z.useRef(null), o = Z.useRef(null), c = Z.useRef(null), d = Z.useRef(null);
-  Z.useEffect(() => {
+  ), x = Q.useRef(null), o = Q.useRef(null), c = Q.useRef(null), d = Q.useRef(null);
+  Q.useEffect(() => {
     if (x.current)
       return x.current.shadowRoot ? (o.current = x.current.shadowRoot, c.current = o.current.getElementById(
         r.current
@@ -1627,7 +1627,7 @@ const ke = ({
     F,
     O
   ] });
-}, Ot = (e) => /* @__PURE__ */ t(_t, { ...e, children: /* @__PURE__ */ t(Wt, { ...e }) }), Ht = Ot;
+}, Ot = (e) => /* @__PURE__ */ t(_t, { ...e, children: /* @__PURE__ */ t(Wt, { ...e }) }), Nt = Ot;
 export {
-  Ht as ChanceGame
+  Nt as ChanceGame
 };

package/ClassicQuizPlay.js

@@ -1,22 +1,24 @@
 import { jsxs as E, Fragment as T, jsx as i } from "react/jsx-runtime";
 import x2, { useState as b, useEffect as m2, useCallback as c0, useRef as r0, useMemo as M2 } from "react";
-import { f as X, B as l, g as r2, u as D, r as _, q as C2, R as G2, h as u2, T as B, O as p, Y as q2, Z as P2, V as Z2, W as Z, Q as q, av as I0, a0 as Q0, d as E0, J as l0, i as h0 } from "./chunks/PrizeCard-BA91wVwM.js";
-import { P as B0 } from "./chunks/Portal-kFrc-yUh.js";
-import { g as d0, e as V2, h as F2, s as u0, k as w0, a as n0, j as S0 } from "./chunks/helpers-M2Nr9YsG.js";
-import { S as y0 } from "./chunks/Spinner-Cc2zWDFx.js";
+import { m as X, B as l, n as r2, k as D, t as _, r as C2, a0 as G2, o as u2, T as B, Z as p, a5 as q2, a6 as P2, ab as Z2, W as Z, $ as q, at as I0, ae as Q0, c as E0, Y as l0, i as h0 } from "./chunks/PrizeCard-9vHGuVOX.js";
+import { P as B0 } from "./chunks/Portal-4P2PknJu.js";
 import "react-dom";
-import { S as D0, a as m0, b as g0, C as $2, c as e0 } from "./chunks/ChanceGameEmbedVariant-BqSL2q5j.js";
-import { H as k0, a as W2, R as O2, A as v2, O as C0, S as a0 } from "./chunks/index-BuUWjKja.js";
-import { A as k2, O as R0 } from "./chunks/ArrowRightAlt-DDfv44Cb.js";
-import { A as y2, O as f0, S as K0, N as F0 } from "./chunks/NotFoundSkeleton-C2qREw63.js";
-import { b as L2, d as w2, a as S2, u as E2 } from "./chunks/useImageVariant-DS9F3PjS.js";
-import { T as V0 } from "./chunks/TimerOutlined-1cB7d7fO.js";
-import { C as x0 } from "./chunks/CollectLeadForm-DWGJcFYk.js";
-import { T as L0, a as Y0, b as i0, t as A0, c as t0 } from "./chunks/Tabs-CZ6IMQcC.js";
-import { C as H0 } from "./chunks/CheckCircle-DI3T1yc_.js";
-import { a as U0, S as J0, I as M0, W as W0 } from "./chunks/AlertMessage-BwK1nhhq.js";
-import { S as G0, O as q0, a as P0, b as Z0 } from "./chunks/OverlayLeadAfterCollection-CZ9P-B_i.js";
-import { S as O0, a as v0 } from "./chunks/SplitLeadAfterCollection-CkxYL7KZ.js";
+import { g as d0, e as V2, h as F2, s as u0, k as w0, a as n0, j as S0 } from "./chunks/helpers-DyGJ163I.js";
+import { S as y0 } from "./chunks/Spinner-Bx3PvLc8.js";
+import { S as D0, a as m0, b as g0, C as $2, c as e0 } from "./chunks/ChanceGameEmbedVariant-BcDObsQE.js";
+import { x as k0, v as W2 } from "./chunks/index-B2OgR4TV.js";
+import { A as k2, O as R0 } from "./chunks/ArrowRightAlt-C0AXuIst.js";
+import { A as y2, O as f0, S as K0, N as F0 } from "./chunks/NotFoundSkeleton-Coe8XWvc.js";
+import { b as L2, d as w2, a as S2, u as E2 } from "./chunks/useImageVariant-BnDg20-v.js";
+import { T as V0 } from "./chunks/TimerOutlined-y83V0xbY.js";
+import { C as x0 } from "./chunks/CollectLeadForm-2qL5vJFj.js";
+import { R as O2, A as v2, O as C0, S as a0 } from "./chunks/OverlayApiErrorSkeleton-HhJfCkat.js";
+import { T as L0, a as Y0, b as i0, t as A0, c as t0 } from "./chunks/Tabs-BA00KgP5.js";
+import { C as H0 } from "./chunks/CheckCircle-Dy3mN2eT.js";
+import { a as U0, I as J0, W as M0 } from "./chunks/AlertMessage-64RCwEsh.js";
+import { S as W0 } from "./chunks/Stack-DoM9YeDC.js";
+import { S as G0, O as q0, a as P0, b as Z0 } from "./chunks/OverlayLeadAfterCollection-93JuvCCE.js";
+import { S as O0, a as v0 } from "./chunks/SplitLeadAfterCollection-CEaElvyX.js";
 const p0 = (e) => ({
   // Image container (left position)
   imageContainerLeft: {
@@ -2460,9 +2462,9 @@ const p0 = (e) => ({
     case "success":
       return /* @__PURE__ */ i(H0, {});
     case "error":
-      return /* @__PURE__ */ i(W0, { sx: { color: t } });
+      return /* @__PURE__ */ i(M0, { sx: { color: t } });
     case "info":
-      return /* @__PURE__ */ i(M0, {});
+      return /* @__PURE__ */ i(J0, {});
   }
 }, ne = (e) => {
   switch (e) {
@@ -2496,7 +2498,7 @@ const p0 = (e) => ({
         "--Icon-fontSize": "1.25em"
       },
       children: /* @__PURE__ */ E(
-        J0,
+        W0,
         {
           sx: {
             fontSize: "1.5em"
@@ -4851,7 +4853,7 @@ const ze = (e) => {
     );
   }
   return c2();
-}, Xe = (e) => /* @__PURE__ */ i(B0, { packageName: "classic-quiz-play", ...e, children: /* @__PURE__ */ i(ze, { ...e }) }), Ii = Xe;
+}, Xe = (e) => /* @__PURE__ */ i(B0, { packageName: "classic-quiz-play", ...e, children: /* @__PURE__ */ i(ze, { ...e }) }), Ei = Xe;
 export {
-  Ii as ClassicQuizPlay
+  Ei as ClassicQuizPlay
 };

package/CollectLead.js

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as g, Fragment as r } from "react/jsx-runtime";
 import { createContext as ce } from "react";
-import { q as Y, f as Q, B as o, T as u, O as de, Y as J, g as K, h as X, J as Z, W as w, r as U, u as h, R as se } from "./chunks/PrizeCard-BA91wVwM.js";
-import { P as me } from "./chunks/Portal-kFrc-yUh.js";
+import { r as Y, m as Q, B as o, T as u, Z as de, a5 as Z, n as J, o as K, Y as X, W as w, t as U, k as h, a0 as me } from "./chunks/PrizeCard-9vHGuVOX.js";
+import { P as se } from "./chunks/Portal-4P2PknJu.js";
 import "react-dom";
-import { g as ge, a as xe, h as oe } from "./chunks/helpers-M2Nr9YsG.js";
-import { d as le, a as ae, u as ee } from "./chunks/useImageVariant-DS9F3PjS.js";
-import { C as fe } from "./chunks/CollectLeadForm-DWGJcFYk.js";
+import { g as ge, a as xe, h as oe } from "./chunks/helpers-DyGJ163I.js";
+import { d as le, a as ae, u as ee } from "./chunks/useImageVariant-BnDg20-v.js";
+import { C as fe } from "./chunks/CollectLeadForm-2qL5vJFj.js";
 const te = (e) => {
-  const i = Y().secondary, s = Q(), a = ge(e.primaryUrl, e.secondaryUrl, "logo");
+  const i = Y().secondary, m = Q(), a = ge(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const d = () => {
@@ -47,7 +47,7 @@ const te = (e) => {
       children: t
     }
   ) : t;
-  return s ? /* @__PURE__ */ g(
+  return m ? /* @__PURE__ */ g(
     o,
     {
       sx: {
@@ -118,7 +118,7 @@ const te = (e) => {
 }), ye = ({
   shadowRootElement: e,
   phoneCountryCode: i,
-  images: s,
+  images: m,
   content: a,
   campaign: d,
   branding: t,
@@ -138,7 +138,7 @@ const te = (e) => {
     value: {
       shadowRootElement: e,
       phoneCountryCode: i,
-      images: s,
+      images: m,
       content: a,
       campaign: d,
       branding: t,
@@ -157,7 +157,7 @@ const te = (e) => {
 ), ne = () => {
   const { t: e } = de(), {
     sdk: i,
-    content: s,
+    content: m,
     branding: a,
     campaign: d,
     labels: t,
@@ -166,7 +166,7 @@ const te = (e) => {
     consents: C,
     customFields: S,
     syncWithProfile: p = !1
-  } = J(_), T = {
+  } = Z(_), T = {
     title: t == null ? void 0 : t.formTitle,
     description: t == null ? void 0 : t.formDescription,
     fullNameLabel: t == null ? void 0 : t.formFullNameLabel,
@@ -192,7 +192,7 @@ const te = (e) => {
     fe,
     {
       sdk: i,
-      content: s,
+      content: m,
       onSuccessCta: f,
       branding: a,
       campaign: d,
@@ -390,8 +390,8 @@ const te = (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, m, W, A, G, E;
-  const e = J(_), i = K(), s = X(), a = Z(
+  var l, $, q, P, R, I, L, D, z, H, v, B, y, s, W, A, G, E;
+  const e = Z(_), i = J(), m = K(), a = X(
     w.OVERLAY
   ), d = Q(), t = he(
     ((l = e.branding) == null ? void 0 : l.images) || null
@@ -401,8 +401,8 @@ const te = (e) => {
       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 = (m = (y = (B = (v = i.colorSchemes) == null ? void 0 : v.light) == null ? void 0 : B.palette) == null ? void 0 : y.primary) == null ? void 0 : m.onPrimary, c = ue({
-    spacingScale: s,
+  ), 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,
@@ -437,7 +437,7 @@ const te = (e) => {
     ] })
   ] });
 }, re = ({ children: e }) => {
-  const i = U().md, s = h().surface, a = h().secondaryContainer, t = se().size + " solid " + a;
+  const i = U().md, m = h().surface, a = h().secondaryContainer, t = me().size + " solid " + a;
   return /* @__PURE__ */ n(
     o,
     {
@@ -449,7 +449,7 @@ const te = (e) => {
         overflow: "hidden",
         minHeight: "250px",
         borderRadius: i,
-        background: s,
+        background: m,
         border: t
       },
       children: e
@@ -766,13 +766,13 @@ const te = (e) => {
   }
 }), Se = (e) => {
   var P, R, I, L, D, z, H, v, B;
-  const i = J(_), s = K(), a = e.imagePosition || "left", d = ee(
+  const i = Z(_), m = J(), 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 ? ((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 = K(), x = X(
     w.STANDARD
   ), l = Ce({
     finalImage: d,
@@ -790,23 +790,23 @@ const te = (e) => {
     buttonRadius: V,
     opacity: p,
     imagePosition: a,
-    darkTextColor: s.colorSchemes.dark.textColor,
+    darkTextColor: m.colorSchemes.dark.textColor,
     imageBackgroundGradient: x
   }), $ = (y) => {
-    var m;
+    var s;
     return /* @__PURE__ */ n(
       te,
       {
         brandingLogo: f,
         textColor: y,
-        label: (m = i.labels) == null ? void 0 : m.presentedByLabel
+        label: (s = i.labels) == null ? void 0 : s.presentedByLabel
       }
     );
   };
   return /* @__PURE__ */ g(re, { children: [
     (() => {
-      var y, m, W, A, G, E, O, ie;
-      return t ? d ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineWithImage, children: (y = i.labels) != null && y.title || (m = i.labels) != null && m.description ? /* @__PURE__ */ n(o, { sx: l.mobileHeadlineContent, children: /* @__PURE__ */ g(o, { sx: l.contentContainer, 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: [
@@ -1161,13 +1161,13 @@ const te = (e) => {
   }
 }), Te = () => {
   var q, P, R, I, L, D, z, H, v, B;
-  const e = J(_), i = K(), s = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : s ? le : ae, d = ee(
+  const e = Z(_), i = J(), m = Q(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? le : ae, d = ee(
     {
       images: e.images || null,
       imagePlaceholder: a
     },
     w.SPLIT
-  ), t = s ? ((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 = 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 = K(), M = U(), V = X(
     w.SPLIT
   ), c = oe(T || ""), x = pe({
     finalImage: d,
@@ -1185,21 +1185,21 @@ const te = (e) => {
     darkTextColor: i.colorSchemes.dark.textColor,
     imageBackgroundGradient: V
   }), l = (y) => {
-    var m;
+    var s;
     return /* @__PURE__ */ n(
       te,
       {
         brandingLogo: t,
         textColor: y,
-        label: (m = e.labels) == null ? void 0 : m.presentedByLabel
+        label: (s = e.labels) == null ? void 0 : s.presentedByLabel
       }
     );
   };
   return /* @__PURE__ */ g(re, { children: [
     (() => {
-      var y, m, W, A;
+      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 || (m = e.labels) != null && m.description ? /* @__PURE__ */ n(o, { children: /* @__PURE__ */ g(o, { sx: x.contentContainer, 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, {})
         ] }) }) : /* @__PURE__ */ n(r, {}),
@@ -1224,7 +1224,7 @@ function ke(e) {
 const Fe = (e) => e.template === w.OVERLAY ? /* @__PURE__ */ n(be, {}) : ke(e) ? /* @__PURE__ */ n(Se, { imagePosition: e.imagePosition || "left" }) : /* @__PURE__ */ n(Te, {}), Pe = (e) => {
   var i;
   return /* @__PURE__ */ n(
-    me,
+    se,
     {
       packageName: "collect-lead",
       entityId: ((i = e.content) == null ? void 0 : i.id) || "",