@geowiki/cms 0.15.0-dev.1

package/dist/chunk-RXVHS4OJ.mjs

@@ -0,0 +1,24 @@
+// src/components/Section/ColumnWidget.tsx
+import { CmsImage } from "@geowiki/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ColumnWidget = ({ data, cmsUrl }) => {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto pt-12", children: [
+    data.TitlePart && /* @__PURE__ */ jsx("section", { className: "py-12 text-center", children: /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold", children: data.TitlePart?.Title }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid lg:grid-cols-3 gap-6 xl:gap-x-12", children: data.BagPart?.ContentItems?.map((col, index) => /* @__PURE__ */ jsxs("div", { className: "mb-6 lg:mb-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden bg-no-repeat bg-cover ripple shadow-lg rounded-lg mb-6", children: /* @__PURE__ */ jsx(
+        CmsImage,
+        {
+          src: col.Card?.Image?.Paths[0],
+          className: "w-full h-full object-cover",
+          cmsUrl
+        }
+      ) }),
+      /* @__PURE__ */ jsx("h5", { className: "text-xl font-bold mb-3 text-center", children: col.TitlePart?.Title }),
+      /* @__PURE__ */ jsx("p", { className: "text-lg", children: col.Card?.Description?.Text })
+    ] }, index)) })
+  ] }) });
+};
+
+export {
+  ColumnWidget
+};

package/dist/chunk-SNHJDG24.mjs

@@ -0,0 +1,44 @@
+// src/components/Section/ResourceCollectionItemWidget.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ResourceCollectionItemWidget = (_props) => {
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto relative p-5  rounded-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col mb-2 lg:items-center lg:flex-row", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 mb-4 mr-2 rounded-full bg-primary-50 lg:mb-0", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          viewBox: "-8 -8 40 40",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx("h6", { className: "font-semibold leading-5", children: _props.data.ResourceCollectionItem?.Title?.Text })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm ", children: _props.data.ResourceCollectionItem?.Description?.Text }),
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: _props.data.ResourceCollectionItem?.LinkUrl?.Url,
+        "aria-label": "",
+        rel: "noreferrer",
+        target: "_blank",
+        className: "inline-flex items-center text-sm font-semibold transition-colors duration-200 text-primary-500 hover:text-primary-800",
+        children: _props.data.ResourceCollectionItem?.LinkUrl?.Text
+      }
+    )
+  ] });
+};
+
+export {
+  ResourceCollectionItemWidget
+};

package/dist/chunk-UGGGP7ZA.mjs

