@platform-x/hcltechx-mfe-wrapper 1.0.30 → 1.0.32

package/RecentCarousel-BFwZefp_.mjs

@@ -1,245 +0,0 @@
-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 V, q as W, g as z, t as H, V as M, P as U, u as F, v as j, w as k, x as A } from "./ToggleButton-qqI-N7vl.mjs";
-import q, { useState as O, useEffect as Y } from "react";
-import { o as G } from "./index-nEuOAhnp.mjs";
-import "react-dom";
-const J = y(() => {
-  const r = G();
-  return {
-    recentCardsWrapper: {
-      "&.recentCardsBg": {
-        width: "100%",
-        overflow: "hidden",
-        [r.breakpoints.up("xs")]: {
-          marginBottom: 0
-        },
-        "& .PX-TopHeading": {
-          padding: "15px",
-          background: r.palette.prelemType2.ACCENTS.VARIANT6.TITLE,
-          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"
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  };
-}), re = ({ isVideoLandingPage: r, data: w, secondaryArgs: t, filters: d }) => {
-  const E = t == null ? void 0 : t.platform, I = J(), { gcpUrl: c, bucketName: h } = t, [N, X] = O([]), v = (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}`));
-  }, L = (e) => {
-    E !== "isAuthoring" && v(e);
-  }, _ = {
-    dotPosition: "outside",
-    arrows: !1,
-    animationType: "slideIn",
-    itemsPerRow: {
-      lg: 3,
-      md: 3,
-      sm: 2,
-      xs: 1
-    }
-  }, f = () => {
-    const e = j(w, _.itemsPerRow);
-    e && X(e);
-  }, S = A(f, 100);
-  Y(() => {
-    f();
-    const e = () => {
-      S();
-    };
-    return window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e);
-    };
-  }, [w]);
-  const b = (e) => {
-    e.target.src !== k && (e.target.onerror = null, e.target.src = k);
-  };
-  return /* @__PURE__ */ n(i, { className: `${I.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: N.map(
-      (e) => e == null ? void 0 : e.map((a, l) => {
-        var T, P;
-        const { original_image: m = {}, thumbnail: p } = a, { original_image_relative_path: s, ext: D } = m;
-        let C, u;
-        return ((T = a == null ? void 0 : a.content_type) == null ? void 0 : T.toLowerCase()) === "vod" ? (C = B(c, h, V(p)), u = B(c, h, p)) : (C = W(
-          c,
-          h,
-          s,
-          "webp"
-        ), u = W(
-          c,
-          h,
-          s || p,
-          D
-        )), /* @__PURE__ */ n(
-          i,
-          {
-            onClick: () => L(a),
-            className: "PX-CardWp",
-            "data-testid": "enable-vod-play",
-            children: [
-              /* @__PURE__ */ n(i, { className: "PX-MediaWp", children: [
-                /* @__PURE__ */ n(z, { component: "picture", children: [
-                  H.map(({ breakpoint: g }, $) => /* @__PURE__ */ n(q.Fragment, { children: [
-                    /* @__PURE__ */ o(
-                      "source",
-                      {
-                        onError: (R) => {
-                          b(R);
-                        },
-                        media: `(min-width:${g}px)`,
-                        srcSet: C
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      "source",
-                      {
-                        onError: (R) => {
-                          b(R);
-                        },
-                        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: M }) }) : (
-                  // <Box className='PX-MidIcon'>
-                  //   <img alt='' src={ArticleIcon} />
-                  // </Box>
-                  null
-                )
-              ] }),
-              /* @__PURE__ */ n(i, { className: "PX-CardRightContent", children: [
-                /* @__PURE__ */ o(x, { variant: "h7regular", children: U((a == null ? void 0 : a.publishedDate) || (a == null ? void 0 : a.published_date)) }),
-                /* @__PURE__ */ o(x, { variant: "h6bold", className: "title", children: a == null ? void 0 : a.title }),
-                /* @__PURE__ */ n(i, { onClick: () => v(a), className: "readmoreCta", children: [
-                  /* @__PURE__ */ o(x, { variant: "h6regular", children: "Read more" }),
-                  /* @__PURE__ */ o(F, {})
-                ] })
-              ] })
-            ]
-          },
-          l
-        );
-      })
-    ) }) })
-  ] });
-};
-export {
-  re as default
-};