@platform-x/hcltechx-mfe-wrapper 2.0.45 → 2.0.46

package/{index-D1ATkp-E.mjs → index-8HpItIRw.mjs}

@@ -22320,7 +22320,7 @@ function getSecureLocalStorageData(o) {
 }
 const getThreeDaysAgo = () => {
   const o = /* @__PURE__ */ new Date(), n = new Date(o);
-  n.setUTCDate(o.getUTCDate() - 2), n.setUTCHours(0, 0, 0, 0);
+  n.setUTCDate(o.getUTCDate() - 3), n.setUTCHours(0, 0, 0, 0);
   const i = n.getUTCFullYear(), a = String(n.getUTCMonth() + 1).padStart(2, "0"), A = String(n.getUTCDate()).padStart(2, "0");
   return `${i}-${a}-${A}T00:00:00Z`;
 };
@@ -26672,7 +26672,7 @@ function makeStyles(o, n = {}) {
 `)), w;
   };
 }
-const useCustomStyle$13 = makeStyles(() => ({
+const useCustomStyle$15 = makeStyles(() => ({
   ImageRenderPrelemWrapper: {
     "&.imageRenderAnimation": {
       width: "100%",
@@ -26684,7 +26684,7 @@ const useCustomStyle$13 = makeStyles(() => ({
     }
   }
 })), ImageRender = (o = {}) => {
-  const [n, i] = useState(!1), a = useCustomStyle$13(), {
+  const [n, i] = useState(!1), a = useCustomStyle$15(), {
     originalImage: A = {},
     publishedImages: l = [],
     imgOrder: g = {
@@ -26806,7 +26806,7 @@ const useCustomStyle$13 = makeStyles(() => ({
       ] })
     }
   ) }) });
-}, ImageRender$1 = React__default.memo(ImageRender), useCustomStyle$12 = makeStyles(() => {
+}, ImageRender$1 = React__default.memo(ImageRender), useCustomStyle$14 = makeStyles(() => {
   const o = useTheme();
   return {
     articleDetailPageWrapper: {
@@ -26865,7 +26865,7 @@ const useCustomStyle$13 = makeStyles(() => ({
       }
     }
   };
-}), Share$3 = lazy$2(() => import("./Share-hBPzRrcU.mjs")), RecentCarousel$1 = lazy$2(() => import("./RecentCarousel-tpaMLdQW.mjs")), Article = ({
+}), Share$3 = lazy$2(() => import("./Share-B8wQKnI3.mjs")), RecentCarousel$1 = lazy$2(() => import("./RecentCarousel-Dk_l1ZBL.mjs")), Article = ({
   content: o = {},
   analytics: n,
   authoringHelper: i,
@@ -26875,7 +26875,7 @@ const useCustomStyle$13 = makeStyles(() => ({
   relativePath: g
 }) => {
   var _A, aa, _i, _u, _c, _d, _l, t0;
-  const { bucketName: s = "", gcpUrl: u = "" } = a, p = useCustomStyle$12(), h = useTheme(), { ref: f } = useInView({
+  const { bucketName: s = "", gcpUrl: u = "" } = a, p = useCustomStyle$14(), h = useTheme(), { ref: f } = useInView({
     /* Optional options */
     threshold: 0
   }), E = useRef(!0), d = () => {
@@ -27617,7 +27617,7 @@ function FAQs({ faq: o }) {
   )) });
 }
 const ImageRenderWithoutCrop = (o = {}) => {
-  const [n, i] = useState(!1), a = useCustomStyle$13(), {
+  const [n, i] = useState(!1), a = useCustomStyle$15(), {
     originalImage: A = {},
     height: l = "100%",
     width: g = "100%",
@@ -28047,7 +28047,7 @@ const usePlatformAnalytics = () => {
       l(IMPRESSIONS$1.PRELEM_IMPRESSION, s), g(IMPRESSIONS$1.TRACKID, u), A(!1);
     }
   }, [n, o == null ? void 0 : o.isAnalyticsEnabled]);
-}, useCustomStyle$11 = makeStyles(() => {
+}, useCustomStyle$13 = makeStyles(() => {
   var n, i;
   const o = useTheme();
   return {
@@ -28439,7 +28439,7 @@ const usePlatformAnalytics = () => {
       }
     }
   };
-}), useCustomStyle$10 = makeStyles(() => {
+}), useCustomStyle$12 = makeStyles(() => {
   const o = useTheme();
   return {
     containerWp: {
@@ -28499,7 +28499,7 @@ const usePlatformAnalytics = () => {
     }
   };
 }), ChallengeInfo = ({ isChallengeActive: o, handleSyncGuide: n }) => {
-  const i = useCustomStyle$10();
+  const i = useCustomStyle$12();
   return /* @__PURE__ */ jsxs(Box, { className: i.containerWp, children: [
     /* @__PURE__ */ jsxs(Box, { className: "LeftWp", children: [
       /* @__PURE__ */ jsx(Box, { className: "iconWp", children: /* @__PURE__ */ jsx(Cached$1, {}) }),
@@ -28535,7 +28535,7 @@ const usePlatformAnalytics = () => {
     deviceInfo: w,
     userAchievedDistance: T,
     totalParticipateCount: _e
-  } = A, [Y, _r] = useState("Leaderboard"), [ga, ya] = useState(!1), [_A, aa] = useState(!1), [_i, _u] = useState(""), [_c, _d] = useState(0), [_l, t0] = useState(!1), [n0, u0] = useState(1), c0 = useTheme(), h0 = useMediaQuery(c0.breakpoints.down("md")), I0 = useCustomStyle$11();
+  } = A, [Y, _r] = useState("Leaderboard"), [ga, ya] = useState(!1), [_A, aa] = useState(!1), [_i, _u] = useState(""), [_c, _d] = useState(0), [_l, t0] = useState(!1), [n0, u0] = useState(1), c0 = useTheme(), h0 = useMediaQuery(c0.breakpoints.down("md")), I0 = useCustomStyle$13();
   ((J0 = o == null ? void 0 : o.target_type) == null ? void 0 : J0.length) > 0 && ((W0 = parseStringDetails(o == null ? void 0 : o.target_type)[0]) == null || W0.label);
   const { ref: v0, inView: C0 } = useInView({
     /* Optional options */
@@ -212141,7 +212141,7 @@ class Brightcove {
     this.playerObj && ((i = (n = this.playerObj) == null ? void 0 : n.dispose) == null || i.call(n));
   }
 }
-const useCustomStyle$$ = makeStyles(() => {
+const useCustomStyle$11 = makeStyles(() => {
   const o = useTheme();
   return {
     brightcovePlayerWrapper: {
@@ -212169,7 +212169,7 @@ const useCustomStyle$$ = makeStyles(() => {
   analyticsEnable: l,
   setPlayVideo: g
 }) => {
-  const s = useMemo(() => new Brightcove(), []), u = useCustomStyle$$(), h = "elm-" + generateRandomNumber().toString(36), [, f] = usePlatformAnalytics(), E = {
+  const s = useMemo(() => new Brightcove(), []), u = useCustomStyle$11(), h = "elm-" + generateRandomNumber().toString(36), [, f] = usePlatformAnalytics(), E = {
     "VOD Title": "VOD Title",
     "Video Length": 0
   }, d = `
@@ -212263,7 +212263,7 @@ BrightcovePlayer$1.defaultProps = {
 const BrightcovePlayer$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: BrightcovePlayer$1
-}, Symbol.toStringTag, { value: "Module" })), useCustomStyle$_ = makeStyles((o) => {
+}, Symbol.toStringTag, { value: "Module" })), useCustomStyle$10 = makeStyles((o) => {
   var n, i;
   return {
     XCard7Wrapper: {
@@ -212408,7 +212408,7 @@ const BrightcovePlayer$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   };
 }), XCard7 = ({ content: o, onCardClick: n, secondaryArgs: i = {} }) => {
   var p, h, f, E, d, C, w;
-  const a = useCustomStyle$_(), A = (/* @__PURE__ */ new Date()).toISOString(), l = ((p = o == null ? void 0 : o.tags) == null ? void 0 : p.length) > 0 && o != null && o.tags.includes("Popular") ? "Popular" : "", g = ((f = (h = o == null ? void 0 : o.event_type) == null ? void 0 : h[0]) == null ? void 0 : f.label) === "Virtual Event" ? "Virtual" : "Offline", s = (d = (E = o == null ? void 0 : o.event_subtype) == null ? void 0 : E[0]) == null ? void 0 : d.label, u = `${Number(o == null ? void 0 : o.participants) > 999 ? `${(Number(o == null ? void 0 : o.participants) / 1e3).toFixed(0)}${Number(o == null ? void 0 : o.participants) % 1e3 === 0 ? "K" : "K+"}` : Number(o == null ? void 0 : o.participants)}`;
+  const a = useCustomStyle$10(), A = (/* @__PURE__ */ new Date()).toISOString(), l = ((p = o == null ? void 0 : o.tags) == null ? void 0 : p.length) > 0 && o != null && o.tags.includes("Popular") ? "Popular" : "", g = ((f = (h = o == null ? void 0 : o.event_type) == null ? void 0 : h[0]) == null ? void 0 : f.label) === "Virtual Event" ? "Virtual" : "Offline", s = (d = (E = o == null ? void 0 : o.event_subtype) == null ? void 0 : E[0]) == null ? void 0 : d.label, u = `${Number(o == null ? void 0 : o.participants) > 999 ? `${(Number(o == null ? void 0 : o.participants) / 1e3).toFixed(0)}${Number(o == null ? void 0 : o.participants) % 1e3 === 0 ? "K" : "K+"}` : Number(o == null ? void 0 : o.participants)}`;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -212753,7 +212753,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.youtube,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerYouTube' */
-      "./YouTube-DXWmLx9D.mjs"
+      "./YouTube-BlQMxUTQ.mjs"
     ).then((o) => o.Y))
   },
   {
@@ -212762,7 +212762,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.soundcloud,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerSoundCloud' */
-      "./SoundCloud-CqhgvSWz.mjs"
+      "./SoundCloud-B0ANpIrS.mjs"
     ).then((o) => o.S))
   },
   {
@@ -212771,7 +212771,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.vimeo,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerVimeo' */
-      "./Vimeo-kyKrg3EN.mjs"
+      "./Vimeo-Wyktj5ez.mjs"
     ).then((o) => o.V))
   },
   {
@@ -212780,7 +212780,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.mux,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerMux' */
-      "./Mux-Bp-Juh0B.mjs"
+      "./Mux-BEC3XCxD.mjs"
     ).then((o) => o.M))
   },
   {
@@ -212789,7 +212789,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.facebook,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerFacebook' */
-      "./Facebook-BJXzEbY5.mjs"
+      "./Facebook-CPk2h2rP.mjs"
     ).then((o) => o.F))
   },
   {
@@ -212798,7 +212798,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.streamable,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerStreamable' */
-      "./Streamable-Lhkfbwfi.mjs"
+      "./Streamable-CrKX1vP_.mjs"
     ).then((o) => o.S))
   },
   {
@@ -212807,7 +212807,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.wistia,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerWistia' */
-      "./Wistia-BGf3xSFD.mjs"
+      "./Wistia-B9hGPB7U.mjs"
     ).then((o) => o.W))
   },
   {
@@ -212816,7 +212816,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.twitch,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerTwitch' */
-      "./Twitch-GdYqvU_o.mjs"
+      "./Twitch-6GuT__Mp.mjs"
     ).then((o) => o.T))
   },
   {
@@ -212825,7 +212825,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.dailymotion,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerDailyMotion' */
-      "./DailyMotion-CgxYWB3g.mjs"
+      "./DailyMotion-RWjKjDHD.mjs"
     ).then((o) => o.D))
   },
   {
@@ -212834,7 +212834,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.mixcloud,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerMixcloud' */
-      "./Mixcloud-B4DG8KOl.mjs"
+      "./Mixcloud-BHnMcAod.mjs"
     ).then((o) => o.M))
   },
   {
@@ -212843,7 +212843,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.vidyard,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerVidyard' */
-      "./Vidyard-CBIBiM6P.mjs"
+      "./Vidyard-Bk3xdNGL.mjs"
     ).then((o) => o.V))
   },
   {
@@ -212852,7 +212852,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canPlay: import_patterns.canPlay.kaltura,
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerKaltura' */
-      "./Kaltura-DfCnhxul.mjs"
+      "./Kaltura-CScHcaqP.mjs"
     ).then((o) => o.K))
   },
   {
@@ -212862,7 +212862,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canEnablePIP: (o) => import_patterns.canPlay.file(o) && (document.pictureInPictureEnabled || (0, import_utils$2.supportsWebKitPresentationMode)()) && !import_patterns.AUDIO_EXTENSIONS.test(o),
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerFilePlayer' */
-      "./FilePlayer-MtGoTGx2.mjs"
+      "./FilePlayer-BBLDd1Pr.mjs"
     ).then((o) => o.F))
   }
 ], safeIsNaN = Number.isNaN || function o(n) {
@@ -213358,7 +213358,7 @@ __export$1(ReactPlayer_exports, {
 var ReactPlayer$1 = __toCommonJS$1(ReactPlayer_exports), import_react = __toESM$1(React__default), import_deepmerge = __toESM$1(cjs), import_memoize_one = __toESM$1(require$$2), import_react_fast_compare = __toESM$1(reactFastCompare), import_props = props, import_utils = utils$2, import_Player = __toESM$1(Player_1);
 const Preview = (0, import_utils.lazy)(() => import(
   /* webpackChunkName: 'reactPlayerPreview' */
-  "./Preview-Bw23KBkp.mjs"
+  "./Preview-B__S16QX.mjs"
 ).then((o) => o.P)), IS_BROWSER = typeof window < "u" && window.document && typeof document < "u", IS_GLOBAL = typeof commonjsGlobal$2 < "u" && commonjsGlobal$2.window && commonjsGlobal$2.window.document, SUPPORTED_PROPS = Object.keys(import_props.propTypes), UniversalSuspense = IS_BROWSER || IS_GLOBAL ? import_react.Suspense : () => null, customPlayers = [], createReactPlayer = (o, n) => {
   var i;
   return i = class extends import_react.Component {
@@ -213481,7 +213481,7 @@ __export(src_exports, {
 var lazy = __toCommonJS(src_exports), import_players = __toESM(players), import_ReactPlayer = ReactPlayer$1;
 const fallback = import_players.default[import_players.default.length - 1];
 var src_default = (0, import_ReactPlayer.createReactPlayer)(import_players.default, fallback);
-const ReactPlayer = /* @__PURE__ */ getDefaultExportFromCjs(lazy), PlayIcon = "data:image/svg+xml,%3csvg%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='image'%20clip-path='url(%23clip0_18500_39551)'%3e%3cpath%20id='Vector'%20d='M22%2044C34.1503%2044%2044%2034.1503%2044%2022C44%209.84974%2034.1503%200%2022%200C9.84974%200%200%209.84974%200%2022C0%2034.1503%209.84974%2044%2022%2044Z'%20fill='black'%20fill-opacity='0.9'/%3e%3cpath%20id='Vector_2'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2016.1446C16%2014.5155%2017.7788%2013.5106%2019.1741%2014.3515L28.9692%2020.2548C30.3196%2021.0687%2030.3196%2023.027%2028.9692%2023.8409L19.1741%2029.7441C17.7788%2030.585%2016%2029.5802%2016%2027.9511V16.1446Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_18500_39551'%3e%3crect%20width='44'%20height='44'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", useCustomStyle$Z = makeStyles(() => {
+const ReactPlayer = /* @__PURE__ */ getDefaultExportFromCjs(lazy), PlayIcon = "data:image/svg+xml,%3csvg%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='image'%20clip-path='url(%23clip0_18500_39551)'%3e%3cpath%20id='Vector'%20d='M22%2044C34.1503%2044%2044%2034.1503%2044%2022C44%209.84974%2034.1503%200%2022%200C9.84974%200%200%209.84974%200%2022C0%2034.1503%209.84974%2044%2022%2044Z'%20fill='black'%20fill-opacity='0.9'/%3e%3cpath%20id='Vector_2'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2016.1446C16%2014.5155%2017.7788%2013.5106%2019.1741%2014.3515L28.9692%2020.2548C30.3196%2021.0687%2030.3196%2023.027%2028.9692%2023.8409L19.1741%2029.7441C17.7788%2030.585%2016%2029.5802%2016%2027.9511V16.1446Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_18500_39551'%3e%3crect%20width='44'%20height='44'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", useCustomStyle$$ = makeStyles(() => {
   var n, i, a;
   const o = useTheme();
   return {
@@ -213500,7 +213500,7 @@ const ReactPlayer = /* @__PURE__ */ getDefaultExportFromCjs(lazy), PlayIcon = "d
     }
   };
 }), VideoPlayer = ({ playerProp: o }) => {
-  const n = useCustomStyle$Z(), {
+  const n = useCustomStyle$$(), {
     muted: i = !0,
     playing: a = !0,
     height: A = "100%",
@@ -213532,7 +213532,7 @@ const ReactPlayer = /* @__PURE__ */ getDefaultExportFromCjs(lazy), PlayIcon = "d
       playIcon: /* @__PURE__ */ jsx("img", { alt: "play", width: 44, height: 44, className: "smallPlayIcon", src: PlayIcon })
     }
   );
-}, useCustomStyle$Y = makeStyles((o) => ({
+}, useCustomStyle$_ = makeStyles((o) => ({
   EventDetailWrapper: {
     "&.EventDetailBg": {
       background: o.palette.prelemType1.BACKGROUND,
@@ -213961,7 +213961,7 @@ const EventDetail = ({
     registeredParticipants: f,
     meetingLink: E = "",
     isStarted: d = !1
-  } = A, C = useTheme(), w = useCustomStyle$Y(), [T, _e] = useState(!1), [Y, _r] = useState(!1), [ga, ya] = useState(""), [_A, aa] = useState(!1), [_i, _u] = useState(!1), _c = (/* @__PURE__ */ new Date()).toISOString(), [_d, _l] = useState(!1), t0 = () => {
+  } = A, C = useTheme(), w = useCustomStyle$_(), [T, _e] = useState(!1), [Y, _r] = useState(!1), [ga, ya] = useState(""), [_A, aa] = useState(!1), [_i, _u] = useState(!1), _c = (/* @__PURE__ */ new Date()).toISOString(), [_d, _l] = useState(!1), t0 = () => {
     s || _l(!0);
   }, n0 = localStorage.getItem("userLoginDetails") || "", { first_name: u0 } = parseStringDetails(localStorage.getItem("LoggedInUser") || ""), { data: c0 = {} } = parseStringDetails(n0), { name: h0 = "" } = c0, I0 = u0 || h0, { ref: v0, inView: C0 } = useInView({
     /* Optional options */
@@ -214036,342 +214036,332 @@ const EventDetail = ({
     StreamingURL: x2 = "https://d1yf059unjnphq.cloudfront.net/1e9c76a0-821c-45d8-ad91-c88afbfb740a/AppleHLS1/shutterstock-1060700614-test_en_3db76142-e5a8-40c8-b58d-ce6e8caa4994_platformx_cddbe334-c004-41db-9942-d004d79a1c61.m3u8",
     Poster: O2 = null
   } = m2;
-  return /* @__PURE__ */ jsx(Fragment, { children: _i ? /* @__PURE__ */ jsx(
-    Agora,
+  return /* @__PURE__ */ jsx(Fragment, { children: _i ? /* @__PURE__ */ jsx(Agora, { callBack: () => _u(!1), meetingLink: E, userName: I0 }) : /* @__PURE__ */ jsxs(
+    "div",
     {
-      callBack: () => _u(!1),
-      meetingLink: E,
-      userName: I0
-    }
-  ) : (
-    // <div>Agora</div>
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: i == null ? void 0 : i.innerRef,
-        className: `${w.EventDetailWrapper} prelem prelemType1 EventDetailBg`,
-        children: [
-          /* @__PURE__ */ jsxs(Container$1, { className: "grid_container prelem-py", ref: v0, children: [
-            (Y2 = o == null ? void 0 : o.event_type) != null && Y2.includes("Virtual") && ((S2 = o == null ? void 0 : o.event_subtype) != null && S2.includes("Pre-Recorded Webinar")) ? /* @__PURE__ */ jsx(Fragment$1, { children: x0 === "AWS" ? /* @__PURE__ */ jsx(
+      ref: i == null ? void 0 : i.innerRef,
+      className: `${w.EventDetailWrapper} prelem prelemType1 EventDetailBg`,
+      children: [
+        /* @__PURE__ */ jsxs(Container$1, { className: "grid_container prelem-py", ref: v0, children: [
+          (Y2 = o == null ? void 0 : o.event_type) != null && Y2.includes("Virtual") && ((S2 = o == null ? void 0 : o.event_subtype) != null && S2.includes("Pre-Recorded Webinar")) ? /* @__PURE__ */ jsx(Fragment$1, { children: x0 === "AWS" ? /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                height: {
+                  md: "500px",
+                  sm: "500px",
+                  xs: "321px",
+                  lg: "500px"
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                VideoPlayer,
+                {
+                  playerProp: {
+                    posterImg: j0,
+                    videoUrl: x2
+                  }
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
+            /* @__PURE__ */ jsx(
               Box,
               {
                 sx: {
-                  height: {
-                    md: "500px",
-                    sm: "500px",
-                    xs: "321px",
-                    lg: "500px"
-                  }
+                  position: "absolute",
+                  bottom: 0,
+                  top: 0,
+                  right: 0,
+                  left: 0,
+                  margin: "auto",
+                  width: { xs: "45px", md: "77px" },
+                  height: { xs: "45px", md: "77px" }
                 },
                 children: /* @__PURE__ */ jsx(
-                  VideoPlayer,
+                  default_1$l,
                   {
-                    playerProp: {
-                      posterImg: j0,
-                      videoUrl: x2
+                    onClick: t0,
+                    "data-testid": "play-vod-enable",
+                    style: {
+                      background: "white",
+                      borderRadius: "100px",
+                      color: "black",
+                      padding: "16px",
+                      cursor: "pointer"
+                    },
+                    sx: {
+                      fontSize: { xs: "57px", sm: "77px" }
                     }
                   }
                 )
               }
-            ) : /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    position: "absolute",
-                    bottom: 0,
-                    top: 0,
-                    right: 0,
-                    left: 0,
-                    margin: "auto",
-                    width: { xs: "45px", md: "77px" },
-                    height: { xs: "45px", md: "77px" }
+            ),
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                className: "gradient",
+                sx: {
+                  height: {
+                    md: "500px",
+                    sm: "500px",
+                    xs: "321px",
+                    lg: "500px"
                   },
-                  children: /* @__PURE__ */ jsx(
-                    default_1$l,
+                  borderRadius: C.borderRadius.value,
+                  overflow: "hidden"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: formRelativeURL(
+                        a == null ? void 0 : a.gcpUrl,
+                        a == null ? void 0 : a.bucketName,
+                        j0
+                      ),
+                      alt: "Thumbnail_Image",
+                      style: { width: "100%", height: "100%", objectFit: "cover" }
+                    }
+                  ),
+                  _d && typeof window < "u" && /* @__PURE__ */ jsx(
+                    Box,
                     {
-                      onClick: t0,
-                      "data-testid": "play-vod-enable",
                       style: {
-                        background: "white",
-                        borderRadius: "100px",
-                        color: "black",
-                        padding: "16px",
-                        cursor: "pointer"
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        height: "100%",
+                        width: "100%",
+                        borderRadius: C.borderRadius.value,
+                        overflow: "hidden"
                       },
-                      sx: {
-                        fontSize: { xs: "57px", sm: "77px" }
-                      }
+                      children: /* @__PURE__ */ jsx(Suspense, { fallback: "Loading...", children: /* @__PURE__ */ jsx(
+                        BrightcovePlayer$1,
+                        {
+                          analytics: n,
+                          analyticsEnable: o == null ? void 0 : o.analytics_enable,
+                          prelemTitle: "Videolanding Page",
+                          VideoData: {
+                            VideoID: W0,
+                            PlayerID: r2,
+                            AccountID: J0,
+                            PlaylistID: O2
+                          },
+                          setPlayVideo: _l
+                        }
+                      ) })
                     }
                   )
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                Box,
-                {
-                  className: "gradient",
-                  sx: {
-                    height: {
-                      md: "500px",
-                      sm: "500px",
-                      xs: "321px",
-                      lg: "500px"
-                    },
-                    borderRadius: C.borderRadius.value,
-                    overflow: "hidden"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: formRelativeURL(
-                          a == null ? void 0 : a.gcpUrl,
-                          a == null ? void 0 : a.bucketName,
-                          j0
-                        ),
-                        alt: "Thumbnail_Image",
-                        style: { width: "100%", height: "100%", objectFit: "cover" }
-                      }
-                    ),
-                    _d && typeof window < "u" && /* @__PURE__ */ jsx(
-                      Box,
-                      {
-                        style: {
-                          position: "absolute",
-                          top: 0,
-                          left: 0,
-                          height: "100%",
-                          width: "100%",
-                          borderRadius: C.borderRadius.value,
-                          overflow: "hidden"
-                        },
-                        children: /* @__PURE__ */ jsx(Suspense, { fallback: "Loading...", children: /* @__PURE__ */ jsx(
-                          BrightcovePlayer$1,
-                          {
-                            analytics: n,
-                            analyticsEnable: o == null ? void 0 : o.analytics_enable,
-                            prelemTitle: "Videolanding Page",
-                            VideoData: {
-                              VideoID: W0,
-                              PlayerID: r2,
-                              AccountID: J0,
-                              PlaylistID: O2
-                            },
-                            setPlayVideo: _l
-                          }
-                        ) })
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }) }) : /* @__PURE__ */ jsx(Box, { className: "imageWrapper", children: /* @__PURE__ */ jsx(
-              ImageRenderWithoutCrop$1,
-              {
-                originalImage: E0 ? (v2 = o == null ? void 0 : o.mobilebanner) == null ? void 0 : v2.original_image : (g2 = o == null ? void 0 : o.banner) == null ? void 0 : g2.original_image,
-                secondaryArgs: a
+                ]
               }
-            ) }),
-            /* @__PURE__ */ jsxs(Grid, { container: !0, children: [
-              /* @__PURE__ */ jsx(Grid, { xs: 12, children: /* @__PURE__ */ jsx(Box, { className: "topcontent", children: /* @__PURE__ */ jsxs(Box, { className: "LeftContent", children: [
-                /* @__PURE__ */ jsxs(Box, { className: "LeftWp", children: [
-                  !((A1 = o == null ? void 0 : o.event_subtype) != null && A1.includes("Pre-Recorded Webinar")) && /* @__PURE__ */ jsx(
-                    Chip,
+            )
+          ] }) }) : /* @__PURE__ */ jsx(Box, { className: "imageWrapper", children: /* @__PURE__ */ jsx(
+            ImageRenderWithoutCrop$1,
+            {
+              originalImage: E0 ? (v2 = o == null ? void 0 : o.mobilebanner) == null ? void 0 : v2.original_image : (g2 = o == null ? void 0 : o.banner) == null ? void 0 : g2.original_image,
+              secondaryArgs: a
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Grid, { container: !0, children: [
+            /* @__PURE__ */ jsx(Grid, { xs: 12, children: /* @__PURE__ */ jsx(Box, { className: "topcontent", children: /* @__PURE__ */ jsxs(Box, { className: "LeftContent", children: [
+              /* @__PURE__ */ jsxs(Box, { className: "LeftWp", children: [
+                !((A1 = o == null ? void 0 : o.event_subtype) != null && A1.includes("Pre-Recorded Webinar")) && /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: s2[0].label === "Virtual Event" ? "Virtual" : "Offline",
+                    variant: "filled",
+                    sx: { marginRight: "5px" },
+                    color: "default",
+                    icon: s2[0].label === "Virtual Event" ? /* @__PURE__ */ jsx("img", { src: VirtualIcon, alt: "Icon" }) : /* @__PURE__ */ jsx("img", { src: OfflineIcon, alt: "Icon" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: handleEventStatus(o),
+                    icon: handleEventStatus(o) === "Recorded" ? /* @__PURE__ */ jsx("img", { src: RecordedIcon, alt: "Icon" }) : void 0,
+                    variant: "filled",
+                    color: "default"
+                  }
+                )
+              ] }),
+              _c >= (o == null ? void 0 : o.registration_start_date_time) ? /* @__PURE__ */ jsxs(Box, { className: "rightWp", children: [
+                /* @__PURE__ */ jsxs("ul", { children: [
+                  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("img", { src: ParticipantsIcon1, alt: "" }) }),
+                  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("img", { src: ParticipantsIcon2, alt: "" }) }),
+                  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("img", { src: ParticipantsIcon3, alt: "" }) }),
+                  /* @__PURE__ */ jsx("li", { children: t2() })
+                ] }),
+                /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: "Participants" })
+              ] }) : null
+            ] }) }) }),
+            /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: "bottomcontent", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "h2bold", id: "title", children: o == null ? void 0 : o.title }),
+              !(o != null && o.event_subtype.includes("Pre-Recorded Webinar")) && /* @__PURE__ */ jsx(Typography, { variant: "h6regular", className: "title", children: DateTimeDurationFormat(o == null ? void 0 : o.start_date_time, o == null ? void 0 : o.end_date_time) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, md: 6, children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                className: "buttonsright",
+                sx: { display: "flex", gap: 1, justifyContent: "flex-end" },
+                children: (() => {
+                  var _0, p2, N2, c2;
+                  return (_0 = o == null ? void 0 : o.event_type) != null && _0.includes("Virtual") && ((p2 = o == null ? void 0 : o.event_subtype) != null && p2.includes("Pre-Recorded Webinar")) ? /* @__PURE__ */ jsx(
+                    Button,
                     {
-                      label: s2[0].label === "Virtual Event" ? "Virtual" : "Offline",
-                      variant: "filled",
-                      sx: { marginRight: "5px" },
-                      color: "default",
-                      icon: s2[0].label === "Virtual Event" ? /* @__PURE__ */ jsx("img", { src: VirtualIcon, alt: "Icon" }) : /* @__PURE__ */ jsx("img", { src: OfflineIcon, alt: "Icon" })
+                      startIcon: /* @__PURE__ */ jsx(PlayCircle, {}),
+                      variant: "tertiaryButton3",
+                      onClick: t0,
+                      children: "Watch Now"
                     }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Chip,
+                  ) : h && !((N2 = o == null ? void 0 : o.event_type) != null && N2.includes("Virtual")) ? /* @__PURE__ */ jsx(
+                    Button,
                     {
-                      label: handleEventStatus(o),
-                      icon: handleEventStatus(o) === "Recorded" ? /* @__PURE__ */ jsx("img", { src: RecordedIcon, alt: "Icon" }) : void 0,
-                      variant: "filled",
-                      color: "default"
+                      startIcon: /* @__PURE__ */ jsx(Done$1, {}),
+                      variant: "tertiaryButton3",
+                      disabled: !0,
+                      onClick: R0,
+                      children: new Date(o == null ? void 0 : o.end_date_time) < /* @__PURE__ */ new Date() ? "Event Ended" : "Registered"
                     }
-                  )
-                ] }),
-                _c >= (o == null ? void 0 : o.registration_start_date_time) ? /* @__PURE__ */ jsxs(Box, { className: "rightWp", children: [
-                  /* @__PURE__ */ jsxs("ul", { children: [
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("img", { src: ParticipantsIcon1, alt: "" }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("img", { src: ParticipantsIcon2, alt: "" }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("img", { src: ParticipantsIcon3, alt: "" }) }),
-                    /* @__PURE__ */ jsx("li", { children: t2() })
-                  ] }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: "Participants" })
-                ] }) : null
-              ] }) }) }),
-              /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: "bottomcontent", children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "h2bold", id: "title", children: o == null ? void 0 : o.title }),
-                !(o != null && o.event_subtype.includes("Pre-Recorded Webinar")) && /* @__PURE__ */ jsx(Typography, { variant: "h6regular", className: "title", children: DateTimeDurationFormat(o == null ? void 0 : o.start_date_time, o == null ? void 0 : o.end_date_time) })
-              ] }) }),
-              /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, md: 6, children: /* @__PURE__ */ jsx(
-                Box,
-                {
-                  className: "buttonsright",
-                  sx: { display: "flex", gap: 1, justifyContent: "flex-end" },
-                  children: (() => {
-                    var _0, p2, N2, c2;
-                    return (_0 = o == null ? void 0 : o.event_type) != null && _0.includes("Virtual") && ((p2 = o == null ? void 0 : o.event_subtype) != null && p2.includes("Pre-Recorded Webinar")) ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        startIcon: /* @__PURE__ */ jsx(PlayCircle, {}),
-                        variant: "tertiaryButton3",
-                        onClick: t0,
-                        children: "Watch Now"
-                      }
-                    ) : h && !((N2 = o == null ? void 0 : o.event_type) != null && N2.includes("Virtual")) ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        startIcon: /* @__PURE__ */ jsx(Done$1, {}),
-                        variant: "tertiaryButton3",
-                        disabled: !0,
-                        onClick: R0,
-                        children: new Date(o == null ? void 0 : o.end_date_time) < /* @__PURE__ */ new Date() ? "Event Ended" : "Registered"
-                      }
-                    ) : Z0() ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: Y ? "tertiaryButton1" : "primaryButton1",
-                        disabled: !Y,
-                        onClick: (c2 = o == null ? void 0 : o.event_type) != null && c2.includes("Virtual") && ga === "Join Now" ? () => _u(!0) : R0,
-                        children: ga
-                      }
-                    ) : /* @__PURE__ */ jsx(Button, { variant: "primaryButton1", disabled: !0, onClick: R0, children: "Registration full" });
-                  })()
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, md: 12, children: /* @__PURE__ */ jsxs(Box, { className: "bottomcontent", children: [
-                $0 > 0 ? /* @__PURE__ */ jsx(Box, { className: "PX-AddressWp", children: /* @__PURE__ */ jsxs(Box, { className: "PX-Top", children: [
-                  /* @__PURE__ */ jsx(LocationOnOutlined, {}),
-                  /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: o == null ? void 0 : o.location })
-                ] }) }) : null,
-                /* @__PURE__ */ jsx(Typography, { variant: "h4bold", children: "About this event" }),
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    sx: { wordWrap: "break-word", textAlign: "justify" },
-                    variant: "h6regular",
-                    id: "description",
-                    dangerouslySetInnerHTML: {
-                      __html: DOMPurify.sanitize(O0)
+                  ) : Z0() ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: Y ? "tertiaryButton1" : "primaryButton1",
+                      disabled: !Y,
+                      onClick: (c2 = o == null ? void 0 : o.event_type) != null && c2.includes("Virtual") && ga === "Join Now" ? () => _u(!0) : R0,
+                      children: ga
                     }
+                  ) : /* @__PURE__ */ jsx(Button, { variant: "primaryButton1", disabled: !0, onClick: R0, children: "Registration full" });
+                })()
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Grid, { xs: 12, sm: 12, md: 12, children: /* @__PURE__ */ jsxs(Box, { className: "bottomcontent", children: [
+              $0 > 0 ? /* @__PURE__ */ jsx(Box, { className: "PX-AddressWp", children: /* @__PURE__ */ jsxs(Box, { className: "PX-Top", children: [
+                /* @__PURE__ */ jsx(LocationOnOutlined, {}),
+                /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: o == null ? void 0 : o.location })
+              ] }) }) : null,
+              /* @__PURE__ */ jsx(Typography, { variant: "h4bold", children: "About this event" }),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: { wordWrap: "break-word", textAlign: "justify" },
+                  variant: "h6regular",
+                  id: "description",
+                  dangerouslySetInnerHTML: {
+                    __html: DOMPurify.sanitize(O0)
                   }
-                ),
-                (o == null ? void 0 : o.description.length) > 240 && /* @__PURE__ */ jsx(Link$2, { className: "readMoreLessCta", onClick: q0, children: _A ? "Read less" : "Read more" }),
-                /* @__PURE__ */ jsx(Box, { className: "buttonsBottom", children: /* @__PURE__ */ jsxs(Box, { className: "rightBtn", children: [
-                  /* @__PURE__ */ jsx(Box, { className: "leftBtn", children: (() => {
-                    var _0, p2, N2, c2;
-                    return (_0 = o == null ? void 0 : o.event_type) != null && _0.includes("Virtual") && ((p2 = o == null ? void 0 : o.event_subtype) != null && p2.includes("Pre-Recorded Webinar")) ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        startIcon: /* @__PURE__ */ jsx(PlayCircle, {}),
-                        variant: "tertiaryButton3",
-                        onClick: t0,
-                        children: "Watch Now"
-                      }
-                    ) : h && !((N2 = o == null ? void 0 : o.event_type) != null && N2.includes("Virtual")) ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        startIcon: /* @__PURE__ */ jsx(Done$1, {}),
-                        variant: "tertiaryButton3",
-                        disabled: !0,
-                        onClick: R0,
-                        children: new Date(o == null ? void 0 : o.end_date_time) < /* @__PURE__ */ new Date() ? "Event Ended" : "Registered"
-                      }
-                    ) : Z0() ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: Y ? "tertiaryButton1" : "primaryButton1",
-                        disabled: !Y,
-                        onClick: (c2 = o == null ? void 0 : o.event_type) != null && c2.includes("Virtual") && ga === "Join Now" ? () => _u(!0) : R0,
-                        children: ga
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: "primaryButton1",
-                        disabled: !0,
-                        onClick: R0,
-                        children: "Registration full"
-                      }
-                    );
-                  })() }),
-                  s2[0].label === "Offline Event" && /* @__PURE__ */ jsx(
+                }
+              ),
+              (o == null ? void 0 : o.description.length) > 240 && /* @__PURE__ */ jsx(Link$2, { className: "readMoreLessCta", onClick: q0, children: _A ? "Read less" : "Read more" }),
+              /* @__PURE__ */ jsx(Box, { className: "buttonsBottom", children: /* @__PURE__ */ jsxs(Box, { className: "rightBtn", children: [
+                /* @__PURE__ */ jsx(Box, { className: "leftBtn", children: (() => {
+                  var _0, p2, N2, c2;
+                  return (_0 = o == null ? void 0 : o.event_type) != null && _0.includes("Virtual") && ((p2 = o == null ? void 0 : o.event_subtype) != null && p2.includes("Pre-Recorded Webinar")) ? /* @__PURE__ */ jsx(
                     Button,
                     {
-                      variant: "primaryButton2",
-                      onClick: () => toRedirectKXUrl(
-                        {
-                          current_page_url: "my-profile",
-                          content_type: "registration"
-                        },
-                        l
-                      ),
-                      children: "Generate QR"
+                      startIcon: /* @__PURE__ */ jsx(PlayCircle, {}),
+                      variant: "tertiaryButton3",
+                      onClick: t0,
+                      children: "Watch Now"
                     }
-                  ),
-                  (o == null ? void 0 : o.button_name) && /* @__PURE__ */ jsx(
+                  ) : h && !((N2 = o == null ? void 0 : o.event_type) != null && N2.includes("Virtual")) ? /* @__PURE__ */ jsx(
                     Button,
                     {
-                      onClick: () => o2(o == null ? void 0 : o.button_link),
-                      variant: "primaryButton2",
-                      children: o == null ? void 0 : o.button_name
+                      startIcon: /* @__PURE__ */ jsx(Done$1, {}),
+                      variant: "tertiaryButton3",
+                      disabled: !0,
+                      onClick: R0,
+                      children: new Date(o == null ? void 0 : o.end_date_time) < /* @__PURE__ */ new Date() ? "Event Ended" : "Registered"
                     }
-                  )
-                ] }) })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Box, { className: "morelikeSection", children: /* @__PURE__ */ jsxs(
-            Container$1,
-            {
-              className: i != null && i.isEditPage ? "grid_full_width" : "grid_container",
-              children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "h4bold", mt: "0", children: "More like this" }),
-                /* @__PURE__ */ jsx(Box, { className: "AllEventinnderBox", children: E0 ? /* @__PURE__ */ jsx(Fragment, { children: (c1 = sortedData(o == null ? void 0 : o.latest_content, "start_date", "end_date", !1)) == null ? void 0 : c1.map(
-                  (_0) => /* @__PURE__ */ jsx(
-                    XCard7,
+                  ) : Z0() ? /* @__PURE__ */ jsx(
+                    Button,
                     {
-                      content: _0,
-                      secondaryArgs: a,
-                      onCardClick: h2,
-                      analytics: n
-                    },
-                    _0
-                  )
-                ) }) : /* @__PURE__ */ jsx(Slider$1, { ...D0, className: "PX-arrowDotSlider", children: (b2 = sortedData(o == null ? void 0 : o.latest_content, "start_date", "end_date", !1)) == null ? void 0 : b2.map(
-                  (_0) => /* @__PURE__ */ jsx(
-                    XCard7,
+                      variant: Y ? "tertiaryButton1" : "primaryButton1",
+                      disabled: !Y,
+                      onClick: (c2 = o == null ? void 0 : o.event_type) != null && c2.includes("Virtual") && ga === "Join Now" ? () => _u(!0) : R0,
+                      children: ga
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    Button,
                     {
-                      content: _0,
-                      secondaryArgs: a,
-                      onCardClick: h2
-                    },
-                    _0
-                  )
-                ) }) })
-              ]
-            }
-          ) }),
-          T && /* @__PURE__ */ jsx(
-            JoinEventModal,
-            {
-              isDialogOpen: T,
-              closeButtonText: "Close",
-              confirmButtonText: "Join",
-              closeButtonHandle: X0,
-              confirmButtonHandle: z0,
-              disableConfirmButton: p || h
-            }
-          )
-        ]
-      }
-    )
+                      variant: "primaryButton1",
+                      disabled: !0,
+                      onClick: R0,
+                      children: "Registration full"
+                    }
+                  );
+                })() }),
+                s2[0].label === "Offline Event" && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "primaryButton2",
+                    onClick: () => toRedirectKXUrl(
+                      {
+                        current_page_url: "my-profile",
+                        content_type: "registration"
+                      },
+                      l
+                    ),
+                    children: "Generate QR"
+                  }
+                ),
+                (o == null ? void 0 : o.button_name) && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    onClick: () => o2(o == null ? void 0 : o.button_link),
+                    variant: "primaryButton2",
+                    children: o == null ? void 0 : o.button_name
+                  }
+                )
+              ] }) })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { className: "morelikeSection", children: /* @__PURE__ */ jsxs(
+          Container$1,
+          {
+            className: i != null && i.isEditPage ? "grid_full_width" : "grid_container",
+            children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "h4bold", mt: "0", children: "More like this" }),
+              /* @__PURE__ */ jsx(Box, { className: "AllEventinnderBox", children: E0 ? /* @__PURE__ */ jsx(Fragment, { children: (c1 = sortedData(o == null ? void 0 : o.latest_content, "start_date", "end_date", !1)) == null ? void 0 : c1.map(
+                (_0) => /* @__PURE__ */ jsx(
+                  XCard7,
+                  {
+                    content: _0,
+                    secondaryArgs: a,
+                    onCardClick: h2,
+                    analytics: n
+                  },
+                  _0
+                )
+              ) }) : /* @__PURE__ */ jsx(Slider$1, { ...D0, className: "PX-arrowDotSlider", children: (b2 = sortedData(o == null ? void 0 : o.latest_content, "start_date", "end_date", !1)) == null ? void 0 : b2.map(
+                (_0) => /* @__PURE__ */ jsx(
+                  XCard7,
+                  {
+                    content: _0,
+                    secondaryArgs: a,
+                    onCardClick: h2
+                  },
+                  _0
+                )
+              ) }) })
+            ]
+          }
+        ) }),
+        T && /* @__PURE__ */ jsx(
+          JoinEventModal,
+          {
+            isDialogOpen: T,
+            closeButtonText: "Close",
+            confirmButtonText: "Join",
+            closeButtonHandle: X0,
+            confirmButtonHandle: z0,
+            disableConfirmButton: p || h
+          }
+        )
+      ]
+    }
   ) });
 };
 EventDetail.defaultProps = {
@@ -214557,7 +214547,7 @@ Proin lacinia lacinia felis, sed vehicula nunc lobortis quis. Nunc sit amet libe
     pageId: 12345,
     prelemId: 23456,
     pageTitle: "Event",
-    pageDesc: "The Prelem ‘Event Detail’ can be used to give an introduction to your website. It has an image, title, description & CTA which can be used to add the required information.",
+    pageDesc: "The Prelem 'Event Detail' can be used to give an introduction to your website. It has an image, title, description & CTA which can be used to add the required information.",
     pageTags: "Event, Service Box, Features, Products",
     prelemTags: "Event, Service Box, Features, Products"
   },
