@geowiki/cms 0.15.0-dev.1

package/dist/HeaderBodyWidget-ZW2WYKNP.mjs

@@ -0,0 +1,27 @@
+// src/components/Section/HeaderBodyWidget.tsx
+import { H1Body, H7Body } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var HeaderBodyWidget = ({ data }) => {
+  var type = data.HeaderBody.Type.Values[0];
+  if (type === "H1Body") {
+    return /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-full lg:container lg:max-w-5xl", children: /* @__PURE__ */ jsx(
+      H1Body,
+      {
+        title: data.TitlePart.Title,
+        textBody: data.HeaderBody.TextBody.Html
+      }
+    ) });
+  }
+  if (type === "H7Body") {
+    return /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-full lg:container lg:max-w-5xl", children: /* @__PURE__ */ jsx(
+      H7Body,
+      {
+        title: data.TitlePart.Title,
+        textBody: data.HeaderBody.TextBody.Html
+      }
+    ) });
+  }
+};
+export {
+  HeaderBodyWidget
+};

package/dist/HeaderWidget-DUNY7APY.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  HeaderWidget
+} from "./chunk-ER4KI2WR.mjs";
+export {
+  HeaderWidget
+};

package/dist/HeadingTextWidget-YC36BLDY.mjs

@@ -0,0 +1,6 @@
+import {
+  HeadingTextWidget
+} from "./chunk-QDEIIXMC.mjs";
+export {
+  HeadingTextWidget
+};

package/dist/HeroCenterTextWidget-5LDZNUBR.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  HeroCenterTextWidget
+} from "./chunk-JJWETKAK.mjs";
+export {
+  HeroCenterTextWidget
+};

package/dist/HeroMap-AT3N4ZVZ.mjs

