@platform-x/hcltechx-mfe-wrapper 1.0.0

package/BrightcovePlayer-B2Rrij5a.mjs

@@ -0,0 +1,177 @@
+import { jsxs as b, jsx as P } from "react/jsx-runtime";
+import { Box as y } from "@mui/material";
+import { useMemo as D, useEffect as T } from "react";
+import { e as A, g as E, h as B } from "./EventList-BM7sWeX5.mjs";
+import { makeStyles as w } from "@mui/styles";
+import "./index-Dluh6sv-.mjs";
+import "react-dom";
+import "@mui/system";
+window.bc = window.bc || {};
+class _ {
+  constructor() {
+    this.playerObj = {}, this.vidId = "", this.videoData = { VideoID: "", AccountID: "", PlayerID: "" }, this.subscribeEvents = void 0, this.options = {};
+  }
+  brightCoveWebPlayer(o, d, e, a) {
+    this.playerObj = {}, this.vidId = o, this.videoData = d, this.addPlayer(), this.options = { ...this.getDefaultOptions(), ...e }, this.subscribeEvents = a;
+  }
+  getDefaultOptions() {
+    return {
+      html5: {
+        hls: {
+          smoothQualityChange: !0
+        }
+      },
+      autoplay: !1,
+      bigPlayButton: !1,
+      debug: !1
+    };
+  }
+  addPlayer() {
+    var u, p, I, g, f;
+    let o;
+    this.videoData.PlaylistID === "playlist" ? o = '<div class="vjs-playlist-player-container" style="width: 100%; height: inherit;"><video-js id="myPlayerID-' + this.vidId + '" data-playlist-id="' + this.videoData.VideoID + '"  data-account="' + this.videoData.AccountID + '" data-player="' + this.videoData.PlayerID + '" data-embed="default" class="video-js" controls style="width:100%;height:100%;"></video-js></div>' : o = '<video-js id="myPlayerID-' + this.vidId + '" data-video-id="' + this.videoData.VideoID + '"  data-account="' + this.videoData.AccountID + '" data-player="' + this.videoData.PlayerID + '" data-embed="default" class="video-js" controls style="width:100%;height:100%;"></video-js>';
+    const d = document.querySelectorAll("iframe:not(#productsummary)");
+    let e = "", a = window, h = document;
+    if (d && d.length > 0) {
+      let t = !1;
+      if (d == null || d.forEach((l) => {
+        const i = l == null ? void 0 : l.contentWindow, m = i == null ? void 0 : i.document, s = m == null ? void 0 : m.getElementById(this.vidId);
+        s && (t = !0, e = s, a = i, h = m);
+      }), !t) {
+        const l = document.getElementById(this.vidId);
+        t = !1, e = l;
+      }
+    } else {
+      const t = document.getElementById(this.vidId);
+      t && (e = t);
+    }
+    if (e) {
+      e.innerHTML = o;
+      const t = "brightcove-player", l = (u = h == null ? void 0 : h.getElementById(t)) == null ? void 0 : u.getAttribute("src");
+      if (!h.getElementById(t) || (l == null ? void 0 : l.split("/")[3]) !== ((p = this.videoData) == null ? void 0 : p.AccountID)) {
+        h.getElementById(t) && (l == null ? void 0 : l.split("/")[3]) !== ((I = this.videoData) == null ? void 0 : I.AccountID) && ((g = h.getElementById(t)) == null || g.remove());
+        const i = document.createElement("script");
+        i.id = t, i.src = "https://players.brightcove.net/" + this.videoData.AccountID + "/" + this.videoData.PlayerID + "_default/index.min.js", (f = h == null ? void 0 : h.body) == null || f.appendChild(i), i.onload = () => this.callback(a);
+      } else
+        this.callback(a);
+    }
+  }
+  callback(o) {
+    var d, e;
+    this.playerObj = o == null ? void 0 : o.bc(`myPlayerID-${this.vidId}`, this.options), (d = this.subscribeEvents) == null || d.call(this, this.playerObj), this.options.autoplay && (this.options.mute && ((e = this.playerObj) == null || e.muted(!0)), this.playerObj.play());
+  }
+  closeVideo() {
+    var o, d;
+    this.playerObj && ((d = (o = this.playerObj) == null ? void 0 : o.dispose) == null || d.call(o));
+  }
+}
+const j = w(() => ({
+  brightcovePlayerWrapper: {
+    "&.brightcovePlayercontainer": {
+      "& .video-js .vjs-control": {
+        [A().breakpoints.down("sm")]: {
+          width: "2.8em"
+        }
+      }
+    }
+  }
+})), L = ({
+  VideoData: r,
+  setVideoContent: o,
+  options: d,
+  analytics: e,
+  prelemTitle: a,
+  analyticsEnable: h
+}) => {
+  const u = D(() => new _(), []), p = j(), g = "elm-" + B().toString(36), [, f] = E(), t = {
+    "VOD Title": "VOD Title",
+    "Video Length": 0
+  }, l = `
+       .bc-player-default_default .vjs-play-progress, .bc-player-default_default .vjs-volume-level{
+        background-color:#1e0d16;
+       }
+
+       .vjs-mouse.bc-player-default_default .vjs-progress-control:hover{
+        height: 0.5em; 
+        top: -0.5em;
+       }
+       `, i = (s) => {
+    const n = {
+      "Page Title": e == null ? void 0 : e.pageTitle,
+      "Prelem Title": e != null && e.prelemTitle ? e == null ? void 0 : e.prelemTitle : a,
+      "Slot number": e == null ? void 0 : e.prelemPosition,
+      "Event Name": s,
+      "Content Type": "VOD",
+      "VOD Title": t["VOD Title"],
+      "VOD URL": "VOD URL",
+      "Video Length": t["Video Length"]
+    };
+    f("VOD Impression", n);
+  }, m = (s) => {
+    let n;
+    s.on("playing", function() {
+      var v;
+      t["Video Length"] === 0 && (t["VOD Title"] = (v = s == null ? void 0 : s.mediainfo) == null ? void 0 : v.name, t["Video Length"] = parseInt(s.duration())), i("video_start");
+    }), s.on("pause", function() {
+      i("video_pause");
+    }), s.on("ended", function() {
+      i("video_complete");
+    }), s.on("timeupdate", function() {
+      const v = parseInt(s.duration()), c = parseInt(s.currentTime());
+      c === Math.floor(v * 0.25) && c !== n && (n = c, i("video_25%")), c === Math.floor(v * 0.5) && c !== n && (n = c, i("video_50%")), c === Math.floor(v * 0.75) && c !== n && (n = c, i("video_75%"));
+    });
+  };
+  return T(() => {
+    const s = setTimeout(() => {
+      u.brightCoveWebPlayer(g, r, d, (n) => {
+        n.on("loadstart", () => {
+          o && o(n == null ? void 0 : n.mediainfo);
+        }), !(e != null && e.isAuthoring) && h && m(n);
+      });
+    }, 100);
+    return () => {
+      clearTimeout(s), u.closeVideo(), !(e != null && e.isAuthoring) && h && i("video_stop");
+    };
+  }, [
+    u,
+    r == null ? void 0 : r.VideoID,
+    r == null ? void 0 : r.PlayerID,
+    r == null ? void 0 : r.AccountID,
+    r == null ? void 0 : r.PlaylistID
+  ]), /* @__PURE__ */ b(y, { style: { height: "100%", width: "100%" }, children: [
+    /* @__PURE__ */ P("style", { children: l }),
+    /* @__PURE__ */ P(
+      "div",
+      {
+        id: g,
+        style: { height: "100%", width: "100%" },
+        className: `${p.brightcovePlayerWrapper} brightcovePlayercontainer`
+      }
+    )
+  ] });
+};
+L.defaultProps = {
+  analyticsEnable: !0,
+  VideoData: {
+    AccountID: "6415745389001",
+    PlayerID: "default",
+    VideoID: "6340658248112",
+    PlaylistID: "PlaylistID"
+  },
+  analytics: {
+    isAnalyticsEnabled: !0,
+    isSeoEnabled: !1,
+    isAuthoring: !1,
+    position: 0,
+    pageId: 1234,
+    prelemId: 2345,
+    pageTitle: "Prelem Title",
+    pageDesc: "Prelem Description",
+    pageTags: "Page Tags1, page tagg2",
+    prelemTags: "Prelem Tags1, Prelem tagg2"
+  },
+  prelemTitle: ""
+};
+export {
+  L as default
+};

