@platform-x/hcltechx-mfe-wrapper 1.0.21 → 1.0.22

package/{ArticleVodListComponent-BQoHiiKQ.mjs → ArticleVodListComponent-DnI80nGq.mjs}

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { A as p } from "./ToggleButton-DCe4d9MJ.mjs";
+import { A as p } from "./ToggleButton-8IOlYjrU.mjs";
 import "react";
-import "./index-CeTmWGyC.mjs";
+import "./index-BPqB2yy1.mjs";
 import "react-dom";
 const f = ({
   data: t,

package/{ChallengeDetailComponent-CTXOkTDi.mjs → ChallengeDetailComponent-BQOqyQe4.mjs}

@@ -1,8 +1,8 @@
 import { jsx as F } from "react/jsx-runtime";
-import { b as K } from "./ToggleButton-DCe4d9MJ.mjs";
+import { b as K } from "./ToggleButton-8IOlYjrU.mjs";
 import { useState as f, useEffect as M } from "react";
-import { s as a, f as u } from "./index-CeTmWGyC.mjs";
-import { m as N } from "./mutateApi-CRYclteK.mjs";
+import { s as a, f as u } from "./index-BPqB2yy1.mjs";
+import { m as N } from "./mutateApi-BcmEMqEd.mjs";
 import "react-dom";
 const Z = (L) => {
   const {

package/{ChallengeSliderComponent-CAcMNlqM.mjs → ChallengeSliderComponent-DVyhqNVQ.mjs}

@@ -1,8 +1,8 @@
 import { jsx as z } from "react/jsx-runtime";
-import { f as D, C as F } from "./ToggleButton-DCe4d9MJ.mjs";
+import { f as D, C as F } from "./ToggleButton-8IOlYjrU.mjs";
 import { useState as d, useEffect as J } from "react";
-import { f as p, s as a, a as K } from "./index-CeTmWGyC.mjs";
-import { m as N } from "./mutateApi-CRYclteK.mjs";
+import { f as p, s as a, a as K } from "./index-BPqB2yy1.mjs";
+import { m as N } from "./mutateApi-BcmEMqEd.mjs";
 import "react-dom";
 const Z = (I) => {
   var S, P, A;

package/{CommonContentComponent-GDoe3quI.mjs → CommonContentComponent-Hnb8Xr5I.mjs}

@@ -1,12 +1,12 @@
 import { jsx as O } from "react/jsx-runtime";
 import j, { memo as x, useState as g, useEffect as J } from "react";
-import { F as M, f as N, s as w } from "./index-CeTmWGyC.mjs";
-import { m as $ } from "./mutateApi-CRYclteK.mjs";
+import { F as M, f as N, s as w } from "./index-BPqB2yy1.mjs";
+import { m as $ } from "./mutateApi-BcmEMqEd.mjs";
 import { M as T } from "./Mapping-jqmNMEpL.mjs";
 import "react-dom";
 const c = {};
 Object.keys(T).forEach((l) => (c[l] = j.lazy(
-  () => import("./index-Di95Ywjp.mjs").then((t) => ({
+  () => import("./index-BQE4JEea.mjs").then((t) => ({
     default: t[T[l]]
   }))
 ), c));

package/{DailyMotion-DooEv23f.mjs → DailyMotion-BttO0I0C.mjs}

@@ -1,6 +1,6 @@
-import { n as P } from "./index-CeTmWGyC.mjs";
+import { n as P } from "./index-BPqB2yy1.mjs";
 import v from "react";
-import { y as D, z as O } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as D, z as O } from "./ToggleButton-8IOlYjrU.mjs";
 function b(t, e) {
   for (var r = 0; r < e.length; r++) {
     const o = e[r];

package/EngagementHomeComponent-LYRrGICV.mjs

@@ -0,0 +1,112 @@
+import { jsx as $ } from "react/jsx-runtime";
+import { f as V, a as R } from "./ToggleButton-8IOlYjrU.mjs";
+import { useState as a, useEffect as ee } from "react";
+import { f as A, s, a as te } from "./index-BPqB2yy1.mjs";
+import { m as ae } from "./mutateApi-BcmEMqEd.mjs";
+import "react-dom";
+const k = async (w, g, D, I = "", t = "wellnessevent") => {
+  var f, d, n, r;
+  const o = await A.getContentSchemaList(
+    {
+      searchTerm: I,
+      filter: (t == null ? void 0 : t.toLocaleLowerCase()) === "events" ? "wellnessevent" : t == null ? void 0 : t.toLocaleLowerCase()
+    },
+    w || "en",
+    g
+  );
+  (d = (f = o == null ? void 0 : o.data) == null ? void 0 : f.publish_getContents) != null && d.records ? D((r = (n = o == null ? void 0 : o.data) == null ? void 0 : n.publish_getContents) == null ? void 0 : r.records) : s("Something went wrong !");
+}, le = (w) => {
+  const {
+    secondaryArgs: g,
+    prelemAnalyticsProp: D,
+    prelemAuthoringHelper: I,
+    userId: t,
+    filters: o,
+    relativePath: f = "",
+    articleData: d
+  } = w || {}, {
+    prelemBaseEndpoint: { language: n, site_host: r }
+  } = g, [P, p] = a(!1), [E, v] = a({}), [G, S] = a({}), [T, L] = a(0), h = localStorage.getItem("userId") || t, [b, H] = a([]), [x, M] = a([]), [U, j] = a({}), [B, W] = a({}), [q, z] = a({}), C = async (y, i, u) => {
+    var l, m;
+    if (!h) {
+      s("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      const c = {
+        input: { activity_type: u, target: y.toString(), action: i },
+        user_id: h
+      }, e = await ae.setPersonalGoal(c, n, r);
+      ((m = (l = e == null ? void 0 : e.data) == null ? void 0 : l.community_setPersonalGoal) == null ? void 0 : m.message) === "Created Successfully!!!" && i === "goal" ? te("Goal updated successfully!") : i !== "entry" && s("Something went wrong, please try after sometime !");
+    } catch (c) {
+      console.error("Error in update goal API:", c), s("Something went wrong, please try after sometime !");
+    }
+  }, _ = async (y = "") => {
+    var i, u, l, m;
+    if (!h) {
+      s("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      p(!0);
+      const c = {
+        date: y,
+        user_id: h
+      }, e = await A.fetchPersonalTracker(c, n, r);
+      if (((i = e == null ? void 0 : e.errors) == null ? void 0 : i.length) > 0)
+        s((u = e == null ? void 0 : e.errors[0]) == null ? void 0 : u.message);
+      else if ((l = e == null ? void 0 : e.data) != null && l.community_fetchPersonalTracker) {
+        const {
+          water_intake: K,
+          steps: N,
+          streak_count: O,
+          individual_challenge_info: Q,
+          calories: X,
+          distance: Y,
+          device_info: Z
+        } = (m = e == null ? void 0 : e.data) == null ? void 0 : m.community_fetchPersonalTracker;
+        v(K), S(N), L(O), j(Q), W({ calories: X, distance: Y }), z(Z);
+      } else
+        console.error("GetPersonalData API failed"), s("GetPersonalData API failed");
+    } catch (c) {
+      console.error("Error in GetPersonalData API:", c), s("Error in GetPersonalData API"), v({}), S({});
+    } finally {
+      p(!1);
+    }
+  }, F = {
+    waterIntakeData: E,
+    loading: P,
+    fetchPersonalData: _,
+    updateGoals: C
+  }, J = {
+    stepsData: G,
+    loading: P,
+    updateGoals: C
+  };
+  return ee(() => {
+    _(V(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), k(n, r, H, "", "challenges"), k(n, r, M, "", "wellnessevent");
+  }, []), /* @__PURE__ */ $(
+    R,
+    {
+      analytics: D,
+      authoringHelper: I,
+      secondaryArgs: g,
+      waterIntakeDetails: F,
+      stepsDetails: J,
+      streaksCount: T,
+      data: b,
+      eventData: x,
+      articleVodData: d,
+      filters: o,
+      relativePath: f,
+      userId: t,
+      deviceInfo: q,
+      individualChallengeInfo: U,
+      commonInfo: B
+    }
+  );
+};
+export {
+  le as EngagementHomeComponent,
+  le as default
+};

package/{EventDetailComponent-B2ce5Inr.mjs → EventDetailComponent-BlbyfC5O.mjs}

@@ -1,8 +1,8 @@
 import { jsx as U } from "react/jsx-runtime";
-import { c as V } from "./ToggleButton-DCe4d9MJ.mjs";
+import { c as V } from "./ToggleButton-8IOlYjrU.mjs";
 import { useState as a, useEffect as p } from "react";
-import { f as q, s as d, a as I } from "./index-CeTmWGyC.mjs";
-import { m as z } from "./mutateApi-CRYclteK.mjs";
+import { f as q, s as d, a as I } from "./index-BPqB2yy1.mjs";
+import { m as z } from "./mutateApi-BcmEMqEd.mjs";
 import "react-dom";
 const Z = (h) => {
   const {

package/{EventListComponent-B9ESwYEK.mjs → EventListComponent-B39xrxgu.mjs}

@@ -1,22 +1,22 @@
 import { jsx as x } from "react/jsx-runtime";
-import { E as M, f as U } from "./ToggleButton-DCe4d9MJ.mjs";
+import { E as M, f as U } from "./ToggleButton-8IOlYjrU.mjs";
 import { useState as c, useEffect as j } from "react";
-import { s as a, f as B, a as H } from "./index-CeTmWGyC.mjs";
-import { m as q } from "./mutateApi-CRYclteK.mjs";
+import { s as a, f as B, a as H } from "./index-BPqB2yy1.mjs";
+import { m as q } from "./mutateApi-BcmEMqEd.mjs";
 import "react-dom";
 const Q = ({
   data: h,
   prelemAnalyticsProp: y,
   prelemAuthoringHelper: p,
-  secondaryArgs: f,
-  userId: m,
+  secondaryArgs: m,
+  userId: f,
   filters: P,
   relativePath: w
 }) => {
-  const [I, S] = c({}), [D, _] = c({}), [v, E] = c({}), [T, u] = c(!1), {
+  const [I, S] = c({}), [D, E] = c({}), [v, T] = c({}), [_, u] = c(!1), {
     prelemBaseEndpoint: { language: g, site_host: d }
-  } = f, r = localStorage.getItem("userId") || m, G = async (l, t, i) => {
-    var n, o;
+  } = m, r = localStorage.getItem("userId") || f, G = async (l, t, i) => {
+    var s, o;
     if (!r) {
       a("User ID is not available. Please log in.");
       return;
@@ -25,13 +25,13 @@ const Q = ({
       const e = {
         input: { activity_type: i, target: l.toString(), action: t },
         user_id: r
-      }, s = await q.setPersonalGoal(e, g, d);
-      ((o = (n = s == null ? void 0 : s.data) == null ? void 0 : n.community_setPersonalGoal) == null ? void 0 : o.message) === "Created Successfully!!!" && t === "goal" ? H("Goal updated successfully!") : t !== "entry" && a("Something went wrong, please try after sometime !");
+      }, n = await q.setPersonalGoal(e, g, d);
+      ((o = (s = n == null ? void 0 : n.data) == null ? void 0 : s.community_setPersonalGoal) == null ? void 0 : o.message) === "Created Successfully!!!" && t === "goal" ? H("Goal updated successfully!") : t !== "entry" && a("Something went wrong, please try after sometime !");
     } catch (e) {
       console.error("Error in update goal API:", e), a("Something went wrong, please try after sometime !");
     }
   }, C = async () => {
-    var l, t, i, n;
+    var l, t, i, s;
     if (!r) {
       a("User ID is not available. Please log in.");
       return;
@@ -45,8 +45,8 @@ const Q = ({
       if (((l = e == null ? void 0 : e.errors) == null ? void 0 : l.length) > 0)
         a((t = e == null ? void 0 : e.errors[0]) == null ? void 0 : t.message);
       else if ((i = e == null ? void 0 : e.data) != null && i.community_fetchPersonalTracker) {
-        const { steps: s, calories: k, distance: L, individual_challenge_info: b } = (n = e == null ? void 0 : e.data) == null ? void 0 : n.community_fetchPersonalTracker;
-        E(s), S(b), _({ calories: k, distance: L });
+        const { steps: n, calories: k, distance: L, individual_challenge_info: b } = (s = e == null ? void 0 : e.data) == null ? void 0 : s.community_fetchPersonalTracker;
+        T(n), S(b), E({ calories: k, distance: L });
       } else
         console.error("GetPersonalData API failed");
     } catch (o) {
@@ -56,7 +56,7 @@ const Q = ({
     }
   }, A = {
     stepsData: v,
-    loading: T,
+    loading: _,
     updateGoals: G
   };
   return j(() => {
@@ -67,13 +67,13 @@ const Q = ({
       content: h,
       analytics: y,
       authoringHelper: p,
-      secondaryArgs: f,
+      secondaryArgs: m,
       stepsDetails: A,
       filters: P,
       relativePath: w,
-      individual_challenge_info: I,
+      individualChallengeInfo: I,
       commonInfo: D,
-      userId: m
+      userId: f
     }
   );
 };

package/ExperienceZone-Bhkjbth9.mjs

@@ -0,0 +1,89 @@
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { a7 as $, a8 as r, a9 as v, B as u, T as E, k as m, aa as P, ab as _, ac as b } from "./ToggleButton-8IOlYjrU.mjs";
+const L = ({
+  content: C,
+  analytics: S,
+  authoringHelper: i,
+  secondaryArgs: n,
+  filters: o,
+  eventData: h
+}) => {
+  var d;
+  $(S, C, n);
+  const T = r(), k = (e) => {
+    var s, w;
+    const a = (e == null ? void 0 : e.CurrentPageURL) || e.current_page_url, p = ((e == null ? void 0 : e.ContentType) || e.content_type).toLowerCase();
+    typeof window < "u" && (o != null && o.onCardClick ? o == null || o.onCardClick({ id: a, type: p }) : (s = n == null ? void 0 : n.prelemBaseEndpoint) != null && s.language ? window.open(`/${(w = n == null ? void 0 : n.prelemBaseEndpoint) == null ? void 0 : w.language}/${p}${a}`) : window.open(`/${p}${a}`));
+  }, x = (e) => {
+    var a, t;
+    o != null && o.onViewAllClick ? o == null || o.onViewAllClick(e) : (a = n == null ? void 0 : n.prelemBaseEndpoint) != null && a.language ? window.open(`/${(t = n == null ? void 0 : n.prelemBaseEndpoint) == null ? void 0 : t.language}/${e}`) : window.open(`/${e}`);
+  }, B = { ...{
+    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: !0,
+          dots: !0,
+          arrow: !1,
+          touchMove: !0
+        }
+      }
+    ]
+  } };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: i == null ? void 0 : i.innerRef,
+      className: `${T.ExperienceZoneWrapper} PX-ExperienceZoneBox`,
+      children: /* @__PURE__ */ l(v, { className: "grid_container prelem-py", children: /* @__PURE__ */ c(u, { children: [
+        /* @__PURE__ */ c(u, { className: "PX-headerWrapper", children: [
+          /* @__PURE__ */ l(E, { variant: "h3bold", children: "Your experience zone" }),
+          /* @__PURE__ */ l(
+            m,
+            {
+              variant: "secondaryButton3",
+              className: "viewAllCta",
+              onClick: () => x("eventList"),
+              children: "View All"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l(P, { ...B, className: "PX-arrowDotSlider", children: (d = _(h, "start_date", "end_date", !1)) == null ? void 0 : d.map((e) => /* @__PURE__ */ l(
+          b,
+          {
+            content: e,
+            secondaryArgs: n,
+            onCardClick: k
+          },
+          e
+        )) })
+      ] }) })
+    }
+  );
+};
+export {
+  L as E
+};

package/ExperienceZoneComponent-F16DcM9H.mjs

@@ -0,0 +1,48 @@
+import { jsx as x } from "react/jsx-runtime";
+import "./ToggleButton-8IOlYjrU.mjs";
+import { E as L } from "./ExperienceZone-Bhkjbth9.mjs";
+import { useState as S, useEffect as _ } from "react";
+import { f as T, s as j } from "./index-BPqB2yy1.mjs";
+import "react-dom";
+const P = (h) => {
+  var t, r, i;
+  const { pageData: e = {}, secondaryArgs: o, filters: p } = h || {}, [g, w] = S([]), {
+    prelemBaseEndpoint: { site_host: E, language: y }
+  } = o, A = {
+    pageId: e == null ? void 0 : e.page,
+    pageTitle: e == null ? void 0 : e.title,
+    pageDesc: e == null ? void 0 : e.description,
+    pageTags: (r = (t = e == null ? void 0 : e.settings) == null ? void 0 : t.keywords) == null ? void 0 : r.join(", "),
+    isAuthoring: !1,
+    isSeoEnabled: (i = e == null ? void 0 : e.settings) == null ? void 0 : i.seo_blockIndexing,
+    isAnalyticsEnabled: e == null ? void 0 : e.analytics_enable
+  }, C = {
+    isAuthoring: !1
+  }, a = async (b, v, f = "", s = "wellnessevent") => {
+    var c, m, d, l;
+    const n = await T.getContentSchemaList(
+      {
+        searchTerm: f,
+        filter: (s == null ? void 0 : s.toLocaleLowerCase()) === "events" ? "wellnessevent" : s == null ? void 0 : s.toLocaleLowerCase()
+      },
+      b || "en",
+      E
+    );
+    (m = (c = n == null ? void 0 : n.data) == null ? void 0 : c.publish_getContents) != null && m.records ? v((l = (d = n == null ? void 0 : n.data) == null ? void 0 : d.publish_getContents) == null ? void 0 : l.records) : j("Something went wrong !");
+  };
+  return _(() => {
+    a(y, w, "", "wellnessevent");
+  }, []), /* @__PURE__ */ x(
+    L,
+    {
+      analytics: A,
+      authoringHelper: C,
+      secondaryArgs: o,
+      eventData: g,
+      filters: p
+    }
+  );
+};
+export {
+  P as default
+};

package/{Facebook-Ddts7n8c.mjs → Facebook-BhbZsSMB.mjs}

@@ -1,6 +1,6 @@
-import { n as _ } from "./index-CeTmWGyC.mjs";
+import { n as _ } from "./index-BPqB2yy1.mjs";
 import P from "react";
-import { y as g, z as m } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as g, z as m } from "./ToggleButton-8IOlYjrU.mjs";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const o = e[r];

package/{FilePlayer-N6K4OsOh.mjs → FilePlayer-DBOphwby.mjs}

@@ -1,6 +1,6 @@
-import { n as b } from "./index-CeTmWGyC.mjs";
+import { n as b } from "./index-BPqB2yy1.mjs";
 import _ from "react";
-import { y as O, z as A } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as O, z as A } from "./ToggleButton-8IOlYjrU.mjs";
 function R(s, e) {
   for (var t = 0; t < e.length; t++) {
     const i = e[t];

package/{IndividualChallengeComponent-o7jJX3FB.mjs → IndividualChallengeComponent-BJ5RfzMH.mjs}

@@ -1,8 +1,8 @@
 import { jsx as R } from "react/jsx-runtime";
-import { I as ee } from "./ToggleButton-DCe4d9MJ.mjs";
+import { I as ee } from "./ToggleButton-8IOlYjrU.mjs";
 import { useState as m, useEffect as re } from "react";
-import { f as y, s as u, a as q } from "./index-CeTmWGyC.mjs";
-import { m as w } from "./mutateApi-CRYclteK.mjs";
+import { f as y, s as u, a as q } from "./index-BPqB2yy1.mjs";
+import { m as w } from "./mutateApi-BcmEMqEd.mjs";
 import "react-dom";
 const ce = (E) => {
   const {

package/{Kaltura-DGdbSKVx.mjs → Kaltura-DkAlATL_.mjs}

@@ -1,6 +1,6 @@
-import { n as y } from "./index-CeTmWGyC.mjs";
+import { n as y } from "./index-BPqB2yy1.mjs";
 import f from "react";
-import { y as _, z as m } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as _, z as m } from "./ToggleButton-8IOlYjrU.mjs";
 function P(r, e) {
   for (var t = 0; t < e.length; t++) {
     const o = e[t];

package/{Mixcloud-MVWAMQDg.mjs → Mixcloud-CguOqMm8.mjs}

@@ -1,6 +1,6 @@
-import { n as y } from "./index-CeTmWGyC.mjs";
+import { n as y } from "./index-BPqB2yy1.mjs";
 import f from "react";
-import { y as m, z as g } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as m, z as g } from "./ToggleButton-8IOlYjrU.mjs";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/{Mux-BnTfpN-K.mjs → Mux-D6PeF7j6.mjs}

@@ -1,6 +1,6 @@
-import { n as P } from "./index-CeTmWGyC.mjs";
+import { n as P } from "./index-BPqB2yy1.mjs";
 import g from "react";
-import { z as E } from "./ToggleButton-DCe4d9MJ.mjs";
+import { z as E } from "./ToggleButton-8IOlYjrU.mjs";
 function b(r, e) {
   for (var t = 0; t < e.length; t++) {
     const i = e[t];

package/{PageComponent-CKrjcuSx.mjs → PageComponent-CLrj-Wc_.mjs}

@@ -1,11 +1,11 @@
 import { jsx as s, Fragment as j } from "react/jsx-runtime";
-import { c as I } from "./index-CeTmWGyC.mjs";
+import { c as I } from "./index-BPqB2yy1.mjs";
 import S from "react";
 import { M as f } from "./Mapping-jqmNMEpL.mjs";
 import "react-dom";
 const p = {};
 Object.keys(f).forEach((o) => (p[o] = S.lazy(
-  () => import("./index-Di95Ywjp.mjs").then((n) => ({
+  () => import("./index-BQE4JEea.mjs").then((n) => ({
     default: n[f[o]]
   }))
 ), p));

package/{Preview-DzLPSp_r.mjs → Preview-9xbWxXDK.mjs}

@@ -1,4 +1,4 @@
-import { n as y } from "./index-CeTmWGyC.mjs";
+import { n as y } from "./index-BPqB2yy1.mjs";
 import v from "react";
 function w(r, e) {
   for (var t = 0; t < e.length; t++) {

package/{RecentCarousel-Cl86PKoA.mjs → RecentCarousel-D6dx6TIr.mjs}

@@ -1,10 +1,10 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { m as y, B as i, T as x, o as B, p as z, q as T, g as H, t as M, V as U, P as V, L as F, u as j, v as q, w as W, x as O } from "./ToggleButton-DCe4d9MJ.mjs";
-import Y, { useState as G, useEffect as J } from "react";
-import { o as K } from "./index-CeTmWGyC.mjs";
+import { m as y, B as i, T as x, o as P, p as V, q as B, g as z, t as H, V as M, P as U, L as F, u as j, v as A, w as W, x as q } from "./ToggleButton-8IOlYjrU.mjs";
+import O, { useState as Y, useEffect as G } from "react";
+import { o as J } from "./index-BPqB2yy1.mjs";
 import "react-dom";
-const Q = y(() => {
-  const r = K();
+const K = y(() => {
+  const r = J();
   return {
     recentCardsWrapper: {
       "&.recentCardsBg": {
@@ -15,7 +15,7 @@ const Q = y(() => {
         },
         "& .PX-TopHeading": {
           padding: "15px",
-          background: "#9964DD",
+          background: r.palette.prelemType2.ACCENTS.VARIANT6.TITLE,
           borderTopRightRadius: r.borderRadius.value,
           borderTopLeftRadius: r.borderRadius.value,
           "& h5": {
@@ -124,12 +124,12 @@ const Q = y(() => {
     }
   };
 }), oe = ({ isVideoLandingPage: r, data: w, secondaryArgs: t, filters: d }) => {
-  const k = t == null ? void 0 : t.platform, L = Q(), { gcpUrl: c, bucketName: m } = t, [X, E] = G([]), I = (e) => {
+  const k = t == null ? void 0 : t.platform, E = K(), { gcpUrl: c, bucketName: m } = t, [L, I] = Y([]), N = (e) => {
     var h, p, s;
     const a = (e == null ? void 0 : e.CurrentPageURL) || e.current_page_url, l = ((h = e == null ? void 0 : e.content_type) == null ? void 0 : h.toLowerCase()) === "vod" ? "video" : "article";
     typeof window < "u" && (d != null && d.onCardClick ? d == null || d.onCardClick({ id: a, type: l }) : (p = t == null ? void 0 : t.prelemBaseEndpoint) != null && p.language ? window.open(`/${(s = t == null ? void 0 : t.prelemBaseEndpoint) == null ? void 0 : s.language}/${l}${a}`) : window.open(`/${l}${a}`));
-  }, N = (e) => {
-    k !== "isAuthoring" && I(e);
+  }, X = (e) => {
+    k !== "isAuthoring" && N(e);
   }, _ = {
     dotPosition: "outside",
     arrows: !1,
@@ -141,10 +141,10 @@ const Q = y(() => {
       xs: 1
     }
   }, f = () => {
-    const e = q(w, _.itemsPerRow);
-    e && E(e);
-  }, S = O(f, 100);
-  J(() => {
+    const e = A(w, _.itemsPerRow);
+    e && I(e);
+  }, S = q(f, 100);
+  G(() => {
     f();
     const e = () => {
       S();
@@ -156,19 +156,19 @@ const Q = y(() => {
   const b = (e) => {
     e.target.src !== W && (e.target.onerror = null, e.target.src = W);
   };
-  return /* @__PURE__ */ n(i, { className: `${L.recentCardsWrapper} recentCardsBg`, children: [
+  return /* @__PURE__ */ n(i, { className: `${E.recentCardsWrapper} recentCardsBg`, children: [
     /* @__PURE__ */ o(i, { className: "PX-TopHeading", children: /* @__PURE__ */ o(x, { variant: "h5medium", children: r ? "Related Videos" : "Related Articles" }) }),
-    /* @__PURE__ */ o(i, { className: "PX-CardBox", children: /* @__PURE__ */ o(i, { className: "PX-InnerBox", children: X.map(
+    /* @__PURE__ */ o(i, { className: "PX-CardBox", children: /* @__PURE__ */ o(i, { className: "PX-InnerBox", children: L.map(
       (e) => e == null ? void 0 : e.map((a, l) => {
-        var v, P;
+        var v, T;
         const { original_image: h = {}, thumbnail: p } = a, { original_image_relative_path: s, ext: D } = h;
         let R, u;
-        return ((v = a == null ? void 0 : a.content_type) == null ? void 0 : v.toLowerCase()) === "vod" ? (R = B(c, m, z(p)), u = B(c, m, p)) : (R = T(
+        return ((v = a == null ? void 0 : a.content_type) == null ? void 0 : v.toLowerCase()) === "vod" ? (R = P(c, m, V(p)), u = P(c, m, p)) : (R = B(
           c,
           m,
           s,
           "webp"
-        ), u = T(
+        ), u = B(
           c,
           m,
           s || p,
@@ -176,13 +176,13 @@ const Q = y(() => {
         )), /* @__PURE__ */ n(
           i,
           {
-            onClick: () => N(a),
+            onClick: () => X(a),
             className: "PX-CardWp",
             "data-testid": "enable-vod-play",
             children: [
               /* @__PURE__ */ n(i, { className: "PX-MediaWp", children: [
-                /* @__PURE__ */ n(H, { component: "picture", children: [
-                  M.map(({ breakpoint: g }, $) => /* @__PURE__ */ n(Y.Fragment, { children: [
+                /* @__PURE__ */ n(z, { component: "picture", children: [
+                  H.map(({ breakpoint: g }, $) => /* @__PURE__ */ n(O.Fragment, { children: [
                     /* @__PURE__ */ o(
                       "source",
                       {
@@ -217,7 +217,7 @@ const Q = y(() => {
                     }
                   )
                 ] }),
-                ((P = a == null ? void 0 : a.content_type) == null ? void 0 : P.toLowerCase()) === "vod" ? /* @__PURE__ */ o(i, { className: "PX-MidIcon", children: /* @__PURE__ */ o("img", { alt: "", src: U }) }) : (
+                ((T = a == null ? void 0 : a.content_type) == null ? void 0 : T.toLowerCase()) === "vod" ? /* @__PURE__ */ o(i, { className: "PX-MidIcon", children: /* @__PURE__ */ o("img", { alt: "", src: M }) }) : (
                   // <Box className='PX-MidIcon'>
                   //   <img alt='' src={ArticleIcon} />
                   // </Box>
@@ -225,7 +225,7 @@ const Q = y(() => {
                 )
               ] }),
               /* @__PURE__ */ n(i, { className: "PX-CardRightContent", children: [
-                /* @__PURE__ */ o(x, { variant: "h7regular", children: V((a == null ? void 0 : a.publishedDate) || (a == null ? void 0 : a.published_date)) }),
+                /* @__PURE__ */ o(x, { variant: "h7regular", children: U((a == null ? void 0 : a.publishedDate) || (a == null ? void 0 : a.published_date)) }),
                 /* @__PURE__ */ o(x, { variant: "h6medium", className: "title", children: a == null ? void 0 : a.title }),
                 /* @__PURE__ */ n(F, { href: "", className: "readmoreCta", children: [
                   /* @__PURE__ */ o(x, { variant: "h6regular", children: "Read more" }),

package/{Share-D0aSQ9zk.mjs → Share-DQnAo1oF.mjs}

@@ -1,8 +1,8 @@
 import Le, { jsx as a, jsxs as k, Fragment as je } from "react/jsx-runtime";
 import * as le from "react";
 import Te, { forwardRef as Ne, useState as $, useEffect as de, useRef as Oe, useCallback as Pe } from "react";
-import { d as ce, r as Ee, i as Re, m as We, h as Be, e as ue, B as b, g as De, j as He, T as L, P as Me, k as I, D as $e, l as Ue, s as Ve, n as J } from "./ToggleButton-DCe4d9MJ.mjs";
-import { g as he, d as pe, e as we, _ as j, u as fe, h as ge, i as me, P as p, j as be, k as ve, l as ze, m as ee, n as Fe, G as P, o as Ke } from "./index-CeTmWGyC.mjs";
+import { d as ce, r as Ee, i as Re, m as We, h as Be, e as ue, B as b, g as De, j as He, T as L, P as Me, k as I, D as $e, l as Ue, s as Ve, n as J } from "./ToggleButton-8IOlYjrU.mjs";
+import { g as he, d as pe, e as we, _ as j, u as fe, h as ge, i as me, P as p, j as be, k as ve, l as ze, m as ee, n as Fe, G as P, o as Ke } from "./index-BPqB2yy1.mjs";
 import "react-dom";
 function Ge(e) {
   return String(e).match(/[\d.\-+]*\s*(.*)/)[1] || "";

package/{SoundCloud-CyoxvKoN.mjs → SoundCloud-CZ-yrJeU.mjs}

@@ -1,6 +1,6 @@
-import { n as P } from "./index-CeTmWGyC.mjs";
+import { n as P } from "./index-BPqB2yy1.mjs";
 import g from "react";
-import { y as b, z as v } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as b, z as v } from "./ToggleButton-8IOlYjrU.mjs";
 function O(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/{Streamable-mIh-PEmg.mjs → Streamable-CnJYyZu0.mjs}

@@ -1,6 +1,6 @@
-import { n as m } from "./index-CeTmWGyC.mjs";
+import { n as m } from "./index-BPqB2yy1.mjs";
 import f from "react";
-import { y as _, z as b } from "./ToggleButton-DCe4d9MJ.mjs";
+import { y as _, z as b } from "./ToggleButton-8IOlYjrU.mjs";
 function P(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];