@platform-x/hcltechx-mfe-wrapper 2.0.36 → 2.0.38

package/{ToggleButton-C5UjcLju.mjs → ToggleButton-BRgZQG5s.mjs}

@@ -4,7 +4,7 @@ var F3 = (i, n, r) => (I2e(i, typeof n != "symbol" ? n + "" : n, r), r);
 import require$$2$2, { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext as createContext$1, useState, lazy as lazy$2, useRef, useEffect, Fragment as Fragment$1, Suspense, Component, useContext as useContext$2, useMemo, useCallback, createRef, useLayoutEffect } from "react";
-import { E as chainPropTypes, P as PropTypes, H as isHostComponent, _ as _extends, j as clsx, i as _objectWithoutPropertiesLoose, J as useForkRef, K as useEnhancedEffect, L as setRef, M as exactProp, d as generateUtilityClasses, e as generateUtilityClass, N as ownerDocument, O as refType$1, k as composeClasses, Q as ownerWindow, R as useEventCallback, h as styled, U as alpha, u as useThemeProps, p as useTheme, V as ClassNameGenerator, W as capitalize, X as createSvgIcon$1, Y as debounce$2, Z as requirePropFactory, $ as unsupportedProp, a0 as useIsFocusVisible, a1 as _inheritsLoose, a2 as TransitionGroupContext, a3 as elementTypeAcceptingRef, a4 as duration, a5 as reactIsExports$1, a6 as ButtonBase, a7 as useTheme$1, a8 as inputBaseClasses, a9 as useFormControl, aa as rootShouldForwardProp, T as Typography, ab as InputBaseRoot, ac as rootOverridesResolver, ad as InputBaseComponent, ae as inputOverridesResolver, af as deepmerge$1, w as InputBase, ag as isAdornedStart, ah as isFilled, ai as FormControlContext, aj as formControlState, ak as getThemeProps, al as keyframes, am as css, an as lighten, ao as darken, ap as getPath, aq as slotShouldForwardProp, ar as formatMuiErrorMessage, as as extendSxProp, at as handleBreakpoints, au as resolveBreakpointValues, av as createUnarySpacing, aw as getValue$3, ax as commonjsGlobal$2, l as getDefaultExportFromCjs, ay as _typeof, n as makeStyles, B as Box, G as Grid, q as Container$1, az as getAugmentedNamespace, I as IconButton, o as Button, aA as CircularProgress, aB as warning, y as TabContext, z as TabList, A as Tab, D as TabPanel, aC as hoistStatics, aD as propTypesExports, r as Slider$1, aE as y, aF as green, S as Skeleton } from "./index-DlQgJ2N0.mjs";
+import { E as chainPropTypes, P as PropTypes, H as isHostComponent, _ as _extends, j as clsx, i as _objectWithoutPropertiesLoose, J as useForkRef, K as useEnhancedEffect, L as setRef, M as exactProp, d as generateUtilityClasses, e as generateUtilityClass, N as ownerDocument, O as refType$1, k as composeClasses, Q as ownerWindow, R as useEventCallback, h as styled, U as alpha, u as useThemeProps, p as useTheme, V as ClassNameGenerator, W as capitalize, X as createSvgIcon$1, Y as debounce$2, Z as requirePropFactory, $ as unsupportedProp, a0 as useIsFocusVisible, a1 as _inheritsLoose, a2 as TransitionGroupContext, a3 as elementTypeAcceptingRef, a4 as duration, a5 as reactIsExports$1, a6 as ButtonBase, a7 as useTheme$1, a8 as inputBaseClasses, a9 as useFormControl, aa as rootShouldForwardProp, T as Typography, ab as InputBaseRoot, ac as rootOverridesResolver, ad as InputBaseComponent, ae as inputOverridesResolver, af as deepmerge$1, w as InputBase, ag as isAdornedStart, ah as isFilled, ai as FormControlContext, aj as formControlState, ak as getThemeProps, al as keyframes, am as css, an as lighten, ao as darken, ap as getPath, aq as slotShouldForwardProp, ar as formatMuiErrorMessage, as as extendSxProp, at as handleBreakpoints, au as resolveBreakpointValues, av as createUnarySpacing, aw as getValue$3, ax as commonjsGlobal$2, l as getDefaultExportFromCjs, ay as _typeof, n as makeStyles, B as Box, G as Grid, q as Container$1, az as getAugmentedNamespace, I as IconButton, o as Button, aA as CircularProgress, aB as warning, y as TabContext, z as TabList, A as Tab, D as TabPanel, aC as hoistStatics, aD as propTypesExports, r as Slider$1, aE as y, aF as green, S as Skeleton } from "./index-6enEfAZn.mjs";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 function isClassComponent(i) {
@@ -11414,7 +11414,7 @@ const AddCircle = createSvgIcon$1(/* @__PURE__ */ jsx("path", {
 }), "HighlightOffOutlined"), HowToReg = createSvgIcon$1(/* @__PURE__ */ jsx("path", {
   fillRule: "evenodd",
   d: "m9 17 3-2.94c-.39-.04-.68-.06-1-.06-2.67 0-8 1.34-8 4v2h9l-3-3zm2-5c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m4.47 8.5L12 17l1.4-1.41 2.07 2.08 5.13-5.17 1.4 1.41z"
-}), "HowToReg"), InfoOutlined = createSvgIcon$1(/* @__PURE__ */ jsx("path", {
+}), "HowToReg"), InfoOutlined$1 = createSvgIcon$1(/* @__PURE__ */ jsx("path", {
   d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 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"
 }), "InfoOutlined"), KeyboardArrowLeft$1 = createSvgIcon$1(/* @__PURE__ */ jsx("path", {
   d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
@@ -13795,7 +13795,7 @@ const fallBackImage$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAE7B
       }
     }
   };
-}), Share$3 = lazy$2(() => import("./Share-C_oB4Zv6.mjs")), RecentCarousel$1 = lazy$2(() => import("./RecentCarousel-BWLMLdWW.mjs")), Article = ({
+}), Share$3 = lazy$2(() => import("./Share-Dn0hvoEA.mjs")), RecentCarousel$1 = lazy$2(() => import("./RecentCarousel-OzYrI9pF.mjs")), Article = ({
   content: i = {},
   analytics: n,
   authoringHelper: r,
@@ -14274,14 +14274,14 @@ function requireCreateSvgIcon() {
     var n = require$$0$1;
   }(createSvgIcon)), createSvgIcon;
 }
-var _interopRequireDefault$l = interopRequireDefaultExports;
+var _interopRequireDefault$m = interopRequireDefaultExports;
 Object.defineProperty(KeyboardArrowDown, "__esModule", {
   value: !0
 });