package/ChallengeDetailComponent-QSflL_pe.mjs

@@ -0,0 +1,89 @@
+import { jsx as b } from "react/jsx-runtime";
+import { C as x } from "./EventList-BM7sWeX5.mjs";
+import { useState as g, useEffect as G } from "react";
+import { s as h, f as H, a as J } from "./index-Dluh6sv-.mjs";
+import { m as B } from "./mutateApi-DOEWbC_3.mjs";
+import "@mui/material";
+import "@mui/styles";
+import "@mui/system";
+import "react-dom";
+const Q = (I) => {
+  const {
+    pageData: o = {},
+    secondaryArgs: f,
+    prelemAnalyticsProp: _,
+    prelemAuthoringHelper: E,
+    userId: d
+  } = I || {}, {
+    prelemBaseEndpoint: { language: y, site_host: C }
+  } = f, [P, a] = g(!1), [D, p] = g(!1), [j, v] = g(0), [S, w] = g(0), u = localStorage.getItem("userId") || d, T = async (c) => {
+    var n, t, s, l, e, m;
+    if (!u) {
+      h("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      a(!0);
+      const i = {
+        input: {
+          ...c,
+          userId: u
+        }
+      }, r = await B.joinChallenge(i, y, C);
+      ((n = r == null ? void 0 : r.errors) == null ? void 0 : n.length) > 0 ? h((t = r == null ? void 0 : r.errors[0]) == null ? void 0 : t.message) : (l = (s = r == null ? void 0 : r.data) == null ? void 0 : s.community_joinChallenge) != null && l.id ? (J((m = (e = r == null ? void 0 : r.data) == null ? void 0 : e.community_joinChallenge) == null ? void 0 : m.message), p(!0), A()) : console.error("Join Challenge API failed");
+    } catch (i) {
+      console.error("Error in Join Challenge API:", i);
+    } finally {
+      a(!1);
+    }
+  }, A = async () => {
+    var c, n, t, s;
+    if (!u) {
+      h("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      a(!0);
+      const l = {
+        challenge_id: o == null ? void 0 : o.page,
+        user_id: d
+      }, e = await H.getChallengeDetails(l, y, C);
+      if (((c = e == null ? void 0 : e.errors) == null ? void 0 : c.length) > 0)
+        h((n = e == null ? void 0 : e.errors[0]) == null ? void 0 : n.message);
+      else if ((t = e == null ? void 0 : e.data) != null && t.community_challengesDetail) {
+        const {
+          total_participant: m,
+          is_joined: i,
+          user_steps: r = 0
+        } = (s = e == null ? void 0 : e.data) == null ? void 0 : s.community_challengesDetail;
+        p(i), v(m), w(r);
+      } else
+        console.error("GetEventDetails API failed");
+    } catch (l) {
+      console.error("Error in GetEventDetails API:", l);
+    } finally {
+      a(!1);
+    }
+  }, U = {
+    joinChallenge: T,
+    loading: P,
+    isEnrolled: D,
+    enrolledParticipants: j,
+    userAchieved: S
+  };
+  return G(() => {
+    o != null && o.page && A();
+  }, [o]), /* @__PURE__ */ b(
+    x,
+    {
+      content: o,
+      analytics: _,
+      authoringHelper: E,
+      secondaryArgs: f,
+      challengeDetails: U
+    }
+  );
+};
+export {
+  Q as default
+};

package/CommonContentComponent-D8PuLEle.mjs

@@ -0,0 +1,78 @@
+import { jsx as k } from "react/jsx-runtime";
+import L, { memo as O, useState as g, useEffect as j } from "react";
+import { F as x, f as z, s as w } from "./index-Dluh6sv-.mjs";
+import { m as J } from "./mutateApi-DOEWbC_3.mjs";
+import "react-dom";
+import "@mui/material";
+import "@mui/system";
+const A = {
+  Article: "Article",
+  Quiz: "Quiz",
+  Poll: "Poll",
+  Event: "Event",
+  Vod: "Vod"
+}, c = {};
+Object.keys(A).forEach((l) => (c[l] = L.lazy(
+  () => import("./index-BTIxC-e5.mjs").then((o) => ({
+    default: o[A[l]]
+  }))
+), c));
+const N = (l) => {
+  var y, a, h, _, C, S;
+  const { pageData: o = {}, secondaryArgs: m = {} } = l || {}, E = c[(o == null ? void 0 : o.content_type) || (o == null ? void 0 : o.tag_name)] || x, P = {
+    pageId: o == null ? void 0 : o.page,
+    pageTitle: o == null ? void 0 : o.title,
+    pageDesc: o == null ? void 0 : o.description,
+    pageTags: (a = (y = o == null ? void 0 : o.settings) == null ? void 0 : y.keywords) == null ? void 0 : a.join(", "),
+    isAuthoring: !1,
+    isSeoEnabled: (h = o == null ? void 0 : o.settings) == null ? void 0 : h.seo_blockIndexing,
+    isAnalyticsEnabled: o == null ? void 0 : o.analytics_enable
+  }, T = {
+    isModalShow: !0
+  }, [u, n] = g(!1), [b, v] = g([]), {
+    prelemBaseEndpoint: { site_host: d, language: f }
+  } = m, p = async () => {
+    var t, s;
+    try {
+      u || n(!0);
+      const e = await z.fetchPoll({ title: o.document_path }, f, d);
+      v((s = (t = e.data) == null ? void 0 : t.users_fetchContent) == null ? void 0 : s.options), n(!1);
+    } catch (e) {
+      n(!1), w(`${e}`);
+    }
+  }, I = async (t) => {
+    var s;
+    try {
+      n(!0);
+      const e = {
+        input: {
+          pollInfo: { ...t, start_date: "" }
+        }
+      }, i = await J.savePoll(e, f, d);
+      if (n(!1), (s = i == null ? void 0 : i.data) != null && s.users_saveContent) {
+        const r = JSON.parse(localStorage.getItem("TakenPoles") || "[]");
+        r != null && r.includes(o.page) || localStorage.setItem("TakenPoles", JSON.stringify([...r, o.page])), p();
+      }
+    } catch (e) {
+      n(!1), w(`${e}`);
+    }
+  };
+  return j(() => {
+    const t = JSON.parse(localStorage.getItem("TakenPoles") || "[]");
+    t != null && t.includes(o == null ? void 0 : o.page) && p();
+  }, []), /* @__PURE__ */ k(
+    E,
+    {
+      content: o,
+      analytics: P,
+      authoringHelper: T,
+      secondaryArgs: m,
+      results: ((_ = o == null ? void 0 : o.content_type) == null ? void 0 : _.toLowerCase()) === "poll" ? b : void 0,
+      onSubmit: ((C = o == null ? void 0 : o.content_type) == null ? void 0 : C.toLowerCase()) === "poll" ? (t) => I(t) : void 0,
+      showLoading: ((S = o == null ? void 0 : o.content_type) == null ? void 0 : S.toLowerCase()) === "poll" ? u : void 0
+    }
+  );
+}, R = O(N);
+export {
+  R as default
+};

package/DailyMotion-Pq0OS_nv.mjs

@@ -0,0 +1,136 @@
+import { g as P } from "./index-Dluh6sv-.mjs";
+import v from "react";
+import { u as D, p as O } from "./EventList-BM7sWeX5.mjs";
+function b(t, e) {
+  for (var r = 0; r < e.length; r++) {
+    const o = e[r];
+    if (typeof o != "string" && !Array.isArray(o)) {
+      for (const a in o)
+        if (a !== "default" && !(a in t)) {
+          const i = Object.getOwnPropertyDescriptor(o, a);
+          i && Object.defineProperty(t, a, i.get ? i : {
+            enumerable: !0,
+            get: () => o[a]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
+}
+var M = Object.create, s = Object.defineProperty, w = Object.getOwnPropertyDescriptor, S = Object.getOwnPropertyNames, j = Object.getPrototypeOf, T = Object.prototype.hasOwnProperty, A = (t, e, r) => e in t ? s(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, E = (t, e) => {
+  for (var r in e)
+    s(t, r, { get: e[r], enumerable: !0 });
+}, h = (t, e, r, o) => {
+  if (e && typeof e == "object" || typeof e == "function")
+    for (let a of S(e))
+      !T.call(t, a) && a !== r && s(t, a, { get: () => e[a], enumerable: !(o = w(e, a)) || o.enumerable });
+  return t;
+}, L = (t, e, r) => (r = t != null ? M(j(t)) : {}, h(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !t || !t.__esModule ? s(r, "default", { value: t, enumerable: !0 }) : r,
+  t
+)), C = (t) => h(s({}, "__esModule", { value: !0 }), t), n = (t, e, r) => (A(t, typeof e != "symbol" ? e + "" : e, r), r), d = {};
+E(d, {
+  default: () => p
+});
+var _ = C(d), c = L(v), l = D, f = O;
+const N = "https://api.dmcdn.net/all.js", x = "DM", R = "dmAsyncInit";
+class p extends c.Component {
+  constructor() {
+    super(...arguments), n(this, "callPlayer", l.callPlayer), n(this, "onDurationChange", () => {
+      const e = this.getDuration();
+      this.props.onDuration(e);
+    }), n(this, "mute", () => {
+      this.callPlayer("setMuted", !0);
+    }), n(this, "unmute", () => {
+      this.callPlayer("setMuted", !1);
+    }), n(this, "ref", (e) => {
+      this.container = e;
+    });
+  }
+  componentDidMount() {
+    this.props.onMount && this.props.onMount(this);
+  }
+  load(e) {
+    const { controls: r, config: o, onError: a, playing: i } = this.props, [, y] = e.match(f.MATCH_URL_DAILYMOTION);
+    if (this.player) {
+      this.player.load(y, {
+        start: (0, l.parseStartTime)(e),
+        autoplay: i
+      });
+      return;
+    }
+    (0, l.getSDK)(N, x, R, (u) => u.player).then((u) => {
+      if (!this.container)
+        return;
+      const m = u.player;
+      this.player = new m(this.container, {
+        width: "100%",
+        height: "100%",
+        video: y,
+        params: {
+          controls: r,
+          autoplay: this.props.playing,
+          mute: this.props.muted,
+          start: (0, l.parseStartTime)(e),
+          origin: window.location.origin,
+          ...o.params
+        },
+        events: {
+          apiready: this.props.onReady,
+          seeked: () => this.props.onSeek(this.player.currentTime),
+          video_end: this.props.onEnded,
+          durationchange: this.onDurationChange,
+          pause: this.props.onPause,
+          playing: this.props.onPlay,
+          waiting: this.props.onBuffer,
+          error: (g) => a(g)
+        }
+      });
+    }, a);
+  }
+  play() {
+    this.callPlayer("play");
+  }
+  pause() {
+    this.callPlayer("pause");
+  }
+  stop() {
+  }
+  seekTo(e, r = !0) {
+    this.callPlayer("seek", e), r || this.pause();
+  }
+  setVolume(e) {
+    this.callPlayer("setVolume", e);
+  }
+  getDuration() {
+    return this.player.duration || null;
+  }
+  getCurrentTime() {
+    return this.player.currentTime;
+  }
+  getSecondsLoaded() {
+    return this.player.bufferedTime;
+  }
+  render() {
+    const { display: e } = this.props, r = {
+      width: "100%",
+      height: "100%",
+      display: e
+    };
+    return /* @__PURE__ */ c.default.createElement("div", { style: r }, /* @__PURE__ */ c.default.createElement("div", { ref: this.ref }));
+  }
+}
+n(p, "displayName", "DailyMotion");
+n(p, "canPlay", f.canPlay.dailymotion);
+n(p, "loopOnEnded", !0);
+const K = /* @__PURE__ */ P(_), F = /* @__PURE__ */ b({
+  __proto__: null,
+  default: K
+}, [_]);
+export {
+  F as D
+};

package/EngagementHomeComponent-CO2rSsxl.mjs

@@ -0,0 +1,91 @@
+import { jsx as M } from "react/jsx-runtime";
+import { f as U, c as j } from "./EventList-BM7sWeX5.mjs";
+import { useState as g, useEffect as B } from "react";
+import { f as A, s as o, a as W } from "./index-Dluh6sv-.mjs";
+import { m as q } from "./mutateApi-DOEWbC_3.mjs";
+import "@mui/material";
+import "@mui/styles";
+import "@mui/system";
+import "react-dom";
+const z = async (p, f, w, y = "", a = "wellnessevent") => {
+  var r, c, i, d;
+  const t = await A.getContentSchemaList(
+    {
+      searchTerm: y,
+      filter: (a == null ? void 0 : a.toLocaleLowerCase()) === "events" ? "wellnessevent" : a == null ? void 0 : a.toLocaleLowerCase()
+    },
+    p || "en",
+    f
+  );
+  (c = (r = t == null ? void 0 : t.data) == null ? void 0 : r.publish_getContents) != null && c.records ? w((d = (i = t == null ? void 0 : t.data) == null ? void 0 : i.publish_getContents) == null ? void 0 : d.records) : o("Something went wrong !");
+}, $ = (p) => {
+  const { secondaryArgs: f, prelemAnalyticsProp: w, prelemAuthoringHelper: y, userId: a } = p || {}, {
+    prelemBaseEndpoint: { language: t, site_host: r }
+  } = f, [c, i] = g(!1), [d, D] = g({}), [C, S] = g({}), [_, E] = g(0), h = localStorage.getItem("userId") || a, [G, T] = g([]), I = async (P, n, u) => {
+    var l, m;
+    if (!h) {
+      o("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      const s = {
+        input: { activity_type: u, target: P.toString(), action: n },
+        user_id: h
+      }, e = await q.setPersonalGoal(s, t, r);
+      ((m = (l = e == null ? void 0 : e.data) == null ? void 0 : l.community_setPersonalGoal) == null ? void 0 : m.message) === "Created Successfully!!!" && n === "goal" ? W("Goal updated successfully!") : n !== "entry" && o("Something went wrong, please try after sometime !");
+    } catch (s) {
+      console.error("Error in update goal API:", s), o("Something went wrong, please try after sometime !");
+    }
+  }, k = async (P = "") => {
+    var n, u, l, m;
+    if (!h) {
+      o("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      i(!0);
+      const s = {
+        date: P,
+        user_id: h
+      }, e = await A.fetchPersonalTracker(s, t, r);
+      if (((n = e == null ? void 0 : e.errors) == null ? void 0 : n.length) > 0)
+        o((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: b, steps: H, streak_count: x } = (m = e == null ? void 0 : e.data) == null ? void 0 : m.community_fetchPersonalTracker;
+        D(b), S(H), E(x);
+      } else
+        console.error("GetPersonalData API failed"), o("GetPersonalData API failed");
+    } catch (s) {
+      console.error("Error in GetPersonalData API:", s), o("Error in GetPersonalData API"), D({}), S({});
+    } finally {
+      i(!1);
+    }
+  }, L = {
+    waterIntakeData: d,
+    loading: c,
+    fetchPersonalData: k,
+    updateGoals: I
+  }, v = {
+    stepsData: C,
+    loading: c,
+    updateGoals: I
+  };
+  return B(() => {
+    k(U(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), z(t, r, T, "", "challenges");
+  }, []), /* @__PURE__ */ M(
+    j,
+    {
+      analytics: w,
+      authoringHelper: y,
+      secondaryArgs: f,
+      waterIntakeDetails: L,
+      stepsDetails: v,
+      streaksCount: _,
+      data: G
+    }
+  );
+};
+export {
+  $ as EngagementHomeComponent,
+  $ as default
+};

package/EventDetailComponent-DMKfvnfx.mjs

@@ -0,0 +1,84 @@
+import { jsx as G } from "react/jsx-runtime";
+import { E as H } from "./EventList-BM7sWeX5.mjs";
+import { useState as g, useEffect as J } from "react";
+import { s as f, f as U, a as d } from "./index-Dluh6sv-.mjs";
+import { m as B } from "./mutateApi-DOEWbC_3.mjs";
+import "@mui/material";
+import "@mui/styles";
+import "@mui/system";
+import "react-dom";
+const O = (h) => {
+  const {
+    pageData: r = {},
+    secondaryArgs: v,
+    prelemAnalyticsProp: A,
+    prelemAuthoringHelper: P,
+    userId: _
+  } = h || {}, {
+    prelemBaseEndpoint: { language: E, site_host: y }
+  } = v, [D, c] = g(!1), [p, I] = g(!1), [S, j] = g(0), m = localStorage.getItem("userId") || _, w = async (u) => {
+    var s, n, i, l, a, o;
+    if (!m) {
+      f("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      c(!0);
+      const e = {
+        input: {
+          ...u,
+          userId: m
+        }
+      }, t = await B.joinEvent(e, E, y);
+      ((s = t == null ? void 0 : t.errors) == null ? void 0 : s.length) > 0 ? f((n = t == null ? void 0 : t.errors[0]) == null ? void 0 : n.message) : (l = (i = t == null ? void 0 : t.data) == null ? void 0 : i.community_userRegistration) != null && l.id ? (d((o = (a = t == null ? void 0 : t.data) == null ? void 0 : a.community_userRegistration) == null ? void 0 : o.message), I(!0)) : console.error("Join Event API failed");
+    } catch (e) {
+      console.error("Error in Join Event API:", e);
+    } finally {
+      c(!1);
+    }
+  }, T = async () => {
+    var u, s, n, i, l, a;
+    if (!m) {
+      f("User ID is not available. Please log in.");
+      return;
+    }
+    try {
+      c(!0);
+      const o = {
+        event_id: r == null ? void 0 : r.page,
+        user_id: m
+      }, e = await U.getEventDetails(o, E, y);
+      if (((u = e == null ? void 0 : e.errors) == null ? void 0 : u.length) > 0)
+        f((s = e == null ? void 0 : e.errors[0]) == null ? void 0 : s.message);
+      else if ((n = e == null ? void 0 : e.data) != null && n.community_eventDetails) {
+        const { total_participant: t, is_joined: x } = (i = e == null ? void 0 : e.data) == null ? void 0 : i.community_eventDetails;
+        d((a = (l = e == null ? void 0 : e.data) == null ? void 0 : l.community_eventDetails) == null ? void 0 : a.message), I(x), j(t);
+      } else
+        console.error("GetEventDetails API failed");
+    } catch (o) {
+      console.error("Error in GetEventDetails API:", o);
+    } finally {
+      c(!1);
+    }
+  }, b = {
+    joinEvent: w,
+    loading: D,
+    isRegistered: p,
+    registeredParticipants: S
+  };
+  return J(() => {
+    r != null && r.page && T();
+  }, [r]), /* @__PURE__ */ G(
+    H,
+    {
+      content: r,
+      analytics: A,
+      authoringHelper: P,
+      secondaryArgs: v,
+      eventDetails: b
+    }
+  );
+};
+export {
+  O as default
+};