@platform-x/hcltechx-mfe-wrapper 1.0.13 → 1.0.14

package/RecentCarousel-BrE1qBvp.mjs

@@ -0,0 +1,340 @@
+import { u as I, j as o } from "./index-CKbXg2l_.mjs";
+import { m as _, B as s, T as b, g as D, r as S, h as v, i as $, j as y, k as z, l as H, L as M, n as F, o as q, q as P, s as O } from "./EventList-CbAUuRYM.mjs";
+import Y, { useState as G, useEffect as J } from "react";
+import "react-dom";
+import "react/jsx-runtime";
+const K = _(() => {
+  const a = I();
+  return {
+    recentCardsWrapper: {
+      "&.recentCardsBg": {
+        width: "100%",
+        overflow: "hidden",
+        [a.breakpoints.up("xs")]: {
+          marginBottom: 0
+        },
+        "& .PX-TopHeading": {
+          padding: "15px",
+          background: "#9964DD",
+          borderTopRightRadius: a.borderRadius.value,
+          borderTopLeftRadius: a.borderRadius.value,
+          "& h5": {
+            margin: 0,
+            color: "#fff"
+          }
+        },
+        "& .PX-CardBox": {
+          border: "1px solid #D1D1D1",
+          paddingBottom: "15px",
+          borderTop: "0",
+          borderBottomRightRadius: a.borderRadius.value,
+          borderBottomLeftRadius: a.borderRadius.value,
+          "& .PX-InnerBox": {
+            padding: "15px",
+            borderTop: "0",
+            borderBottomRightRadius: a.borderRadius.value,
+            borderBottomLeftRadius: a.borderRadius.value,
+            overflowY: "auto",
+            maxHeight: "700px",
+            "& .PX-CardWp": {
+              display: "flex",
+              border: "1px solid #E8E8E8",
+              padding: "10px",
+              borderRadius: a.borderRadius.value,
+              marginBottom: "10px",
+              cursor: "pointer",
+              "& .PX-MediaWp": {
+                minWidth: "160px",
+                minHeight: "108px",
+                marginRight: "15px",
+                maxWidth: "160px",
+                maxHeight: "108px",
+                position: "relative",
+                [a.breakpoints.down("lg")]: {
+                  minWidth: "90px",
+                  marginRight: "10px",
+                  maxWidth: "90px"
+                },
+                [a.breakpoints.down("em")]: {
+                  minWidth: "150px",
+                  marginRight: "10px",
+                  maxWidth: "150px"
+                },
+                [a.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: a.palette.prelemType3.CARDS.VARIANT1.TITLE,
+                  textDecoration: "none",
+                  "& h6": {
+                    color: a.palette.prelemType3.CARDS.VARIANT1.TITLE,
+                    display: "inline-block",
+                    margin: 0
+                  },
+                  "& svg": {
+                    fontSize: "18px",
+                    marginLeft: "8px"
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+}), oe = ({ isVideoLandingPage: a, data: k, secondaryArgs: r, filters: l }) => {
+  const E = r == null ? void 0 : r.platform, X = K(), { gcpUrl: d, bucketName: p } = r, [w, U] = G([]), j = (e) => {
+    var c, t, m;
+    const n = (e == null ? void 0 : e.CurrentPageURL) || e.current_page_url, i = ((c = e == null ? void 0 : e.content_type) == null ? void 0 : c.toLowerCase()) === "vod" ? "video" : "article";
+    typeof window < "u" && (l != null && l.onCardClick ? l == null || l.onCardClick({ id: n, type: i }) : (t = r == null ? void 0 : r.prelemBaseEndpoint) != null && t.language ? window.open(`/${(m = r == null ? void 0 : r.prelemBaseEndpoint) == null ? void 0 : m.language}/${i}${n}`) : window.open(`/${i}${n}`));
+  }, V = (e) => {
+    E !== "isAuthoring" && j(e);
+  }, B = {
+    dotPosition: "outside",
+    arrows: !1,
+    animationType: "slideIn",
+    itemsPerRow: {
+      lg: 3,
+      md: 3,
+      sm: 2,
+      xs: 1
+    }
+  }, C = () => {
+    const e = q(k, B.itemsPerRow);
+    e && U(e);
+  }, T = O(C, 100);
+  J(() => {
+    C();
+    const e = () => {
+      T();
+    };
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [k]);
+  const f = (e) => {
+    e.target.src !== P && (e.target.onerror = null, e.target.src = P);
+  };
+  return /* @__PURE__ */ o.jsxDEV(s, { className: `${X.recentCardsWrapper} recentCardsBg`, children: [
+    /* @__PURE__ */ o.jsxDEV(s, { className: "PX-TopHeading", children: /* @__PURE__ */ o.jsxDEV(b, { variant: "h5medium", children: a ? "Related Videos" : "Related Articles" }, void 0, !1, {
+      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+      lineNumber: 89,
+      columnNumber: 9
+    }, void 0) }, void 0, !1, {
+      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+      lineNumber: 88,
+      columnNumber: 7
+    }, void 0),
+    /* @__PURE__ */ o.jsxDEV(s, { className: "PX-CardBox", children: /* @__PURE__ */ o.jsxDEV(s, { className: "PX-InnerBox", children: w.map(
+      (e) => e == null ? void 0 : e.map((n, i) => {
+        var N, g;
+        const { original_image: c = {}, thumbnail: t } = n, { original_image_relative_path: m, ext: W } = c;
+        let h, u;
+        return ((N = n == null ? void 0 : n.content_type) == null ? void 0 : N.toLowerCase()) === "vod" ? (h = D(d, p, S(t)), u = D(d, p, t)) : (h = v(
+          d,
+          p,
+          m,
+          "webp"
+        ), u = v(
+          d,
+          p,
+          m || t,
+          W
+        )), /* @__PURE__ */ o.jsxDEV(
+          s,
+          {
+            onClick: () => V(n),
+            className: "PX-CardWp",
+            "data-testid": "enable-vod-play",
+            children: [
+              /* @__PURE__ */ o.jsxDEV(s, { className: "PX-MediaWp", children: [
+                /* @__PURE__ */ o.jsxDEV($, { component: "picture", children: [
+                  y.map(({ breakpoint: x }, L) => /* @__PURE__ */ o.jsxDEV(Y.Fragment, { children: [
+                    /* @__PURE__ */ o.jsxDEV(
+                      "source",
+                      {
+                        onError: (R) => {
+                          f(R);
+                        },
+                        media: `(min-width:${x}px)`,
+                        srcSet: h
+                      },
+                      void 0,
+                      !1,
+                      {
+                        fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                        lineNumber: 128,
+                        columnNumber: 29
+                      },
+                      void 0
+                    ),
+                    /* @__PURE__ */ o.jsxDEV(
+                      "source",
+                      {
+                        onError: (R) => {
+                          f(R);
+                        },
+                        media: `(min-width:${x}px)`,
+                        srcSet: u
+                      },
+                      void 0,
+                      !1,
+                      {
+                        fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                        lineNumber: 135,
+                        columnNumber: 29
+                      },
+                      void 0
+                    )
+                  ] }, L, !0, {
+                    fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                    lineNumber: 127,
+                    columnNumber: 27
+                  }, void 0)),
+                  /* @__PURE__ */ o.jsxDEV(
+                    "img",
+                    {
+                      loading: "lazy",
+                      alt: "cropped-img",
+                      src: u,
+                      onError: (x) => {
+                        f(x);
+                      },
+                      className: "PX-CardImage"
+                    },
+                    void 0,
+                    !1,
+                    {
+                      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                      lineNumber: 145,
+                      columnNumber: 23
+                    },
+                    void 0
+                  )
+                ] }, void 0, !0, {
+                  fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                  lineNumber: 124,
+                  columnNumber: 21
+                }, void 0),
+                ((g = n == null ? void 0 : n.content_type) == null ? void 0 : g.toLowerCase()) === "vod" ? /* @__PURE__ */ o.jsxDEV(s, { className: "PX-MidIcon", children: /* @__PURE__ */ o.jsxDEV("img", { alt: "", src: z }, void 0, !1, {
+                  fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                  lineNumber: 157,
+                  columnNumber: 25
+                }, void 0) }, void 0, !1, {
+                  fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                  lineNumber: 156,
+                  columnNumber: 23
+                }, void 0) : (
+                  // <Box className='PX-MidIcon'>
+                  //   <img alt='' src={ArticleIcon} />
+                  // </Box>
+                  null
+                )
+              ] }, void 0, !0, {
+                fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                lineNumber: 123,
+                columnNumber: 19
+              }, void 0),
+              /* @__PURE__ */ o.jsxDEV(s, { className: "PX-CardRightContent", children: [
+                /* @__PURE__ */ o.jsxDEV(b, { variant: "h7regular", children: H((n == null ? void 0 : n.publishedDate) || (n == null ? void 0 : n.published_date)) }, void 0, !1, {
+                  fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                  lineNumber: 165,
+                  columnNumber: 21
+                }, void 0),
+                /* @__PURE__ */ o.jsxDEV(b, { variant: "h6medium", className: "title", children: n == null ? void 0 : n.title }, void 0, !1, {
+                  fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                  lineNumber: 168,
+                  columnNumber: 21
+                }, void 0),
+                /* @__PURE__ */ o.jsxDEV(M, { href: "", className: "readmoreCta", children: [
+                  /* @__PURE__ */ o.jsxDEV(b, { variant: "h6regular", children: "Read more" }, void 0, !1, {
+                    fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                    lineNumber: 172,
+                    columnNumber: 23
+                  }, void 0),
+                  /* @__PURE__ */ o.jsxDEV(F, {}, void 0, !1, {
+                    fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                    lineNumber: 173,
+                    columnNumber: 23
+                  }, void 0)
+                ] }, void 0, !0, {
+                  fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                  lineNumber: 171,
+                  columnNumber: 21
+                }, void 0)
+              ] }, void 0, !0, {
+                fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+                lineNumber: 164,
+                columnNumber: 19
+              }, void 0)
+            ]
+          },
+          i,
+          !0,
+          {
+            fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+            lineNumber: 118,
+            columnNumber: 17
+          },
+          void 0
+        );
+      })
+    ) }, void 0, !1, {
+      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+      lineNumber: 94,
+      columnNumber: 9
+    }, void 0) }, void 0, !1, {
+      fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+      lineNumber: 93,
+      columnNumber: 7
+    }, void 0)
+  ] }, void 0, !0, {
+    fileName: "/Users/manikandan.kanna/Desktop/PlatformX/platformx-mono-repo-nx/libs/hc-prelems/src/lib/components/RecentCarousel/RecentCarousel.tsx",
+    lineNumber: 87,
+    columnNumber: 5
+  }, void 0);
+};
+export {
+  oe as default
+};