@@ -0,0 +1,166 @@
+// src/components/Section/ContactWidget.tsx
+import { EmailManagementService } from "@geowiki/api-proxy";
+import { useHosts, HostService } from "@geowiki/core";
+import { useForm } from "react-hook-form";
+import { toast } from "react-toastify";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ContactWidget = ({ data }) => {
+  const { data: hosts } = useHosts();
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = useForm();
+  const onSubmit = async (formData) => {
+    var tenantInfo = HostService.getCurrentHostInfo(hosts || []);
+    var tenantName = HostService.getTenantName(tenantInfo);
+    var subjectPrefix = "";
+    if (tenantName) {
+      subjectPrefix = tenantName + " - ";
+    }
+    var subject = subjectPrefix + "Contact form from - " + formData.first_name + " " + formData.last_name;
+    try {
+      await EmailManagementService.emailManagementSendEmail(
+        data?.Contact?.From?.Text,
+        data?.Contact?.To?.Text,
+        formData.from,
+        subject,
+        formData.message
+      );
+      toast.success("Email sent successfully!");
+    } catch (error) {
+      console.log(error);
+      toast.error("Failed to send email");
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx("div", { className: "relative isolate py-24 px-6 sm:py-32 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-xl lg:max-w-4xl", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold tracking-tight", children: data.Contact?.MainText?.Text }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-lg leading-8 ", children: data.Contact?.SubText?.Text }),
+    /* @__PURE__ */ jsx("div", { className: "mt-16 flex flex-col gap-16 sm:gap-y-20 lg:flex-row", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "lg:flex-auto", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: "from",
+              className: "block text-sm font-semibold leading-6 ",
+              children: [
+                "Your email address ",
+                /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "email",
+              id: "from",
+              autoComplete: "email",
+              ...register("from", { required: true }),
+              className: "block w-full rounded-md border-0 py-2 px-3.5  shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6"
+            }
+          ) }),
+          errors.from && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "Email is required" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: "first_name",
+              className: "block text-sm font-semibold leading-6 ",
+              children: [
+                "First name ",
+                /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "first_name",
+              autoComplete: "first_name",
+              ...register("first_name", { required: true }),
+              className: "block w-full rounded-md border-0 py-2 px-3.5  shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6"
+            }
+          ) }),
+          errors.from && /* @__PURE__ */ jsxs("span", { className: "text-red-500", children: [
+            " ",
+            "First name is required"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
+            /* @__PURE__ */ jsxs(
+              "label",
+              {
+                htmlFor: "last_name",
+                className: "block text-sm font-semibold leading-6 ",
+                children: [
+                  "Last name ",
+                  /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "last_name",
+                autoComplete: "last_name",
+                ...register("last_name", { required: true }),
+                className: "block w-full rounded-md border-0 py-2 px-3.5  shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6"
+              }
+            ) }),
+            errors.from && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "Last name is required" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              htmlFor: "message",
+              className: "block text-sm font-semibold leading-6 ",
+              children: [
+                "Message ",
+                /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              id: "message",
+              ...register("message", { required: true }),
+              rows: 4,
+              className: "block w-full rounded-md border-0 py-2 px-3.5 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6",
+              defaultValue: ""
+            }
+          ) }),
+          errors.message && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "Message is required" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-10", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          className: "block w-full rounded-md bg-primary-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600",
+          children: "Submit"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-4 text-sm leading-6", children: [
+        "By submitting this form, I agree to the",
+        " ",
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: data.Contact?.PrivacyUrl?.Text,
+            className: "font-semibold text-primary-600 cursor-pointer",
+            children: "Privacy\xA0Policy"
+          }
+        ),
+        "."
+      ] })
+    ] }) })
+  ] }) }) });
+};
+
+export {
+  ContactWidget
+};

package/dist/chunk-UYS3OVMP.mjs

@@ -0,0 +1,9 @@
+// src/components/Section/MarkdownWidget.tsx
+import { jsx } from "react/jsx-runtime";
+var MarkdownWidget = ({ data }) => {
+  return /* @__PURE__ */ jsx("div", { className: "mx-auto flex flex-col justify-center pt-4", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto", children: data.MarkdownBodyPart?.Markdown }) });
+};
+
+export {
+  MarkdownWidget
+};

package/dist/chunk-VFXOGW3A.mjs

@@ -0,0 +1,10 @@
+// src/components/Section/Recodo/UserInfoWidget.tsx
+import { UserInfoPage } from "@geowiki/recodo";
+import { jsx } from "react/jsx-runtime";
+var UserInfoWidget = (_props) => {
+  return /* @__PURE__ */ jsx("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx(UserInfoPage, {}) });
+};
+
+export {
+  UserInfoWidget
+};

package/dist/chunk-VFYJ2I2X.mjs

@@ -0,0 +1,45 @@
+// src/components/Section/RowWidget.tsx
+import classNames from "classnames";
+import { CustomLink } from "@geowiki/ui";
+import { CmsImage } from "@geowiki/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RowWidget = ({ data, cmsUrl }) => {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    data.TitlePart && /* @__PURE__ */ jsx("section", { className: "py-12 text-center", children: /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold", children: data.TitlePart?.Title }) }),
+    /* @__PURE__ */ jsx("div", { className: "container mx-auto flex flex-col gap-12 py-12", children: data.BagPart?.ContentItems?.map((row, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          "flex flex-col justify-start md:justify-between md:items-center gap-10",
+          {
+            "lg:flex-row": index % 2 === 0,
+            "lg:flex-row-reverse": index % 2 === 1
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "w-full lg:w-6/12 lg:pr-6 text-lg", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold text-center", children: row.Card?.MainText?.Text }),
+            /* @__PURE__ */ jsx("p", { className: "my-6", children: row.Card?.Description?.Text }),
+            /* @__PURE__ */ jsx(CustomLink, { data: row.LinkPart })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w-full sm:9/12 lg:w-6/12 max-h-full", children: /* @__PURE__ */ jsx(
+            CmsImage,
+            {
+              className: "h-96",
+              src: row.Card?.Image?.Paths[0],
+              height: 384,
+              width: 900,
+              alt: row.Card?.MainText?.Text,
+              cmsUrl
+            }
+          ) })
+        ]
+      },
+      row.ContentItemId
+    )) })
+  ] });
+};
+
+export {
+  RowWidget
+};

