fansunited-frontend-components 0.0.31-RC4 → 0.0.31-RC5

package/packages/classic-quiz-play/src/components/Variants/Split/SignIn/SplitSignIn.js

@@ -0,0 +1,118 @@
+import { j as t } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { Button as s, Typography as l, Box as k } from "@mui/joy";
+import { isMobile as w, useFontFamily as v, useColors as a, useCornerRadius as D } from "../../../../../../common/src/functions/theme.js";
+import "../../../../../../../node_modules/i18next/dist/esm/i18next.js";
+import "../../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
+import { WidgetTemplate as F } from "../../../../../../common/src/enums/enums.js";
+import "react";
+import "../../../../../../common/src/providers/ConstantsProvider.js";
+import R from "../../../../../../common/src/components/Skeletons/Split/SignIn/SplitSignInSkeleton.js";
+import { useImageVariant as _ } from "../../../../../../common/src/hooks/useImageVariant.js";
+import "../../../../../../common/src/providers/ContainerProvider.js";
+import M from "../../../Shared/MainCard.js";
+import U from "../../../../assets/default-quiz-bg.png.js";
+import E from "../../../../assets/default-quiz-bg-vertical.jpg.js";
+import V from "../../../Shared/PresentedBy.js";
+import { createStyles as W } from "./SplitSignIn.styles.js";
+import { useTranslation as q } from "../../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+const rn = (n) => {
+  var m, c, g, u, d;
+  const r = w(), h = n.defaultImagePlaceholderUrl ? n.defaultImagePlaceholderUrl : r ? E : U, A = _(
+    {
+      images: n.classicQuiz.images,
+      imagePlaceholder: h
+    },
+    F.SPLIT
+  ), { t: o } = q(), e = ((m = n.classicQuiz.branding) == null ? void 0 : m.colors) || null, j = r ? ((c = n.classicQuiz.branding) == null ? void 0 : c.images.mobileLogo) || ((g = n.classicQuiz.branding) == null ? void 0 : g.images.mainLogo) || "" : ((u = n.classicQuiz.branding) == null ? void 0 : u.images.mainLogo) || "", B = v().primary, L = a().textColor, z = D().xl, P = (e == null ? void 0 : e.primaryColor) || a().palette.primary.plainColor, Q = a().palette.primary.onPrimary, i = W({
+    fontFamilyPrimary: B,
+    buttonRadius: z,
+    primaryColor: P,
+    onPrimaryColor: Q
+  }), S = () => {
+    var I, f, x, C;
+    return n.signInCTA ? (I = n.signInCTA) != null && I.component ? n.signInCTA.component : (f = n.signInCTA) != null && f.onClick ? /* @__PURE__ */ t.jsx(
+      s,
+      {
+        variant: "soft",
+        sx: {
+          ...i.signInButton,
+          ...i.pulseAnimation
+        },
+        onClick: n.signInCTA.onClick,
+        children: /* @__PURE__ */ t.jsx(l, { sx: i.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : (x = n.signInCTA) != null && x.url ? typeof window > "u" ? /* @__PURE__ */ t.jsx(
+      k,
+      {
+        component: "a",
+        href: n.signInCTA.url,
+        target: ((C = n.signInCTA) == null ? void 0 : C.target) || "_self",
+        sx: {
+          ...i.signInButton,
+          ...i.pulseAnimation,
+          textDecoration: "none",
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ t.jsx(l, { sx: i.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      s,
+      {
+        variant: "soft",
+        sx: {
+          ...i.signInButton,
+          ...i.pulseAnimation
+        },
+        onClick: () => {
+          var T, y, b;
+          ((T = n.signInCTA) == null ? void 0 : T.target) === "_blank" ? window.open((y = n.signInCTA) == null ? void 0 : y.url, "_blank") : window.location.href = (b = n.signInCTA) == null ? void 0 : b.url;
+        },
+        children: /* @__PURE__ */ t.jsx(l, { sx: i.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      s,
+      {
+        variant: "soft",
+        sx: {
+          ...i.signInButton
+        },
+        disabled: !0,
+        children: /* @__PURE__ */ t.jsx(l, { sx: i.signInButtonText, children: n.signInCTA.defaultLabel || o("common.signIn") })
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      s,
+      {
+        variant: "soft",
+        sx: {
+          ...i.signInButton
+        },
+        disabled: !0,
+        children: /* @__PURE__ */ t.jsx(l, { sx: i.signInButtonText, children: o("common.signIn") })
+      }
+    );
+  };
+  return /* @__PURE__ */ t.jsx(M, { brandingBorderColor: (e == null ? void 0 : e.borderColor) || null, children: /* @__PURE__ */ t.jsx(
+    R,
+    {
+      entity: n.classicQuiz,
+      headline: o("classicQuiz.headline"),
+      finalImage: A,
+      signInContent: S(),
+      brandingContent: /* @__PURE__ */ t.jsx(
+        V,
+        {
+          brandingLogo: j,
+          textColor: (e == null ? void 0 : e.contentColor) || L,
+          label: ((d = n.classicQuiz.labels) == null ? void 0 : d.sponsor) || null,
+          isCentered: r
+        }
+      ),
+      rulesDisplay: n.rulesDisplay
+    }
+  ) });
+};
+export {
+  rn as default
+};

package/packages/classic-quiz-play/src/components/Variants/Split/SignIn/SplitSignIn.styles.js

@@ -0,0 +1,52 @@
+const o = (r) => ({
+  // Pulse animation for buttons
+  pulseAnimation: {
+    "@keyframes pulse": {
+      "0%": { transform: "scale(1)" },
+      "50%": { transform: "scale(1.05)" },
+      "100%": { transform: "scale(1)" }
+    }
+  },
+  // Sign in button
+  signInButton: {
+    borderRadius: r.buttonRadius,
+    py: "10px",
+    px: "16px",
+    bgcolor: r.primaryColor,
+    color: r.onPrimaryColor,
+    transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
+    transform: "scale(1)",
+    alignSelf: "center",
+    "&:hover": {
+      bgcolor: r.primaryColor,
+      transform: "scale(1.02)"
+    },
+    "&:active": {
+      color: r.onPrimaryColor,
+      transform: "scale(0.98)"
+    },
+    "&:disabled": {
+      bgcolor: r.primaryColor,
+      color: r.onPrimaryColor,
+      opacity: "12%"
+    },
+    animation: "pulse 1s infinite",
+    fontSize: "0.9375em"
+  },
+  // Sign in button text
+  signInButtonText: {
+    fontFamily: r.fontFamilyPrimary,
+    fontWeight: 500,
+    fontSize: "0.9375em",
+    lineHeight: "24px",
+    letterSpacing: "0.46px",
+    textTransform: "uppercase",
+    color: r.onPrimaryColor,
+    gap: "8px",
+    display: "flex",
+    alignItems: "center"
+  }
+});
+export {
+  o as createStyles
+};

package/packages/classic-quiz-play/src/components/Variants/Split/SplitVariant.js

@@ -0,0 +1,183 @@
+import { j as t } from "../../../../../../node_modules/react/jsx-runtime.js";
+import me from "react";
+import { Box as n, AspectRatio as V, Typography as u, Button as de } from "@mui/joy";
+import { useInternalTheme as xe, isMobile as ge, isLarge as he, useColors as a, useFontFamily as fe, useCornerRadius as M, useSpacingScale as ye } from "../../../../../common/src/functions/theme.js";
+import { hexToRgb as be } from "../../../../../common/src/functions/helpers.js";
+import "../../../../../../node_modules/i18next/dist/esm/i18next.js";
+import "../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
+import { WidgetTemplate as Ce } from "../../../../../common/src/enums/enums.js";
+import { useConstantContext as Qe } from "../../../../../common/src/hooks/useConstantContext.js";
+import { ConstantsContext as ze } from "../../../../../common/src/providers/ConstantsProvider.js";
+import je from "../../../../../common/src/components/Skeletons/Split/SplitSkeleton.js";
+import { useImageUrl as Se } from "../../../../../common/src/hooks/useImageUrl.js";
+import { useImageVariant as qe } from "../../../../../common/src/hooks/useImageVariant.js";
+import "../../../../../common/src/providers/ContainerProvider.js";
+import we from "../../Shared/Answers/Answers.js";
+import Te from "../../Shared/Button.js";
+import _ from "../../../../../../node_modules/@mui/icons-material/esm/ArrowRightAlt.js";
+import Ie from "../../Shared/Stopwatch.js";
+import Le from "../../Shared/MainCard.js";
+import Be from "../../../assets/default-quiz-bg.png.js";
+import Pe from "../../../assets/default-quiz-bg-vertical.jpg.js";
+import Ae from "../../Shared/PresentedBy.js";
+import Re from "../../Leads/CollectLeadWrapper.js";
+import { quizTypes as Ue } from "../../../constants/constants.js";
+import { useEmbedCode as ke } from "../../../hooks/useEmbedCodeContainer.js";
+import { createStyles as De } from "./SplitVariant.styles.js";
+import { useTranslation as Fe } from "../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+const ut = (e) => {
+  var h, f, y, b, C, Q, z, j, S, q, w, T, I, L, B, P, A, R, U, k, D, F;
+  const [G, $] = me.useState(
+    ((h = e.leads) == null ? void 0 : h.position) === "before" && e.classicQuiz.authRequirement === "LEAD"
+  ), { optionsLayout: H } = Qe(ze), J = xe(), m = ge(), d = he(), K = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : m ? Pe : Be, X = qe(
+    {
+      images: e.classicQuiz.images,
+      imagePlaceholder: K
+    },
+    Ce.SPLIT
+  ), l = Se(e.question.images), { t: o } = Fe(), i = ((f = e.classicQuiz.branding) == null ? void 0 : f.colors) || null, c = m ? ((y = e.classicQuiz.branding) == null ? void 0 : y.images.mobileLogo) || ((b = e.classicQuiz.branding) == null ? void 0 : b.images.mainLogo) || "" : ((C = e.classicQuiz.branding) == null ? void 0 : C.images.mainLogo) || "", Y = ke(
+    e.question.embedCode,
+    e.applyFilterScreen
+  ), Z = e.currentQuestion === e.classicQuiz.questionsCount && ((Q = e.leads) == null ? void 0 : Q.position) === "after" ? o("classicQuiz.buttons.continue") : e.currentQuestion === e.classicQuiz.questionsCount ? o("classicQuiz.buttons.finish") : o("classicQuiz.buttons.next"), p = (i == null ? void 0 : i.contentColor) || a().textColor, ee = "60%", te = fe().primary, ie = M().xl, se = (i == null ? void 0 : i.backgroundColor) || a().surfaceVariant, x = (i == null ? void 0 : i.primaryColor) || ((j = (z = a().palette) == null ? void 0 : z.primary) == null ? void 0 : j.plainColor), ne = (q = (S = a().palette) == null ? void 0 : S.primary) == null ? void 0 : q.onPrimary, oe = a().textColor, r = ye(), ae = M(), le = be(se || ""), s = De({
+    spacingScale: r,
+    borderRadius: ae,
+    fontFamilyPrimary: te,
+    secondaryColor: p,
+    opacity: ee,
+    buttonRadius: ie,
+    bgcolor: le,
+    primaryColor: x,
+    onPrimaryColor: ne,
+    textColor: oe
+  }), ce = () => {
+    $(!1);
+  }, g = (ue) => {
+    var W, N, O, v, E;
+    return /* @__PURE__ */ t.jsx(
+      Ae,
+      {
+        brandingLogo: c,
+        textColor: ue,
+        label: ((W = e.classicQuiz.labels) == null ? void 0 : W.sponsor) || null,
+        primaryUrl: (O = (N = e.classicQuiz.branding) == null ? void 0 : N.urls) == null ? void 0 : O.primaryUrl,
+        secondaryUrl: (E = (v = e.classicQuiz.branding) == null ? void 0 : v.urls) == null ? void 0 : E.secondaryUrl,
+        isCentered: !1
+      }
+    );
+  }, re = () => /* @__PURE__ */ t.jsx(n, { sx: s.filterScreenCtaWrapper, children: /* @__PURE__ */ t.jsx(
+    de,
+    {
+      variant: "soft",
+      sx: {
+        ...s.startButton,
+        ...s.pulseAnimation
+      },
+      endDecorator: /* @__PURE__ */ t.jsx(_, {}),
+      onClick: e.startPlaying,
+      children: /* @__PURE__ */ t.jsx(u, { sx: s.startButtonText, children: o("classicQuiz.buttons.start") })
+    }
+  ) });
+  return /* @__PURE__ */ t.jsxs(Le, { brandingBorderColor: (i == null ? void 0 : i.borderColor) || null, children: [
+    /* @__PURE__ */ t.jsx(
+      je,
+      {
+        entity: e.classicQuiz,
+        headline: o("classicQuiz.headline"),
+        finalImage: X,
+        brandingLogo: c,
+        renderPresentedBy: g,
+        rulesDisplay: e.rulesDisplay,
+        children: /* @__PURE__ */ t.jsx(n, { sx: s.questionArea, children: /* @__PURE__ */ t.jsx(n, { sx: s.questionAreaContent, children: e.applyFilterScreen ? re() : G ? /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(n, { sx: s.leadContentContainer, children: /* @__PURE__ */ t.jsx(
+          Re,
+          {
+            sdk: e.sdk,
+            startGame: ce,
+            contentId: e.classicQuiz.id,
+            contentName: e.classicQuiz.title,
+            brandingColors: (w = e.classicQuiz.branding) == null ? void 0 : w.colors,
+            brandingUrls: (T = e.classicQuiz.branding) == null ? void 0 : T.urls,
+            campaignId: (I = e.leads) == null ? void 0 : I.campaignId,
+            campaignName: (L = e.leads) == null ? void 0 : L.campaignName,
+            fields: (B = e.leads) == null ? void 0 : B.fields,
+            leadTitle: (P = e.classicQuiz.labels) == null ? void 0 : P.leadTitle,
+            leadDescription: (A = e.classicQuiz.labels) == null ? void 0 : A.leadDescription,
+            leadCta: (R = e.classicQuiz.labels) == null ? void 0 : R.leadCta,
+            leadSuccessTitle: (U = e.classicQuiz.labels) == null ? void 0 : U.leadSuccessTitle,
+            leadSuccessDescription: (k = e.classicQuiz.labels) == null ? void 0 : k.leadSuccessDescription,
+            syncWithProfile: (D = e.leads) == null ? void 0 : D.syncWithProfile
+          }
+        ) }) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          Ue.includes(
+            (F = e.classicQuiz.type) == null ? void 0 : F.toLocaleLowerCase()
+          ) && /* @__PURE__ */ t.jsx(n, { sx: s.stopwatchContainer, children: /* @__PURE__ */ t.jsx(
+            Ie,
+            {
+              brandingPrimaryColor: (i == null ? void 0 : i.primaryColor) || null,
+              isRunning: e.isStopwatchRunning,
+              timer: e.stopwatchTime,
+              quizType: e.classicQuiz.type,
+              initialTime: e.classicQuiz.time || 10,
+              onTimeUpdate: e.onTimeUpdate
+            }
+          ) }),
+          /* @__PURE__ */ t.jsxs(n, { sx: s.mainContentContainer, children: [
+            e.question.embedCode && /* @__PURE__ */ t.jsx(V, { ratio: "16/9", sx: s.aspectRatioContainer, children: /* @__PURE__ */ t.jsx(n, { ref: Y }) }),
+            !e.question.embedCode && l && /* @__PURE__ */ t.jsx(
+              V,
+              {
+                ratio: "16/9",
+                sx: s.questionImageContainer,
+                children: /* @__PURE__ */ t.jsx(n, { sx: s.questionImageBox, children: /* @__PURE__ */ t.jsx(
+                  "img",
+                  {
+                    src: l,
+                    alt: "Question illustration",
+                    style: s.questionImage
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ t.jsxs(n, { sx: s.questionSection, children: [
+              /* @__PURE__ */ t.jsxs(u, { level: "body-lg", sx: s.questionStepsText, children: [
+                e.currentQuestion,
+                "/",
+                e.classicQuiz.questionsCount
+              ] }),
+              /* @__PURE__ */ t.jsx(u, { level: "body-lg", sx: s.questionText, children: e.question.question })
+            ] }),
+            /* @__PURE__ */ t.jsx(
+              we,
+              {
+                options: e.question.options || [],
+                answerQuestion: e.answerQuestion,
+                selectedOption: e.selectedOption,
+                showAnswer: e.showAnswer,
+                optionsLayout: d ? "column" : H ?? "twoByTwo",
+                questionImage: l,
+                brandingColors: i
+              }
+            ),
+            /* @__PURE__ */ t.jsx(n, { sx: s.buttonFooterContainer, children: /* @__PURE__ */ t.jsx(
+              Te,
+              {
+                showAnswer: e.showAnswer,
+                selectedOption: e.selectedOption,
+                endDecorator: /* @__PURE__ */ t.jsx(_, {}),
+                label: Z,
+                buttonColor: x,
+                isSubmitting: e.isSubmitting,
+                onClick: e.handleNext
+              }
+            ) })
+          ] })
+        ] }) }) })
+      }
+    ),
+    c && d && /* @__PURE__ */ t.jsx(n, { sx: { mb: r.lg, px: r.lg }, children: g(
+      (i == null ? void 0 : i.contentColor) || J.colorSchemes.dark.textColor
+    ) })
+  ] });
+};
+export {
+  ut as default
+};

package/packages/classic-quiz-play/src/components/Variants/Split/SplitVariant.styles.js

@@ -0,0 +1,145 @@
+const t = (e) => ({
+  // Pulse animation for buttons
+  pulseAnimation: {
+    "@keyframes pulse": {
+      "0%": { transform: "scale(1)" },
+      "50%": { transform: "scale(1.05)" },
+      "100%": { transform: "scale(1)" }
+    }
+  },
+  // Filter screen CTA wrapper
+  filterScreenCtaWrapper: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: e.spacingScale["2xl"]
+  },
+  // Start button (filter screen)
+  startButton: {
+    borderRadius: e.buttonRadius,
+    bgcolor: e.primaryColor,
+    color: e.onPrimaryColor,
+    "&:hover": {
+      bgcolor: e.primaryColor
+    },
+    "&:active": {
+      color: e.onPrimaryColor
+    },
+    animation: "pulse 1s infinite",
+    fontSize: "0.9375em",
+    py: "10px",
+    pr: "12px",
+    pl: "16px",
+    "--Icon-color": e.onPrimaryColor
+  },
+  // Start button text
+  startButtonText: {
+    fontFamily: e.fontFamilyPrimary,
+    fontWeight: 500,
+    fontSize: "0.9375em",
+    lineHeight: "24px",
+    letterSpacing: "0.46px",
+    textTransform: "uppercase",
+    color: e.onPrimaryColor,
+    gap: "8px",
+    display: "flex",
+    alignItems: "center"
+  },
+  // Question area
+  questionArea: {
+    width: "100%",
+    justifyContent: "center",
+    display: "flex",
+    flexDirection: "column"
+  },
+  // Question area content wrapper
+  questionAreaContent: {
+    p: e.spacingScale.lg,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    gap: "16px"
+  },
+  // Stopwatch container
+  stopwatchContainer: {
+    display: "flex",
+    justifyContent: "center"
+  },
+  // Lead content container (filter screen)
+  leadContentContainer: {
+    p: e.spacingScale.md,
+    gap: e.spacingScale.md,
+    display: "flex",
+    flexDirection: "column",
+    backdropFilter: "blur(4px)",
+    bgcolor: `rgba(${e.bgcolor ? e.bgcolor.replace(/[^\d,]/g, "") : ""}, 0.5)`,
+    borderRadius: e.borderRadius.sm
+  },
+  // Main content container
+  mainContentContainer: {
+    p: e.spacingScale.md,
+    gap: e.spacingScale.md,
+    display: "flex",
+    flexDirection: "column",
+    backdropFilter: "blur(4px)",
+    bgcolor: `rgba(${e.bgcolor ? e.bgcolor.replace(/[^\d,]/g, "") : ""}, 0.5)`,
+    borderRadius: e.borderRadius.sm
+  },
+  // Aspect ratio container for embed/image
+  aspectRatioContainer: {
+    borderRadius: e.borderRadius.sm
+  },
+  // Question image container
+  questionImageContainer: {
+    overflow: "hidden",
+    borderRadius: e.borderRadius.sm
+  },
+  // Question image box
+  questionImageBox: {
+    borderRadius: e.borderRadius.sm,
+    overflow: "hidden",
+    height: "auto"
+  },
+  // Question image
+  questionImage: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  },
+  // Question section
+  questionSection: {
+    display: "block",
+    gap: "8px"
+  },
+  // Question steps typography
+  questionStepsText: {
+    fontFamily: e.fontFamilyPrimary,
+    lineHeight: "150%",
+    letterSpacing: "0.15px",
+    fontWeight: 500,
+    fontSize: "1.25em",
+    textAlign: "center",
+    color: e.secondaryColor,
+    opacity: e.opacity
+  },
+  // Question text
+  questionText: {
+    fontFamily: e.fontFamilyPrimary,
+    lineHeight: "150%",
+    letterSpacing: "0.15px",
+    fontWeight: 500,
+    fontSize: "1.25em",
+    textAlign: "center",
+    color: e.textColor
+  },
+  // Button and footer container
+  buttonFooterContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: e.spacingScale.lg
+  }
+});
+export {
+  t as createStyles
+};

package/packages/classic-quiz-play/src/components/Variants/Standard/Error/StandardError.js

@@ -0,0 +1,43 @@
+import { j as o } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { isMobile as g } from "../../../../../../common/src/functions/theme.js";
+import "../../../../../../../node_modules/i18next/dist/esm/i18next.js";
+import "../../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
+import "@mui/joy";
+import "react";
+import "../../../../../../common/src/providers/ConstantsProvider.js";
+import d from "../../../../../../common/src/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.js";
+import "../../../../../../common/src/providers/ContainerProvider.js";
+import u from "../../../Shared/MainCard.js";
+import b from "../../../Shared/PresentedBy.js";
+import { useTranslation as f } from "../../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+const S = (i) => {
+  var e, t, l, n;
+  const r = ((e = i.classicQuiz.branding) == null ? void 0 : e.colors) || null, m = g() ? ((t = i.classicQuiz.branding) == null ? void 0 : t.images.mobileLogo) || ((l = i.classicQuiz.branding) == null ? void 0 : l.images.mainLogo) || "" : ((n = i.classicQuiz.branding) == null ? void 0 : n.images.mainLogo) || "", { t: a } = f();
+  return /* @__PURE__ */ o.jsx(u, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ o.jsx(
+    d,
+    {
+      entity: i.classicQuiz,
+      headline: a("classicQuiz.headline"),
+      tryAgainButtonText: a("classicQuiz.buttons.tryAgain"),
+      defaultImagePlaceholderUrl: i.defaultImagePlaceholderUrl,
+      imagePosition: i.imagePosition || "left",
+      isApiError: i.isApiError,
+      toggleTryAgain: i.toggleTryAgain,
+      renderPresentedBy: (c) => {
+        var s;
+        return /* @__PURE__ */ o.jsx(
+          b,
+          {
+            brandingLogo: m,
+            textColor: c,
+            label: ((s = i.classicQuiz.labels) == null ? void 0 : s.sponsor) || null
+          }
+        );
+      },
+      rulesDisplay: i.rulesDisplay
+    }
+  ) });
+};
+export {
+  S as default
+};

package/packages/classic-quiz-play/src/components/Variants/Standard/LeadCollection/StandardLeadAfterCollection.js

@@ -0,0 +1,35 @@
+import { j as i } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import "react";
+import "../../../../../../common/src/providers/ContainerProvider.js";
+import "../../../../../../../node_modules/i18next/dist/esm/i18next.js";
+import "../../../../../../../node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js";
+import "@mui/joy";
+import "../../../../../../common/src/providers/ConstantsProvider.js";
+import a from "../../../../../../common/src/components/LeadCollection/StandardLeadAfterCollection.js";
+import r from "../../../Shared/MainCard.js";
+import o from "../../../Shared/PresentedBy.js";
+import m from "../../../Leads/CollectLeadWrapper.js";
+import { useTranslation as l } from "../../../../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+const p = (t) => {
+  const { t: e } = l();
+  return /* @__PURE__ */ i.jsx(
+    a,
+    {
+      entity: t.classicQuiz,
+      headline: e("classicQuiz.headline"),
+      sdk: t.sdk,
+      leads: t.leads,
+      defaultImagePlaceholderUrl: t.defaultImagePlaceholderUrl,
+      imagePosition: t.imagePosition,
+      onLeadSubmitted: t.onLeadSubmitted,
+      isSubmitting: t.isSubmitting,
+      MainCard: r,
+      PresentedBy: o,
+      CollectLeadWrapper: m,
+      rulesDisplay: t.rulesDisplay
+    }
+  );
+};
+export {
+  p as default
+};