-var default_1$l = KeyboardArrowDown.default = void 0, _createSvgIcon$l = _interopRequireDefault$l(requireCreateSvgIcon()), _jsxRuntime$l = require$$2$2, _default$l = (0, _createSvgIcon$l.default)(/* @__PURE__ */ (0, _jsxRuntime$l.jsx)("path", {
+var default_1$m = KeyboardArrowDown.default = void 0, _createSvgIcon$m = _interopRequireDefault$m(requireCreateSvgIcon()), _jsxRuntime$m = require$$2$2, _default$m = (0, _createSvgIcon$m.default)(/* @__PURE__ */ (0, _jsxRuntime$m.jsx)("path", {
   d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
 }), "KeyboardArrowDown");
-default_1$l = KeyboardArrowDown.default = _default$l;
+default_1$m = KeyboardArrowDown.default = _default$m;
 const Accordion = styled((i) => /* @__PURE__ */ jsx(Accordion$1, { disableGutters: !0, elevation: 0, square: !0, ...i }))(({ theme: i }) => ({
   "&:not(:last-child)": {
     borderBottom: 0
@@ -14293,7 +14293,7 @@ const Accordion = styled((i) => /* @__PURE__ */ jsx(Accordion$1, { disableGutter
   AccordionSummary$1,
   {
     ...i,
-    expandIcon: /* @__PURE__ */ jsx(default_1$l, { sx: { color: "#303030" } })
+    expandIcon: /* @__PURE__ */ jsx(default_1$m, { sx: { color: "#303030" } })
   }
 ))(({ theme: i }) => ({
   flexDirection: "row-reverse",
@@ -15744,14 +15744,14 @@ Proin lacinia lacinia felis, sed vehicula nunc lobortis quis. Nunc sit amet libe
     bucketName: "cropped_image_public"
   }
 };
-var PlayArrowRounded = {}, _interopRequireDefault$k = interopRequireDefaultExports;
+var PlayArrowRounded = {}, _interopRequireDefault$l = interopRequireDefaultExports;
 Object.defineProperty(PlayArrowRounded, "__esModule", {
   value: !0
 });
-var default_1$k = PlayArrowRounded.default = void 0, _createSvgIcon$k = _interopRequireDefault$k(requireCreateSvgIcon()), _jsxRuntime$k = require$$2$2, _default$k = (0, _createSvgIcon$k.default)(/* @__PURE__ */ (0, _jsxRuntime$k.jsx)("path", {
+var default_1$l = PlayArrowRounded.default = void 0, _createSvgIcon$l = _interopRequireDefault$l(requireCreateSvgIcon()), _jsxRuntime$l = require$$2$2, _default$l = (0, _createSvgIcon$l.default)(/* @__PURE__ */ (0, _jsxRuntime$l.jsx)("path", {
   d: "M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"
 }), "PlayArrowRounded");
-default_1$k = PlayArrowRounded.default = _default$k;
+default_1$l = PlayArrowRounded.default = _default$l;
 var react = { exports: {} }, extendStatics$1 = function(i, n) {
   return extendStatics$1 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, o) {
     r.__proto__ = o;
@@ -196997,7 +196997,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-Bj2AVJ81.mjs"
+      "./YouTube-Du2bW-pZ.mjs"
     ).then((i) => i.Y))
   },
   {
@@ -197006,7 +197006,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-D-8aFp9D.mjs"
+      "./SoundCloud-DSCUt6eS.mjs"
     ).then((i) => i.S))
   },
   {
@@ -197015,7 +197015,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-bf1BKcMt.mjs"
+      "./Vimeo-D0-IbWLW.mjs"
     ).then((i) => i.V))
   },
   {
@@ -197024,7 +197024,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-DK40fxhq.mjs"
+      "./Mux-DYFWwY03.mjs"
     ).then((i) => i.M))
   },
   {
@@ -197033,7 +197033,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-k8nuNJ7o.mjs"
+      "./Facebook-DM2nxZ6X.mjs"
     ).then((i) => i.F))
   },
   {
@@ -197042,7 +197042,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-BiYJiwDw.mjs"
+      "./Streamable-Cojf5IZE.mjs"
     ).then((i) => i.S))
   },
   {
@@ -197051,7 +197051,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-xZYGY9aJ.mjs"
+      "./Wistia-BGAmR-h4.mjs"
     ).then((i) => i.W))
   },
   {
@@ -197060,7 +197060,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-CElByY-1.mjs"
+      "./Twitch-DJHuAKar.mjs"
     ).then((i) => i.T))
   },
   {
@@ -197069,7 +197069,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-BwxO6tG5.mjs"
+      "./DailyMotion-BsHSX8vI.mjs"
     ).then((i) => i.D))
   },
   {
@@ -197078,7 +197078,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-CAaRW4ED.mjs"
+      "./Mixcloud-DqiNM5oV.mjs"
     ).then((i) => i.M))
   },
   {
@@ -197087,7 +197087,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-ssbPkc2r.mjs"
+      "./Vidyard-BQz9Qrom.mjs"
     ).then((i) => i.V))
   },
   {
@@ -197096,7 +197096,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-DFJUy4Zd.mjs"
+      "./Kaltura-Csov5YFP.mjs"
     ).then((i) => i.K))
   },
   {
@@ -197106,7 +197106,7 @@ var players = __toCommonJS$4(players_exports), import_utils$2 = utils$2, import_
     canEnablePIP: (i) => import_patterns.canPlay.file(i) && (document.pictureInPictureEnabled || (0, import_utils$2.supportsWebKitPresentationMode)()) && !import_patterns.AUDIO_EXTENSIONS.test(i),
     lazyPlayer: (0, import_utils$2.lazy)(() => import(
       /* webpackChunkName: 'reactPlayerFilePlayer' */
-      "./FilePlayer-C_Eif-Ix.mjs"
+      "./FilePlayer-D4Gl4oHv.mjs"
     ).then((i) => i.F))
   }
 ], safeIsNaN = Number.isNaN || function i(n) {
@@ -197602,7 +197602,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-QR7UPRLf.mjs"
+  "./Preview-CLaNzqg9.mjs"
 ).then((i) => i.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 = (i, n) => {
   var r;
   return r = class extends import_react.Component {
@@ -198332,7 +198332,7 @@ const EventDetail = ({
                     height: { xs: "45px", md: "77px" }
                   },
                   children: /* @__PURE__ */ jsx(
-                    default_1$k,
+                    default_1$l,
                     {
                       onClick: ja,
                       "data-testid": "play-vod-enable",
@@ -198881,22 +198881,22 @@ const toastPosition = "bottom-left", showToastSuccess = (i) => {
   }),
   dismissToast: (i = "") => y.dismiss(i)
 };
-var Add = {}, _interopRequireDefault$j = interopRequireDefaultExports;
+var Add = {}, _interopRequireDefault$k = interopRequireDefaultExports;
 Object.defineProperty(Add, "__esModule", {
   value: !0
 });
-var default_1$j = Add.default = void 0, _createSvgIcon$j = _interopRequireDefault$j(requireCreateSvgIcon()), _jsxRuntime$j = require$$2$2, _default$j = (0, _createSvgIcon$j.default)(/* @__PURE__ */ (0, _jsxRuntime$j.jsx)("path", {
+var default_1$k = Add.default = void 0, _createSvgIcon$k = _interopRequireDefault$k(requireCreateSvgIcon()), _jsxRuntime$k = require$$2$2, _default$k = (0, _createSvgIcon$k.default)(/* @__PURE__ */ (0, _jsxRuntime$k.jsx)("path", {
   d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
 }), "Add");
-default_1$j = Add.default = _default$j;
-var Remove = {}, _interopRequireDefault$i = interopRequireDefaultExports;
+default_1$k = Add.default = _default$k;
+var Remove = {}, _interopRequireDefault$j = interopRequireDefaultExports;
 Object.defineProperty(Remove, "__esModule", {
   value: !0
 });
-var default_1$i = Remove.default = void 0, _createSvgIcon$i = _interopRequireDefault$i(requireCreateSvgIcon()), _jsxRuntime$i = require$$2$2, _default$i = (0, _createSvgIcon$i.default)(/* @__PURE__ */ (0, _jsxRuntime$i.jsx)("path", {
+var default_1$j = Remove.default = void 0, _createSvgIcon$j = _interopRequireDefault$j(requireCreateSvgIcon()), _jsxRuntime$j = require$$2$2, _default$j = (0, _createSvgIcon$j.default)(/* @__PURE__ */ (0, _jsxRuntime$j.jsx)("path", {
   d: "M19 13H5v-2h14v2z"
 }), "Remove");
-default_1$i = Remove.default = _default$i;
+default_1$j = Remove.default = _default$j;
 function SetGoalModal({
   isDialogOpen: i,
   // closeButtonText,
@@ -199005,7 +199005,7 @@ function SetGoalModal({
                               edge: "end",
                               onClick: () => C("add"),
                               disabled: Number(s) >= 1e5,
-                              children: /* @__PURE__ */ jsx(default_1$j, {})
+                              children: /* @__PURE__ */ jsx(default_1$k, {})
                             }
                           ) }),
                           startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", sx: { margin: 0 }, children: /* @__PURE__ */ jsx(
@@ -199014,7 +199014,7 @@ function SetGoalModal({
                               edge: "start",
                               onClick: () => C("remove"),
                               disabled: Number(s) <= 500,
-                              children: /* @__PURE__ */ jsx(default_1$i, {})
+                              children: /* @__PURE__ */ jsx(default_1$j, {})
                             }
                           ) })
                         },
@@ -199155,22 +199155,22 @@ const apiConfig = async (i, n, r, o, A, s = "") => {
   setPersonalGoal: async (i, n, r, o) => await apiConfig(r, n, SET_PERSONAL_GOAL, i, o),
   updateDataSource: async (i, n, r, o) => await apiConfig(r, n, UPDATE_DATA_SOURCE, i, o)
 };
-var Cancel = {}, _interopRequireDefault$h = interopRequireDefaultExports;
+var Cancel = {}, _interopRequireDefault$i = interopRequireDefaultExports;
 Object.defineProperty(Cancel, "__esModule", {
   value: !0
 });
-var default_1$h = Cancel.default = void 0, _createSvgIcon$h = _interopRequireDefault$h(requireCreateSvgIcon()), _jsxRuntime$h = require$$2$2, _default$h = (0, _createSvgIcon$h.default)(/* @__PURE__ */ (0, _jsxRuntime$h.jsx)("path", {
+var default_1$i = Cancel.default = void 0, _createSvgIcon$i = _interopRequireDefault$i(requireCreateSvgIcon()), _jsxRuntime$i = require$$2$2, _default$i = (0, _createSvgIcon$i.default)(/* @__PURE__ */ (0, _jsxRuntime$i.jsx)("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
-default_1$h = Cancel.default = _default$h;
-var KeyboardBackspace = {}, _interopRequireDefault$g = interopRequireDefaultExports;
+default_1$i = Cancel.default = _default$i;
+var KeyboardBackspace = {}, _interopRequireDefault$h = interopRequireDefaultExports;
 Object.defineProperty(KeyboardBackspace, "__esModule", {
   value: !0
 });
-var default_1$g = KeyboardBackspace.default = void 0, _createSvgIcon$g = _interopRequireDefault$g(requireCreateSvgIcon()), _jsxRuntime$g = require$$2$2, _default$g = (0, _createSvgIcon$g.default)(/* @__PURE__ */ (0, _jsxRuntime$g.jsx)("path", {
+var default_1$h = KeyboardBackspace.default = void 0, _createSvgIcon$h = _interopRequireDefault$h(requireCreateSvgIcon()), _jsxRuntime$h = require$$2$2, _default$h = (0, _createSvgIcon$h.default)(/* @__PURE__ */ (0, _jsxRuntime$h.jsx)("path", {
   d: "M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z"
 }), "KeyboardBackspace");
-default_1$g = KeyboardBackspace.default = _default$g;
+default_1$h = KeyboardBackspace.default = _default$h;
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use
@@ -199950,7 +199950,7 @@ function InviteColleagueModal({
             color: "inherit",
             onClick: r,
             "aria-label": "close",
-            children: /* @__PURE__ */ jsx(default_1$g, {})
+            children: /* @__PURE__ */ jsx(default_1$h, {})
           }
         ) }),
         /* @__PURE__ */ jsx(DialogTitle, { variant: "h5medium", className: "TopTitle", children: (h == null ? void 0 : h.length) > 0 ? "Modify your Challenge" : "Set Up Challenge and Invite" }),
@@ -199981,7 +199981,7 @@ function InviteColleagueModal({
                             edge: "end",
                             onClick: (_g) => Z0(_g, "add"),
                             disabled: !(aa < 100),
-                            children: /* @__PURE__ */ jsx(default_1$j, {})
+                            children: /* @__PURE__ */ jsx(default_1$k, {})
                           }
                         ) }),
                         startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", sx: { margin: 0 }, children: /* @__PURE__ */ jsx(
@@ -199990,7 +199990,7 @@ function InviteColleagueModal({
                             edge: "start",
                             onClick: (_g) => Z0(_g, "remove"),
                             disabled: !(aa > Number(o == null ? void 0 : o.target) / 1e3),
-                            children: /* @__PURE__ */ jsx(default_1$i, {})
+                            children: /* @__PURE__ */ jsx(default_1$j, {})
                           }
                         ) })
                       },
@@ -200056,7 +200056,7 @@ function InviteColleagueModal({
                 /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: "4px", padding: "5px 0px" }, children: _n == null ? void 0 : _n.map((_g) => /* @__PURE__ */ jsxs(Box, { className: "spanLabelText", children: [
                   /* @__PURE__ */ jsx("span", { children: _g == null ? void 0 : _g.name }),
                   /* @__PURE__ */ jsx(
-                    default_1$h,
+                    default_1$i,
                     {
                       fontSize: "small",
                       sx: { cursor: "pointer" },
@@ -200534,7 +200534,7 @@ function InviteMoreModal({
               /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: "4px", padding: "5px 0px" }, children: l == null ? void 0 : l.map((f2) => /* @__PURE__ */ jsxs(Box, { className: "spanLabelText", children: [
                 /* @__PURE__ */ jsx("span", { children: f2 == null ? void 0 : f2.name }),
                 /* @__PURE__ */ jsx(
-                  default_1$h,
+                  default_1$i,
                   {
                     fontSize: "small",
                     sx: { cursor: "pointer" },
@@ -200588,14 +200588,14 @@ function InviteMoreModal({
     }
   );
 }
-var HighlightOffOutlined = {}, _interopRequireDefault$f = interopRequireDefaultExports;
+var HighlightOffOutlined = {}, _interopRequireDefault$g = interopRequireDefaultExports;
 Object.defineProperty(HighlightOffOutlined, "__esModule", {
   value: !0
 });
-var default_1$f = HighlightOffOutlined.default = void 0, _createSvgIcon$f = _interopRequireDefault$f(requireCreateSvgIcon()), _jsxRuntime$f = require$$2$2, _default$f = (0, _createSvgIcon$f.default)(/* @__PURE__ */ (0, _jsxRuntime$f.jsx)("path", {
+var default_1$g = HighlightOffOutlined.default = void 0, _createSvgIcon$g = _interopRequireDefault$g(requireCreateSvgIcon()), _jsxRuntime$g = require$$2$2, _default$g = (0, _createSvgIcon$g.default)(/* @__PURE__ */ (0, _jsxRuntime$g.jsx)("path", {
   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$f = HighlightOffOutlined.default = _default$f;
+default_1$g = HighlightOffOutlined.default = _default$g;
 const useCustomStyle$Q = makeStyles(() => ({
   PXCommonModal: {
     "& .Platform-x-Paper-root": {
@@ -200954,11 +200954,11 @@ function ManageRequestModal({
             color: "inherit",
             onClick: n,
             "aria-label": "close",
-            children: /* @__PURE__ */ jsx(default_1$g, {})
+            children: /* @__PURE__ */ jsx(default_1$h, {})
           }
         ) }),
         /* @__PURE__ */ jsx(DialogTitle, { variant: "h5medium", className: "TopTitle", children: "Manage Request" }),
-        /* @__PURE__ */ jsx(Box, { className: "closeCta", onClick: n, children: /* @__PURE__ */ jsx(default_1$f, {}) }),
+        /* @__PURE__ */ jsx(Box, { className: "closeCta", onClick: n, children: /* @__PURE__ */ jsx(default_1$g, {}) }),
         /* @__PURE__ */ jsxs(TabContext, { value: C, children: [
           /* @__PURE__ */ jsxs(
             TabList,
@@ -201434,7 +201434,7 @@ function ParticipantsModal({
       onClose: n,
       children: [
         /* @__PURE__ */ jsx(DialogTitle, { variant: "h5medium", className: "TopTitle", children: "Participants" }),
-        /* @__PURE__ */ jsx(Box, { className: "closeCta", onClick: n, children: /* @__PURE__ */ jsx(default_1$f, {}) }),
+        /* @__PURE__ */ jsx(Box, { className: "closeCta", onClick: n, children: /* @__PURE__ */ jsx(default_1$g, {}) }),
         g ? /* @__PURE__ */ jsx(
           Box,
           {
@@ -201485,22 +201485,22 @@ function ParticipantsModal({
     }
   );
 }
-var GroupAdd = {}, _interopRequireDefault$e = interopRequireDefaultExports;
+var GroupAdd = {}, _interopRequireDefault$f = interopRequireDefaultExports;
 Object.defineProperty(GroupAdd, "__esModule", {
   value: !0
 });
-var default_1$e = GroupAdd.default = void 0, _createSvgIcon$e = _interopRequireDefault$e(requireCreateSvgIcon()), _jsxRuntime$e = require$$2$2, _default$e = (0, _createSvgIcon$e.default)(/* @__PURE__ */ (0, _jsxRuntime$e.jsx)("path", {
+var default_1$f = GroupAdd.default = void 0, _createSvgIcon$f = _interopRequireDefault$f(requireCreateSvgIcon()), _jsxRuntime$f = require$$2$2, _default$f = (0, _createSvgIcon$f.default)(/* @__PURE__ */ (0, _jsxRuntime$f.jsx)("path", {
   d: "M22 9V7h-2v2h-2v2h2v2h2v-2h2V9zM8 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 1c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm4.51-8.95C13.43 5.11 14 6.49 14 8s-.57 2.89-1.49 3.95C14.47 11.7 16 10.04 16 8s-1.53-3.7-3.49-3.95zm4.02 9.78C17.42 14.66 18 15.7 18 17v3h2v-3c0-1.45-1.59-2.51-3.47-3.17z"
 }), "GroupAdd");
-default_1$e = GroupAdd.default = _default$e;
-var MoreVert = {}, _interopRequireDefault$d = interopRequireDefaultExports;
+default_1$f = GroupAdd.default = _default$f;
+var MoreVert = {}, _interopRequireDefault$e = interopRequireDefaultExports;
 Object.defineProperty(MoreVert, "__esModule", {
   value: !0
 });
-var default_1$d = MoreVert.default = void 0, _createSvgIcon$d = _interopRequireDefault$d(requireCreateSvgIcon()), _jsxRuntime$d = require$$2$2, _default$d = (0, _createSvgIcon$d.default)(/* @__PURE__ */ (0, _jsxRuntime$d.jsx)("path", {
+var default_1$e = MoreVert.default = void 0, _createSvgIcon$e = _interopRequireDefault$e(requireCreateSvgIcon()), _jsxRuntime$e = require$$2$2, _default$e = (0, _createSvgIcon$e.default)(/* @__PURE__ */ (0, _jsxRuntime$e.jsx)("path", {
   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$d = MoreVert.default = _default$d;
+default_1$e = MoreVert.default = _default$e;
 const useCustomStyle$N = makeStyles(() => {
   const i = useTheme();
   return {
@@ -201682,7 +201682,7 @@ margin: 0}
           {
             variant: "tertiaryButton1",
             onClick: K,
-            startIcon: /* @__PURE__ */ jsx(default_1$e, {}),
+            startIcon: /* @__PURE__ */ jsx(default_1$f, {}),
             children: "Invite More"
           }
         ) }),
@@ -201698,7 +201698,7 @@ margin: 0}
                 IconButton,
                 {
                   onClick: B,
-                  children: /* @__PURE__ */ jsx(default_1$d, {})
+                  children: /* @__PURE__ */ jsx(default_1$e, {})
                 }
               ),
               /* @__PURE__ */ jsxs(
@@ -201871,7 +201871,7 @@ function VideoModal({ isDialogOpen: i, handleClose: n, content: r, analytics: o
       open: i,
       onClose: n,
       children: [
-        /* @__PURE__ */ jsx(Box, { className: "closeCta", onClick: n, children: /* @__PURE__ */ jsx(default_1$f, {}) }),
+        /* @__PURE__ */ jsx(Box, { className: "closeCta", onClick: n, children: /* @__PURE__ */ jsx(default_1$g, {}) }),
         s && /* @__PURE__ */ jsx(Box, { className: "PX-LoaderWp", children: /* @__PURE__ */ jsx(Loader, {}) }),
         !s && /* @__PURE__ */ jsx(Box, { className: "PX-LoaderWp", children: /* @__PURE__ */ jsx(Suspense, { fallback: "Loading...", children: /* @__PURE__ */ jsx(
           BrightcovePlayer$1,
@@ -202674,7 +202674,7 @@ const useCustomStyle$L = makeStyles(() => {
                     }
                   ),
                   /* @__PURE__ */ jsxs(Typography, { variant: "h8regular", className: "bottomText", children: [
-                    /* @__PURE__ */ jsx(InfoOutlined, {}),
+                    /* @__PURE__ */ jsx(InfoOutlined$1, {}),
                     " ",
                     `You have ${h1()} request pending`
                   ] })
@@ -203477,14 +203477,14 @@ const VoteProgress = (i) => /* @__PURE__ */ jsxs(Fragment, { children: [
     );
   }) });
 };
-var Done = {}, _interopRequireDefault$c = interopRequireDefaultExports;
+var Done = {}, _interopRequireDefault$d = interopRequireDefaultExports;
 Object.defineProperty(Done, "__esModule", {
   value: !0
 });
-var default_1$c = Done.default = void 0, _createSvgIcon$c = _interopRequireDefault$c(requireCreateSvgIcon()), _jsxRuntime$c = require$$2$2, _default$c = (0, _createSvgIcon$c.default)(/* @__PURE__ */ (0, _jsxRuntime$c.jsx)("path", {
+var default_1$d = Done.default = void 0, _createSvgIcon$d = _interopRequireDefault$d(requireCreateSvgIcon()), _jsxRuntime$d = require$$2$2, _default$d = (0, _createSvgIcon$d.default)(/* @__PURE__ */ (0, _jsxRuntime$d.jsx)("path", {
   d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"
 }), "Done");
-default_1$c = Done.default = _default$c;
+default_1$d = Done.default = _default$d;
 const SingleQuestion$1 = ({ data: i = [], callBack: n }) => {
   const [r, o] = useState(0), A = (s) => {
     o(s), n(s);
@@ -203518,7 +203518,7 @@ const SingleQuestion$1 = ({ data: i = [], callBack: n }) => {
         control: /* @__PURE__ */ jsx(
           Radio,
           {
-            checkedIcon: /* @__PURE__ */ jsx(default_1$c, {}),
+            checkedIcon: /* @__PURE__ */ jsx(default_1$d, {}),
             sx: {
               padding: 0,
               display: "none",
@@ -204089,7 +204089,7 @@ const SingleQuestion$1 = ({ data: i = [], callBack: n }) => {
       }
     )
   ] });
-}, Share$2 = lazy$2(() => import("./Share-C_oB4Zv6.mjs")), Poll = ({
+}, Share$2 = lazy$2(() => import("./Share-Dn0hvoEA.mjs")), Poll = ({
   content: i,
   onSubmit: n,
   results: r = [],
@@ -204775,7 +204775,7 @@ const SingleImageCard = ({ option: i, secondaryArgs: n = {}, activeItem: r, setS
         control: /* @__PURE__ */ jsx(
           Radio,
           {
-            checkedIcon: /* @__PURE__ */ jsx(default_1$c, {}),
+            checkedIcon: /* @__PURE__ */ jsx(default_1$d, {}),
             sx: {
               padding: 0,
               display: "none",
@@ -204919,7 +204919,7 @@ const QuizContext = React__default.createContext([]), SingleQuestion = ({ data:
         control: /* @__PURE__ */ jsx(
           Radio,
           {
-            checkedIcon: /* @__PURE__ */ jsx(default_1$c, {}),
+            checkedIcon: /* @__PURE__ */ jsx(default_1$d, {}),
             sx: {
               padding: 0,
               color: "transparent",
@@ -205418,30 +205418,30 @@ const QuizContext = React__default.createContext([]), SingleQuestion = ({ data:
     }
   );
 };
-var ArrowBack = {}, _interopRequireDefault$b = interopRequireDefaultExports;
+var ArrowBack = {}, _interopRequireDefault$c = interopRequireDefaultExports;
 Object.defineProperty(ArrowBack, "__esModule", {
   value: !0
 });
-var default_1$b = ArrowBack.default = void 0, _createSvgIcon$b = _interopRequireDefault$b(requireCreateSvgIcon()), _jsxRuntime$b = require$$2$2, _default$b = (0, _createSvgIcon$b.default)(/* @__PURE__ */ (0, _jsxRuntime$b.jsx)("path", {
+var default_1$c = ArrowBack.default = void 0, _createSvgIcon$c = _interopRequireDefault$c(requireCreateSvgIcon()), _jsxRuntime$c = require$$2$2, _default$c = (0, _createSvgIcon$c.default)(/* @__PURE__ */ (0, _jsxRuntime$c.jsx)("path", {
   d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
 }), "ArrowBack");
-default_1$b = ArrowBack.default = _default$b;
-var CheckBox = {}, _interopRequireDefault$a = interopRequireDefaultExports;
+default_1$c = ArrowBack.default = _default$c;
+var CheckBox = {}, _interopRequireDefault$b = interopRequireDefaultExports;
 Object.defineProperty(CheckBox, "__esModule", {
   value: !0
 });
-var default_1$a = CheckBox.default = void 0, _createSvgIcon$a = _interopRequireDefault$a(requireCreateSvgIcon()), _jsxRuntime$a = require$$2$2, _default$a = (0, _createSvgIcon$a.default)(/* @__PURE__ */ (0, _jsxRuntime$a.jsx)("path", {
+var default_1$b = CheckBox.default = void 0, _createSvgIcon$b = _interopRequireDefault$b(requireCreateSvgIcon()), _jsxRuntime$b = require$$2$2, _default$b = (0, _createSvgIcon$b.default)(/* @__PURE__ */ (0, _jsxRuntime$b.jsx)("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
 }), "CheckBox");
-default_1$a = CheckBox.default = _default$a;
-var Close = {}, _interopRequireDefault$9 = interopRequireDefaultExports;
+default_1$b = CheckBox.default = _default$b;
+var Close = {}, _interopRequireDefault$a = interopRequireDefaultExports;
 Object.defineProperty(Close, "__esModule", {
   value: !0
 });
-var default_1$9 = Close.default = void 0, _createSvgIcon$9 = _interopRequireDefault$9(requireCreateSvgIcon()), _jsxRuntime$9 = require$$2$2, _default$9 = (0, _createSvgIcon$9.default)(/* @__PURE__ */ (0, _jsxRuntime$9.jsx)("path", {
+var default_1$a = Close.default = void 0, _createSvgIcon$a = _interopRequireDefault$a(requireCreateSvgIcon()), _jsxRuntime$a = require$$2$2, _default$a = (0, _createSvgIcon$a.default)(/* @__PURE__ */ (0, _jsxRuntime$a.jsx)("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-default_1$9 = Close.default = _default$9;
+default_1$a = Close.default = _default$a;
 const ViewAnswers = ({
   backToHome: i,
   background: n,
@@ -205508,7 +205508,7 @@ const ViewAnswers = ({
                       marginRight: 0,
                       marginLeft: 0
                     },
-                    endIcon: /* @__PURE__ */ jsx(default_1$b, { sx: { marginRight: "12px", marginLeft: "0px" } }),
+                    endIcon: /* @__PURE__ */ jsx(default_1$c, { sx: { marginRight: "12px", marginLeft: "0px" } }),
                     onClick: i,
                     "data-testid": "quiz-backToHome"
                   }
@@ -205595,7 +205595,7 @@ const ViewAnswers = ({
                               },
                               children: [
                                 /* @__PURE__ */ jsx(Typography, { variant: "h6regular", color: "textColor", children: v.option_text }),
-                                /* @__PURE__ */ jsx(Box, { children: v.is_correct ? /* @__PURE__ */ jsx(default_1$c, { sx: { color: "#5cb75b" } }) : /* @__PURE__ */ jsx(default_1$9, { sx: { color: "#ee6723" } }) })
+                                /* @__PURE__ */ jsx(Box, { children: v.is_correct ? /* @__PURE__ */ jsx(default_1$d, { sx: { color: "#5cb75b" } }) : /* @__PURE__ */ jsx(default_1$a, { sx: { color: "#ee6723" } }) })
                               ]
                             }
                           )
@@ -205624,10 +205624,10 @@ const ViewAnswers = ({
                         },
                         children: [
                           /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center" }, children: [
-                            d.question_type === "Multiple" && /* @__PURE__ */ jsx(default_1$a, { sx: { mr: "13px" } }),
+                            d.question_type === "Multiple" && /* @__PURE__ */ jsx(default_1$b, { sx: { mr: "13px" } }),
                             /* @__PURE__ */ jsx(Typography, { variant: "h6regular", color: "textColor", children: v.option_text })
                           ] }),
-                          /* @__PURE__ */ jsx(Box, { children: v.is_correct ? /* @__PURE__ */ jsx(default_1$c, { sx: { color: "#5cb75b" } }) : /* @__PURE__ */ jsx(default_1$9, { sx: { color: "#ee6723" } }) })
+                          /* @__PURE__ */ jsx(Box, { children: v.is_correct ? /* @__PURE__ */ jsx(default_1$d, { sx: { color: "#5cb75b" } }) : /* @__PURE__ */ jsx(default_1$a, { sx: { color: "#ee6723" } }) })
                         ]
                       },
                       h
@@ -205765,7 +205765,7 @@ const ViewAnswers = ({
       }
     }
   };
-}), Share$1 = lazy$2(() => import("./Share-C_oB4Zv6.mjs")), Quiz = ({
+}), Share$1 = lazy$2(() => import("./Share-Dn0hvoEA.mjs")), Quiz = ({
   content: i,
   analytics: n,
   authoringHelper: r,
@@ -206844,7 +206844,7 @@ const useCustomStyle$J = makeStyles(() => {
       }
     }
   };
-}), Share = lazy$2(() => import("./Share-C_oB4Zv6.mjs")), RecentCarousel = lazy$2(() => import("./RecentCarousel-BWLMLdWW.mjs")), BrightcovePlayer = React__default.lazy(
+}), Share = lazy$2(() => import("./Share-Dn0hvoEA.mjs")), RecentCarousel = lazy$2(() => import("./RecentCarousel-OzYrI9pF.mjs")), BrightcovePlayer = React__default.lazy(
   () => Promise.resolve().then(() => BrightcovePlayer$2)
 ), latestVODs = [
   {
@@ -207071,7 +207071,7 @@ const useCustomStyle$J = makeStyles(() => {
                     height: "fit-content"
                   },
                   children: /* @__PURE__ */ jsx(Typography, { sx: { margin: { sm: "0 auto" }, padding: "0 15px" }, children: /* @__PURE__ */ jsx(
-                    default_1$k,
+                    default_1$l,
                     {
                       onClick: v,
                       "data-testid": "play-vod-enable",
@@ -207740,14 +207740,14 @@ AllEvent.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-var East = {}, _interopRequireDefault$8 = interopRequireDefaultExports;
+var East = {}, _interopRequireDefault$9 = interopRequireDefaultExports;
 Object.defineProperty(East, "__esModule", {
   value: !0
 });
-var default_1$8 = East.default = void 0, _createSvgIcon$8 = _interopRequireDefault$8(requireCreateSvgIcon()), _jsxRuntime$8 = require$$2$2, _default$8 = (0, _createSvgIcon$8.default)(/* @__PURE__ */ (0, _jsxRuntime$8.jsx)("path", {
+var default_1$9 = East.default = void 0, _createSvgIcon$9 = _interopRequireDefault$9(requireCreateSvgIcon()), _jsxRuntime$9 = require$$2$2, _default$9 = (0, _createSvgIcon$9.default)(/* @__PURE__ */ (0, _jsxRuntime$9.jsx)("path", {
   d: "m15 5-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7-7-7z"
 }), "East");
-default_1$8 = East.default = _default$8;
+default_1$9 = East.default = _default$9;
 const useCustomStyle$H = makeStyles((i) => ({
   XCard14Wrapper: {
     "&.XCard14innderBox": {
@@ -210193,30 +210193,30 @@ const getFormattedImageUrl = (i, n, r) => {
   }
   return (i == null ? void 0 : i.images) || null;
 };
-var Clear = {}, _interopRequireDefault$7 = interopRequireDefaultExports;
+var Clear = {}, _interopRequireDefault$8 = interopRequireDefaultExports;
 Object.defineProperty(Clear, "__esModule", {
   value: !0
 });
-var default_1$7 = Clear.default = void 0, _createSvgIcon$7 = _interopRequireDefault$7(requireCreateSvgIcon()), _jsxRuntime$7 = require$$2$2, _default$7 = (0, _createSvgIcon$7.default)(/* @__PURE__ */ (0, _jsxRuntime$7.jsx)("path", {
+var default_1$8 = Clear.default = void 0, _createSvgIcon$8 = _interopRequireDefault$8(requireCreateSvgIcon()), _jsxRuntime$8 = require$$2$2, _default$8 = (0, _createSvgIcon$8.default)(/* @__PURE__ */ (0, _jsxRuntime$8.jsx)("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Clear");
-default_1$7 = Clear.default = _default$7;
-var KeyboardArrowLeft = {}, _interopRequireDefault$6 = interopRequireDefaultExports;
+default_1$8 = Clear.default = _default$8;
+var KeyboardArrowLeft = {}, _interopRequireDefault$7 = interopRequireDefaultExports;
 Object.defineProperty(KeyboardArrowLeft, "__esModule", {
   value: !0
 });
-var default_1$6 = KeyboardArrowLeft.default = void 0, _createSvgIcon$6 = _interopRequireDefault$6(requireCreateSvgIcon()), _jsxRuntime$6 = require$$2$2, _default$6 = (0, _createSvgIcon$6.default)(/* @__PURE__ */ (0, _jsxRuntime$6.jsx)("path", {
+var default_1$7 = KeyboardArrowLeft.default = void 0, _createSvgIcon$7 = _interopRequireDefault$7(requireCreateSvgIcon()), _jsxRuntime$7 = require$$2$2, _default$7 = (0, _createSvgIcon$7.default)(/* @__PURE__ */ (0, _jsxRuntime$7.jsx)("path", {
   d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
 }), "KeyboardArrowLeft");
-default_1$6 = KeyboardArrowLeft.default = _default$6;
-var KeyboardArrowRight = {}, _interopRequireDefault$5 = interopRequireDefaultExports;
+default_1$7 = KeyboardArrowLeft.default = _default$7;
+var KeyboardArrowRight = {}, _interopRequireDefault$6 = interopRequireDefaultExports;
 Object.defineProperty(KeyboardArrowRight, "__esModule", {
   value: !0
 });
-var default_1$5 = KeyboardArrowRight.default = void 0, _createSvgIcon$5 = _interopRequireDefault$5(requireCreateSvgIcon()), _jsxRuntime$5 = require$$2$2, _default$5 = (0, _createSvgIcon$5.default)(/* @__PURE__ */ (0, _jsxRuntime$5.jsx)("path", {
+var default_1$6 = KeyboardArrowRight.default = void 0, _createSvgIcon$6 = _interopRequireDefault$6(requireCreateSvgIcon()), _jsxRuntime$6 = require$$2$2, _default$6 = (0, _createSvgIcon$6.default)(/* @__PURE__ */ (0, _jsxRuntime$6.jsx)("path", {
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
 }), "KeyboardArrowRight");
-default_1$5 = KeyboardArrowRight.default = _default$5;
+default_1$6 = KeyboardArrowRight.default = _default$6;
 const useCustomStyle$E = makeStyles(() => {
   const i = useTheme();
   return {
@@ -210483,7 +210483,7 @@ const useCustomStyle$E = makeStyles(() => {
               className: `${g} prev`,
               onClick: _r,
               "data-testid": "slider-prev",
-              children: /* @__PURE__ */ jsx(default_1$6, {})
+              children: /* @__PURE__ */ jsx(default_1$7, {})
             }
           ),
           /* @__PURE__ */ jsx(
@@ -210493,7 +210493,7 @@ const useCustomStyle$E = makeStyles(() => {
               className: `${g} next`,
               onClick: _n,
               "data-testid": "slider-next",
-              children: /* @__PURE__ */ jsx(default_1$5, {})
+              children: /* @__PURE__ */ jsx(default_1$6, {})
             }
           )
         ] }) : null,
@@ -210650,7 +210650,7 @@ const useCustomStyle$E = makeStyles(() => {
             onClick: r,
             "data-testid": "custom-modal-slider-close",
             className: "closeButton",
-            children: /* @__PURE__ */ jsx(default_1$7, {})
+            children: /* @__PURE__ */ jsx(default_1$8, {})
           }
         )
       ]
@@ -211563,14 +211563,14 @@ Banner4.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-var Autorenew = {}, _interopRequireDefault$4 = interopRequireDefaultExports;
+var Autorenew = {}, _interopRequireDefault$5 = interopRequireDefaultExports;
 Object.defineProperty(Autorenew, "__esModule", {
   value: !0
 });
-var default_1$4 = Autorenew.default = void 0, _createSvgIcon$4 = _interopRequireDefault$4(requireCreateSvgIcon()), _jsxRuntime$4 = require$$2$2, _default$4 = (0, _createSvgIcon$4.default)(/* @__PURE__ */ (0, _jsxRuntime$4.jsx)("path", {
+var default_1$5 = Autorenew.default = void 0, _createSvgIcon$5 = _interopRequireDefault$5(requireCreateSvgIcon()), _jsxRuntime$5 = require$$2$2, _default$5 = (0, _createSvgIcon$5.default)(/* @__PURE__ */ (0, _jsxRuntime$5.jsx)("path", {
   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$4 = Autorenew.default = _default$4;
+default_1$5 = Autorenew.default = _default$5;
 const useCustomStyle$A = makeStyles(() => {
   const i = useTheme();
   return {
@@ -211782,7 +211782,7 @@ const BlogTiles = ({ content: i, analytics: n, authoringHelper: r, secondaryArgs
                         return (v = o == null ? void 0 : o.multiSlot) == null ? void 0 : v.onToggleContentGallery();
                       },
                       children: [
-                        /* @__PURE__ */ jsx(default_1$4, { className: "autorenewIcon" }),
+                        /* @__PURE__ */ jsx(default_1$5, { className: "autorenewIcon" }),
                         /* @__PURE__ */ jsx(Typography, { className: "overLaytextgap", variant: "h3regular", color: "textColor", children: "Replace" })
                       ]
                     }
@@ -212496,7 +212496,7 @@ const useCustomStyle$z = makeStyles(() => {
               /* @__PURE__ */ jsx(Box, { className: "vsICon", children: /* @__PURE__ */ jsx("img", { src: VSIcon, alt: "Icon" }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "p4regular", children: _s() })
             ] }),
-            /* @__PURE__ */ jsx(Box, { className: "RightWp", children: /* @__PURE__ */ jsx(default_1$5, {}) })
+            /* @__PURE__ */ jsx(Box, { className: "RightWp", children: /* @__PURE__ */ jsx(default_1$6, {}) })
           ] })
         ] }),
         l && /* @__PURE__ */ jsx(
@@ -213089,7 +213089,7 @@ const useCustomStyle$z = makeStyles(() => {
               /* @__PURE__ */ jsx(Box, { className: "vsICon", children: /* @__PURE__ */ jsx("img", { src: VSIcon, alt: "Icon" }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "p4regular", children: i0() })
             ] }),
-            /* @__PURE__ */ jsx(Box, { className: "RightWp", children: /* @__PURE__ */ jsx(default_1$5, {}) })
+            /* @__PURE__ */ jsx(Box, { className: "RightWp", children: /* @__PURE__ */ jsx(default_1$6, {}) })
           ] })
         ] }),
         l && /* @__PURE__ */ jsx(
@@ -213113,14 +213113,14 @@ const useCustomStyle$z = makeStyles(() => {
     }
   );
 };
-var CalendarMonthOutlined = {}, _interopRequireDefault$3 = interopRequireDefaultExports;
+var CalendarMonthOutlined = {}, _interopRequireDefault$4 = interopRequireDefaultExports;
 Object.defineProperty(CalendarMonthOutlined, "__esModule", {
   value: !0
 });
-var default_1$3 = CalendarMonthOutlined.default = void 0, _createSvgIcon$3 = _interopRequireDefault$3(requireCreateSvgIcon()), _jsxRuntime$3 = require$$2$2, _default$3 = (0, _createSvgIcon$3.default)(/* @__PURE__ */ (0, _jsxRuntime$3.jsx)("path", {
+var default_1$4 = CalendarMonthOutlined.default = void 0, _createSvgIcon$4 = _interopRequireDefault$4(requireCreateSvgIcon()), _jsxRuntime$4 = require$$2$2, _default$4 = (0, _createSvgIcon$4.default)(/* @__PURE__ */ (0, _jsxRuntime$4.jsx)("path", {
   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$3 = CalendarMonthOutlined.default = _default$3;
+default_1$4 = CalendarMonthOutlined.default = _default$4;
 const useCustomStyle$x = makeStyles((i) => ({
   XCard11Wrapper: {
     "&.PX-Card11": {
@@ -213208,7 +213208,7 @@ const useCustomStyle$x = makeStyles((i) => ({
         /* @__PURE__ */ jsx(Typography, { variant: "h5regular", className: "subtitle", children: i == null ? void 0 : i.sub_title })
       ] }),
       /* @__PURE__ */ jsxs(Typography, { variant: "h7regular", className: "publish", children: [
-        /* @__PURE__ */ jsx(default_1$3, {}),
+        /* @__PURE__ */ jsx(default_1$4, {}),
         StartEndDateFormat(i == null ? void 0 : i.start_date, i == null ? void 0 : i.end_date)
       ] })
     ] })
@@ -225240,7 +225240,7 @@ margin-bottom: 3px;
                                 alignItems: "center",
                                 justifyContent: "center"
                               },
-                              children: /* @__PURE__ */ jsx(default_1$k, { sx: { width: "15px", height: "15px" } })
+                              children: /* @__PURE__ */ jsx(default_1$l, { sx: { width: "15px", height: "15px" } })
                             }
                           )
                         }
@@ -225275,7 +225275,7 @@ margin-bottom: 3px;
                     background: "rgba(0,0,0,0.7)"
                   }
                 },
-                children: /* @__PURE__ */ jsx(default_1$7, {})
+                children: /* @__PURE__ */ jsx(default_1$8, {})
               }
             )
           ]
@@ -225743,7 +225743,7 @@ const DynamicPrelem = ({ content: i, analytics: n, authoringHelper: r, secondary
                         return (l = o == null ? void 0 : o.multiSlot) == null ? void 0 : l.onToggleContentGallery();
                       },
                       children: [
-                        /* @__PURE__ */ jsx(default_1$4, { className: "autorenewIcon" }),
+                        /* @__PURE__ */ jsx(default_1$5, { className: "autorenewIcon" }),
                         /* @__PURE__ */ jsx(Typography, { className: "overLaytextgap", variant: "h3regular", color: "textColor", children: "Replace" })
                       ]
                     }
@@ -226289,14 +226289,14 @@ DynamicVideo.defaultProps = {
     bucketName: "cropped_image_public"
   }
 };
-var Cached = {}, _interopRequireDefault$2 = interopRequireDefaultExports;
+var Cached = {}, _interopRequireDefault$3 = interopRequireDefaultExports;
 Object.defineProperty(Cached, "__esModule", {
   value: !0
 });
-var default_1$2 = Cached.default = void 0, _createSvgIcon$2 = _interopRequireDefault$2(requireCreateSvgIcon()), _jsxRuntime$2 = require$$2$2, _default$2 = (0, _createSvgIcon$2.default)(/* @__PURE__ */ (0, _jsxRuntime$2.jsx)("path", {
+var default_1$3 = Cached.default = void 0, _createSvgIcon$3 = _interopRequireDefault$3(requireCreateSvgIcon()), _jsxRuntime$3 = require$$2$2, _default$3 = (0, _createSvgIcon$3.default)(/* @__PURE__ */ (0, _jsxRuntime$3.jsx)("path", {
   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$2 = Cached.default = _default$2;
+default_1$3 = Cached.default = _default$3;
 const useCustomStyle$p = makeStyles(() => {
   const i = useTheme();
   return {
@@ -226593,7 +226593,7 @@ const useCustomStyle$p = makeStyles(() => {
         /* @__PURE__ */ jsx(Typography, { variant: "p4regular", children: `${n} Days` })
       ] }),
       /* @__PURE__ */ jsx(Box, { className: "RightCol", children: !isNativeApp() && u && a && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(default_1$2, { sx: { fontSize: "16px", marginRight: "5px" } }),
+        /* @__PURE__ */ jsx(default_1$3, { sx: { fontSize: "16px", marginRight: "5px" } }),
         /* @__PURE__ */ jsxs(Typography, { variant: "p4regular", children: [
           "Last sync : ",
           _r()
@@ -226914,13 +226914,21 @@ const useCustomStyle$p = makeStyles(() => {
           /* @__PURE__ */ jsx(Typography, { variant: "h6bold", className: "title", children: i.Title }),
           /* @__PURE__ */ jsxs(Box, { onClick: () => n(i), className: "readmoreCta", children: [
             /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: "Read more" }),
-            /* @__PURE__ */ jsx(default_1$8, {})
+            /* @__PURE__ */ jsx(default_1$9, {})
           ] })
         ] }) })
       ]
     }
   );
 };
+var InfoOutlined = {}, _interopRequireDefault$2 = interopRequireDefaultExports;
+Object.defineProperty(InfoOutlined, "__esModule", {
+  value: !0
+});
+var default_1$2 = InfoOutlined.default = void 0, _createSvgIcon$2 = _interopRequireDefault$2(requireCreateSvgIcon()), _jsxRuntime$2 = require$$2$2, _default$2 = (0, _createSvgIcon$2.default)(/* @__PURE__ */ (0, _jsxRuntime$2.jsx)("path", {
+  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 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"
+}), "InfoOutlined");
+default_1$2 = InfoOutlined.default = _default$2;
 var HighlightOff = {}, _interopRequireDefault$1 = interopRequireDefaultExports;
 Object.defineProperty(HighlightOff, "__esModule", {
   value: !0
@@ -226930,12 +226938,12 @@ var default_1$1 = HighlightOff.default = void 0, _createSvgIcon$1 = _interopRequ
 }), "HighlightOff");
 default_1$1 = HighlightOff.default = _default$1;
 const useStyles = makeStyles(() => ({
-  // dialogPaper: {
-  //   borderRadius: 16,
-  //   width: 350,
-  //   position: "relative",
-  //   padding: "0px",
-  // },
+  dialogPaper: {
+    borderRadius: "16px !important",
+    // width: 350,
+    position: "relative"
+    // padding: "0px",
+  },
   // closeButton: {
   //   position: "absolute",
   //   top: 14,
@@ -227027,6 +227035,7 @@ const useStyles = makeStyles(() => ({
     {
       open: i,
       onClose: n,
+      classes: { paper: u.dialogPaper },
       disableScrollLock: !0,
       children: [
         /* @__PURE__ */ jsx(
@@ -227034,7 +227043,7 @@ const useStyles = makeStyles(() => ({
           {
             sx: {
               position: "absolute",
-              top: 14,
+              top: 12,
               right: 8
             },
             onClick: n,
@@ -227082,7 +227091,7 @@ const useStyles = makeStyles(() => ({
             }
           )
         ] }) : /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx("img", { src: DataSourceLockIcon, alt: "icon" }),
+          /* @__PURE__ */ jsx("img", { src: DataSourceLockIcon, style: { padding: "15px 0px 5px 0px" }, alt: "icon" }),
           /* @__PURE__ */ jsx(Typography, { variant: "h2regular", className: u.title, children: "Source Change Limit Reached" }),
           /* @__PURE__ */ jsx(Typography, { variant: "h6regular", className: u.description, children: "You’ve already updated your sync source today. To ensure fair and accurate step tracking, source changes are limited to once per day." }),
           /* @__PURE__ */ jsx(
@@ -227102,19 +227111,19 @@ const useStyles = makeStyles(() => ({
   );
 }, Card = ({
   backgroundColor: i,
-  // showIcon,
-  buttonText: n,
-  buttonOnClick: r,
-  buttonColor: o,
-  device_permission_status: A,
-  device_last_sync: s,
-  syncTitle: g,
-  syncDescription: a,
-  platformx_device_platform: u,
-  device_platform: d,
-  setShowDataSourceSelector: h,
-  deviceSource: f,
-  deviceSourceCount: m
+  showIcon: n,
+  buttonText: r,
+  buttonOnClick: o,
+  buttonColor: A,
+  device_permission_status: s,
+  device_last_sync: g,
+  syncTitle: a,
+  syncDescription: u,
+  platformx_device_platform: d,
+  device_platform: h,
+  setShowDataSourceSelector: f,
+  deviceSource: m,
+  deviceSourceCount: l
 }) => /* @__PURE__ */ jsxs(
   Box,
   {
@@ -227124,24 +227133,25 @@ const useStyles = makeStyles(() => ({
     },
     children: [
       /* @__PURE__ */ jsxs(Box, { className: "topHeadWp", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: g }),
-        n !== "Troubleshoot" && /* @__PURE__ */ jsx(Box, { className: "PX-rightCol", children: /* @__PURE__ */ jsxs(
+        (l <= 1 || r === "Troubleshoot") && n && /* @__PURE__ */ jsx(default_1$2, {}),
+        /* @__PURE__ */ jsx(Typography, { variant: "h6regular", children: a }),
+        l > 1 && r !== "Troubleshoot" && /* @__PURE__ */ jsx(Box, { className: "PX-rightCol", children: /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "secondaryButton2",
             sx: {
-              color: o,
+              color: A,
               "&.Platform-x-ButtonBase-root": {
                 minWidth: "0px",
-                padding: n ? "5px 15px" : "0px",
+                padding: i !== "#FEF1E7" ? "5px 15px" : "0px",
                 height: "25px",
                 background: "#fff"
               }
             },
-            onClick: r,
+            onClick: o,
             children: [
-              n,
-              /* @__PURE__ */ jsx(default_1$2, { sx: { fontSize: "15px", marginLeft: "5px" } })
+              i !== "#FEF1E7" && r,
+              /* @__PURE__ */ jsx(default_1$3, { sx: { fontSize: "15px", marginLeft: "5px" } })
             ]
           }
         ) })
@@ -227150,43 +227160,48 @@ const useStyles = makeStyles(() => ({
         Box,
         {
           className: "PX-googleSyncWp",
-          sx: { marginTop: n === "Troubleshoot" ? "10px !important" : "0px !important" },
-          children: /* @__PURE__ */ jsxs(Box, { className: "PX-leftCol", children: [
-            n === "Troubleshoot" && /* @__PURE__ */ jsx(Box, { className: "PX-heartIcon", children: /* @__PURE__ */ jsx(
+          sx: {
+            marginTop: l <= 1 || r === "Troubleshoot" ? "10px !important" : "0px !important"
+          },
+          children: /* @__PURE__ */ jsxs(Box, { className: "PX-leftCol", sx: { alignItems: "center" }, children: [
+            (l <= 1 || r === "Troubleshoot") && /* @__PURE__ */ jsx(Box, { className: "PX-heartIcon", children: /* @__PURE__ */ jsx(
               "img",
               {
-                src: (u == null ? void 0 : u.toLowerCase()) === "android" || (d == null ? void 0 : d.toLowerCase()) === "android" ? HealthIcon : AppleHeart,
+                src: (d == null ? void 0 : d.toLowerCase()) === "android" || (h == null ? void 0 : h.toLowerCase()) === "android" ? HealthIcon : AppleHeart,
                 alt: "Icon"
               }
             ) }),
             /* @__PURE__ */ jsxs(Box, { className: "PX-content", children: [
-              n === "Troubleshoot" && /* @__PURE__ */ jsx(Typography, { variant: "h6light", children: a }),
-              A && s && /* @__PURE__ */ jsxs(Typography, { variant: "p4regular", children: [
-                /* @__PURE__ */ jsx(default_1$2, { sx: { fontSize: "14px", marginRight: "5px", color: "black" } }),
+              (l <= 1 || r === "Troubleshoot") && /* @__PURE__ */ jsx(Typography, { variant: "h6light", children: u }),
+              s && g && /* @__PURE__ */ jsxs(Typography, { variant: "p4regular", children: [
+                /* @__PURE__ */ jsx(default_1$3, { sx: { fontSize: "14px", marginRight: "5px", color: "black" } }),
                 " Last sync:",
-                format(new Date(s), "MMMM dd, yyyy, h:mm a")
+                format(new Date(g), "MMMM dd, yyyy, h:mm a")
               ] })
             ] }),
-            n === "Troubleshoot" && /* @__PURE__ */ jsx(Box, { className: "PX-rightCol", children: /* @__PURE__ */ jsx(
+            (l <= 1 || r === "Troubleshoot") && /* @__PURE__ */ jsx(Box, { className: "PX-rightCol", children: /* @__PURE__ */ jsxs(
               Button,
               {
                 variant: "secondaryButton2",
                 sx: {
-                  color: o,
+                  color: A,
                   "&.Platform-x-ButtonBase-root": {
                     minWidth: "0px",
-                    padding: n ? "5px 15px" : "0px",
+                    padding: r ? "5px 15px" : "0px",
                     height: "25px !important"
                   }
                 },
-                onClick: r,
-                children: n
+                onClick: o,
+                children: [
+                  r,
+                  r === "Refresh" && /* @__PURE__ */ jsx(default_1$3, { sx: { fontSize: "15px", marginLeft: "5px" } })
+                ]
               }
             ) })
           ] })
         }
       ),
-      m > 1 && n !== "Troubleshoot" && /* @__PURE__ */ jsxs(
+      l > 1 && r !== "Troubleshoot" && /* @__PURE__ */ jsxs(
         Box,
         {
           sx: {
@@ -227200,14 +227215,14 @@ const useStyles = makeStyles(() => ({
           children: [
             /* @__PURE__ */ jsx(Box, { width: "80%", children: /* @__PURE__ */ jsxs(Typography, { variant: "h7light", sx: { margin: "0px !important" }, children: [
               "Health Connect Step Source:",
-              /* @__PURE__ */ jsx("strong", { style: { fontWeight: "800", paddingLeft: "2px" }, children: f })
+              /* @__PURE__ */ jsx("strong", { style: { fontWeight: "800", paddingLeft: "2px" }, children: m })
             ] }) }),
             /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "ecommerceLinkButton1",
                 sx: { color: "#1a73e8", fontSize: "14px" },
-                onClick: () => h(!0),
+                onClick: () => f(!0),
                 children: "Change"
               }
             ) })
@@ -227227,29 +227242,31 @@ const useStyles = makeStyles(() => ({
   handleRefresh: a,
   handleSync: u,
   secondaryArgs: d,
-  deviceInfo: h
+  deviceInfo: h,
+  fetchPersonalData: f
 }) => {
-  const { device_source_updated_at: f = "", device_source_count: m = 0, device_source: l = "" } = h, [C, v] = useState(!1), [B, O] = useState(f), [L, q] = useState(l), Y = () => {
-    v(!1);
-  }, _n = (K) => {
-    var aa;
-    O((aa = /* @__PURE__ */ new Date()) == null ? void 0 : aa.toISOString()), q(K == null ? void 0 : K.label), v(!1);
-  }, _r = () => {
+  const { device_source_updated_at: m = "", device_source_count: l = 0, device_source: C = "" } = h, [v, B] = useState(!1), [O, L] = useState(m), [q, Y] = useState(C), _n = () => {
+    B(!1);
+  }, _r = (aa) => {
+    var _o;
+    L((_o = /* @__PURE__ */ new Date()) == null ? void 0 : _o.toISOString()), Y(aa == null ? void 0 : aa.label), B(!1), f(format(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+  }, F = () => {
     if (!n)
       return !0;
-    const K = new Date(n);
-    return (/* @__PURE__ */ new Date() - K) / (1e3 * 60 * 60) > 2;
-  }, F = () => {
+    const aa = new Date(n);
+    return (/* @__PURE__ */ new Date() - aa) / (1e3 * 60 * 60) > 2;
+  }, K = () => {
     if (!n)
       return !1;
-    const K = new Date(n);
-    return (/* @__PURE__ */ new Date() - K) / (1e3 * 60 * 60) <= 2;
+    const aa = new Date(n);
+    return (/* @__PURE__ */ new Date() - aa) / (1e3 * 60 * 60) <= 2;
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     i && /* @__PURE__ */ jsx(
       Card,
       {
         backgroundColor: "#feeaec",
+        showIcon: !0,
         buttonText: "Troubleshoot",
         buttonOnClick: g,
         buttonColor: "#b2261f",
@@ -227259,16 +227276,17 @@ const useStyles = makeStyles(() => ({
         syncDescription: `Connect to ${r}`,
         platformx_device_platform: s,
         device_platform: A,
-        setShowDataSourceSelector: v,
-        deviceSource: L,
-        deviceSourceCount: m
+        setShowDataSourceSelector: B,
+        deviceSource: q,
+        deviceSourceCount: l
       }
     ),
-    o && _r() && !i && /* @__PURE__ */ jsx(
+    o && F() && !i && /* @__PURE__ */ jsx(
       Card,
       {
         backgroundColor: "#FEF1E7",
-        buttonText: "",
+        showIcon: !0,
+        buttonText: "Refresh",
         buttonOnClick: a,
         buttonColor: "",
         device_permission_status: o,
@@ -227277,15 +227295,16 @@ const useStyles = makeStyles(() => ({
         syncDescription: `Fetching data from ${r}`,
         platformx_device_platform: s,
         device_platform: A,
-        setShowDataSourceSelector: v,
-        deviceSource: L,
-        deviceSourceCount: m
+        setShowDataSourceSelector: B,
+        deviceSource: q,
+        deviceSourceCount: l
       }
     ),
-    o && F() && !i && /* @__PURE__ */ jsx(
+    o && K() && !i && /* @__PURE__ */ jsx(
       Card,
       {
         backgroundColor: "#f7f7fc",
+        showIcon: !1,
         buttonText: "Refresh",
         buttonOnClick: a,
         buttonColor: "",
@@ -227295,15 +227314,16 @@ const useStyles = makeStyles(() => ({
         syncDescription: `Synced with ${r}`,
         platformx_device_platform: s,
         device_platform: A,
-        setShowDataSourceSelector: v,
-        deviceSource: L,
-        deviceSourceCount: m
+        setShowDataSourceSelector: B,
+        deviceSource: q,
+        deviceSourceCount: l
       }
     ),
     !o && !i && /* @__PURE__ */ jsx(
       Card,
       {
         backgroundColor: "#f7f7fc",
+        showIcon: !1,
         buttonText: "Sync",
         buttonOnClick: u,
         buttonColor: "",
@@ -227313,18 +227333,18 @@ const useStyles = makeStyles(() => ({
         syncDescription: `Connect to ${r}`,
         platformx_device_platform: s,
         device_platform: A,
-        setShowDataSourceSelector: v,
-        deviceSource: L,
-        deviceSourceCount: m
+        setShowDataSourceSelector: B,
+        deviceSource: q,
+        deviceSourceCount: l
       }
     ),
     /* @__PURE__ */ jsx(
       DataSourceSelector,
       {
-        open: C,
-        onClose: Y,
-        onConfirmCallBack: _n,
-        sourceUpdatedAt: B,
+        open: v,
+        onClose: _n,
+        onConfirmCallBack: _r,
+        sourceUpdatedAt: O,
         secondaryArgs: d
       }
     )
@@ -228217,7 +228237,8 @@ const EngagementHome = ({
             handleRefresh: w0,
             handleSync: F0,
             secondaryArgs: o,
-            deviceInfo: u
+            deviceInfo: u,
+            fetchPersonalData: aa
           }
         ),
         /* @__PURE__ */ jsxs(Box, { className: "PX-challengeWrapper prelem-py", children: [
@@ -229242,7 +229263,7 @@ const useCustomStyle$k = makeStyles((i) => ({
         "data-testid": "content-replace",
         children: [
           /* @__PURE__ */ jsx(
-            default_1$4,
+            default_1$5,
             {
               sx: {
                 color: "#fff",
@@ -231146,7 +231167,7 @@ const useCustomStyle$6 = makeStyles(() => {
                         return (f = o == null ? void 0 : o.multiSlot) == null ? void 0 : f.onToggleContentGallery(a, !0);
                       },
                       children: [
-                        /* @__PURE__ */ jsx(default_1$4, { className: "autorenewIcon" }),
+                        /* @__PURE__ */ jsx(default_1$5, { className: "autorenewIcon" }),
                         /* @__PURE__ */ jsx(Typography, { className: "overLaytextgap", variant: "h3regular", color: "textColor", children: "Replace" })
                       ]
                     }
@@ -232567,7 +232588,7 @@ export {
   EngagementHome as E,
   Accordion$1 as F,
   AccordionSummary$1 as G,
-  default_1$l as H,
+  default_1$m as H,
   IndividualChallenge as I,
   AccordionDetails$1 as J,
   DOMPurify as K,
@@ -232582,7 +232603,7 @@ export {
   useCustomStyle$3 as T,
   BasicButton as U,
   VideoPlayIcon as V,
-  default_1$4 as W,
+  default_1$5 as W,
   Article as X,
   Poll as Y,
   Quiz as Z,
@@ -232607,7 +232628,7 @@ export {
   Checkbox as aG,
   useCustomStyle$G as aH,
   DialogContent as aI,
-  default_1$g as aJ,
+  default_1$h as aJ,
   useCustomStyle$f as aK,
   XCard15 as aL,
   onViewAllClickFunc as aM,
@@ -232629,7 +232650,7 @@ export {
   handleEventStatus as ap,
   RecordedIcon as aq,
   DateTimeDurationFormat as ar,
-  default_1$5 as as,
+  default_1$6 as as,
   useCustomStyle$i as at,
   useCustomStyle$h as au,
   usePrelemImpression$1 as av,
@@ -232642,7 +232663,7 @@ export {
   CardMedia as d,
   CardContent as e,
   format as f,
-  default_1$9 as g,
+  default_1$a as g,
   handleHtmlTags$1 as h,
   interopRequireDefaultExports as i,
   showToastError as j,
@@ -232650,7 +232671,7 @@ export {
   replaceWithWebp as l,
   formCroppedUrl$1 as m,
   breakpoints$1 as n,
-  default_1$8 as o,
+  default_1$9 as o,
   onClickCardFunc as p,
   createSliderArray as q,
   requireCreateSvgIcon as r,