@@ -215203,7 +215193,7 @@ const SEARCH_COLLEAGUES = `
       onChange: (l) => A(l.target.value)
     }
   );
-}, useCustomStyle$X = makeStyles(() => {
+}, useCustomStyle$Z = makeStyles(() => {
   const o = useTheme();
   return {
     PXInviteColleagueModal: {
@@ -215483,7 +215473,7 @@ function InviteColleagueModal({
   userId: f,
   constants: E
 }) {
-  const d = useCustomStyle$X(), C = [], w = [7, 14, 21], [T, _e] = useState([]), Y = localStorage.getItem("userLoginDetails"), { data: _r = {} } = parseStringDetails(Y), { name: ga = "" } = _r, [ya, _A] = useState([]), [aa, _i] = useState(7), [_u, _c] = useState(0), [_d, _l] = useState(!1), [t0, n0] = useState(!0), [u0, c0] = useState(0), [h0, I0] = useState(!1);
+  const d = useCustomStyle$Z(), C = [], w = [7, 14, 21], [T, _e] = useState([]), Y = localStorage.getItem("userLoginDetails"), { data: _r = {} } = parseStringDetails(Y), { name: ga = "" } = _r, [ya, _A] = useState([]), [aa, _i] = useState(7), [_u, _c] = useState(0), [_d, _l] = useState(!1), [t0, n0] = useState(!0), [u0, c0] = useState(0), [h0, I0] = useState(!1);
   function v0(n1, Y2) {
     const S2 = new Date(n1);
     return S2.setDate(n1.getDate() + Y2), S2;
@@ -215867,7 +215857,7 @@ function InviteColleagueModal({
     }
   );
 }
-const useCustomStyle$W = makeStyles(() => {
+const useCustomStyle$Y = makeStyles(() => {
   const o = useTheme();
   return {
     PXInviteColleagueModal: {
@@ -216098,7 +216088,7 @@ function InviteMoreModal({
   derivedChallenge: s,
   constants: u
 }) {
-  const p = useCustomStyle$W(), h = [], [f, E] = useState([]), [d, C] = useState([]), [w, T] = useState(7), [_e, Y] = useState(!1), [_r, ga] = useState(!0), [ya, _A] = useState(0), [aa, _i] = useState(!1);
+  const p = useCustomStyle$Y(), h = [], [f, E] = useState([]), [d, C] = useState([]), [w, T] = useState(7), [_e, Y] = useState(!1), [_r, ga] = useState(!0), [ya, _A] = useState(0), [aa, _i] = useState(!1);
   function _u(h2, Z0) {
     const t2 = new Date(h2);
     return t2.setDate(h2.getDate() + Z0), t2;
@@ -216352,7 +216342,7 @@ var default_1$g = HighlightOffOutlined.default = void 0, _createSvgIcon$g = _int
   d: "M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
 }), "HighlightOffOutlined");
 default_1$g = HighlightOffOutlined.default = _default$g;
-const useCustomStyle$V = makeStyles(() => ({
+const useCustomStyle$X = makeStyles(() => ({
   PXCommonModal: {
     "& .Platform-x-Paper-root": {
       padding: "40px 20px !important",
@@ -216392,7 +216382,7 @@ function CommonModal({
   confirmBtnText: s,
   handleModal: u
 }) {
-  const p = useCustomStyle$V();
+  const p = useCustomStyle$X();
   return /* @__PURE__ */ jsxs(Dialog, { className: p.PXCommonModal, fullWidth: !0, open: o, onClose: i, children: [
     /* @__PURE__ */ jsx(
       DialogContent,
@@ -216446,7 +216436,7 @@ function CommonModal({
     )
   ] });
 }
-const useCustomStyle$U = makeStyles(() => {
+const useCustomStyle$W = makeStyles(() => {
   var n, i, a, A;
   const o = useTheme();
   return {
@@ -216681,7 +216671,7 @@ function ManageRequestModal({
   isAccepted: E,
   userId: d
 }) {
-  const [C, w] = useState("Received"), T = useCustomStyle$U(), [_e, Y] = useState(null), _r = (_l, t0) => {
+  const [C, w] = useState("Received"), T = useCustomStyle$W(), [_e, Y] = useState(null), _r = (_l, t0) => {
     w(t0);
   }, ga = useTheme(), ya = useMediaQuery(ga.breakpoints.up("sm")), _A = useMediaQuery(ga.breakpoints.down("sm")), [aa, _i] = useState(!1);
   useEffect(() => {
@@ -217082,7 +217072,7 @@ function ManageRequestModal({
     }
   );
 }
-const useCustomStyle$T = makeStyles(() => {
+const useCustomStyle$V = makeStyles(() => {
   const o = useTheme();
   return {
     PXParticipantsModal: {
@@ -217176,7 +217166,7 @@ function ParticipantsModal({
   loading: g = !1,
   userId: s
 }) {
-  const u = useCustomStyle$T(), [p, h] = useState(!1), [f, E] = useState(null), d = () => {
+  const u = useCustomStyle$V(), [p, h] = useState(!1), [f, E] = useState(null), d = () => {
     h(!p), E(null);
   }, C = async () => {
     await A("remove", f == null ? void 0 : f.derived_challenge_id, f == null ? void 0 : f.user_id), d();
@@ -217257,7 +217247,7 @@ var default_1$e = MoreVert.default = void 0, _createSvgIcon$e = _interopRequireD
   d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
 }), "MoreVert");
 default_1$e = MoreVert.default = _default$e;
-const useCustomStyle$S = makeStyles(() => {
+const useCustomStyle$U = makeStyles(() => {
   const o = useTheme();
   return {
     UpcomingChallengesCard: {
@@ -217390,7 +217380,7 @@ const useCustomStyle$S = makeStyles(() => {
     ), h(null), _e();
   }, _r = () => {
     h(null);
-  }, ga = useCustomStyle$S(), ya = () => {
+  }, ga = useCustomStyle$U(), ya = () => {
     d(!E);
   }, _A = () => {
     var O0, R0, X0;
@@ -217522,7 +217512,7 @@ margin: 0}
       }
     )
   ] });
-}, useCustomStyle$R = makeStyles(() => {
+}, useCustomStyle$T = makeStyles(() => {
   const o = useTheme();
   return {
     PXVideoModalWrapper: {
@@ -217609,7 +217599,7 @@ margin: 0}
   };
 });
 function VideoModal({ isDialogOpen: o, handleClose: n, content: i, analytics: a }) {
-  const A = useCustomStyle$R(), [l, g] = useState(!0), { video: s = [] } = i, [u = {}] = s, {
+  const A = useCustomStyle$T(), [l, g] = useState(!0), { video: s = [] } = i, [u = {}] = s, {
     _vod_account_id: p = "",
     _vod_video_id: h = "",
     PlayerID: f = "default",
@@ -217647,7 +217637,7 @@ function VideoModal({ isDialogOpen: o, handleClose: n, content: i, analytics: a
     }
   );
 }
-const useCustomStyle$Q = makeStyles(() => {
+const useCustomStyle$S = makeStyles(() => {
   var n, i;
   const o = useTheme();
   return {
@@ -218186,7 +218176,7 @@ const useCustomStyle$Q = makeStyles(() => {
     isEnrolled: _l
   } = A, [t0, n0] = useState("Leaderboard"), [u0, c0] = useState(!1), [h0, I0] = useState("5000"), [v0, C0] = useState(!1), [E0, b0] = useState(!1), [D0, q0] = useState(!1), [z0, O0] = useState(!1), [R0, X0] = useState(!1), [o2, U0] = useState(!1), [h2, Z0] = useState(!1), [t2, $0] = useState(0), [s2, M0] = useState(!1), [m2, x0] = useState(!1), [j0, J0] = useState(1), W0 = Math.ceil(_d / 10), r2 = (e1 = _e[0]) == null ? void 0 : e1.created_by, { name: x2 = "" } = { ...r2 }, O2 = typeof (o == null ? void 0 : o.video) == "string" ? JSON.parse(o == null ? void 0 : o.video) : o == null ? void 0 : o.video, d1 = (u1 = JSON.parse(o == null ? void 0 : o.user_group)) == null ? void 0 : u1.map((mI) => mI == null ? void 0 : mI.label), {
     prelemBaseEndpoint: { site_host: L1, language: n1 }
-  } = a, Y2 = useCustomStyle$Q(), S2 = localStorage.getItem("device_platform"), { ref: v2, inView: g2 } = useInView({
+  } = a, Y2 = useCustomStyle$S(), S2 = localStorage.getItem("device_platform"), { ref: v2, inView: g2 } = useInView({
     /* Optional options */
     threshold: 0
   }), A1 = (mI, UI) => {
@@ -219850,7 +219840,7 @@ const SingleQuestion$1 = ({ data: o = [], callBack: n }) => {
       }
     )
   ] });
-}, Share$2 = lazy$2(() => import("./Share-hBPzRrcU.mjs")), Poll = ({
+}, Share$2 = lazy$2(() => import("./Share-B8wQKnI3.mjs")), Poll = ({
   content: o,
   onSubmit: n,
   results: i = [],
@@ -221487,7 +221477,7 @@ const ViewAnswers = ({
       )
     }
   );
-}, useCustomStyle$P = makeStyles(() => {
+}, useCustomStyle$R = makeStyles(() => {
   const o = useTheme();
   return {
     quizWrapper: {
@@ -221526,7 +221516,7 @@ const ViewAnswers = ({
       }
     }
   };
-}), Share$1 = lazy$2(() => import("./Share-hBPzRrcU.mjs")), Quiz = ({
+}), Share$1 = lazy$2(() => import("./Share-B8wQKnI3.mjs")), Quiz = ({
   content: o,
   analytics: n,
   authoringHelper: i,
@@ -221534,7 +221524,7 @@ const ViewAnswers = ({
   enablePreview: A = !1
 }) => {
   var O0, R0, X0, o2, U0, h2, Z0, t2, $0, s2;
-  const l = useTheme(), g = useCustomStyle$P(), s = useMediaQuery(l.breakpoints.only("xs")), u = useMediaQuery(l.breakpoints.only("sm")), p = useMediaQuery(l.breakpoints.only("md")), h = useMediaQuery(l.breakpoints.only("em")), f = useMediaQuery(l.breakpoints.only("lg")), E = useMediaQuery(l.breakpoints.only("xl")), [d, C] = useState(!1), [w, T] = useState(!1), [_e, Y] = useState(!1), [_r, ga] = useState([]), [ya, _A] = useState(!1), aa = () => {
+  const l = useTheme(), g = useCustomStyle$R(), s = useMediaQuery(l.breakpoints.only("xs")), u = useMediaQuery(l.breakpoints.only("sm")), p = useMediaQuery(l.breakpoints.only("md")), h = useMediaQuery(l.breakpoints.only("em")), f = useMediaQuery(l.breakpoints.only("lg")), E = useMediaQuery(l.breakpoints.only("xl")), [d, C] = useState(!1), [w, T] = useState(!1), [_e, Y] = useState(!1), [_r, ga] = useState([]), [ya, _A] = useState(!1), aa = () => {
     var m2, x0, j0;
     const M0 = o == null ? void 0 : o.current_page_url;
     return (m2 = a == null ? void 0 : a.prelemBaseEndpoint) != null && m2.PublishEndPoint ? `${(x0 = a == null ? void 0 : a.prelemBaseEndpoint) == null ? void 0 : x0.PublishEndPoint}${(j0 = a == null ? void 0 : a.prelemBaseEndpoint) == null ? void 0 : j0.language}/quiz${M0}` : `/quiz${M0}`;
@@ -222555,7 +222545,7 @@ Quiz.defaultProps = {
     ]
   }
 };
-const useCustomStyle$O = makeStyles(() => {
+const useCustomStyle$Q = makeStyles(() => {
   const o = useTheme();
   return {
     videoDetailPageWrapper: {
@@ -222605,7 +222595,7 @@ const useCustomStyle$O = makeStyles(() => {
       }
     }
   };
-}), Share = lazy$2(() => import("./Share-hBPzRrcU.mjs")), RecentCarousel = lazy$2(() => import("./RecentCarousel-tpaMLdQW.mjs")), BrightcovePlayer = React__default.lazy(
+}), Share = lazy$2(() => import("./Share-B8wQKnI3.mjs")), RecentCarousel = lazy$2(() => import("./RecentCarousel-Dk_l1ZBL.mjs")), BrightcovePlayer = React__default.lazy(
   () => Promise.resolve().then(() => BrightcovePlayer$2)
 ), latestVODs = [
   {
@@ -222757,7 +222747,7 @@ const useCustomStyle$O = makeStyles(() => {
     secondaryArgs: A = {},
     filters: l,
     relativePath: g
-  } = o, { isAuthoring: s = !1 } = a, u = useCustomStyle$O(), p = () => {
+  } = o, { isAuthoring: s = !1 } = a, u = useCustomStyle$Q(), p = () => {
     var c0, h0, I0;
     let u0 = n == null ? void 0 : n.current_page_url;
     return u0 && u0.charAt(0) === "/" && (u0 = u0.substring(1)), (c0 = A == null ? void 0 : A.prelemBaseEndpoint) != null && c0.PublishEndPoint ? `${(h0 = A == null ? void 0 : A.prelemBaseEndpoint) == null ? void 0 : h0.PublishEndPoint}${(I0 = A == null ? void 0 : A.prelemBaseEndpoint) == null ? void 0 : I0.language}/video/${u0}` : `/video${u0}`;
@@ -223211,7 +223201,7 @@ VideoLandingPage.defaultProps = {
     StreamingURL: "https://d1yf059unjnphq.cloudfront.net/1e9c76a0-821c-45d8-ad91-c88afbfb740a/AppleHLS1/shutterstock-1060700614-test_en_3db76142-e5a8-40c8-b58d-ce6e8caa4994_platformx_cddbe334-c004-41db-9942-d004d79a1c61.m3u8"
   }
 };
-const useCustomStyle$N = makeStyles(() => {
+const useCustomStyle$P = makeStyles(() => {
   const o = useTheme();
   return {
     AllEventWrapper: {
@@ -223277,7 +223267,7 @@ const useCustomStyle$N = makeStyles(() => {
   usePrelemImpression$1(n, o, a);
   const A = useTheme();
   useState("Events");
-  const l = useCustomStyle$N(), s = { ...{
+  const l = useCustomStyle$P(), s = { ...{
     slidesToShow: 4,
     slidesToScroll: 1,
     autoPlay: !0,
@@ -223509,7 +223499,7 @@ var default_1$9 = East.default = void 0, _createSvgIcon$9 = _interopRequireDefau
   d: "m15 5-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7-7-7z"
 }), "East");
 default_1$9 = East.default = _default$9;
-const useCustomStyle$M = makeStyles((o) => ({
+const useCustomStyle$O = makeStyles((o) => ({
   XCard14Wrapper: {
     "&.XCard14innderBox": {
       border: "1px solid #E8E8E8",
@@ -223659,7 +223649,7 @@ const useCustomStyle$M = makeStyles((o) => ({
       }
     }
   }
-})), useCustomStyle$L = makeStyles((o) => ({
+})), useCustomStyle$N = makeStyles((o) => ({
   FilterWrapper: {
     position: "sticky",
     top: "15px",
@@ -223755,7 +223745,7 @@ const useCustomStyle$M = makeStyles((o) => ({
       }
     }
   }
-})), useCustomStyle$K = makeStyles((o) => {
+})), useCustomStyle$M = makeStyles((o) => {
   var n, i;
   return {
     "@keyframes shimmer": {
@@ -225978,7 +225968,7 @@ var default_1$6 = KeyboardArrowRight.default = void 0, _createSvgIcon$6 = _inter
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
 }), "KeyboardArrowRight");
 default_1$6 = KeyboardArrowRight.default = _default$6;
-const useCustomStyle$J = makeStyles(() => {
+const useCustomStyle$L = makeStyles(() => {
   const o = useTheme();
   return {
     sliderPrelemWrapper: {
@@ -226177,7 +226167,7 @@ const useCustomStyle$J = makeStyles(() => {
     animationType: w = "fadeIn",
     //fadeIn, slideIn
     cardGap: T = 8
-  } = o, [_e, Y] = useState(C > 0 ? C : 0), _r = i ? A : 9e8, ga = useCustomStyle$J();
+  } = o, [_e, Y] = useState(C > 0 ? C : 0), _r = i ? A : 9e8, ga = useCustomStyle$L();
   useEffect(() => {
     const _c = debounce$1(() => {
       debounce$1(Y(0), 100);
@@ -226270,7 +226260,7 @@ const useCustomStyle$J = makeStyles(() => {
       ]
     }
   );
-}, useCustomStyle$I = makeStyles(() => {
+}, useCustomStyle$K = makeStyles(() => {
   const o = useTheme();
   return {
     customModalSliderWrapper: {
@@ -226376,7 +226366,7 @@ const useCustomStyle$J = makeStyles(() => {
   openModal: a,
   secondaryArgs: A
 }) => {
-  const l = useCustomStyle$I(), g = o && o.map((u) => formCroppedUrlString(
+  const l = useCustomStyle$K(), g = o && o.map((u) => formCroppedUrlString(
     A == null ? void 0 : A.gcpUrl,
     A == null ? void 0 : A.bucketName,
     u.Thumbnail ? u.Thumbnail : u.Url,
@@ -226797,7 +226787,7 @@ const usePrelemImpression = (o, n, i) => {
   prelemType3: {
     "&.prelemType3": {}
   }
-})), useCustomStyle$H = makeStyles(() => {
+})), useCustomStyle$J = makeStyles(() => {
   const o = useTheme();
   return {
     banner3MainWrapper: {
@@ -226934,7 +226924,7 @@ const usePrelemImpression = (o, n, i) => {
     o == null ? void 0 : o.Button1_RedirectURL,
     o == null ? void 0 : o.Button1_Value
   ]), usePrelemImpression(n, h, a);
-  const d = useCustomStyle$H();
+  const d = useCustomStyle$J();
   return /* @__PURE__ */ jsx("div", { ref: i == null ? void 0 : i.innerRef, children: /* @__PURE__ */ jsx(
     Container$1,
     {
@@ -227090,7 +227080,7 @@ Banner3.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$G = makeStyles(() => ({
+const useCustomStyle$I = makeStyles(() => ({
   banner4Wrapper: {
     "&.banner4Bgwrapper": {
       "& .imageContainer": {
@@ -227112,7 +227102,7 @@ const useCustomStyle$G = makeStyles(() => ({
   }
 })), Banner4 = ({ content: o, analytics: n, authoringHelper: i, secondaryArgs: a, filters: A }) => {
   var _e, Y, _r, ga, ya, _A, aa;
-  const l = useCustomStyle$G(), g = prelemTypes(), s = {
+  const l = useCustomStyle$I(), g = prelemTypes(), s = {
     Button_Name: "Button1_Name",
     Button_RedirectURL: "Button1_RedirectURL",
     Button_Type: "Button1_Type",
@@ -227332,7 +227322,7 @@ var default_1$5 = Autorenew.default = void 0, _createSvgIcon$5 = _interopRequire
   d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"
 }), "Autorenew");
 default_1$5 = Autorenew.default = _default$5;
-const useCustomStyle$F = makeStyles(() => {
+const useCustomStyle$H = makeStyles(() => {
   const o = useTheme();
   return {
     blogTilesWrapper: {
@@ -227471,7 +227461,7 @@ BlogTilesCard.defaultProps = {
   }
 };
 const BlogTiles = ({ content: o, analytics: n, authoringHelper: i, secondaryArgs: a, filters: A }) => {
-  const l = useCustomStyle$F(), g = prelemTypes(), { bucketName: s, gcpUrl: u } = a, p = (w) => (w == null ? void 0 : w.length) > 4 ? w.slice(0, 4) : (w == null ? void 0 : w.length) > 0 ? w : [], [h, f] = useState(p(o == null ? void 0 : o.Slots)), { ref: E, inView: d } = useInView({
+  const l = useCustomStyle$H(), g = prelemTypes(), { bucketName: s, gcpUrl: u } = a, p = (w) => (w == null ? void 0 : w.length) > 4 ? w.slice(0, 4) : (w == null ? void 0 : w.length) > 0 ? w : [], [h, f] = useState(p(o == null ? void 0 : o.Slots)), { ref: E, inView: d } = useInView({
     /* Optional options */
     threshold: 0
   });
@@ -227751,7 +227741,7 @@ BlogTiles.defaultProps = {
     ext: "png"
   }
 };
-const useCustomStyle$E = makeStyles(() => {
+const useCustomStyle$G = makeStyles(() => {
   const o = useTheme();
   return {
     ActivityTrackerWrapper: {
@@ -228158,7 +228148,7 @@ const useCustomStyle$E = makeStyles(() => {
   useState(0);
   const [u, p] = useState(0), { stepsData: h, loading: f, updateGoals: E } = o, [d, C] = useState(!1);
   useState(0);
-  const [w, T] = useState("5"), { current_page_url: _e = "" } = a || {}, [Y, _r] = useState(Number(h == null ? void 0 : h.target) || 0), [ga, ya] = useState(100), _A = useCustomStyle$E(), aa = () => {
+  const [w, T] = useState("5"), { current_page_url: _e = "" } = a || {}, [Y, _r] = useState(Number(h == null ? void 0 : h.target) || 0), [ga, ya] = useState(100), _A = useCustomStyle$G(), aa = () => {
     C(!1);
   }, _i = () => {
     E(w, "goal", "steps"), C(!1);
@@ -228336,7 +228326,7 @@ const useCustomStyle$E = makeStyles(() => {
       ]
     }
   );
-}, useCustomStyle$D = makeStyles((o) => ({
+}, useCustomStyle$F = makeStyles((o) => ({
   TrackerCardWrapper: {
     "&.TrackerCardinnderBox": {
       overflow: "hidden",
@@ -228807,7 +228797,7 @@ const useCustomStyle$E = makeStyles(() => {
     total_participants: h = "",
     participants: f = [],
     current_page_url: E
-  } = o || {}, [d, C] = useState(!1), [w, T] = useState(p), [_e, Y] = useState(Number(p)), [_r, ga] = useState(100), ya = useCustomStyle$D(), [_A, aa] = useState(0);
+  } = o || {}, [d, C] = useState(!1), [w, T] = useState(p), [_e, Y] = useState(Number(p)), [_r, ga] = useState(100), ya = useCustomStyle$F(), [_A, aa] = useState(0);
   useEffect(() => {
     var D0;
     const b0 = f == null ? void 0 : f.filter((q0, z0) => (q0 == null ? void 0 : q0.user_id) === i);
@@ -229029,7 +229019,7 @@ var default_1$4 = CalendarMonthOutlined.default = void 0, _createSvgIcon$4 = _in
   d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z"
 }), "CalendarMonthOutlined");
 default_1$4 = CalendarMonthOutlined.default = _default$4;
-const useCustomStyle$C = makeStyles((o) => ({
+const useCustomStyle$E = makeStyles((o) => ({
   XCard11Wrapper: {
     "&.PX-Card11": {
       background: o.palette.prelemType1.CARDS.VARIANT1.BACKGROUND,
@@ -229101,7 +229091,7 @@ const useCustomStyle$C = makeStyles((o) => ({
   }
 })), XCard11 = ({ content: o, onCardClick: n, secondaryArgs: i }) => {
   var A;
-  const a = useCustomStyle$C();
+  const a = useCustomStyle$E();
   return /* @__PURE__ */ jsxs(Box, { className: `${a.XCard11Wrapper} PX-Card11`, onClick: () => n(o), children: [
     /* @__PURE__ */ jsx(Box, { className: "imgWrapper", children: /* @__PURE__ */ jsx(
       ImageRenderWithoutCrop$1,
@@ -229121,7 +229111,7 @@ const useCustomStyle$C = makeStyles((o) => ({
       ] })
     ] })
   ] });
-}, useCustomStyle$B = makeStyles(() => ({
+}, useCustomStyle$D = makeStyles(() => ({
   container: {
     position: "relative",
     borderRadius: "10px",
@@ -229135,9 +229125,9 @@ const useCustomStyle$C = makeStyles((o) => ({
     }
   }
 })), ComingSoonBanner1 = () => {
-  const o = useCustomStyle$B();
+  const o = useCustomStyle$D();
   return /* @__PURE__ */ jsx(Box, { className: o.container, children: /* @__PURE__ */ jsx(Box, { className: o.imgContainer, children: /* @__PURE__ */ jsx("img", { src: ComingSoonCard, alt: "ComingSoon" }) }) });
-}, useCustomStyle$A = makeStyles(() => {
+}, useCustomStyle$C = makeStyles(() => {
   var n, i, a;
   const o = useTheme();
   return {
@@ -229297,7 +229287,7 @@ const useCustomStyle$C = makeStyles((o) => ({
   var _i;
   const w = f || localStorage.getItem("userId"), { loading: T } = A;
   usePrelemImpression$1(n, o, a);
-  const _e = useCustomStyle$A(), [Y, _r] = useState(format(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), [ga, ya] = useState(0), _A = (_u) => {
+  const _e = useCustomStyle$C(), [Y, _r] = useState(format(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), [ga, ya] = useState(0), _A = (_u) => {
     onClickCardFunc(_u, g, a);
   }, aa = (_u) => {
     localStorage.setItem("challengesListCall", "challenges"), onViewAllClickFunc(g, _u, a);
@@ -229483,7 +229473,7 @@ ChallengeSlider.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$z = makeStyles(() => {
+const useCustomStyle$B = makeStyles(() => {
   const o = useTheme();
   return {
     quilleditor: (n) => {
@@ -240098,7 +240088,7 @@ const EditorDescription = (o) => {
   variant: g = "h6regular",
   prelemType: s = "prelemType1"
 }) => {
-  const { editState: u = !1, isEditorJSEnable: p = !1 } = i, { [l]: h } = n, E = useCustomStyle$z({
+  const { editState: u = !1, isEditorJSEnable: p = !1 } = i, { [l]: h } = n, E = useCustomStyle$B({
     prelemType: "prelemType1",
     fontFamily: "secondary"
   }), [d, C] = useState(""), w = (T = "") => {
@@ -240145,7 +240135,7 @@ const EditorDescription = (o) => {
       ] }) : /* @__PURE__ */ jsx(Typography, { variant: g, id: l, className: A, color: o, children: (n == null ? void 0 : n[l]) || "" })
     }
   );
-}, useCustomStyle$y = makeStyles(() => {
+}, useCustomStyle$A = makeStyles(() => {
   const o = useTheme();
   return {
     ConnectWithUsWrapper: {
@@ -240288,7 +240278,7 @@ const EditorDescription = (o) => {
     o == null ? void 0 : o.Button1_Value,
     o == null ? void 0 : o.Button2_Value
   ]), usePrelemImpression(n, E, a);
-  const w = useCustomStyle$y();
+  const w = useCustomStyle$A();
   return /* @__PURE__ */ jsx("div", { ref: i == null ? void 0 : i.innerRef, children: /* @__PURE__ */ jsx(Grid, { container: !0, ref: f, children: /* @__PURE__ */ jsx(
     Box,
     {
@@ -240450,7 +240440,7 @@ ConnectWithUs.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$x = makeStyles(() => {
+const useCustomStyle$z = makeStyles(() => {
   const o = useTheme();
   return {
     dynamicPrelemWrapper: {
@@ -241502,7 +241492,7 @@ const DynamicPrelem = ({ content: o, analytics: n, authoringHelper: i, secondary
   const h = (d) => {
     let C = 4, w = 2.4;
     return g.length === 1 ? (C = 12, w = 12) : g.length === 2 ? (C = 6, w = 6) : g.length === 3 ? d === 0 ? (w = 6, C = 12) : (w = 3, C = 6) : g.length === 4 ? (C = 6, w = 3) : g.length === 5 && (C = 6, w = 2.4), { sm: C, em: w };
-  }, f = useCustomStyle$x(), E = prelemTypes();
+  }, f = useCustomStyle$z(), E = prelemTypes();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -241766,7 +241756,7 @@ DynamicPrelem.defaultProps = {
     bucketName: "cropped_image_public_x_site_stage"
   }
 };
-const useCustomStyle$w = makeStyles(() => {
+const useCustomStyle$y = makeStyles(() => {
   const o = useTheme();
   return {
     secondColumn: {
@@ -241838,7 +241828,7 @@ const useCustomStyle$w = makeStyles(() => {
   col2Align: g,
   noPadding: s
 }) => {
-  const u = useCustomStyle$w(), p = (h) => {
+  const u = useCustomStyle$y(), p = (h) => {
     if (h === "start")
       return "alignStart";
     if (h === "end")
@@ -241885,7 +241875,7 @@ const useCustomStyle$w = makeStyles(() => {
     less_than_1280: useMediaQuery(o.breakpoints.only("lg")),
     less_than_1440: useMediaQuery(o.breakpoints.only("xl"))
   };
-}, useCustomStyle$v = makeStyles(() => {
+}, useCustomStyle$x = makeStyles(() => {
   const o = useTheme();
   return {
     DynamicVideoWrapper: {
@@ -242010,7 +242000,7 @@ const useCustomStyle$w = makeStyles(() => {
       i == null || i.sendStructureDataToAuthoringCB(_r || "");
     }
   }, [o == null ? void 0 : o.description, o == null ? void 0 : o.title, (_e = (T = o == null ? void 0 : o.Videos) == null ? void 0 : T.video_1) == null ? void 0 : _e.Url]), usePrelemImpression(n, p, a);
-  const f = useCustomStyle$v(), E = prelemTypes(), d = {
+  const f = useCustomStyle$x(), E = prelemTypes(), d = {
     md: [12, 12],
     em: [6, 6],
     lg: [6, 6]
@@ -242175,7 +242165,7 @@ var default_1$3 = Cached.default = void 0, _createSvgIcon$3 = _interopRequireDef
   d: "m19 8-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z"
 }), "Cached");
 default_1$3 = Cached.default = _default$3;
-const useCustomStyle$u = makeStyles(() => {
+const useCustomStyle$w = makeStyles(() => {
   const o = useTheme();
   return {
     container: {
@@ -242251,7 +242241,7 @@ const useCustomStyle$u = makeStyles(() => {
     }
   };
 }), StreakCard = ({ streakData: o, handleSyncGuide: n }) => {
-  const { device_last_sync: i = "" } = o || {}, a = useCustomStyle$u(), A = () => {
+  const { device_last_sync: i = "" } = o || {}, a = useCustomStyle$w(), A = () => {
     if (!i)
       return !0;
     const l = new Date(i);
@@ -242289,7 +242279,7 @@ const useCustomStyle$u = makeStyles(() => {
       )
     ] })
   ] });
-}, useCustomStyle$t = makeStyles(() => {
+}, useCustomStyle$v = makeStyles(() => {
   const o = useTheme();
   return {
     CalendarFullViewWp: {
@@ -242440,7 +242430,7 @@ const useCustomStyle$u = makeStyles(() => {
     h(addMonths(p, 1));
   }, T = (aa) => {
     g(format(aa, "yyyy-MM-dd")), o(format(aa, "yyyy-MM-dd")), i(format(aa, "yyyy-MM-dd"));
-  }, _e = () => Number(format(p, "Y")) <= (/* @__PURE__ */ new Date()).getFullYear() ? Number(format(p, "M")) < (/* @__PURE__ */ new Date()).getMonth() + 1 ? !0 : Number(format(p, "Y")) < (/* @__PURE__ */ new Date()).getFullYear() : !1, Y = (aa) => new Date(aa) < /* @__PURE__ */ new Date(), _r = useCustomStyle$t(), ga = useRef(null), ya = () => {
+  }, _e = () => Number(format(p, "Y")) <= (/* @__PURE__ */ new Date()).getFullYear() ? Number(format(p, "M")) < (/* @__PURE__ */ new Date()).getMonth() + 1 ? !0 : Number(format(p, "Y")) < (/* @__PURE__ */ new Date()).getFullYear() : !1, Y = (aa) => new Date(aa) < /* @__PURE__ */ new Date(), _r = useCustomStyle$v(), ga = useRef(null), ya = () => {
     var _i;
     const aa = (_i = ga.current) == null ? void 0 : _i.querySelector(".PX-Highlight");
     if (aa && ga.current) {
@@ -242505,7 +242495,7 @@ const useCustomStyle$u = makeStyles(() => {
       _i
     )) })
   ] });
-}, useCustomStyle$s = makeStyles(() => {
+}, useCustomStyle$u = makeStyles(() => {
   var n;
   const o = useTheme();
   return {
@@ -242611,8 +242601,8 @@ const useCustomStyle$u = makeStyles(() => {
     }
   };
 }), XCard15 = ({ content: o, onCardClick: n, secondaryArgs: i = {} }) => {
-  var g, s, u, p, h;
-  const a = useCustomStyle$s(), A = ((g = o == null ? void 0 : o.tags) == null ? void 0 : g.length) > 0 && (s = o == null ? void 0 : o.tags) != null && s.includes("Popular") ? "Popular Event" : "", l = (p = (u = o == null ? void 0 : o.event_subtype) == null ? void 0 : u[0]) == null ? void 0 : p.label;
+  var g, s, u, p, h, f, E, d, C, w;
+  const a = useCustomStyle$u(), A = ((g = o == null ? void 0 : o.tags) == null ? void 0 : g.length) > 0 && (s = o == null ? void 0 : o.tags) != null && s.includes("Popular") ? "Popular Event" : "", l = (p = (u = o == null ? void 0 : o.event_subtype) == null ? void 0 : u[0]) == null ? void 0 : p.label;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -242627,19 +242617,19 @@ const useCustomStyle$u = makeStyles(() => {
           /* @__PURE__ */ jsx(
             ImageRenderWithoutCrop$1,
             {
-              originalImage: (h = o == null ? void 0 : o.homeBanner) == null ? void 0 : h.original_image,
+              originalImage: ((h = o == null ? void 0 : o.ContentType) == null ? void 0 : h.toLowerCase()) === "quiz" || ((f = o == null ? void 0 : o.ContentType) == null ? void 0 : f.toLowerCase()) === "poll" ? (E = o == null ? void 0 : o.content_image) == null ? void 0 : E.original_image : (d = o == null ? void 0 : o.homeBanner) == null ? void 0 : d.original_image,
               secondaryArgs: i
             }
           )
         ] }),
         /* @__PURE__ */ jsx(Box, { className: "contentBox", children: /* @__PURE__ */ jsxs(Box, { className: "titleWrapper", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "p2bold", className: "title", children: o.Title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "p4regular", className: "publish", children: l === "Pre-Recorded Webinar" ? PlatFormXDateTimeFormat$1(o == null ? void 0 : o.PublishedDate) : DateTimeDurationFormat(o == null ? void 0 : o.start_date, o == null ? void 0 : o.end_date) })
+          /* @__PURE__ */ jsx(Typography, { variant: "p4regular", className: "publish", children: l === "Pre-Recorded Webinar" || ((C = o == null ? void 0 : o.ContentType) == null ? void 0 : C.toLowerCase()) === "quiz" || ((w = o == null ? void 0 : o.ContentType) == null ? void 0 : w.toLowerCase()) === "poll" ? PlatFormXDateTimeFormat$1(o == null ? void 0 : o.PublishedDate) : DateTimeDurationFormat(o == null ? void 0 : o.start_date, o == null ? void 0 : o.end_date) })
         ] }) })
       ]
     }
   );
-}, useCustomStyle$r = makeStyles(() => {
+}, useCustomStyle$t = makeStyles(() => {
   const o = useTheme();
   return {
     XCard16Wrapper: {
@@ -242757,7 +242747,7 @@ const useCustomStyle$u = makeStyles(() => {
   };
 }), XCard16 = ({ content: o, handleClick: n, secondaryArgs: i }) => {
   var l, g;
-  const a = useCustomStyle$r(), A = formRelativeURL(
+  const a = useCustomStyle$t(), A = formRelativeURL(
     i == null ? void 0 : i.gcpUrl,
     i == null ? void 0 : i.bucketName,
     o.Banner
@@ -243268,7 +243258,7 @@ const useStyles = makeStyles(() => ({
       }
     )
   ] });
-}, useCustomStyle$q = makeStyles(() => {
+}, useCustomStyle$s = makeStyles(() => {
   var n, i, a;
   const o = useTheme();
   return {
@@ -243961,7 +243951,7 @@ const EngagementHome = ({
   var s2;
   const _r = f || localStorage.getItem("userId");
   usePrelemImpression$1(n, o, a);
-  const ga = useCustomStyle$q(), {
+  const ga = useCustomStyle$s(), {
     device_permission_status: ya = !1,
     device_last_sync: _A = "",
     device_platform: aa = ""
@@ -244444,7 +244434,7 @@ EngagementHome.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$p = makeStyles((o) => ({
+const useCustomStyle$r = makeStyles((o) => ({
   XCard9Wrapper: {
     "&.XCard9innderBox": {
       cursor: "pointer",
@@ -244525,7 +244515,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       }
     }
   }
-})), useCustomStyle$o = makeStyles((o) => {
+})), useCustomStyle$q = makeStyles((o) => {
   var n, i;
   return {
     XCard6Wrapper: {
@@ -244626,7 +244616,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       }
     }
   };
-}), useCustomStyle$n = makeStyles((o) => ({
+}), useCustomStyle$p = makeStyles((o) => ({
   XCard9Wrapper: {
     "&.XCard9innderBox": {
       cursor: "pointer",
@@ -244707,7 +244697,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       }
     }
   }
-})), useCustomStyle$m = makeStyles(() => ({
+})), useCustomStyle$o = makeStyles(() => ({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -244722,7 +244712,7 @@ const useCustomStyle$p = makeStyles((o) => ({
     padding: "20px",
     maxWidth: "100%"
   }
-})), useCustomStyle$l = makeStyles((o) => {
+})), useCustomStyle$n = makeStyles((o) => {
   var n, i, a;
   return {
     EventListWrapper: {
@@ -244966,7 +244956,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       }
     }
   };
-}), useCustomStyle$k = makeStyles(() => {
+}), useCustomStyle$m = makeStyles(() => {
   var n, i, a;
   const o = useTheme();
   return {
@@ -245114,7 +245104,7 @@ const useCustomStyle$p = makeStyles((o) => ({
 }) => {
   const [s, u] = useState([]);
   usePrelemImpression$1(n, o, a);
-  const p = useCustomStyle$k(), h = (C) => {
+  const p = useCustomStyle$m(), h = (C) => {
     onClickCardFunc(C, A, a);
   }, f = (C) => {
     onViewAllClickFunc(A, C, a);
@@ -245328,7 +245318,7 @@ const useCustomStyle$p = makeStyles((o) => ({
     contentValue: i,
     loader: A
   };
-}, useCustomStyle$j = makeStyles(() => ({
+}, useCustomStyle$l = makeStyles(() => ({
   faq1Wrapper: {
     "&.faq1Bg": {
       background: useTheme().palette.prelemType1.BACKGROUND,
@@ -245363,7 +245353,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       }
     }
   }
-})), useCustomStyle$i = makeStyles(() => ({
+})), useCustomStyle$k = makeStyles(() => ({
   faq2Wrapper: {
     "&.faq2Bg": {
       background: useTheme().palette.prelemType1.BACKGROUND,
@@ -245407,7 +245397,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       }
     }
   }
-})), useCustomStyle$h = makeStyles(() => ({
+})), useCustomStyle$j = makeStyles(() => ({
   fullWidthWrapperPrelem: {
     "&.fullWidthWrapperBg": {
       background: useTheme().palette.prelemType1.BACKGROUND,
@@ -245456,7 +245446,7 @@ const useCustomStyle$p = makeStyles((o) => ({
       i == null || i.sendStructureDataToAuthoringCB(f || "");
     }
   }, [o == null ? void 0 : o.Title, o == null ? void 0 : o.Description]), usePrelemImpression(n, l, a);
-  const u = useCustomStyle$h(), p = prelemTypes();
+  const u = useCustomStyle$j(), p = prelemTypes();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -245516,7 +245506,7 @@ FullWidthText.defaultProps = {
     prelemTags: "Text, Full Width, Full Width Text"
   }
 };
-const useCustomStyle$g = makeStyles(() => {
+const useCustomStyle$i = makeStyles(() => {
   const o = useTheme();
   return {
     fullWidthVideoWrapper: {
@@ -245607,7 +245597,7 @@ const useCustomStyle$g = makeStyles(() => {
     (aa = (_A = o == null ? void 0 : o.Videos) == null ? void 0 : _A.Video_1) == null ? void 0 : aa.Title,
     (_u = (_i = o == null ? void 0 : o.Videos) == null ? void 0 : _i.Video_1) == null ? void 0 : _u.Description
   ]), usePrelemImpression(n, p, a);
-  const d = useCustomStyle$g();
+  const d = useCustomStyle$i();
   return /* @__PURE__ */ jsx(Box, { ref: i == null ? void 0 : i.innerRef, children: /* @__PURE__ */ jsx(
     Container$1,
     {
@@ -245708,7 +245698,7 @@ FullWidthVideo.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$f = makeStyles(() => {
+const useCustomStyle$h = makeStyles(() => {
   const o = useTheme();
   return {
     imageCrousel1Wrapper: {
@@ -245911,7 +245901,7 @@ const useCustomStyle$f = makeStyles(() => {
     o == null ? void 0 : o.Button4_RedirectURL,
     o == null ? void 0 : o.Button5_RedirectURL
   ]), usePrelemImpression(n, _e, a);
-  const ya = useCustomStyle$f(), _A = prelemTypes(), aa = Object.entries(o == null ? void 0 : o.ImageCompound).map((_i, _u) => getImg(o, a, _u + 1));
+  const ya = useCustomStyle$h(), _A = prelemTypes(), aa = Object.entries(o == null ? void 0 : o.ImageCompound).map((_i, _u) => getImg(o, a, _u + 1));
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -246248,7 +246238,7 @@ ImageCrousel1.defaultProps = {
   },
   filters: {}
 };
-const useCustomStyle$e = makeStyles(() => ({
+const useCustomStyle$g = makeStyles(() => ({
   leftAlignParagraphWithHeadlineWrapper: {
     "&.leftAlignParagraphWithHeadlineBg": {
       background: useTheme().palette.prelemType1.BACKGROUND,
@@ -246263,7 +246253,7 @@ const useCustomStyle$e = makeStyles(() => ({
   authoringHelper: i,
   secondaryArgs: a
 }) => {
-  const A = useCustomStyle$e(), l = prelemTypes(), g = useRef(!0), { ref: s, inView: u } = useInView({
+  const A = useCustomStyle$g(), l = prelemTypes(), g = useRef(!0), { ref: s, inView: u } = useInView({
     /* Optional options */
     threshold: 0
   }), p = useRef(null), h = () => {
@@ -246365,7 +246355,7 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
     multiSlot: {}
   }
 };
-const useCustomStyle$d = makeStyles(() => {
+const useCustomStyle$f = makeStyles(() => {
   const o = useTheme();
   return {
     productSummary3Wrapper: {
@@ -246425,7 +246415,7 @@ const useCustomStyle$d = makeStyles(() => {
   secondaryArgs: a
 }) => {
   var C, w, T, _e, Y, _r, ga;
-  const A = useCustomStyle$d(), l = prelemTypes(), g = useRef(!0), { ref: s, inView: u } = useInView({
+  const A = useCustomStyle$f(), l = prelemTypes(), g = useRef(!0), { ref: s, inView: u } = useInView({
     /* Optional options */
     threshold: 0
   }), { original_image_relative_path: p, ext: h } = ((w = (C = o == null ? void 0 : o.ImageCompound) == null ? void 0 : C.ImageCompound_1) == null ? void 0 : w.original_image) || {}, f = formCroppedUrlString(
@@ -246660,7 +246650,7 @@ ProductSummary3.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$c = makeStyles(() => {
+const useCustomStyle$e = makeStyles(() => {
   const o = useTheme();
   return {
     productSummaryViaVideo2Wrapper: {
@@ -246781,7 +246771,7 @@ const useCustomStyle$c = makeStyles(() => {
       i == null || i.sendStructureDataToAuthoringCB(ga || "");
     }
   }, [o == null ? void 0 : o.Description, o == null ? void 0 : o.Title, (Y = (_e = o == null ? void 0 : o.Videos) == null ? void 0 : _e.Video_1) == null ? void 0 : Y.Url]), usePrelemImpression(n, h, a);
-  const E = useCustomStyle$c(), d = prelemTypes(), C = {
+  const E = useCustomStyle$e(), d = prelemTypes(), C = {
     md: [12, 12],
     em: [6, 6],
     lg: [6, 6]
@@ -246929,7 +246919,7 @@ ProductSummaryViaVideo2.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$b = makeStyles(() => {
+const useCustomStyle$d = makeStyles(() => {
   const o = useTheme();
   return {
     serviceCard1Wrapper: {
@@ -247004,7 +246994,7 @@ const useCustomStyle$b = makeStyles(() => {
       }
     }
   };
-}), useCustomStyle$a = makeStyles(() => {
+}), useCustomStyle$c = makeStyles(() => {
   const o = useTheme();
   return {
     serviceCard2Prelem: {
@@ -247082,7 +247072,7 @@ const useCustomStyle$b = makeStyles(() => {
   secondaryArgs: a,
   filters: A
 }) => {
-  const l = useCustomStyle$a(), g = prelemTypes(), [s] = React__default.useState("image"), { triggerClickAnalytics: u } = useClickImpression(), { contentValue: p, loader: h } = useContentData(o, a);
+  const l = useCustomStyle$c(), g = prelemTypes(), [s] = React__default.useState("image"), { triggerClickAnalytics: u } = useClickImpression(), { contentValue: p, loader: h } = useContentData(o, a);
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -247307,7 +247297,7 @@ ServiceCard2.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$9 = makeStyles(() => {
+const useCustomStyle$b = makeStyles(() => {
   const o = useTheme();
   return {
     serviceCard3Wrapper: {
@@ -247389,7 +247379,7 @@ const useCustomStyle$9 = makeStyles(() => {
       }
     }
   };
-}), useCustomStyle$8 = makeStyles(() => {
+}), useCustomStyle$a = makeStyles(() => {
   const o = useTheme();
   return {
     serviceCard6Wrapper: {
@@ -247501,7 +247491,7 @@ var default_1 = KeyboardArrowRightOutlined.default = void 0, _createSvgIcon = _i
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
 }), "KeyboardArrowRightOutlined");
 default_1 = KeyboardArrowRightOutlined.default = _default;
-const useCustomStyle$7 = makeStyles(() => {
+const useCustomStyle$9 = makeStyles(() => {
   const o = useTheme();
   return {
     ServiceCardActivityWrapper: {
@@ -247613,7 +247603,7 @@ const useCustomStyle$7 = makeStyles(() => {
   secondaryArgs: a,
   filters: A
 }) => {
-  const l = useCustomStyle$7(), g = prelemTypes(), { ref: s, inView: u } = useInView({
+  const l = useCustomStyle$9(), g = prelemTypes(), { ref: s, inView: u } = useInView({
     threshold: 0
   });
   usePrelemImpression(n, u, a);
@@ -247846,7 +247836,7 @@ ServiceCardActivity.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$6 = makeStyles(() => {
+const useCustomStyle$8 = makeStyles(() => {
   const o = useTheme();
   return {
     serviceShowcaseWrapper: {
@@ -248031,7 +248021,7 @@ const useCustomStyle$6 = makeStyles(() => {
     o == null ? void 0 : o.Button2_Value,
     o == null ? void 0 : o.Button2_RedirectURL
   ]), usePrelemImpression(n, E, a);
-  const w = useCustomStyle$6();
+  const w = useCustomStyle$8();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -248297,7 +248287,545 @@ ServiceShowcase.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-const useCustomStyle$5 = makeStyles(() => {
+const useCustomStyle$7 = makeStyles(() => {
+  var n, i, a;
+  const o = useTheme();
+  return {
+    ExperienceZoneWrapper: {
+      "&.PX-ExperienceZoneBox": {
+        margin: "auto",
+        "& .PX-headerWrapper": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginBottom: "6px",
+          "& h3": {
+            margin: 0,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            WebkitLineClamp: "1",
+            display: "-webkit-box",
+            WebkitBoxOrient: "vertical",
+            [o.breakpoints.down("sm")]: {
+              fontSize: (n = o.fontSize) == null ? void 0 : n.fontSize_18,
+              lineHeight: (i = o.lineHeight) == null ? void 0 : i.LINEHEIGHT_20
+            }
+          },
+          "& .viewAllCta": {
+            marginLeft: "10px",
+            background: "#E8E6E6",
+            border: "0",
+            color: o.palette.prelemType1.TITLE,
+            fontSize: (a = o.fontSize) == null ? void 0 : a.fontSize_14,
+            fontWeight: o.fontWeight.fontWeightRegular,
+            padding: "5px 15px",
+            minWidth: "90px",
+            height: "32px",
+            fontFamily: o.fontFamily.primary,
+            borderRadius: "50px",
+            textAlign: "center",
+            textDecoration: "none",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }
+        }
+      },
+      "& .PX-arrowDotSlider": {
+        "&.slick-slider": {
+          "& .slick-arrow": {
+            top: "auto",
+            bottom: "-45px",
+            width: "26px",
+            height: "26px",
+            zIndex: 9,
+            [o.breakpoints.down("sm")]: {
+              display: "none !important"
+            },
+            [o.breakpoints.down("em")]: {
+              bottom: "-35px"
+            },
+            "&.slick-prev": {
+              left: "auto",
+              right: "40px",
+              "&:before": {
+                background: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDAwNSIgY3k9IjEzLjAwMDUiIHI9IjEyLjk5OTUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxMy4wMDA1IDEzLjAwMDUpIiBmaWxsPSIjRThFNkU2Ii8+CjxwYXRoIGQ9Ik0xNi41NDk0IDE2Ljk3OTJMMTUuMjE0NyAxOC4yMDEyTDkuNTM1MTYgMTMuMDAxNEwxNS4yMTQ3IDcuODAxNTZMMTYuNTQ5NCA5LjAyMzUyTDEyLjIxNCAxMy4wMDE0TDE2LjU0OTQgMTYuOTc5MloiIGZpbGw9IiMzMDMwMzAiLz4KPC9zdmc+Cg==')",
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                content: "''",
+                opacity: 1
+              },
+              "&:hover:before, &:focus:before": {
+                opacity: 0.75
+              }
+            },
+            "&.slick-next": {
+              right: "0px",
+              "&:before": {
+                backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDA0NCIgY3k9IjEzLjAwMDUiIHI9IjEyLjk5OTUiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTMuMDA0NCAxMy4wMDA1KSIgZmlsbD0iI0U4RTZFNiIvPgo8cGF0aCBkPSJNOS40NTQ1NCA5LjAyMjczTDEwLjc4OTIgNy44MDA3OEwxNi40Njg3IDEzLjAwMDZMMTAuNzg5MiAxOC4yMDA0TDkuNDU0NTQgMTYuOTc4NEwxMy43ODk5IDEzLjAwMDZMOS40NTQ1NCA5LjAyMjczWiIgZmlsbD0iIzMwMzAzMCIvPgo8L3N2Zz4K')",
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                content: "''",
+                opacity: 1
+              },
+              "&:hover:before, &:focus:before": {
+                opacity: 0.75
+              }
+            },
+            "&.slick-disabled": {
+              opacity: 0.5,
+              cursor: "no-drop"
+            }
+          },
+          "& .slick-list": {
+            margin: "0 -5px",
+            [o.breakpoints.down("sm")]: {
+              margin: "0 0px"
+            },
+            "& .slick-track": {
+              "& .slick-slide": {
+                padding: "10px",
+                boxSizing: "border-box",
+                [o.breakpoints.down("sm")]: {
+                  padding: "5px"
+                }
+              }
+            }
+          },
+          "& .slick-dots": {
+            [o.breakpoints.down("sm")]: {
+              position: "relative",
+              bottom: 0
+            },
+            "& li": {
+              width: "8px",
+              height: "8px",
+              margin: "0 2px",
+              padding: "0",
+              "& button": {
+                width: "100%",
+                height: "100%",
+                padding: "0",
+                "&:before": {
+                  fontSize: "6px",
+                  lineHeight: "6px",
+                  width: "100%",
+                  height: "100%",
+                  color: "#A7A4A4",
+                  opacity: 1
+                }
+              },
+              "&.slick-active button:before": { color: "#303030 !important" }
+            }
+          }
+        }
+      }
+    }
+  };
+}), ThePollZone = ({
+  content: o,
+  analytics: n,
+  authoringHelper: i,
+  secondaryArgs: a,
+  filters: A,
+  pollDate: l,
+  isLoading: g
+}) => {
+  const [s, u] = useState([]);
+  usePrelemImpression$1(n, o, a);
+  const p = useCustomStyle$7(), h = (d) => {
+    onClickCardFunc(d, A, a);
+  }, E = { ...{
+    slidesToShow: 4,
+    slidesToScroll: 4,
+    autoPlay: !0,
+    dots: !1,
+    arrow: !0,
+    infinite: !1,
+    touchMove: !1,
+    responsive: [
+      {
+        breakpoint: 1024,
+        settings: {
+          slidesToShow: 3,
+          slidesToScroll: 3
+        }
+      },
+      {
+        breakpoint: 900,
+        settings: {
+          slidesToShow: 3,
+          slidesToScroll: 3
+        }
+      },
+      {
+        breakpoint: 600,
+        settings: {
+          slidesToShow: 2,
+          slidesToScroll: 2,
+          infinite: (s == null ? void 0 : s.length) > 2,
+          dots: !0,
+          arrow: !1,
+          touchMove: !0
+        }
+      }
+    ]
+  } };
+  return useEffect(() => {
+    u(sortedData(l, "start_date", "end_date", !1, !1, !0));
+  }, [l]), /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: i == null ? void 0 : i.innerRef,
+      className: `${p.ExperienceZoneWrapper} PX-ExperienceZoneBox`,
+      children: /* @__PURE__ */ jsx(Container$1, { className: "prelem-py", children: /* @__PURE__ */ jsxs(Box, { children: [
+        (s == null ? void 0 : s.length) > 0 && /* @__PURE__ */ jsxs(Box, { className: "PX-headerWrapper", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h3bold", children: "The Poll Zone" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondaryButton3",
+              className: "viewAllCta",
+              children: "View All"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Slider$1, { ...E, className: "PX-arrowDotSlider", children: g ? [...Array(4)].map((d, C) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant: "rectangular",
+              sx: {
+                height: {
+                  xs: "164px",
+                  sm: "308px",
+                  md: "398px",
+                  em: "260px",
+                  lg: "275px",
+                  xl: "340px"
+                },
+                width: "100%",
+                borderRadius: "10px",
+                background: "#e0e0e0",
+                animation: "none",
+                backgroundSize: "200% 100%"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant: "rectangular",
+              sx: {
+                height: "20px",
+                width: "100%",
+                borderRadius: "10px",
+                marginTop: "10px",
+                background: "#e0e0e0",
+                animation: "none",
+                backgroundSize: "200% 100%"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant: "rectangular",
+              sx: {
+                height: "10px",
+                width: "70%",
+                borderRadius: "10px",
+                marginTop: "10px",
+                background: "#e0e0e0",
+                animation: "none",
+                backgroundSize: "200% 100%"
+              }
+            }
+          )
+        ] }, C)) : s == null ? void 0 : s.map((d) => /* @__PURE__ */ jsx(
+          XCard15,
+          {
+            content: d,
+            secondaryArgs: a,
+            onCardClick: h
+          },
+          d
+        )) })
+      ] }) })
+    }
+  );
+}, useCustomStyle$6 = makeStyles(() => {
+  var n, i, a;
+  const o = useTheme();
+  return {
+    ExperienceZoneWrapper: {
+      "&.PX-ExperienceZoneBox": {
+        margin: "auto",
+        "& .PX-headerWrapper": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginBottom: "6px",
+          "& h3": {
+            margin: 0,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            WebkitLineClamp: "1",
+            display: "-webkit-box",
+            WebkitBoxOrient: "vertical",
+            [o.breakpoints.down("sm")]: {
+              fontSize: (n = o.fontSize) == null ? void 0 : n.fontSize_18,
+              lineHeight: (i = o.lineHeight) == null ? void 0 : i.LINEHEIGHT_20
+            }
+          },
+          "& .viewAllCta": {
+            marginLeft: "10px",
+            background: "#E8E6E6",
+            border: "0",
+            color: o.palette.prelemType1.TITLE,
+            fontSize: (a = o.fontSize) == null ? void 0 : a.fontSize_14,
+            fontWeight: o.fontWeight.fontWeightRegular,
+            padding: "5px 15px",
+            minWidth: "90px",
+            height: "32px",
+            fontFamily: o.fontFamily.primary,
+            borderRadius: "50px",
+            textAlign: "center",
+            textDecoration: "none",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }
+        }
+      },
+      "& .PX-arrowDotSlider": {
+        "&.slick-slider": {
+          "& .slick-arrow": {
+            top: "auto",
+            bottom: "-45px",
+            width: "26px",
+            height: "26px",
+            zIndex: 9,
+            [o.breakpoints.down("sm")]: {
+              display: "none !important"
+            },
+            [o.breakpoints.down("em")]: {
+              bottom: "-35px"
+            },
+            "&.slick-prev": {
+              left: "auto",
+              right: "40px",
+              "&:before": {
+                background: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDAwNSIgY3k9IjEzLjAwMDUiIHI9IjEyLjk5OTUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxMy4wMDA1IDEzLjAwMDUpIiBmaWxsPSIjRThFNkU2Ii8+CjxwYXRoIGQ9Ik0xNi41NDk0IDE2Ljk3OTJMMTUuMjE0NyAxOC4yMDEyTDkuNTM1MTYgMTMuMDAxNEwxNS4yMTQ3IDcuODAxNTZMMTYuNTQ5NCA5LjAyMzUyTDEyLjIxNCAxMy4wMDE0TDE2LjU0OTQgMTYuOTc5MloiIGZpbGw9IiMzMDMwMzAiLz4KPC9zdmc+Cg==')",
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                content: "''",
+                opacity: 1
+              },
+              "&:hover:before, &:focus:before": {
+                opacity: 0.75
+              }
+            },
+            "&.slick-next": {
+              right: "0px",
+              "&:before": {
+                backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDA0NCIgY3k9IjEzLjAwMDUiIHI9IjEyLjk5OTUiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMTMuMDA0NCAxMy4wMDA1KSIgZmlsbD0iI0U4RTZFNiIvPgo8cGF0aCBkPSJNOS40NTQ1NCA5LjAyMjczTDEwLjc4OTIgNy44MDA3OEwxNi40Njg3IDEzLjAwMDZMMTAuNzg5MiAxOC4yMDA0TDkuNDU0NTQgMTYuOTc4NEwxMy43ODk5IDEzLjAwMDZMOS40NTQ1NCA5LjAyMjczWiIgZmlsbD0iIzMwMzAzMCIvPgo8L3N2Zz4K')",
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                content: "''",
+                opacity: 1
+              },
+              "&:hover:before, &:focus:before": {
+                opacity: 0.75
+              }
+            },
+            "&.slick-disabled": {
+              opacity: 0.5,
+              cursor: "no-drop"
+            }
+          },
+          "& .slick-list": {
+            margin: "0 -5px",
+            [o.breakpoints.down("sm")]: {
+              margin: "0 0px"
+            },
+            "& .slick-track": {
+              "& .slick-slide": {
+                padding: "10px",
+                boxSizing: "border-box",
+                [o.breakpoints.down("sm")]: {
+                  padding: "5px"
+                }
+              }
+            }
+          },
+          "& .slick-dots": {
+            [o.breakpoints.down("sm")]: {
+              position: "relative",
+              bottom: 0
+            },
+            "& li": {
+              width: "8px",
+              height: "8px",
+              margin: "0 2px",
+              padding: "0",
+              "& button": {
+                width: "100%",
+                height: "100%",
+                padding: "0",
+                "&:before": {
+                  fontSize: "6px",
+                  lineHeight: "6px",
+                  width: "100%",
+                  height: "100%",
+                  color: "#A7A4A4",
+                  opacity: 1
+                }
+              },
+              "&.slick-active button:before": { color: "#303030 !important" }
+            }
+          }
+        }
+      }
+    }
+  };
+}), TheQuizZone = ({
+  content: o,
+  analytics: n,
+  authoringHelper: i,
+  secondaryArgs: a,
+  filters: A,
+  pollData: l,
+  isLoading: g
+}) => {
+  const [s, u] = useState([]);
+  usePrelemImpression$1(n, o, a);
+  const p = useCustomStyle$6(), h = (d) => {
+    onClickCardFunc(d, A, a);
+  }, E = { ...{
+    slidesToShow: 4,
+    slidesToScroll: 4,
+    autoPlay: !0,
+    dots: !1,
+    arrow: !0,
+    infinite: !1,
+    touchMove: !1,
+    responsive: [
+      {
+        breakpoint: 1024,
+        settings: {
+          slidesToShow: 3,
+          slidesToScroll: 3
+        }
+      },
+      {
+        breakpoint: 900,
+        settings: {
+          slidesToShow: 3,
+          slidesToScroll: 3
+        }
+      },
+      {
+        breakpoint: 600,
+        settings: {
+          slidesToShow: 2,
+          slidesToScroll: 2,
+          infinite: (s == null ? void 0 : s.length) > 2,
+          dots: !0,
+          arrow: !1,
+          touchMove: !0
+        }
+      }
+    ]
+  } };
+  return useEffect(() => {
+    u(sortedData(l, "start_date", "end_date", !1, !1, !0));
+  }, [l]), /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: i == null ? void 0 : i.innerRef,
+      className: `${p.ExperienceZoneWrapper} PX-ExperienceZoneBox`,
+      children: /* @__PURE__ */ jsx(Container$1, { className: "prelem-py", children: /* @__PURE__ */ jsxs(Box, { children: [
+        (s == null ? void 0 : s.length) > 0 && /* @__PURE__ */ jsxs(Box, { className: "PX-headerWrapper", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h3bold", children: "The Quiz Zone" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondaryButton3",
+              className: "viewAllCta",
+              children: "View All"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Slider$1, { ...E, className: "PX-arrowDotSlider", children: g ? [...Array(4)].map((d, C) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant: "rectangular",
+              sx: {
+                height: {
+                  xs: "164px",
+                  sm: "308px",
+                  md: "398px",
+                  em: "260px",
+                  lg: "275px",
+                  xl: "340px"
+                },
+                width: "100%",
+                borderRadius: "10px",
+                background: "#e0e0e0",
+                animation: "none",
+                backgroundSize: "200% 100%"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant: "rectangular",
+              sx: {
+                height: "20px",
+                width: "100%",
+                borderRadius: "10px",
+                marginTop: "10px",
+                background: "#e0e0e0",
+                animation: "none",
+                backgroundSize: "200% 100%"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              variant: "rectangular",
+              sx: {
+                height: "10px",
+                width: "70%",
+                borderRadius: "10px",
+                marginTop: "10px",
+                background: "#e0e0e0",
+                animation: "none",
+                backgroundSize: "200% 100%"
+              }
+            }
+          )
+        ] }, C)) : s == null ? void 0 : s.map((d) => /* @__PURE__ */ jsx(
+          XCard15,
+          {
+            content: d,
+            secondaryArgs: a,
+            onCardClick: h
+          },
+          d
+        )) })
+      ] }) })
+    }
+  );
+}, useCustomStyle$5 = makeStyles(() => {
   const o = useTheme();
   return {
     ToggleButtonWrapper: {
@@ -248763,26 +249291,112 @@ const JOIN_EVENT = `mutation ($input: community_userRegistrationInput) {
       isLoading: g
     }
   );
