@upsnap/strapi 1.0.11 → 1.0.14

package/README.md

@@ -85,6 +85,9 @@ After installing the plugin and restarting Strapi:
 4. Save: Save your settings and head to the dashboard to see your site's health in real-time.
 
 
+## Privacy & Tracking
+This plugin sends limited technical and diagnostic information to enable uptime monitoring and troubleshooting.
+
 ## Documentation
 [Full Documentation](https://github.com/Appfoster/upsnap-docs/blob/master/strapi/Home.md)
 

package/dist/admin/{App-BIxhBt5_.mjs → App-QKoGSuNi.mjs}

@@ -5,61 +5,10 @@ import { SubNav, SubNavHeader, SubNavSection, SubNavLink, Box, Table, Thead, Tr,
 import { House, BulletList, Monitor, Cog, Pencil, Trash, Search, Cross, ChevronDown, Plus, EyeStriked, Eye, Graph, MinusCircle, Play, More, CrossCircle, SealCheck, ArrowsCounterClockwise, ArrowRight, ArrowLeft, CheckCircle, Information, ArrowDown, Rocket, Filter, FileCsv, FilePdf, CaretDown, CaretUp } from "@strapi/icons";
 import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { toast, ToastContainer } from "react-toastify";
-import axios from "axios";
+import { f as fetchTags, g as getPrimaryMonitorId, s as setPrimaryMonitorId, a as getUserDetailsCached, b as getUserDetails, r as request, c as getUserData, d as formatTitleToUppercase, e as fetchMonitorSettings, h as settingsToConfig, i as clearAllStoredMonitors, j as handleLogout, k as formatDate, l as formatCheckType, m as getRangeTimestamps, n as formatDateTime, o as fetchRegionsData } from "./index-Ct7siGlB.mjs";
 import styled, { createGlobalStyle } from "styled-components";
 import Chart from "react-apexcharts";
 import "react-toastify/dist/ReactToastify.css";
-const SideNav = () => {
-  const CustomSubNavLink = SubNavLink;
-  return /* @__PURE__ */ jsxs(SubNav, { "aria-label": "Upsnap navigation", children: [
-    /* @__PURE__ */ jsx(SubNavHeader, { label: "Upsnap" }),
-    /* @__PURE__ */ jsxs(SubNavSection, { label: "", children: [
-      /* @__PURE__ */ jsx(
-        CustomSubNavLink,
-        {
-          as: NavLink,
-          to: `dashboard`,
-          icon: /* @__PURE__ */ jsx(House, {}),
-          padding: 2,
-          marginBottom: 1,
-          marginLeft: 2,
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Dashboard"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        CustomSubNavLink,
-        {
-          as: NavLink,
-          to: `incidents`,
-          icon: /* @__PURE__ */ jsx(BulletList, {}),
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Incidents"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        CustomSubNavLink,
-        {
-          as: NavLink,
-          to: `status-pages`,
-          icon: /* @__PURE__ */ jsx(Monitor, {}),
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Status Pages"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        CustomSubNavLink,
-        {
-          as: NavLink,
-          to: `settings`,
-          icon: /* @__PURE__ */ jsx(Cog, {}),
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Settings"
-        }
-      )
-    ] })
-  ] });
-};
 const PLAN_TYPES = {
   FREE: "free",
   PRO: "pro",
@@ -195,248 +144,56 @@ const generateRandomColor = () => {
   ];
   return colors2[Math.floor(Math.random() * colors2.length)];
 };
-const STORAGE_KEY = "selectedMonitor";
-function getUserData() {
-  if (typeof window === "undefined") return null;
-  try {
-    const userDataString = localStorage.getItem("userDetails");
-    if (!userDataString) return null;
-    const userData = JSON.parse(userDataString);
-    return userData;
-  } catch (error) {
-    console.error("Error parsing userData from localStorage:", error);
-    return null;
-  }
-}
-async function getUserDetailsCached(forceFetchFromMicroservice = false) {
-  if (typeof window === "undefined") return null;
-  try {
-    const userDetailsString = localStorage.getItem("userDetails");
-    if (!userDetailsString) return null;
-    if (!forceFetchFromMicroservice) {
-      try {
-        const cached2 = JSON.parse(userDetailsString);
-        if (cached2.updated_at) {
-          const cachedTime = Date.parse(cached2.updated_at);
-          if (!isNaN(cachedTime)) {
-            const ageMs = Date.now() - cachedTime;
-            if (ageMs < 5 * 60 * 1e3) {
-              return cached2;
-            }
-          }
+const SideNav = () => {
+  const CustomSubNavLink = SubNavLink;
+  return /* @__PURE__ */ jsxs(SubNav, { "aria-label": "Upsnap navigation", children: [
+    /* @__PURE__ */ jsx(SubNavHeader, { label: "Upsnap" }),
+    /* @__PURE__ */ jsxs(SubNavSection, { label: "", children: [
+      /* @__PURE__ */ jsx(
+        CustomSubNavLink,
+        {
+          as: NavLink,
+          to: `dashboard`,
+          icon: /* @__PURE__ */ jsx(House, {}),
+          padding: 2,
+          marginBottom: 1,
+          marginLeft: 2,
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Dashboard"
         }
-      } catch (e) {
-        console.error("Error parsing cached user details:", e);
-      }
-    }
-    const data = await getUserDetails();
-    if (!data) {
-      return null;
-    }
-    setUserDetails(data);
-    return data;
-  } catch (error) {
-    console.error("Error parsing userDetails from localStorage:", error);
-    return null;
-  }
-}
-function setUserDetails(details) {
-  if (typeof window === "undefined") return;
-  try {
-    const toStore = { ...details, updated_at: (/* @__PURE__ */ new Date()).toISOString() };
-    localStorage.setItem("userDetails", JSON.stringify(toStore));
-  } catch (error) {
-    console.error("Error storing userDetails in localStorage:", error);
-  }
-}
-const clearAllStoredMonitors = () => {
-  if (typeof window === "undefined") return;
-  Object.keys(localStorage).forEach((key) => {
-    if (key.startsWith(`${STORAGE_KEY}`)) {
-      localStorage.removeItem(key);
-    }
-  });
-};
-const request = async (url, options = {}) => {
-  const response = await axios({
-    url: `/upsnap${url}`,
-    ...options
-  });
-  if (options?.responseType === "blob") {
-    return response;
-  }
-  return response.data;
-};
-const formatDate = (dateString) => {
-  const date2 = new Date(dateString);
-  if (isNaN(date2.getTime())) {
-    return "N/A";
-  }
-  return date2.toLocaleString(void 0, {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hour12: false
-  });
-};
-const formatTitleToUppercase = (title) => {
-  const words = title.split("_");
-  const capitalizedWords = words.map((word) => word.charAt(0).toUpperCase() + word.slice(1));
-  return capitalizedWords.join(" ");
-};
-const getRangeTimestamps = (range) => {
-  const now = Math.floor(Date.now() / 1e3);
-  const ranges = {
-    last_hour: 60 * 60,
-    last_24_hours: 60 * 60 * 24,
-    last_7_days: 60 * 60 * 24 * 7,
-    last_30_days: 60 * 60 * 24 * 30,
-    last_year: 60 * 60 * 24 * 365
-  };
-  const duration2 = ranges[range];
-  return {
-    start: now - duration2,
-    end: now
-  };
-};
-const formatCheckType = (key) => {
-  if (!key) return "";
-  const k = String(key).toLowerCase().trim();
-  const exceptions = ["ssl"];
-  if (exceptions.includes(k)) return k.toUpperCase();
-  const parts = k.split("_").filter(Boolean);
-  return parts.map((p) => p.charAt(0).toUpperCase() + p.slice(1)).join(" ");
-};
-function formatDateTime(isoTimestamp) {
-  if (!isoTimestamp) return "-";
-  const date2 = new Date(isoTimestamp);
-  return new Intl.DateTimeFormat("en-US", {
-    dateStyle: "medium",
-    timeStyle: "short"
-  }).format(date2);
-}
-const getUserDetails = async () => {
-  try {
-    const result = await request("/user/details", {
-      method: "GET"
-    });
-    if (!result || result?.userDetailsData?.status !== "success") {
-      console.error("Failed to fetch user details");
-    } else {
-      setUserDetails(result?.userDetailsData.data);
-      return result?.userDetailsData.data;
-    }
-    return null;
-  } catch (error) {
-    console.error("Error while fetching user details ", error);
-    return null;
-  }
-};
-async function fetchMonitorSettings(monitorId) {
-  try {
-    const result = await request(`/monitor/settings/${monitorId}`);
-    if (!result) {
-      console.error("Failed to fetch monitor settings");
-      return null;
-    }
-    if (result?.monitorSettingsData?.status === "success" && result?.monitorSettingsData?.data) {
-      return {
-        monitor_id: result.monitorSettingsData.data.monitor_id,
-        settings: result.monitorSettingsData.data.settings
-      };
-    }
-    console.error("Invalid response from monitor settings API:", result);
-    return null;
-  } catch (error) {
-    console.error("Error fetching monitor settings:", error);
-    return null;
-  }
-}
-function settingsToConfig(settings) {
-  return {
-    meta: settings.meta,
-    services: settings.services
-  };
-}
-async function setPrimaryMonitorId(monitorId) {
-  try {
-    const result = await request(`/settings/set-primary-monitor-id`, {
-      method: "POST",
-      data: { monitorId }
-    });
-    if (!result) return false;
-    if (result?.ok) {
-      return true;
-    }
-    return false;
-  } catch (error) {
-    console.error("Error setting primary monitor ID:", error);
-    return false;
-  }
-}
-async function getPrimaryMonitorId() {
-  try {
-    const result = await request(`/settings/get-primary-monitor-id`, {
-      method: "GET"
-    });
-    if (!result) return null;
-    if (result?.primaryMonitorId) {
-      return result.primaryMonitorId;
-    }
-    console.error("Failed to get primary monitor ID:", result);
-    return null;
-  } catch (error) {
-    console.error("Error getting primary monitor ID:", error);
-    return null;
-  }
-}
-async function handleLogout() {
-  try {
-    await setPrimaryMonitorId("");
-    const res = await request("/settings", {
-      method: "POST",
-      data: { token: null, logOut: true }
-    });
-    if (res.ok) {
-      return true;
-    }
-    return false;
-  } catch (err) {
-    console.log("Error while logging out ", err);
-    return;
-  }
-}
-const fetchRegionsData = async () => {
-  try {
-    const result = await request(`/regions`);
-    if (!result) return [];
-    if (result?.regionsData?.status === "success" && Array.isArray(result?.regionsData?.data)) {
-      return result?.regionsData?.data;
-    }
-    return [];
-  } catch (error) {
-    console.error("Error fetching regions:", error);
-    return [];
-  }
-};
-const fetchTags = async (setIsLoading, setTags) => {
-  setIsLoading(true);
-  try {
-    const result = await request("/tags", {
-      method: "GET"
-    });
-    if (!result?.tagsData) {
-      throw new Error("Failed to fetch tags");
-    }
-    setTags(result?.tagsData?.data);
-  } catch (error) {
-    console.error("Error fetching tags:", error);
-  } finally {
-    setIsLoading(false);
-  }
+      ),
+      /* @__PURE__ */ jsx(
+        CustomSubNavLink,
+        {
+          as: NavLink,
+          to: `incidents`,
+          icon: /* @__PURE__ */ jsx(BulletList, {}),
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Incidents"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CustomSubNavLink,
+        {
+          as: NavLink,
+          to: `status-pages`,
+          icon: /* @__PURE__ */ jsx(Monitor, {}),
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Status Pages"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CustomSubNavLink,
+        {
+          as: NavLink,
+          to: `settings`,
+          icon: /* @__PURE__ */ jsx(Cog, {}),
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Settings"
+        }
+      )
+    ] })
+  ] });
 };
 function MonitorsTable({
   monitors = [],
@@ -545,7 +302,7 @@ function MonitorsTable({
           ),
           /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: monitor.config.meta.url }),
           monitor.tag_ids && monitor.tag_ids.length > 0 && /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: 1, width: "300px", children: monitor.tag_ids.map((tagId) => {
-            const tag = availableTags.find((tag2) => tag2.id === tagId);
+            const tag = availableTags?.find((tag2) => tag2.id === tagId);
             if (!tag) return null;
             return /* @__PURE__ */ jsx(
               Badge,
@@ -7697,14 +7454,14 @@ function IntegrationFormModal({
     name: ""
   });
   const [errors, setErrors] = useState({});
-  const [userDetails, setUserDetails2] = useState(null);
+  const [userDetails, setUserDetails] = useState(null);
   const [userDataEmail, setUserDataEmail] = useState("");
   const [showPassword, setShowPassword] = useState({});
   useEffect(() => {
     const userData = getUserData();
     setUserDataEmail(userData?.user?.email || "");
     (async () => {
-      setUserDetails2(await getUserDetailsCached());
+      setUserDetails(await getUserDetailsCached());
     })();
   }, []);
   const buildInitialFormData = useCallback(() => {
@@ -8679,7 +8436,7 @@ function LogInForm({
         Field.Root,
         {
           width: "100%",
-          error: errors?.issues.find((issue2) => issue2.path[0] === "email")?.message || forgotPasswordError,
+          error: errors?.issues?.find((issue2) => issue2.path[0] === "email")?.message || forgotPasswordError,
           required: true,
           children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Email" }),
@@ -8700,7 +8457,7 @@ function LogInForm({
         Field.Root,
         {
           width: "100%",
-          error: errors?.issues.find((issue2) => issue2.path[0] === "password")?.message,
+          error: errors?.issues?.find((issue2) => issue2.path[0] === "password")?.message,
           required: true,
           children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Password" }),
@@ -8813,7 +8570,7 @@ function RegisterForm({
         Field.Root,
         {
           width: "100%",
-          error: errors?.issues.find((issue2) => issue2.path[0] === "fullName")?.message,
+          error: errors?.issues?.find((issue2) => issue2.path[0] === "fullName")?.message,
           required: true,
           children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Full Name" }),
@@ -8834,7 +8591,7 @@ function RegisterForm({
         Field.Root,
         {
           width: "100%",
-          error: errors?.issues.find((issue2) => issue2.path[0] === "email")?.message,
+          error: errors?.issues?.find((issue2) => issue2.path[0] === "email")?.message,
           required: true,
           children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Email" }),
@@ -8855,7 +8612,7 @@ function RegisterForm({
         Field.Root,
         {
           width: "100%",
-          error: errors?.issues.find((issue2) => issue2.path[0] === "password")?.message,
+          error: errors?.issues?.find((issue2) => issue2.path[0] === "password")?.message,
           required: true,
           children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Password" }),
@@ -8879,7 +8636,7 @@ function RegisterForm({
         Field.Root,
         {
           width: "100%",
-          error: errors?.issues.find((issue2) => issue2.path[0] === "confirmPassword")?.message || confirmPasswordError,
+          error: errors?.issues?.find((issue2) => issue2.path[0] === "confirmPassword")?.message || confirmPasswordError,
           required: true,
           children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Confirm Password" }),
@@ -12414,7 +12171,7 @@ function IncidentsList({ defaultMonitorId }) {
     return { backgroundColor: "neutral100", textColor: "neutral600" };
   };
   const getRegionName = (regionId) => {
-    const region = regions.find((item) => item?.id === regionId);
+    const region = regions?.find((item) => item?.id === regionId);
     return region?.name || regionId || "N/A";
   };
   const [searchParams] = useSearchParams();