package/dist/chunk-VHLUUHQ3.mjs

@@ -0,0 +1,43 @@
+// src/components/Section/FeatureRowWithMultipleImagesWidget.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FeatureRowWithMultipleImagesWidget = ({
+  data,
+  cmsUrl
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col mb-6", children: [
+      /* @__PURE__ */ jsxs("h2", { className: "max-w-lg mb-5 text-3xl font-bold tracking-tight sm:text-4xl sm:leading-none md:mb-6 group", children: [
+        /* @__PURE__ */ jsx("span", { className: "inline-block mb-1 sm:mb-4", children: data.FeatureRowWithMultipleImages?.MainText?.Text }),
+        /* @__PURE__ */ jsx("div", { className: "h-1 ml-auto duration-300 origin-left transform bg-deep-purple-accent-400 scale-x-30 group-hover:scale-x-100" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xl lg:max-w-md", children: data.FeatureRowWithMultipleImages?.SubText?.Text })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-6 row-gap-5 mb-8 lg:grid-cols-4 sm:row-gap-6 sm:grid-cols-2", children: data?.Images?.ContentItems?.map(
+      (image, index) => {
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: image?.ImageWithText?.LinkUrl?.Url,
+            "aria-label": "View Item",
+            children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl", children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  className: "object-cover w-full h-56 md:h-64 xl:h-80",
+                  src: `${cmsUrl}/media/${image?.ImageWithText?.Image?.Paths?.[0]}?height=480&width=480`,
+                  alt: ""
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 px-6 py-4 bg-primary bg-opacity-75", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium tracking-wide text-white", children: image?.ImageWithText?.Text?.Text }) })
+            ] })
+          },
+          index
+        );
+      }
+    ) })
+  ] });
+};
+
+export {
+  FeatureRowWithMultipleImagesWidget
+};

package/dist/chunk-VKH6K2KB.mjs

@@ -0,0 +1,33 @@
+// src/components/Section/FeatureRowWithImageWidget.tsx
+import { FeatureItemElement } from "@geowiki/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FeatureRowWithImageWidget = ({
+  data,
+  cmsUrl
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-5 row-gap-8 lg:grid-cols-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
+      /* @__PURE__ */ jsxs("div", { className: "max-w-xl mb-6", children: [
+        /* @__PURE__ */ jsx("h2", { className: "max-w-lg mb-6 text-3xl font-bold tracking-tight  sm:text-4xl sm:leading-none", children: data.FeatureRowWithImage?.MainText?.Text }),
+        /* @__PURE__ */ jsx("p", { className: "text-base  md:text-lg", children: data.FeatureRowWithImage?.SubText?.Text })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-5 row-gap-8 sm:grid-cols-2", children: data.FeatureItems?.ContentItems?.map(
+        (item, index) => {
+          return /* @__PURE__ */ jsx(FeatureItemElement, { item, cmsUrl }, index);
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center ", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "object-cover w-full h-96 rounded shadow-lg",
+        alt: data.FeatureRowWithImage?.Image?.Description?.Text,
+        src: `${cmsUrl}/media/${data.FeatureRowWithImage?.Image?.Paths?.[0]}?height=480&width=480`
+      }
+    ) })
+  ] }) });
+};
+
+export {
+  FeatureRowWithImageWidget
+};

package/dist/chunk-XF76SGFU.mjs

@@ -0,0 +1,10 @@
+// src/components/Section/Recodo/FarmerClusterFinderWidget.tsx
+import { FarmerClusterFinder } from "@geowiki/recodo";
+import { jsx } from "react/jsx-runtime";
+var FarmerClusterFinderWidget = (_props) => {
+  return /* @__PURE__ */ jsx("div", { className: "lg:container mx-auto", children: /* @__PURE__ */ jsx(FarmerClusterFinder, {}) });
+};
+
+export {
+  FarmerClusterFinderWidget
+};

package/dist/chunk-XR7AIYAA.mjs