+}, PollZoneComponent = (o) => {
+  var d, C, w;
+  const { pageData: n = {}, secondaryArgs: i, filters: a } = o || {}, [A, l] = useState([]), [g, s] = useState(!0), {
+    prelemBaseEndpoint: { site_host: u, language: p }
+  } = i, h = {
+    pageId: n == null ? void 0 : n.page,
+    pageTitle: n == null ? void 0 : n.title,
+    pageDesc: n == null ? void 0 : n.description,
+    pageTags: (C = (d = n == null ? void 0 : n.settings) == null ? void 0 : d.keywords) == null ? void 0 : C.join(", "),
+    isAuthoring: !1,
+    isSeoEnabled: (w = n == null ? void 0 : n.settings) == null ? void 0 : w.seo_blockIndexing,
+    isAnalyticsEnabled: n == null ? void 0 : n.analytics_enable
+  }, f = {
+    isAuthoring: !1
+  }, E = async (T, _e, Y = "") => {
+    var ga, ya, _A, aa;
+    const _r = await fetchApi$1.getContentSchemaList(
+      {
+        searchTerm: Y,
+        filter: "ALL",
+        conditionString: "",
+        contentTypes: ["Poll"],
+        pagination: { start: 0, rows: 12 }
+      },
+      T || "en",
+      u
+    );
+    (ya = (ga = _r == null ? void 0 : _r.data) == null ? void 0 : ga.publish_getContents) != null && ya.records ? (_e((aa = (_A = _r == null ? void 0 : _r.data) == null ? void 0 : _A.publish_getContents) == null ? void 0 : aa.records), s(!1)) : (console.error("Something went wrong !"), s(!1));
+  };
+  return useEffect(() => {
+    E(p, l, "");
+  }, []), /* @__PURE__ */ jsx(
+    ThePollZone,
+    {
+      analytics: h,
+      authoringHelper: f,
+      secondaryArgs: i,
+      pollDate: A,
+      filters: a,
+      isLoading: g
+    }
+  );
+}, QuizZoneComponent = (o) => {
+  var d, C, w;
+  const { pageData: n = {}, secondaryArgs: i, filters: a } = o || {}, [A, l] = useState([]), [g, s] = useState(!0), {
+    prelemBaseEndpoint: { site_host: u, language: p }
+  } = i, h = {
+    pageId: n == null ? void 0 : n.page,
+    pageTitle: n == null ? void 0 : n.title,
+    pageDesc: n == null ? void 0 : n.description,
+    pageTags: (C = (d = n == null ? void 0 : n.settings) == null ? void 0 : d.keywords) == null ? void 0 : C.join(", "),
+    isAuthoring: !1,
+    isSeoEnabled: (w = n == null ? void 0 : n.settings) == null ? void 0 : w.seo_blockIndexing,
+    isAnalyticsEnabled: n == null ? void 0 : n.analytics_enable
+  }, f = {
+    isAuthoring: !1
+  }, E = async (T, _e, Y = "") => {
+    var ga, ya, _A, aa;
+    const _r = await fetchApi$1.getContentSchemaList(
+      {
+        searchTerm: Y,
+        filter: "ALL",
+        conditionString: "",
+        contentTypes: ["Quiz"],
+        pagination: { start: 0, rows: 12 }
+      },
+      T || "en",
+      u
+    );
+    (ya = (ga = _r == null ? void 0 : _r.data) == null ? void 0 : ga.publish_getContents) != null && ya.records ? (_e((aa = (_A = _r == null ? void 0 : _r.data) == null ? void 0 : _A.publish_getContents) == null ? void 0 : aa.records), s(!1)) : (console.error("Something went wrong !"), s(!1));
+  };
+  return useEffect(() => {
+    E(p, l, "");
+  }, []), /* @__PURE__ */ jsx(
+    TheQuizZone,
+    {
+      analytics: h,
+      authoringHelper: f,
+      secondaryArgs: i,
+      pollData: A,
+      filters: a,
+      isLoading: g
+    }
+  );
 }, EventListComponent = React__default.lazy(
-  () => import("./EventListComponent-CA50ctRf.mjs")
+  () => import("./EventListComponent-Ci8elP-X.mjs")
 ), EngagementHomeComponent = React__default.lazy(
-  () => import("./EngagementHomeComponent-DfT8n9Rs.mjs")
+  () => import("./EngagementHomeComponent-BYXxfmv7.mjs")
 ), ChallengeDetailComponent = React__default.lazy(
-  () => import("./ChallengeDetailComponent-RAkHgta0.mjs")
+  () => import("./ChallengeDetailComponent-C3lBSiCO.mjs")
 ), EventDetailComponent = React__default.lazy(
-  () => import("./EventDetailComponent-CbF7O1-b.mjs")
+  () => import("./EventDetailComponent-VTEJrJu_.mjs")
 ), CommonContentComponent = React__default.lazy(
-  () => import("./CommonContentComponent-DkBSffTx.mjs")
+  () => import("./CommonContentComponent-CCv-d_M-.mjs")
 ), ArticleVodListComponent = React__default.lazy(
-  () => import("./ArticleVodListComponent-CoHzkTS0.mjs")
+  () => import("./ArticleVodListComponent-BnjLfLwm.mjs")
 ), IndividualChallengeComponent = React__default.lazy(
-  () => import("./IndividualChallengeComponent-Db5zxjQ6.mjs")
-), PageComponent = React__default.lazy(() => import("./PageComponent-CkdAHdST.mjs")), Components = {
+  () => import("./IndividualChallengeComponent-C7Sc5k9-.mjs")
+), PageComponent = React__default.lazy(() => import("./PageComponent-DnBJmV4O.mjs")), Components = {
   //prelems
   eventList: EventListComponent,
   engagementHome: EngagementHomeComponent,
   dashboard: ChallengeSliderComponent,
   expzone: ExperienceZoneComponent,
+  quizzone: QuizZoneComponent,
+  pollzone: PollZoneComponent,
   //contentTypes
   challenges: ChallengeDetailComponent,
   wellnessevent: EventDetailComponent,
@@ -255815,6 +256429,10 @@ const useCustomStyle$4 = makeStyles((o) => {
       return /* @__PURE__ */ jsx(EngagementHomeLoader, {});
     case "expzone":
       return /* @__PURE__ */ jsx(ExperienceZoneSkeltonLoader, {});
+    case "quizzone":
+      return /* @__PURE__ */ jsx(ExperienceZoneSkeltonLoader, {});
+    case "pollzone":
+      return /* @__PURE__ */ jsx(ExperienceZoneSkeltonLoader, {});
     default:
       return /* @__PURE__ */ jsx(Loader$1, {});
   }
@@ -255943,9 +256561,9 @@ export {
   debounce$1 as Z,
   _extends$3 as _,
   fetchApi$1 as a,
-  default_1$n as a$,
+  usePrelemImpression$1 as a$,
   patterns as a0,
-  useCustomStyle$j as a1,
+  useCustomStyle$l as a1,
   prelemTypes as a2,
   useInView as a3,
   usePrelemImpression as a4,
@@ -255963,35 +256581,35 @@ export {
   ServiceCard2 as aG,
   ServiceCardActivity as aH,
   ServiceShowcase as aI,
-  ToggleButton as aJ,
-  useCustomStyle$p as aK,
-  ImageRender$1 as aL,
-  StartEndDateFormat as aM,
-  useCustomStyle$o as aN,
-  StarBegIcon as aO,
-  ImageRenderWithoutCrop$1 as aP,
-  Chip as aQ,
-  VirtualIcon as aR,
-  OfflineIcon as aS,
-  handleEventStatus as aT,
-  RecordedIcon as aU,
-  DateTimeDurationFormat as aV,
-  default_1$6 as aW,
-  useCustomStyle$n as aX,
-  useCustomStyle$m as aY,
-  usePrelemImpression$1 as aZ,
-  useCustomStyle$l as a_,
+  ThePollZone as aJ,
+  TheQuizZone as aK,
+  ToggleButton as aL,
+  useCustomStyle$r as aM,
+  ImageRender$1 as aN,
+  StartEndDateFormat as aO,
+  useCustomStyle$q as aP,
+  StarBegIcon as aQ,
+  ImageRenderWithoutCrop$1 as aR,
+  Chip as aS,
+  VirtualIcon as aT,
+  OfflineIcon as aU,
+  handleEventStatus as aV,
+  RecordedIcon as aW,
+  DateTimeDurationFormat as aX,
+  default_1$6 as aY,
+  useCustomStyle$p as aZ,
+  useCustomStyle$o as a_,
   AccordionDetails$1 as aa,
   DOMPurify as ab,
   SkeletonLoader as ac,
   ContentReplace as ad,
-  useCustomStyle$i as ae,
+  useCustomStyle$k as ae,
   useClickImpression as af,
-  useCustomStyle$b as ag,
+  useCustomStyle$d as ag,
   Slider$1 as ah,
   formCroppedUrlString as ai,
-  useCustomStyle$9 as aj,
-  useCustomStyle$8 as ak,
+  useCustomStyle$b as aj,
+  useCustomStyle$a as ak,
   BasicButton as al,
   default_1$5 as am,
   Article as an,
@@ -256008,29 +256626,31 @@ export {
   DynamicVideo as ay,
   ExperienceZone as az,
   showToastSuccess$1 as b,
-  useMediaQuery as b0,
-  IconButton as b1,
-  Search as b2,
-  InputBase as b3,
-  Cancel$1 as b4,
-  TabContext as b5,
-  TabList as b6,
-  Tab as b7,
-  TabPanel as b8,
-  sortedData as b9,
-  XCard7 as ba,
-  TrackerCard as bb,
-  XCard11 as bc,
-  fetchApi as bd,
-  useCustomStyle$M as be,
-  useCustomStyle$K as bf,
-  FormControlLabel as bg,
-  Checkbox as bh,
-  useCustomStyle$L as bi,
-  DialogContent as bj,
-  default_1$h as bk,
-  ContentTypeWrapper as bl,
-  PrelemsWrapper as bm,
+  useCustomStyle$n as b0,
+  default_1$n as b1,
+  useMediaQuery as b2,
+  IconButton as b3,
+  Search as b4,
+  InputBase as b5,
+  Cancel$1 as b6,
+  TabContext as b7,
+  TabList as b8,
+  Tab as b9,
+  TabPanel as ba,
+  sortedData as bb,
+  XCard7 as bc,
+  TrackerCard as bd,
+  XCard11 as be,
+  fetchApi as bf,
+  useCustomStyle$O as bg,
+  useCustomStyle$M as bh,
+  FormControlLabel as bi,
+  Checkbox as bj,
+  useCustomStyle$N as bk,
+  DialogContent as bl,
+  default_1$h as bm,
+  ContentTypeWrapper as bn,
+  PrelemsWrapper as bo,
   ChallengeDetail as c,
   EventDetail as d,
   getSecureLocalStorageData as e,