@@ -0,0 +1,164 @@
+// src/components/ClusterMap/HeroMap.tsx
+import { MapContainer, TileLayer } from "react-leaflet";
+import "leaflet/dist/leaflet.css";
+
+// src/components/ClusterMap/cluster-markers.tsx
+import { DivIcon, LatLng, divIcon } from "leaflet";
+import { Marker, Popup } from "react-leaflet";
+import { useClusterMapInfo } from "@geowiki/core";
+import { DesignFarmerClusterPin, LoaderFull } from "@geowiki/ui";
+
+// src/components/ClusterMap/MarkerClusterGroup.tsx
+import {
+  extendContext,
+  createElementObject,
+  createPathComponent
+} from "@react-leaflet/core";
+import * as L from "leaflet";
+import "leaflet.markercluster";
+function getPropsAndEvents(props) {
+  let clusterProps = {};
+  let clusterEvents = {};
+  const { children, ...rest } = props;
+  Object.entries(rest).forEach(([propName, prop]) => {
+    if (propName.startsWith("on")) {
+      clusterEvents = { ...clusterEvents, [propName]: prop };
+    } else {
+      clusterProps = { ...clusterProps, [propName]: prop };
+    }
+  });
+  return { clusterProps, clusterEvents };
+}
+function createMarkerClusterGroup(props, context) {
+  const { clusterProps, clusterEvents } = getPropsAndEvents(props);
+  const markerClusterGroup = new L.MarkerClusterGroup(clusterProps);
+  Object.entries(clusterEvents).forEach(([eventAsProp, callback]) => {
+    const clusterEvent = `cluster${eventAsProp.substring(2).toLowerCase()}`;
+    markerClusterGroup.on(clusterEvent, callback);
+  });
+  return createElementObject(
+    markerClusterGroup,
+    extendContext(context, { layerContainer: markerClusterGroup })
+  );
+}
+var updateMarkerCluster = () => {
+};
+var MarkerClusterGroup2 = createPathComponent(
+  createMarkerClusterGroup,
+  updateMarkerCluster
+);
+
+// src/components/ClusterMap/cluster-markers.tsx
+import { useFileUrl } from "@geowiki/core";
+import MapPinIcon from "@heroicons/react/24/solid/MapPinIcon";
+import { renderToString } from "react-dom/server";
+import { useConfigSettings } from "@geowiki/core";
+import { MapIcon, IconPaths } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+function getIcon(color, name) {
+  const myIcon = IconPaths.find((icon) => icon.name === name);
+  if (myIcon) {
+    const MyIcon = MapIcon;
+    return renderToString(/* @__PURE__ */ jsx(MyIcon, { Icon: myIcon.icon, color }));
+  } else {
+    const MyIcon = MapPinIcon;
+    return renderToString(/* @__PURE__ */ jsx(MyIcon, { height: 40, width: 40, color }));
+  }
+}
+var createClusterIcon = (color) => {
+  return (cluster) => {
+    const markers = cluster.getAllChildMarkers();
+    const statusCount = {
+      ongoing: 0,
+      auxiliary: 0,
+      default: 0
+    };
+    markers.forEach((marker) => {
+      const status = marker.feature?.properties?.Status?.trim().toLowerCase() || "default";
+      if (status === "ongoing")
+        statusCount.ongoing++;
+      else if (status === "auxiliary")
+        statusCount.auxiliary++;
+      else
+        statusCount.default++;
+    });
+    return divIcon({
+      html: `<div style=
+        "background-color: ${color};
+         width: 36px;
+         height: 36px;
+         border-radius: 50%;
+         display: flex;
+         justify-content: center;
+         align-items: center;
+         text-align: center; 
+         justify-content: center;
+         font-size: 14px;
+         font-weight: 600;
+         color: white;
+         ">${markers.length}</div>`,
+      className: "custom-cluster-icon",
+      iconSize: [30, 30]
+    });
+  };
+};
+var ClusterMarkers = (_props) => {
+  const { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = useConfigSettings();
+  const { data, error, isLoading } = useClusterMapInfo();
+  const fileUrl = useFileUrl();
+  if (error)
+    return null;
+  if (isLoading || IsConfigSettingsLoaded)
+    return /* @__PURE__ */ jsx(LoaderFull, {});
+  if (ConfigSettings?.ConfigSettings?.FeaturesFarmerCluster?.Text) {
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(MarkerClusterGroup2, { iconCreateFunction: createClusterIcon("#9999CC"), children: data?.map((cluster) => /* @__PURE__ */ jsx(
+      Marker,
+      {
+        icon: new DivIcon({
+          iconSize: [30, 30],
+          html: `<i>${getIcon("#9999CC", "Farmer Clusters")}</i>`,
+          className: "custom-div-icon",
+          iconAnchor: [18, 30]
+        }),
+        position: cluster.location ? new LatLng(
+          cluster?.location?.latitude,
+          cluster?.location?.longitude
+        ) : new LatLng(0, 0),
+        children: /* @__PURE__ */ jsx(Popup, { maxWidth: 600, children: /* @__PURE__ */ jsx("div", { className: "bg-white text-black rounded-3xl", children: /* @__PURE__ */ jsx(
+          DesignFarmerClusterPin,
+          {
+            farmerCluster: {
+              description: cluster.description,
+              path: `${fileUrl}${cluster.coverImageId}`,
+              title: cluster.name,
+              viewUrl: `/cluster/view/${cluster.id}`
+            }
+          }
+        ) }) })
+      },
+      cluster.id
+    )) }) });
+  } else {
+    return null;
+  }
+};
+
+// src/components/ClusterMap/HeroMap.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var HeroMap = () => {
+  const position = [48.210033, 16.363449];
+  return /* @__PURE__ */ jsxs(MapContainer, { center: position, zoom: 5, scrollWheelZoom: false, children: [
+    /* @__PURE__ */ jsx2(
+      TileLayer,
+      {
+        attribution: '\xA9 <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
+        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+        maxZoom: 18
+      }
+    ),
+    /* @__PURE__ */ jsx2(ClusterMarkers, {})
+  ] });
+};
+export {
+  HeroMap
+};

package/dist/HeroWidget-A4ODJCXZ.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  HeroWidget
+} from "./chunk-XR7AIYAA.mjs";
+export {
+  HeroWidget
+};

package/dist/IframeWidget-DPA25ZE2.mjs

@@ -0,0 +1,17 @@
+"use client";
+
+// src/components/Section/IframeWidget.tsx
+import { IframeViewer } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var IframeWidget = ({ data }) => {
+  return /* @__PURE__ */ jsx("div", { className: "lg:container mx-auto", children: /* @__PURE__ */ jsx(
+    IframeViewer,
+    {
+      html: data.IframeViewer?.Content?.Text,
+      className: data.IframeViewer?.ClassName?.Text
+    }
+  ) });
+};
+export {
+  IframeWidget
+};

