@platform-x/hcltechx-mfe-wrapper 1.0.15 → 1.0.17

package/{EventListComponent-BVHDmTUj.mjs → EventListComponent-DYXFA5v_.mjs}

@@ -1,21 +1,21 @@
-import { j as T, s as r, f as b, a as k } from "./index-BHdH4CGi.mjs";
-import { e as G } from "./EventList-C5eFcxcn.mjs";
-import { useState as p, useEffect as _ } from "react";
-import { m as A } from "./mutateApi-D_cBrIKP.mjs";
+import { jsx as _ } from "react/jsx-runtime";
+import { e as v } from "./EventList-lwNYrStD.mjs";
+import { useState as g, useEffect as A } from "react";
+import { s as r, f as k, a as L } from "./index-CgIBu_Si.mjs";
+import { m as b } from "./mutateApi-PiJF8MYO.mjs";
 import "react-dom";
-import "react/jsx-runtime";
-const H = ({
-  data: g,
-  prelemAnalyticsProp: d,
-  prelemAuthoringHelper: h,
+const q = ({
+  data: h,
+  prelemAnalyticsProp: p,
+  prelemAuthoringHelper: P,
   secondaryArgs: c,
-  userId: P,
-  filters: w,
-  relativePath: y
+  userId: d,
+  filters: y,
+  relativePath: S
 }) => {
-  const [D, S] = p({}), [E, m] = p(!1), {
+  const [w, D] = g({}), [E, m] = g(!1), {
     prelemBaseEndpoint: { language: f, site_host: u }
-  } = c, n = localStorage.getItem("userId") || P, v = async (l, t, i) => {
+  } = c, n = localStorage.getItem("userId") || d, I = async (l, t, i) => {
     var s, o;
     if (!n) {
       r("User ID is not available. Please log in.");
@@ -25,12 +25,12 @@ const H = ({
       const e = {
         input: { activity_type: i, target: l.toString(), action: t },
         user_id: n
-      }, a = await A.setPersonalGoal(e, f, u);
-      ((o = (s = a == null ? void 0 : a.data) == null ? void 0 : s.community_setPersonalGoal) == null ? void 0 : o.message) === "Created Successfully!!!" && t === "goal" ? k("Goal updated successfully!") : t !== "entry" && r("Something went wrong, please try after sometime !");
+      }, a = await b.setPersonalGoal(e, f, u);
+      ((o = (s = a == null ? void 0 : a.data) == null ? void 0 : s.community_setPersonalGoal) == null ? void 0 : o.message) === "Created Successfully!!!" && t === "goal" ? L("Goal updated successfully!") : t !== "entry" && r("Something went wrong, please try after sometime !");
     } catch (e) {
       console.error("Error in update goal API:", e), r("Something went wrong, please try after sometime !");
     }
-  }, x = async () => {
+  }, T = async () => {
     var l, t, i, s;
     if (!n) {
       r("User ID is not available. Please log in.");
@@ -41,12 +41,12 @@ const H = ({
       const o = {
         date: "",
         user_id: n
-      }, e = await b.fetchPersonalTracker(o, f, u);
+      }, e = await k.fetchPersonalTracker(o, f, u);
       if (((l = e == null ? void 0 : e.errors) == null ? void 0 : l.length) > 0)
         r((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: a } = (s = e == null ? void 0 : e.data) == null ? void 0 : s.community_fetchPersonalTracker;
-        S(a);
+        D(a);
       } else
         console.error("GetPersonalData API failed");
     } catch (o) {
@@ -54,34 +54,26 @@ const H = ({
     } finally {
       m(!1);
     }
-  }, I = {
-    stepsData: D,
+  }, G = {
+    stepsData: w,
     loading: E,
-    updateGoals: v
+    updateGoals: I
   };
-  return _(() => {
-    x();
-  }, []), /* @__PURE__ */ T.jsxDEV(
-    G,
+  return A(() => {
+    T();
+  }, []), /* @__PURE__ */ _(
+    v,
     {
-      content: g,
-      analytics: d,
-      authoringHelper: h,
+      content: h,
+      analytics: p,
+      authoringHelper: P,
       secondaryArgs: c,
-      stepsDetails: I,
-      filters: w,
-      relativePath: y
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-wrapper/src/lib/prelems/Components/EventListComponent.tsx",
-      lineNumber: 87,
-      columnNumber: 5
-    },
-    void 0
+      stepsDetails: G,
+      filters: y,
+      relativePath: S
+    }
   );
 };
 export {
-  H as default
+  q as default
 };

package/{Facebook-DeTNvyzj.mjs → Facebook-CHDKmwQ2.mjs}

@@ -1,6 +1,6 @@
-import { g as _ } from "./index-BHdH4CGi.mjs";
+import { g as _ } from "./index-CgIBu_Si.mjs";
 import g from "react";
-import { u as P, p as m } from "./EventList-C5eFcxcn.mjs";
+import { u as P, p as m } from "./EventList-lwNYrStD.mjs";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const o = e[r];

package/{FilePlayer-DJ3jIz04.mjs → FilePlayer-DYPozp9B.mjs}

@@ -1,6 +1,6 @@
-import { g as b } from "./index-BHdH4CGi.mjs";
+import { g as b } from "./index-CgIBu_Si.mjs";
 import _ from "react";
-import { u as O, p as A } from "./EventList-C5eFcxcn.mjs";
+import { u as O, p as A } from "./EventList-lwNYrStD.mjs";
 function R(s, e) {
   for (var t = 0; t < e.length; t++) {
     const i = e[t];

package/{IndividualChallengeComponent-B_LH6kGS.mjs → IndividualChallengeComponent-Cr9-cwdB.mjs}

@@ -1,9 +1,9 @@
-import { j as Q, f as y, s as u, a as C } from "./index-BHdH4CGi.mjs";
-import { I as W } from "./EventList-C5eFcxcn.mjs";
-import { useState as g, useEffect as Y } from "react";
-import { m as S } from "./mutateApi-D_cBrIKP.mjs";
+import { jsx as W } from "react/jsx-runtime";
+import { I as X } from "./EventList-lwNYrStD.mjs";
+import { useState as m, useEffect as Y } from "react";
+import { f as y, s as g, a as S } from "./index-CgIBu_Si.mjs";
+import { m as C } from "./mutateApi-PiJF8MYO.mjs";
 import "react-dom";
-import "react/jsx-runtime";
 const te = (q) => {
   const {
     pageData: l = {},
@@ -12,170 +12,162 @@ const te = (q) => {
     prelemAuthoringHelper: E,
     userId: v
   } = q || {}, {
-    prelemBaseEndpoint: { site_host: f, language: h }
-  } = L, d = localStorage.getItem("userId") || v, [T, m] = g(!1), [G, P] = g(!1), [B, j] = g(0), [D, x] = g(0), [b, k] = g([]), [U, N] = g([]), [H, J] = g([]), [V, I] = g({}), X = async (i) => {
+    prelemBaseEndpoint: { site_host: h, language: f }
+  } = L, d = localStorage.getItem("userId") || v, [G, u] = m(!1), [T, P] = m(!1), [B, j] = m(0), [D, U] = m(0), [k, b] = m([]), [x, H] = m([]), [J, z] = m([]), [F, I] = m({}), K = async (i) => {
     var o, n, s, t, r, e;
     try {
-      m(!0);
+      u(!0);
       const a = {
         input: {
           ...i,
           userId: d
         }
-      }, c = await S.joinChallenge(a, h, f);
-      ((o = c == null ? void 0 : c.errors) == null ? void 0 : o.length) > 0 ? u((n = c == null ? void 0 : c.errors[0]) == null ? void 0 : n.message) : (t = (s = c == null ? void 0 : c.data) == null ? void 0 : s.community_joinChallenge) != null && t.id ? (C((e = (r = c == null ? void 0 : c.data) == null ? void 0 : r.community_joinChallenge) == null ? void 0 : e.message), P(!0), A()) : console.error("Join Challenge API failed");
+      }, c = await C.joinChallenge(a, f, h);
+      ((o = c == null ? void 0 : c.errors) == null ? void 0 : o.length) > 0 ? g((n = c == null ? void 0 : c.errors[0]) == null ? void 0 : n.message) : (t = (s = c == null ? void 0 : c.data) == null ? void 0 : s.community_joinChallenge) != null && t.id ? (S((e = (r = c == null ? void 0 : c.data) == null ? void 0 : r.community_joinChallenge) == null ? void 0 : e.message), P(!0), A()) : console.error("Join Challenge API failed");
     } catch (a) {
       console.error("Error in Join Challenge API:", a);
     } finally {
-      m(!1);
+      u(!1);
     }
   }, A = async () => {
     var i, o, n, s;
     try {
-      m(!0);
+      u(!0);
       const t = {
         challenge_id: l == null ? void 0 : l.page,
         user_id: d
-      }, r = await y.getChallengeDetails(t, h, f);
+      }, r = await y.getChallengeDetails(t, f, h);
       if (((i = r == null ? void 0 : r.errors) == null ? void 0 : i.length) > 0)
-        u((o = r == null ? void 0 : r.errors[0]) == null ? void 0 : o.message);
+        g((o = r == null ? void 0 : r.errors[0]) == null ? void 0 : o.message);
       else if ((n = r == null ? void 0 : r.data) != null && n.community_challengesDetail) {
         const {
           total_participant: e,
           is_joined: a,
           user_steps: c = 0
         } = (s = r == null ? void 0 : r.data) == null ? void 0 : s.community_challengesDetail;
-        P(a), j(e), x(c);
+        P(a), j(e), U(c);
       } else
         console.error("GetChallengeDetails API failed");
     } catch (t) {
       console.error("Error in GetChallengeDetails API:", t);
     } finally {
-      m(!1);
+      u(!1);
     }
-  }, z = async (i = "") => {
+  }, M = async (i = "") => {
     var o, n, s, t;
     try {
-      m(!0);
+      u(!0);
       const r = {
         date: i,
         user_id: d
-      }, e = await y.fetchPersonalTracker(r, h, f);
+      }, e = await y.fetchPersonalTracker(r, f, h);
       if (((o = e == null ? void 0 : e.errors) == null ? void 0 : o.length) > 0)
-        u((n = e == null ? void 0 : e.errors[0]) == null ? void 0 : n.message);
+        g((n = e == null ? void 0 : e.errors[0]) == null ? void 0 : n.message);
       else if ((s = e == null ? void 0 : e.data) != null && s.community_fetchPersonalTracker) {
         const { steps: a } = (t = e == null ? void 0 : e.data) == null ? void 0 : t.community_fetchPersonalTracker;
         I(a);
       } else
-        console.error("GetPersonalData API failed"), u("GetPersonalData API failed");
+        console.error("GetPersonalData API failed"), g("GetPersonalData API failed");
     } catch (r) {
-      u("Something went wrong !"), console.error("Error in GetPersonalData API:", r), u("Error in GetPersonalData API"), I({});
+      g("Something went wrong !"), console.error("Error in GetPersonalData API:", r), g("Error in GetPersonalData API"), I({});
     } finally {
-      m(!1);
+      u(!1);
     }
-  }, F = async () => {
+  }, N = async () => {
     var i, o, n, s, t;
     try {
-      m(!0);
+      u(!0);
       const r = {
         challenge_id: l == null ? void 0 : l.page,
         user_id: d
-      }, e = await y.getLeaderBoardList(r, h, f);
+      }, e = await y.getLeaderBoardList(r, f, h);
       if (((i = e == null ? void 0 : e.errors) == null ? void 0 : i.length) > 0)
-        u((o = e == null ? void 0 : e.errors[0]) == null ? void 0 : o.message);
+        g((o = e == null ? void 0 : e.errors[0]) == null ? void 0 : o.message);
       else if ((s = (n = e == null ? void 0 : e.data) == null ? void 0 : n.community_getLeaderBoardList) != null && s.records) {
         const { records: a } = (t = e == null ? void 0 : e.data) == null ? void 0 : t.community_getLeaderBoardList;
-        k(a);
+        b(a);
       } else
         console.error("GetLeaderBoardList API failed");
     } catch (r) {
       console.error("Error in GetLeaderBoardList API:", r);
     } finally {
-      m(!1);
+      u(!1);
     }
-  }, K = async (i) => {
+  }, O = async (i) => {
     var o, n;
     try {
       const s = {
         input: i
-      }, t = await S.setUpChallenge(s, h, f);
-      ((n = (o = t == null ? void 0 : t.data) == null ? void 0 : o.community_setupChallenge) == null ? void 0 : n.message) === "challenge has been setUp successfully" ? C("Challenge has been setup successfully!") : u("Something went wrong, please try after sometime !");
+      }, t = await C.setUpChallenge(s, f, h);
+      ((n = (o = t == null ? void 0 : t.data) == null ? void 0 : o.community_setupChallenge) == null ? void 0 : n.message) === "challenge has been setUp successfully" ? S("Challenge has been setup successfully!") : g("Something went wrong, please try after sometime !");
     } catch (s) {
-      console.error("Error in update goal API:", s), u("Something went wrong, please try after sometime !");
+      console.error("Error in update goal API:", s), g("Something went wrong, please try after sometime !");
     }
-  }, M = async () => {
+  }, Q = async () => {
     var i, o, n, s, t;
     try {
-      m(!0);
+      u(!0);
       const r = {
         challenge_id: l == null ? void 0 : l.page,
         user_id: d
-      }, e = await y.getSentRequestList(r, h, f);
+      }, e = await y.getSentRequestList(r, f, h);
       if (((i = e == null ? void 0 : e.errors) == null ? void 0 : i.length) > 0)
-        u((o = e == null ? void 0 : e.errors[0]) == null ? void 0 : o.message);
+        g((o = e == null ? void 0 : e.errors[0]) == null ? void 0 : o.message);
       else if ((s = (n = e == null ? void 0 : e.data) == null ? void 0 : n.community_sentRequests) != null && s.records) {
         const { records: a } = (t = e == null ? void 0 : e.data) == null ? void 0 : t.community_sentRequests;
-        N(a);
+        H(a);
       } else
         console.error("GetSentRequestList API failed");
     } catch (r) {
       console.error("Error in GetSentRequestList API:", r);
     } finally {
-      m(!1);
+      u(!1);
     }
   }, _ = async () => {
     var i, o, n, s, t;
     try {
-      m(!0);
+      u(!0);
       const r = {
         challenge_id: l == null ? void 0 : l.page,
         user_id: d
-      }, e = await y.getReceivedRequestList(r, h, f);
+      }, e = await y.getReceivedRequestList(r, f, h);
       if (((i = e == null ? void 0 : e.errors) == null ? void 0 : i.length) > 0)
-        u((o = e == null ? void 0 : e.errors[0]) == null ? void 0 : o.message);
+        g((o = e == null ? void 0 : e.errors[0]) == null ? void 0 : o.message);
       else if ((s = (n = e == null ? void 0 : e.data) == null ? void 0 : n.community_receivedRequests) != null && s.records) {
         const { records: a } = (t = e == null ? void 0 : e.data) == null ? void 0 : t.community_receivedRequests;
-        J(a);
+        z(a);
       } else
         console.error("GetReceivedRequestList API failed");
     } catch (r) {
       console.error("Error in GetReceivedRequestList API:", r);
     } finally {
-      m(!1);
+      u(!1);
     }
-  }, O = {
-    joinChallenge: X,
-    loading: T,
-    isEnrolled: G,
+  }, V = {
+    joinChallenge: K,
+    loading: G,
+    isEnrolled: T,
     enrolledParticipants: B,
     userAchieved: D,
-    leaderBoardList: b,
-    stepsData: V,
-    setUpChallenge: K,
-    sentRequestList: U,
-    receivedRequestList: H,
-    getSentRequestList: M,
+    leaderBoardList: k,
+    stepsData: F,
+    setUpChallenge: O,
+    sentRequestList: x,
+    receivedRequestList: J,
+    getSentRequestList: Q,
     getReceivedRequestList: _
   };
   return Y(() => {
-    l != null && l.page && (A(), F(), z(), _());
-  }, [l]), /* @__PURE__ */ Q.jsxDEV(
-    W,
+    l != null && l.page && (A(), N(), M(), _());
+  }, [l]), /* @__PURE__ */ W(
+    X,
     {
       content: l,
       analytics: w,
       authoringHelper: E,
       secondaryArgs: L,
-      challengeDetails: O
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-wrapper/src/lib/contentTypes/Components/IndividualChallengeComponent.tsx",
-      lineNumber: 227,
-      columnNumber: 5
-    },
-    void 0
+      challengeDetails: V
+    }
   );
 };
 export {

package/{Kaltura-D29Vxa3f.mjs → Kaltura-CF9gfNmQ.mjs}

@@ -1,6 +1,6 @@
-import { g as f } from "./index-BHdH4CGi.mjs";
+import { g as f } from "./index-CgIBu_Si.mjs";
 import y from "react";
-import { u as _, p as m } from "./EventList-C5eFcxcn.mjs";
+import { u as _, p as m } from "./EventList-lwNYrStD.mjs";
 function P(r, e) {
   for (var t = 0; t < e.length; t++) {
     const o = e[t];

package/{Mixcloud-DQ2Lv8M7.mjs → Mixcloud-Rcvs2th1.mjs}

@@ -1,6 +1,6 @@
-import { g as f } from "./index-BHdH4CGi.mjs";
+import { g as f } from "./index-CgIBu_Si.mjs";
 import y from "react";
-import { u as m, p as g } from "./EventList-C5eFcxcn.mjs";
+import { u as m, p as g } from "./EventList-lwNYrStD.mjs";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const s = e[r];

package/{Mux-Hzci7MQW.mjs → Mux-DHN7l3BG.mjs}

@@ -1,6 +1,6 @@
-import { g as P } from "./index-BHdH4CGi.mjs";
+import { g as P } from "./index-CgIBu_Si.mjs";
 import g from "react";
-import { p as E } from "./EventList-C5eFcxcn.mjs";
+import { p as E } from "./EventList-lwNYrStD.mjs";
 function b(r, e) {
   for (var t = 0; t < e.length; t++) {
     const i = e[t];

package/{Preview-Q5clyNSx.mjs → Preview-CVDdi0j6.mjs}

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

package/RecentCarousel-B-ELyI30.mjs

@@ -0,0 +1,245 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { m as y, B as i, T as x, g as B, r as z, h as T, i as H, j as M, k as U, l as j, L as F, n as V, o as q, q as W, s as O } from "./EventList-lwNYrStD.mjs";
+import Y, { useState as G, useEffect as J } from "react";
+import { u as K } from "./index-CgIBu_Si.mjs";
+import "react-dom";
+const Q = y(() => {
+  const r = K();
+  return {
+    recentCardsWrapper: {
+      "&.recentCardsBg": {
+        width: "100%",
+        overflow: "hidden",
+        [r.breakpoints.up("xs")]: {
+          marginBottom: 0
+        },
+        "& .PX-TopHeading": {
+          padding: "15px",
+          background: "#9964DD",
+          borderTopRightRadius: r.borderRadius.value,
+          borderTopLeftRadius: r.borderRadius.value,
+          "& h5": {
+            margin: 0,
+            color: "#fff"
+          }
+        },
+        "& .PX-CardBox": {
+          border: "1px solid #D1D1D1",
+          paddingBottom: "15px",
+          borderTop: "0",
+          borderBottomRightRadius: r.borderRadius.value,
+          borderBottomLeftRadius: r.borderRadius.value,
+          "& .PX-InnerBox": {
+            padding: "15px",
+            borderTop: "0",
+            borderBottomRightRadius: r.borderRadius.value,
+            borderBottomLeftRadius: r.borderRadius.value,
+            overflowY: "auto",
+            maxHeight: "700px",
+            "& .PX-CardWp": {
+              display: "flex",
+              border: "1px solid #E8E8E8",
+              padding: "10px",
+              borderRadius: r.borderRadius.value,
+              marginBottom: "10px",
+              cursor: "pointer",
+              "& .PX-MediaWp": {
+                minWidth: "160px",
+                minHeight: "108px",
+                marginRight: "15px",
+                maxWidth: "160px",
+                maxHeight: "108px",
+                position: "relative",
+                [r.breakpoints.down("lg")]: {
+                  minWidth: "90px",
+                  marginRight: "10px",
+                  maxWidth: "90px"
+                },
+                [r.breakpoints.down("em")]: {
+                  minWidth: "150px",
+                  marginRight: "10px",
+                  maxWidth: "150px"
+                },
+                [r.breakpoints.down("em")]: {
+                  minWidth: "90px",
+                  marginRight: "10px",
+                  maxWidth: "90px"
+                },
+                "& picture": {
+                  height: "100%",
+                  "& img": {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                    borderRadius: "5px"
+                  }
+                },
+                "& .PX-MidIcon": {
+                  position: "absolute",
+                  top: "0",
+                  left: "0",
+                  right: "0",
+                  bottom: "0",
+                  margin: "auto",
+                  width: "24px",
+                  height: "24px",
+                  filter: "brightness(0) invert(1)",
+                  "& img": {
+                    width: "100%"
+                  }
+                }
+              },
+              "& .PX-CardRightContent": {
+                "& p": {
+                  margin: 0
+                },
+                "& .title": {
+                  display: "-webkit-box",
+                  WebkitBoxOrient: "vertical",
+                  WebkitLineClamp: "3",
+                  overflow: "hidden",
+                  margin: "7px 0",
+                  height: "57px"
+                },
+                "& .readmoreCta": {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  color: r.palette.prelemType3.CARDS.VARIANT1.TITLE,
+                  textDecoration: "none",
+                  "& h6": {
+                    color: r.palette.prelemType3.CARDS.VARIANT1.TITLE,
+                    display: "inline-block",
+                    margin: 0
+                  },
+                  "& svg": {
+                    fontSize: "18px",
+                    marginLeft: "8px"
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+}), oe = ({ isVideoLandingPage: r, data: f, secondaryArgs: t, filters: d }) => {
+  const k = t == null ? void 0 : t.platform, L = Q(), { gcpUrl: c, bucketName: h } = t, [X, E] = G([]), I = (e) => {
+    var m, p, s;
+    const a = (e == null ? void 0 : e.CurrentPageURL) || e.current_page_url, l = ((m = e == null ? void 0 : e.content_type) == null ? void 0 : m.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);
+  }, _ = {
+    dotPosition: "outside",
+    arrows: !1,
+    animationType: "slideIn",
+    itemsPerRow: {
+      lg: 3,
+      md: 3,
+      sm: 2,
+      xs: 1
+    }
+  }, w = () => {
+    const e = q(f, _.itemsPerRow);
+    e && E(e);
+  }, S = O(w, 100);
+  J(() => {
+    w();
+    const e = () => {
+      S();
+    };
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [f]);
+  const b = (e) => {
+    e.target.src !== W && (e.target.onerror = null, e.target.src = W);
+  };
+  return /* @__PURE__ */ n(i, { className: `${L.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(
+      (e) => e == null ? void 0 : e.map((a, l) => {
+        var v, P;
+        const { original_image: m = {}, thumbnail: p } = a, { original_image_relative_path: s, ext: D } = m;
+        let R, u;
+        return ((v = a == null ? void 0 : a.content_type) == null ? void 0 : v.toLowerCase()) === "vod" ? (R = B(c, h, z(p)), u = B(c, h, p)) : (R = T(
+          c,
+          h,
+          s,
+          "webp"
+        ), u = T(
+          c,
+          h,
+          s || p,
+          D
+        )), /* @__PURE__ */ n(
+          i,
+          {
+            onClick: () => N(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__ */ o(
+                      "source",
+                      {
+                        onError: (C) => {
+                          b(C);
+                        },
+                        media: `(min-width:${g}px)`,
+                        srcSet: R
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      "source",
+                      {
+                        onError: (C) => {
+                          b(C);
+                        },
+                        media: `(min-width:${g}px)`,
+                        srcSet: u
+                      }
+                    )
+                  ] }, $)),
+                  /* @__PURE__ */ o(
+                    "img",
+                    {
+                      loading: "lazy",
+                      alt: "cropped-img",
+                      src: u,
+                      onError: (g) => {
+                        b(g);
+                      },
+                      className: "PX-CardImage"
+                    }
+                  )
+                ] }),
+                ((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 }) }) : (
+                  // <Box className='PX-MidIcon'>
+                  //   <img alt='' src={ArticleIcon} />
+                  // </Box>
+                  null
+                )
+              ] }),
+              /* @__PURE__ */ n(i, { className: "PX-CardRightContent", children: [
+                /* @__PURE__ */ o(x, { variant: "h7regular", children: j((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" }),
+                  /* @__PURE__ */ o(V, {})
+                ] })
+              ] })
+            ]
+          },
+          l
+        );
+      })
+    ) }) })
+  ] });
+};
+export {
+  oe as default
+};