@@ -0,0 +1,112 @@
+// src/components/Section/HeroWidget.tsx
+import { HeroImage } from "@geowiki/ui";
+import { HeroWidgetOld } from "@geowiki/ui";
+import { HeroWithCenterText } from "@geowiki/ui";
+import { HeroWithMap } from "@geowiki/ui";
+import { HeroWithMultipleImage } from "@geowiki/ui";
+import { HeroWithThreeImage } from "@geowiki/ui";
+import { useCmsUrl } from "@geowiki/core";
+import { HeroImageLeft, HeroImageRight } from "@geowiki/ui";
+import { HeroWidgetMobileDevice } from "@geowiki/ui";
+import { jsx } from "react/jsx-runtime";
+var HeroWidget = ({ data }) => {
+  const type = data?.Hero?.Type?.Text;
+  var cmsUrl = useCmsUrl();
+  switch (type) {
+    case "image":
+      return /* @__PURE__ */ jsx(HeroImage, { path: data?.Hero?.Images?.Paths[0], cmsUrl });
+    case "withMultipleImages":
+      return /* @__PURE__ */ jsx(
+        HeroWithMultipleImage,
+        {
+          paths: data?.Hero?.Images?.Paths,
+          contentItemId: data.ContentItemId,
+          title: data.Hero?.Title?.Text,
+          description: data.Hero?.Description?.Text,
+          links: data.Buttons?.ContentItems,
+          cmsUrl
+        }
+      );
+    case "withThreeImages":
+      return /* @__PURE__ */ jsx(
+        HeroWithThreeImage,
+        {
+          paths: data?.Hero?.Images?.Paths,
+          title: data?.Hero?.Title?.Text,
+          description: data?.Hero?.Description?.Text,
+          links: data?.Buttons?.ContentItems,
+          cmsUrl
+        }
+      );
+    case "withCenterText":
+      return /* @__PURE__ */ jsx(
+        HeroWithCenterText,
+        {
+          paths: data?.Hero?.Images?.Paths,
+          title: data.Hero?.Title?.Text,
+          description: data.Hero?.Description?.Text,
+          links: data.Buttons?.ContentItems,
+          cmsUrl
+        }
+      );
+    case "withMap":
+      return /* @__PURE__ */ jsx(
+        HeroWithMap,
+        {
+          title: data.Hero?.Title?.Text,
+          description: data.Hero?.Description?.Text,
+          links: data.Buttons?.ContentItems
+        }
+      );
+    case "withImageLeft":
+      return /* @__PURE__ */ jsx(
+        HeroImageLeft,
+        {
+          logoPath: data?.Hero?.Logo?.Paths[0],
+          path: data?.Hero?.Images?.Paths[0],
+          text: data.Hero?.Description?.Text
+        }
+      );
+    case "withImageRight":
+      return /* @__PURE__ */ jsx(
+        HeroImageRight,
+        {
+          path: data?.Hero?.Images?.Paths[0],
+          title: data.Hero?.Title?.Text,
+          description: data.Hero?.Description?.Text
+        }
+      );
+    case "mobileDevice":
+      return /* @__PURE__ */ jsx(
+        HeroWidgetMobileDevice,
+        {
+          version: data.Hero?.LayoutVersion.Value ?? 1,
+          title: data.Hero?.Title?.Text,
+          description: data.Hero?.Description?.Text,
+          image: data.Hero?.Images?.Paths?.[0],
+          cmsUrl,
+          links: data?.Buttons?.ContentItems,
+          storeLinks: [
+            ...data.Hero?.GooglePlayUrl.Text ? [{ url: data.Hero.GooglePlayUrl.Text, type: "google" }] : [],
+            ...data.Hero?.AppStoreUrl.Text ? [{ url: data.Hero.AppStoreUrl.Text, type: "apple" }] : []
+          ]
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx(
+        HeroWidgetOld,
+        {
+          paths: data?.HeroWidget.Images?.Paths,
+          contentItemId: data.ContentItemId,
+          mainText: data.HeroWidget.MainText.Text,
+          subText: data.HeroWidget.SubText.Text,
+          contentItems: data?.Buttons?.ContentItems,
+          cmsUrl
+        }
+      );
+  }
+};
+
+export {
+  HeroWidget
+};

package/dist/html-section-CWKFJCXX.mjs

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