package/dist/ImageLeftH3BodyLinkWidget-JMALBJVD.mjs

@@ -0,0 +1,26 @@
+"use client";
+
+// src/components/Section/ImageLeftH3BodyLinkWidget.tsx
+import { ImageLeftH3BodyLink } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var ImageLeftH3BodyLinkWidget = ({
+  data
+}) => {
+  var buttonProps = {
+    text: data.LinkPart.Text.Text,
+    link: data.LinkPart.Url.Text,
+    isNewTab: data.LinkPart.IsNewTab.Value
+  };
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    ImageLeftH3BodyLink,
+    {
+      title: data.TitlePart.Title,
+      content: data.ImageLeftH3BodyLink.Content.Html,
+      button: buttonProps,
+      path: data?.ImageLeftH3BodyLink?.Image?.Paths[0]
+    }
+  ) });
+};
+export {
+  ImageLeftH3BodyLinkWidget
+};

package/dist/ImageLefttH3BodyWidget-2YAEQZHJ.mjs

@@ -0,0 +1,26 @@
+"use client";
+
+// src/components/Section/ImageLefttH3BodyWidget.tsx
+import { ImageLefttH3Body } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var ImageLefttH3BodyWidget = ({
+  data
+}) => {
+  var button = {
+    text: data.LinkPart.Text.Text,
+    link: data.LinkPart.Url.Text,
+    isNewTab: data.LinkPart.IsNewTab.Value
+  };
+  return /* @__PURE__ */ jsx(
+    ImageLefttH3Body,
+    {
+      imagePath: data?.ImageLefttH3Body?.Image?.Paths,
+      title: data.TitlePart?.Title,
+      text: data?.ImageLefttH3Body?.Text?.Html,
+      button
+    }
+  );
+};
+export {
+  ImageLefttH3BodyWidget
+};

package/dist/ImageWidget-JWDKESIB.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  ImageWidget
+} from "./chunk-KR42WXX4.mjs";
+export {
+  ImageWidget
+};

package/dist/LanguagesWidget-OENZMIFA.mjs

@@ -0,0 +1,61 @@
+import {
+  Sections
+} from "./chunk-DED6JF7X.mjs";
+
+// src/components/Section/Recodo/LanguagesWidget.tsx
+import { useCmsContentWithType, useDefaultSettings } from "@geowiki/core";
+import { Label, RadioGroup, RadioGroupItem } from "@geowiki/ui";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LanguageWidget = () => {
+  const { data: languages, isLoading: isLanguagesLoading } = useCmsContentWithType("LanguageItem");
+  const { data: generalSettings, isLoading: isGeneralSettingsLoading } = useDefaultSettings();
+  const [selectedLanguageContent, setSelectedLanguageContent] = useState();
+  const handleLanguageChange = (language) => {
+    const selectedLang = languages.find(
+      (lang) => lang.TitlePart.Title === language
+    );
+    console.log(selectedLang);
+    setSelectedLanguageContent(selectedLang);
+  };
+  useEffect(() => {
+    if (languages) {
+      const englishLanguage = languages.find(
+        (lang) => lang.TitlePart.Title === "English"
+      );
+      setSelectedLanguageContent(englishLanguage);
+    }
+  }, [languages]);
+  if (isLanguagesLoading || isGeneralSettingsLoading)
+    return /* @__PURE__ */ jsx("div", { children: "Loading..." });
+  return /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:mt-28", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Language" }),
+      /* @__PURE__ */ jsx("nav", { className: "space-y-1", children: /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          defaultValue: "English",
+          onValueChange: (e) => {
+            console.log(e);
+            handleLanguageChange(e);
+          },
+          children: languages.map((language, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsx(RadioGroupItem, { value: language?.TitlePart?.Title, id: "r1" }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "r1", children: language?.TitlePart?.Title })
+          ] }, index))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "md:col-span-2 space-y-6", children: /* @__PURE__ */ jsx(
+      Sections,
+      {
+        sections: selectedLanguageContent?.Content.ContentItems,
+        settings: generalSettings,
+        cmsUrl: ""
+      }
+    ) })
+  ] }) });
+};
+export {
+  LanguageWidget
+};

package/dist/MapHeroWidget-MLNO6KKC.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  MapHeroWidget
+} from "./chunk-NSGNUHUW.mjs";
+export {
+  MapHeroWidget
+};

package/dist/MarkdownWidget-QTTNNVQW.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  MarkdownWidget
+} from "./chunk-UYS3OVMP.mjs";
+export {
+  MarkdownWidget
+};

package/dist/NewContactUsWidget-R5TILYPP.mjs

@@ -0,0 +1,237 @@
+"use client";
+
+// src/components/Section/NewContactUsWidget.tsx
+import { ClusterService } from "@geowiki/api-proxy";
+import { useRef } from "react";
+import { useForm } from "react-hook-form";
+import { Checkbox, DesignInput } from "@geowiki/ui";
+import {
+  DesignSelect,
+  DesignSelectContent,
+  DesignSelectGroup,
+  DesignSelectItem,
+  DesignSelectTrigger,
+  DesignSelectValue,
+  Notification,
+  FormField,
+  FormControl,
+  Form,
+  FormItem
+} from "@geowiki/ui";
+import { DesignButton } from "@geowiki/ui";
+import { useState } from "react";
+import { useAudience } from "@geowiki/core";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ContactFormSchema = z.object({
+  name: z.string().min(3, "Name is required"),
+  email: z.string().email("Invalid email address"),
+  subject: z.string().min(3, "Subject is required"),
+  role: z.string({ message: "Role is required" }).min(3, "Role is required"),
+  message: z.string().min(3, "Message is required"),
+  acceptTerms: z.boolean({ message: "You must accept the terms and conditions" }).default(false).refine((val) => {
+    return val === true;
+  }, "You must accept the terms and conditions")
+});
+var NewContactUsWidget = ({ data }) => {
+  console.log("data", data);
+  const formRef = useRef(null);
+  const { data: audiences, isLoading: isAudienceLoading } = useAudience();
+  const [open, setOpen] = useState(false);
+  const [openSending, setOpenSending] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(ContactFormSchema)
+  });
+  const {
+    register,
+    handleSubmit,
+    watch,
+    reset,
+    control,
+    formState: { errors }
+  } = form;
+  const acceptTerms = watch("acceptTerms");
+  const onSubmit = async (data2) => {
+    setOpenSending(true);
+    ClusterService.clusterRecodoContact({
+      name: data2.name,
+      email: data2.email,
+      subject: data2.subject,
+      role: data2.role,
+      message: data2.message
+    }).then(() => {
+      setOpenSending(false);
+      setOpen(true);
+      reset({
+        name: "",
+        email: "",
+        subject: "",
+        role: void 0,
+        message: "",
+        acceptTerms: false
+      });
+    }).catch((error) => {
+      console.log(error);
+      setOpenSending(false);
+      setOpen(false);
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "p-5 bg-grey-lightest rounded-xl flex justify-center mt-6 lg:px-88 lg:py-20 lg:mt-12", children: /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit(onSubmit),
+      className: "w-[41.25rem] space-y-8",
+      ref: formRef,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+          /* @__PURE__ */ jsx(
+            DesignInput,
+            {
+              placeholder: "Your name",
+              type: "text",
+              id: "name",
+              autoComplete: "name",
+              ...register("name", { required: true })
+            }
+          ),
+          errors.name && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: errors.name.message }),
+          /* @__PURE__ */ jsx(
+            DesignInput,
+            {
+              placeholder: "Your email",
+              type: "email",
+              id: "from",
+              autoComplete: "email",
+              ...register("email", { required: true })
+            }
+          ),
+          errors.email && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: errors.email.message }),
+          /* @__PURE__ */ jsx(
+            DesignInput,
+            {
+              placeholder: "Your subject",
+              id: "subject",
+              ...register("subject", { required: true })
+            }
+          ),
+          errors.subject && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: errors.subject.message }),
+          !isAudienceLoading && /* @__PURE__ */ jsx(
+            FormField,
+            {
+              control,
+              name: "role",
+              render: ({ field }) => /* @__PURE__ */ jsxs(
+                DesignSelect,
+                {
+                  onValueChange: field.onChange,
+                  defaultValue: field.value,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      DesignSelectTrigger,
+                      {
+                        className: "pl-0 py-1.5",
+                        variant: "input",
+                        children: /* @__PURE__ */ jsx(DesignSelectValue, { placeholder: "Your role" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(DesignSelectContent, { children: /* @__PURE__ */ jsx(DesignSelectGroup, { children: audiences.map((audience) => /* @__PURE__ */ jsx(
+                      DesignSelectItem,
+                      {
+                        value: audience.value,
+                        children: audience.value
+                      },
+                      audience.key
+                    )) }) })
+                  ]
+                },
+                field.value
+              )
+            }
+          ),
+          errors.role && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: errors.role.message }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              id: "message",
+              placeholder: "Your message",
+              ...register("message", { required: true }),
+              rows: 5,
+              className: "textarea textarea-bordered-0 text-sm lg:text-base w-full bg-transparent pl-0 border-0 border-b border-zinc-300 focus-within:border-primary focus:ring-0 focus:outline-none",
+              defaultValue: ""
+            }
+          ),
+          errors.message && /* @__PURE__ */ jsx("span", { className: "text-red-500 text-sm", children: errors.message.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ jsx(
+            FormField,
+            {
+              control,
+              name: "acceptTerms",
+              render: ({ field }) => /* @__PURE__ */ jsx(FormItem, { children: /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  onCheckedChange: field.onChange,
+                  checked: field.value
+                }
+              ) }) })
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm lg:text-base leading-[130%]", children: "I'm accepting Recodo's" }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "/page/terms-of-use",
+                className: " text-primary",
+                target: "_blank",
+                children: /* @__PURE__ */ jsx("span", { className: "text-[.9375rem] lg:text-base font-semibold leading-[130%]", children: " Terms of Use " })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm lg:text-base leading-[130%]", children: "and " }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "/page/privacy-policy",
+                className: " text-primary",
+                target: "_blank",
+                children: /* @__PURE__ */ jsx("span", { className: "text-[.9375rem] lg:text-base font-semibold leading-[130%]", children: "Privacy Policy " })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          DesignButton,
+          {
+            type: "submit",
+            disabled: !acceptTerms,
+            className: "w-full lg:w-auto",
+            children: "Send"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Notification,
+          {
+            title: "Sending",
+            description: " ",
+            open: openSending,
+            setOpen: setOpenSending
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Notification,
+          {
+            title: "Thank you for submitting your information.",
+            description: "Someone from the Recodo team will contact you shortly.",
+            open,
+            setOpen
+          }
+        )
+      ]
+    }
+  ) }) });
+};
+export {
+  NewContactUsWidget
+};

package/dist/NewTestimonialsWidget-CVFZM2UI.mjs

@@ -0,0 +1,17 @@
+"use client";
+
+// src/components/Section/NewTestimonialsWidget.tsx
+import { DesignTestimonials } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var NewTestimonialsWidget = ({ data }) => {
+  const testimonials = data.BagPart.ContentItems.map((contentItem) => ({
+    info: contentItem.Testimonial?.Info?.Text,
+    name: contentItem.Testimonial?.Name?.Text,
+    position: contentItem.Testimonial?.Title?.Text,
+    imagePath: contentItem.Testimonial?.Image?.Paths[0]
+  }));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DesignTestimonials, { testimonials }) });
+};
+export {
+  NewTestimonialsWidget
+};

package/dist/NewfeedPreviewWidget-VM6ZMYGO.mjs

@@ -0,0 +1,25 @@
+// src/components/Section/NewfeedPreviewWidget.tsx
+import { useNews } from "@geowiki/core";
+import { NewsfeedPreview } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var NewsfeedPreviewWidget = () => {
+  var { data: newsItems, isLoading } = useNews("all", 0, 6);
+  var newsArticleData = newsItems?.slice(0, 4)?.map((news) => {
+    return {
+      title: news.title,
+      description: news.description,
+      username: news.sourceName,
+      time: news.publishDate,
+      language: news.language,
+      path: news.imageUrl,
+      link: news.url
+    };
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { children: "Loading..." });
+  }
+  return /* @__PURE__ */ jsx(NewsfeedPreview, { newsArticleData });
+};
+export {
+  NewsfeedPreviewWidget
+};