@upsnap/strapi 1.0.11 → 1.0.14

package/dist/admin/{App-CH5fBeNI.js → App-l5dYTPZP.js}

@@ -7,66 +7,14 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const React = require("react");
 const reactToastify = require("react-toastify");
-const axios = require("axios");
+const index = require("./index-BWyzuEFm.js");
 const styled = require("styled-components");
 const Chart = require("react-apexcharts");
 require("react-toastify/dist/ReactToastify.css");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
-const axios__default = /* @__PURE__ */ _interopDefault(axios);
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const Chart__default = /* @__PURE__ */ _interopDefault(Chart);
-const SideNav = () => {
-  const CustomSubNavLink = designSystem.SubNavLink;
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNav, { "aria-label": "Upsnap navigation", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SubNavHeader, { label: "Upsnap" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNavSection, { label: "", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        CustomSubNavLink,
-        {
-          as: reactRouterDom.NavLink,
-          to: `dashboard`,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.House, {}),
-          padding: 2,
-          marginBottom: 1,
-          marginLeft: 2,
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Dashboard"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        CustomSubNavLink,
-        {
-          as: reactRouterDom.NavLink,
-          to: `incidents`,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BulletList, {}),
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Incidents"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        CustomSubNavLink,
-        {
-          as: reactRouterDom.NavLink,
-          to: `status-pages`,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Monitor, {}),
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Status Pages"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        CustomSubNavLink,
-        {
-          as: reactRouterDom.NavLink,
-          to: `settings`,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}),
-          style: { marginLeft: "10px", marginBottom: "10px" },
-          children: "Settings"
-        }
-      )
-    ] })
-  ] });
-};
 const PLAN_TYPES = {
   FREE: "free",
   PRO: "pro",
@@ -202,248 +150,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 = designSystem.SubNavLink;
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNav, { "aria-label": "Upsnap navigation", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SubNavHeader, { label: "Upsnap" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SubNavSection, { label: "", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CustomSubNavLink,
+        {
+          as: reactRouterDom.NavLink,
+          to: `dashboard`,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.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__default.default({
-    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__ */ jsxRuntime.jsx(
+        CustomSubNavLink,
+        {
+          as: reactRouterDom.NavLink,
+          to: `incidents`,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BulletList, {}),
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Incidents"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CustomSubNavLink,
+        {
+          as: reactRouterDom.NavLink,
+          to: `status-pages`,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Monitor, {}),
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Status Pages"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CustomSubNavLink,
+        {
+          as: reactRouterDom.NavLink,
+          to: `settings`,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}),
+          style: { marginLeft: "10px", marginBottom: "10px" },
+          children: "Settings"
+        }
+      )
+    ] })
+  ] });
 };
 function MonitorsTable({
   monitors = [],
@@ -459,12 +215,12 @@ function MonitorsTable({
   const [availableTags, setAvailableTags] = React.useState([]);
   const navigate = reactRouterDom.useNavigate();
   React.useEffect(() => {
-    fetchTags(setLoading, setAvailableTags);
+    index.fetchTags(setLoading, setAvailableTags);
   }, [monitors]);
   React.useEffect(() => {
     async function fetchPrimaryMonitorId() {
       try {
-        const id = await getPrimaryMonitorId();
+        const id = await index.getPrimaryMonitorId();
         if (id) setPrimaryMonitorIdState(id);
       } catch (err) {
         console.error("Error fetching primary monitor ID:", err);
@@ -500,7 +256,7 @@ function MonitorsTable({
   }, [selected, onChange]);
   const handleSetPrimary = async (monitor) => {
     try {
-      const result = await setPrimaryMonitorId(monitor.id);
+      const result = await index.setPrimaryMonitorId(monitor.id);
       if (result) {
         reactToastify.toast.success("Primary monitor set successfully");
         setPrimaryMonitorIdState(monitor.id);
@@ -529,7 +285,7 @@ function MonitorsTable({
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Status" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: "Actions" }) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: monitors.map((monitor, index) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: monitors.map((monitor, index2) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Checkbox,
         {
@@ -552,7 +308,7 @@ function MonitorsTable({
           ),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: monitor.config.meta.url }),
           monitor.tag_ids && monitor.tag_ids.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(
               designSystem.Badge,
@@ -2143,11 +1899,11 @@ const $ZodNever = /* @__PURE__ */ $constructor("$ZodNever", (inst, def) => {
     return payload;
   };
 });
-function handleArrayResult(result, final, index) {
+function handleArrayResult(result, final, index2) {
   if (result.issues.length) {
-    final.issues.push(...prefixIssues(index, result.issues));
+    final.issues.push(...prefixIssues(index2, result.issues));
   }
-  final.value[index] = result.value;
+  final.value[index2] = result.value;
 }
 const $ZodArray = /* @__PURE__ */ $constructor("$ZodArray", (inst, def) => {
   $ZodType.init(inst, def);
@@ -2518,14 +2274,14 @@ function mergeValues(a, b) {
       return { valid: false, mergeErrorPath: [] };
     }
     const newArray = [];
-    for (let index = 0; index < a.length; index++) {
-      const itemA = a[index];
-      const itemB = b[index];
+    for (let index2 = 0; index2 < a.length; index2++) {
+      const itemA = a[index2];
+      const itemB = b[index2];
       const sharedValue = mergeValues(itemA, itemB);
       if (!sharedValue.valid) {
         return {
           valid: false,
-          mergeErrorPath: [index, ...sharedValue.mergeErrorPath]
+          mergeErrorPath: [index2, ...sharedValue.mergeErrorPath]
         };
       }
       newArray.push(sharedValue.data);
@@ -5208,7 +4964,7 @@ function AdvancedSettings({
   React.useEffect(() => {
     async function fetchUser() {
       try {
-        const details = await getUserDetailsCached(true);
+        const details = await index.getUserDetailsCached(true);
         const minIntervalMins = details?.plan_limits?.min_monitoring_interval;
         setMinMonitoringInterval(minIntervalMins ? minIntervalMins * 60 : 300);
         setUserPlan(details?.user?.subscription_type || PLAN_TYPES.TRIAL);
@@ -5397,9 +5153,9 @@ const NotificationIcon = ({ className = "" }) => /* @__PURE__ */ jsxRuntime.jsxs
 const getIntegrationIcon = (iconName, className = "tw-w-6 tw-h-6") => {
   return /* @__PURE__ */ jsxRuntime.jsx(NotificationIcon, { className });
 };
-const DEFAULT_EMAIL = getUserData()?.user?.email ?? "";
+const DEFAULT_EMAIL = index.getUserData()?.user?.email ?? "";
 async function apiGetChannels() {
-  const res = await request("/notification-channels", {
+  const res = await index.request("/notification-channels", {
     method: "GET"
   });
   if (!res) return;
@@ -5407,7 +5163,7 @@ async function apiGetChannels() {
   return res.notificationChannelsData.data;
 }
 async function apiCreateChannel(payload) {
-  const res = await request("/notification-channels", {
+  const res = await index.request("/notification-channels", {
     method: "POST",
     data: payload
   });
@@ -5456,7 +5212,7 @@ function NotificationChannelsIntegration({
       }
     }
     load();
-    getUserDetails();
+    index.getUserDetails();
   }, []);
   const toggle = async (row) => {
     if (row.isDefaultEmail && row.id === null) {
@@ -5613,12 +5369,12 @@ const TagMultiSelect = ({
   const dropdownRef = React.useRef(null);
   const inputRef = React.useRef(null);
   React.useEffect(() => {
-    fetchTags(setIsLoading, setAvailableTags);
+    index.fetchTags(setIsLoading, setAvailableTags);
   }, []);
   const createTag = async (tagName) => {
     setIsCreating(true);
     try {
-      const result = await request(apiEndpoint, {
+      const result = await index.request(apiEndpoint, {
         method: "POST",
         data: {
           name: tagName,
@@ -5717,7 +5473,7 @@ const TagMultiSelect = ({
                   border: `1px solid ${tag.color}40`
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", style: { color: tag.color }, children: formatTitleToUppercase(tag.name) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", style: { color: tag.color }, children: index.formatTitleToUppercase(tag.name) }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     designSystem.IconButton,
                     {
@@ -5806,7 +5562,7 @@ const TagMultiSelect = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { flex: "1", children: formatTitleToUppercase(tag.name) })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { flex: "1", children: index.formatTitleToUppercase(tag.name) })
                 ]
               },
               tag.id
@@ -5860,13 +5616,13 @@ const RegionsMultiSelect = ({
   const fetchRegions = async () => {
     setIsLoading(true);
     try {
-      let userDetails = await getUserDetailsCached();
+      let userDetails = await index.getUserDetailsCached();
       if (!userDetails) {
-        userDetails = await getUserDetails();
+        userDetails = await index.getUserDetails();
       }
       const isTrial = userDetails?.user?.subscription_type === PLAN_TYPES.TRIAL;
       setIsTrialUser(isTrial);
-      const result = await request("/regions", {
+      const result = await index.request("/regions", {
         method: "GET"
       });
       if (!result) return;
@@ -6097,7 +5853,7 @@ function PortAdvancedSettings({
   React.useEffect(() => {
     async function fetchUser() {
       try {
-        const details = await getUserDetailsCached(true);
+        const details = await index.getUserDetailsCached(true);
         const userMinMonitoringIntervalInMins = details?.plan_limits?.min_monitoring_interval;
         setMinMonitoringInterval(
           userMinMonitoringIntervalInMins ? userMinMonitoringIntervalInMins * 60 : 60
@@ -6220,12 +5976,12 @@ function KeywordInput({
     setKeywordInput("");
   };
   const handleRemoveKeyword = (indexToRemove) => {
-    onKeywordsChange(keywords.filter((_, index) => index !== indexToRemove));
+    onKeywordsChange(keywords.filter((_, index2) => index2 !== indexToRemove));
   };
-  const handleKeywordChange = (index, field, value) => {
+  const handleKeywordChange = (index2, field, value) => {
     const updatedKeywords = [...keywords];
-    updatedKeywords[index] = {
-      ...updatedKeywords[index],
+    updatedKeywords[index2] = {
+      ...updatedKeywords[index2],
       [field]: value
     };
     onKeywordsChange(updatedKeywords);
@@ -6272,7 +6028,7 @@ function KeywordInput({
         keywords.length,
         ")"
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, width: "800px", children: keywords.map((keyword, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, width: "800px", children: keywords.map((keyword, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
         designSystem.Box,
         {
           padding: 4,
@@ -6317,7 +6073,7 @@ function KeywordInput({
                         height: "32px"
                       },
                       variant: "tertiary",
-                      onClick: () => handleRemoveKeyword(index),
+                      onClick: () => handleRemoveKeyword(index2),
                       title: "Remove keyword",
                       children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
                     }
@@ -6338,7 +6094,7 @@ function KeywordInput({
                       value: keyword.type,
                       onChange: (value) => {
                         handleKeywordChange(
-                          index,
+                          index2,
                           "type",
                           value
                         );
@@ -6355,7 +6111,7 @@ function KeywordInput({
                         designSystem.Switch,
                         {
                           checked: keyword.is_regex,
-                          onCheckedChange: (checked) => handleKeywordChange(index, "is_regex", checked)
+                          onCheckedChange: (checked) => handleKeywordChange(index2, "is_regex", checked)
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "500", children: "Regex" })
@@ -6368,7 +6124,7 @@ function KeywordInput({
                         designSystem.Switch,
                         {
                           checked: keyword.case_sensitive,
-                          onCheckedChange: (checked) => handleKeywordChange(index, "case_sensitive", checked)
+                          onCheckedChange: (checked) => handleKeywordChange(index2, "case_sensitive", checked)
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "500", children: "Case Sensitive" })
@@ -6380,7 +6136,7 @@ function KeywordInput({
             )
           ]
         },
-        index
+        index2
       )) })
     ] })
   ] });
@@ -6400,7 +6156,7 @@ function KeywordAdvancedSettings({
   React.useEffect(() => {
     async function fetchUser() {
       try {
-        const details = await getUserDetailsCached(true);
+        const details = await index.getUserDetailsCached(true);
         const userMinMonitoringIntervalInMins = details?.plan_limits?.min_monitoring_interval;
         setMinMonitoringInterval(
           userMinMonitoringIntervalInMins ? userMinMonitoringIntervalInMins * 60 : 60
@@ -6586,7 +6342,7 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
   React.useEffect(() => {
     const fetchRegions = async () => {
       try {
-        const result = await request("/regions", {
+        const result = await index.request("/regions", {
           method: "GET"
         });
         if (!result) {
@@ -6603,11 +6359,11 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
     if (monitor && mode === "edit") {
       const loadMonitorSettings = async () => {
         try {
-          const settings = await fetchMonitorSettings(monitor.id);
+          const settings = await index.fetchMonitorSettings(monitor.id);
           if (settings) {
             const serviceType = monitor.service_type || MONITOR_TYPE.WEBSITE;
             setMonitorType(serviceType);
-            const config2 = settingsToConfig(settings.settings);
+            const config2 = index.settingsToConfig(settings.settings);
             if (serviceType === MONITOR_TYPE.PORT) {
               setPortFormData({
                 name: monitor.name || "",
@@ -6799,7 +6555,7 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
           tag_ids: selectedTagIds,
           ...mode === "create" ? { is_enabled: true } : { id: monitor?.id }
         };
-        result = await request(url, {
+        result = await index.request(url, {
           method,
           data: payload
         });
@@ -6847,7 +6603,7 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
           tag_ids: selectedTagIds,
           ...mode === "create" ? { is_enabled: true } : { id: monitor?.id }
         };
-        result = await request(url, {
+        result = await index.request(url, {
           method,
           data: payload
         });
@@ -6870,7 +6626,7 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
             regions: buildRegionsPayload(),
             is_enabled: true
           };
-          result = await request(url, {
+          result = await index.request(url, {
             method,
             data: payload
           });
@@ -6890,7 +6646,7 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
             tag_ids: selectedTagIds,
             regions: buildRegionsPayload()
           };
-          result = await request(url, {
+          result = await index.request(url, {
             method,
             data: payload
           });
@@ -6899,7 +6655,7 @@ function MonitorForm({ monitor, mode, handleCancelEdit, load }) {
       if (!result) return;
       if (result.monitorsData.status === "success") {
         const monitorId = result.monitorsData.data.monitor.id;
-        clearAllStoredMonitors();
+        index.clearAllStoredMonitors();
         reactToastify.toast.success(
           mode === "create" ? "Monitor created successfully" : "Monitor updated successfully"
         );
@@ -7468,7 +7224,7 @@ const ConfirmationModal = ({
   ] }) });
 };
 async function getMonitors() {
-  const res = await request("/monitors", {
+  const res = await index.request("/monitors", {
     method: "GET"
   });
   if (!res) return;
@@ -7484,11 +7240,11 @@ function Monitors({ onTabChange }) {
   const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
   const [bulkDeleteIds, setBulkDeleteIds] = React.useState([]);
   const [bulkDeleteModalOpen, setBulkDeleteModalOpen] = React.useState(false);
-  const userDetails = getUserData();
+  const userDetails = index.getUserData();
   const [alertMessage, setAlertMessage] = React.useState("");
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) setAlertMessage("Please select a primary monitor to continue!");
     })();
   }, []);
@@ -7509,13 +7265,13 @@ function Monitors({ onTabChange }) {
   };
   React.useEffect(() => {
     load();
-    getUserDetails();
+    index.getUserDetails();
   }, []);
   const handleAddMonitor = async () => {
     let userPlan = userDetails?.user?.subscription_type;
     let maxMonitorsAllowed = userDetails?.plan_limits?.max_monitors;
     if (!userPlan) {
-      const user = await getUserDetails();
+      const user = await index.getUserDetails();
       userPlan = user?.user?.subscription_type;
       maxMonitorsAllowed = user?.plan_limits?.max_monitors;
     }
@@ -7546,7 +7302,7 @@ function Monitors({ onTabChange }) {
     }
     setLoading(true);
     try {
-      const result = await request(`/monitors/${selectedMonitor.id}`, {
+      const result = await index.request(`/monitors/${selectedMonitor.id}`, {
         method: "DELETE"
       });
       if (!result) return;
@@ -7578,7 +7334,7 @@ function Monitors({ onTabChange }) {
     }
     setLoading(true);
     try {
-      const result = await request("/monitors/bulk-delete", {
+      const result = await index.request("/monitors/bulk-delete", {
         method: "POST",
         data: { monitorIds: bulkDeleteIds }
       });
@@ -7684,8 +7440,8 @@ const setNestedValue = (obj, path, value) => {
   const keys = path.split(".");
   const result = { ...obj };
   let current = result;
-  for (let index = 0; index < keys.length - 1; index++) {
-    const key = keys[index];
+  for (let index2 = 0; index2 < keys.length - 1; index2++) {
+    const key = keys[index2];
     current[key] = current[key] ? { ...current[key] } : {};
     current = current[key];
   }
@@ -7704,14 +7460,14 @@ function IntegrationFormModal({
     name: ""
   });
   const [errors, setErrors] = React.useState({});
-  const [userDetails, setUserDetails2] = React.useState(null);
+  const [userDetails, setUserDetails] = React.useState(null);
   const [userDataEmail, setUserDataEmail] = React.useState("");
   const [showPassword, setShowPassword] = React.useState({});
   React.useEffect(() => {
-    const userData = getUserData();
+    const userData = index.getUserData();
     setUserDataEmail(userData?.user?.email || "");
     (async () => {
-      setUserDetails2(await getUserDetailsCached());
+      setUserDetails(await index.getUserDetailsCached());
     })();
   }, []);
   const buildInitialFormData = React.useCallback(() => {
@@ -7723,11 +7479,11 @@ function IntegrationFormModal({
       } else {
         const keys = field.name.split(".");
         let current = initialData;
-        for (let index = 0; index < keys.length - 1; index++) {
-          if (!current[keys[index]]) {
-            current[keys[index]] = {};
+        for (let index2 = 0; index2 < keys.length - 1; index2++) {
+          if (!current[keys[index2]]) {
+            current[keys[index2]] = {};
           }
-          current = current[keys[index]];
+          current = current[keys[index2]];
         }
         current[keys[keys.length - 1]] = "";
       }
@@ -7751,11 +7507,11 @@ function IntegrationFormModal({
       if (value !== void 0) {
         const keys = field.name.split(".");
         let current = populatedData;
-        for (let index = 0; index < keys.length - 1; index++) {
-          if (!current[keys[index]]) {
-            current[keys[index]] = {};
+        for (let index2 = 0; index2 < keys.length - 1; index2++) {
+          if (!current[keys[index2]]) {
+            current[keys[index2]] = {};
           }
-          current = current[keys[index]];
+          current = current[keys[index2]];
         }
         current[keys[keys.length - 1]] = value;
       }
@@ -7837,11 +7593,11 @@ function IntegrationFormModal({
       if (value !== void 0 && value !== "") {
         const keys = field.name.split(".");
         let current = config2;
-        for (let index = 0; index < keys.length - 1; index++) {
-          if (!current[keys[index]]) {
-            current[keys[index]] = {};
+        for (let index2 = 0; index2 < keys.length - 1; index2++) {
+          if (!current[keys[index2]]) {
+            current[keys[index2]] = {};
           }
-          current = current[keys[index]];
+          current = current[keys[index2]];
         }
         current[keys[keys.length - 1]] = value;
       }
@@ -7889,7 +7645,7 @@ function IntegrationFormModal({
         url = `/notification-channels/${editData.id}`;
         method = "PUT";
       }
-      const result = await request(url, {
+      const result = await index.request(url, {
         method,
         data: payload
       });
@@ -8083,7 +7839,7 @@ function useSupportedIntegrations() {
     try {
       setLoading(true);
       setError(null);
-      const data = await request("/integrations/supported", {
+      const data = await index.request("/integrations/supported", {
         method: "GET"
       });
       if (!data) return;
@@ -8139,7 +7895,7 @@ function useSupportedIntegrations() {
   };
 }
 async function apiDeleteChannel(id) {
-  const res = await request(`/notification-channels/${id}`, {
+  const res = await index.request(`/notification-channels/${id}`, {
     method: "DELETE"
   });
   if (!res) return;
@@ -8263,7 +8019,7 @@ const IntegrationsPage = () => {
   const [deleteTarget, setDeleteTarget] = React.useState(null);
   const [isDeleting, setIsDeleting] = React.useState(false);
   React.useEffect(() => {
-    getUserDetails();
+    index.getUserDetails();
   }, []);
   const handleEdit = (integration) => {
     const channel = getChannelByType(integration.channel_type);
@@ -8278,7 +8034,7 @@ const IntegrationsPage = () => {
   };
   const handleTest = async (integration) => {
     try {
-      const result = await request(`/notification-channels/${integration.id}/test`, {
+      const result = await index.request(`/notification-channels/${integration.id}/test`, {
         method: "POST"
       });
       if (!result) return;
@@ -8312,7 +8068,7 @@ const IntegrationsPage = () => {
   async function fetchUserIntegrations() {
     try {
       setLoading(true);
-      const data = await request("/notification-channels");
+      const data = await index.request("/notification-channels");
       if (!data) return;
       const userChannels = data.notificationChannelsData.data?.channels ?? [];
       const limits = data.notificationChannelsData.data?.plan_limits ?? null;
@@ -8343,7 +8099,7 @@ const IntegrationsPage = () => {
   };
   const handleToggleIntegration = async (integration) => {
     try {
-      const res = await request(`/notification-channels/${integration.id}`, {
+      const res = await index.request(`/notification-channels/${integration.id}`, {
         method: "PUT",
         data: {
           is_enabled: !integration.is_enabled
@@ -8588,7 +8344,7 @@ function SettingsTabs({
         gap: { initial: "2px", medium: "0px" },
         alignItems: { initial: "start", medium: "center" },
         width: "100%",
-        children: tabs && tabs.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: tab.value.toLocaleLowerCase(), children: tab.name }, index))
+        children: tabs && tabs.map((tab, index2) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: tab.value.toLocaleLowerCase(), children: tab.name }, index2))
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Content, { value: activeTab, children: [
@@ -8619,7 +8375,7 @@ function LogInForm({
       return;
     }
     setErrors(null);
-    request("/login", {
+    index.request("/login", {
       method: "POST",
       data: {
         email: email2,
@@ -8647,7 +8403,7 @@ function LogInForm({
       return;
     }
     setForgotPasswordError("");
-    request("/forgot-password", {
+    index.request("/forgot-password", {
       method: "POST",
       data: {
         email: email2
@@ -8686,7 +8442,7 @@ function LogInForm({
         designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Email" }),
@@ -8707,7 +8463,7 @@ function LogInForm({
         designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Password" }),
@@ -8774,7 +8530,7 @@ function RegisterForm({
     }
     setErrors(null);
     const domainUrl = window.strapi?.backendURL || window.location.origin;
-    request("/signup", {
+    index.request("/signup", {
       method: "POST",
       data: {
         email: email2,
@@ -8820,7 +8576,7 @@ function RegisterForm({
         designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Full Name" }),
@@ -8841,7 +8597,7 @@ function RegisterForm({
         designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Email" }),
@@ -8862,7 +8618,7 @@ function RegisterForm({
         designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Password" }),
@@ -8886,7 +8642,7 @@ function RegisterForm({
         designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Confirm Password" }),
@@ -8933,7 +8689,7 @@ function Settings() {
   const [showExpiredMessage, setShowExpiredMessage] = React.useState("");
   const [loading, setLoading] = React.useState(false);
   React.useEffect(() => {
-    request("/settings", {
+    index.request("/settings", {
       method: "GET"
     }).then((res) => {
       if (!res?.token) {
@@ -8952,7 +8708,7 @@ function Settings() {
   };
   const logOut = async () => {
     setLoading(true);
-    const result = await handleLogout();
+    const result = await index.handleLogout();
     if (result) {
       reactToastify.toast.success("Logged out successfully.");
       setLoading(false);
@@ -9103,7 +8859,7 @@ const StatisticsCards = ({ monitorData, uptimeStats, histogramData, isLoading })
           ] }) }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { width: { initial: "100%", medium: "240px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.CardContent, { paddingLeft: 1, children: [
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardTitle, { fontSize: 3, children: "Last check" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardSubtitle, { marginTop: 1, fontSize: 3, children: formatDate(
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardSubtitle, { marginTop: 1, fontSize: 3, children: index.formatDate(
               monitorData?.monitor?.service_last_checks?.default?.uptime?.last_checked_at || "N/A"
             ) })
           ] }) }) }) }),
@@ -9184,37 +8940,37 @@ const HealthCards = ({ monitorData, isLoading }) => {
   React.useEffect(() => {
     const monitorUrl = monitorData?.monitor?.config?.meta?.url;
     if (!monitorUrl) return;
-    request("/monitor/health-check/uptime", {
+    index.request("/monitor/health-check/uptime", {
       method: "POST",
       data: { monitorUrl }
     }).then((res) => {
       setUptimeHealthCheck(res.uptimeHealthCheckData || null);
     });
-    request("/monitor/health-check/ssl", {
+    index.request("/monitor/health-check/ssl", {
       method: "POST",
       data: { monitorUrl }
     }).then((res) => {
       setSslHealthCheck(res.sslHealthCheckData || null);
     });
-    request("/monitor/health-check/lighthouse", {
+    index.request("/monitor/health-check/lighthouse", {
       method: "POST",
       data: { monitorUrl }
     }).then((res) => {
       setLighthouseHealthCheck(res.lighthouseHealthCheckData || null);
     });
-    request("/monitor/health-check/domain", {
+    index.request("/monitor/health-check/domain", {
       method: "POST",
       data: { monitorUrl }
     }).then((res) => {
       setDomainHealthCheck(res.domainHealthCheckData || null);
     });
-    request("/monitor/health-check/broken-links", {
+    index.request("/monitor/health-check/broken-links", {
       method: "POST",
       data: { monitorUrl }
     }).then((res) => {
       setBrokenLinksHealthCheck(res.brokenLinksHealthCheckData || null);
     });
-    request("/monitor/health-check/mixed-content", {
+    index.request("/monitor/health-check/mixed-content", {
       method: "POST",
       data: { monitorUrl }
     }).then((res) => {
@@ -9226,7 +8982,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
     const monitorUrl = monitorData?.monitor?.config?.meta?.url;
     switch (type) {
       case "reachability":
-        request("/monitor/health-check/uptime", {
+        index.request("/monitor/health-check/uptime", {
           method: "POST",
           data: { monitorUrl }
         }).then((res) => {
@@ -9235,7 +8991,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
         });
         break;
       case "broken_links":
-        request("/monitor/health-check/broken-links", {
+        index.request("/monitor/health-check/broken-links", {
           method: "POST",
           data: { monitorUrl }
         }).then((res) => {
@@ -9244,7 +9000,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
         });
         break;
       case "security_certificates":
-        request("/monitor/health-check/ssl", {
+        index.request("/monitor/health-check/ssl", {
           method: "POST",
           data: { monitorUrl }
         }).then((res) => {
@@ -9253,7 +9009,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
         });
         break;
       case "domain_check":
-        request("/monitor/health-check/domain", {
+        index.request("/monitor/health-check/domain", {
           method: "POST",
           data: { monitorUrl }
         }).then((res) => {
@@ -9262,7 +9018,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
         });
         break;
       case "lighthouse":
-        request("/monitor/health-check/lighthouse", {
+        index.request("/monitor/health-check/lighthouse", {
           method: "POST",
           data: { monitorUrl }
         }).then((res) => {
@@ -9271,7 +9027,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
         });
         break;
       case "mixed_content":
-        request("/monitor/health-check/mixed-content", {
+        index.request("/monitor/health-check/mixed-content", {
           method: "POST",
           data: { monitorUrl }
         }).then((res) => {
@@ -9304,7 +9060,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
     }
   };
   const RenderHealthCard = ({ data, name }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { paddingLeft: 1, width: "100%", children: loading === name ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardHeader, { fontSize: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "start", width: "100%", children: formatTitleToUppercase(name) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardHeader, { fontSize: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "start", width: "100%", children: index.formatTitleToUppercase(name) }) }),
     data && (data?.status === "error" || data?.status === "warning" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardTitle, { marginTop: 3, fontSize: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "row", alignItems: "center", gap: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { width: "20px", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -9330,7 +9086,7 @@ const HealthCards = ({ monitorData, isLoading }) => {
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.CardSubtitle, { marginTop: 1, fontSize: 3, children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "Last checked at: " }),
       " ",
-      formatDate(data?.data?.checkedAt),
+      index.formatDate(data?.data?.checkedAt),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { marginTop: 2, justifyContent: "space-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Link,
@@ -9678,7 +9434,7 @@ const IncidentsTable = ({
         return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { fontSize: 3, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: showMonitorName(monitorName) ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { description: showMonitorName(monitorName), children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { cursor: "pointer" }, children: formatMonitorName(monitorName) }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMonitorName(monitorName) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: incident.region || "N/A" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { textTransform: "capitalize" }, children: formatCheckType ? formatCheckType(incident.check_type) : incident.check_type }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { textTransform: "capitalize" }, children: index.formatCheckType ? index.formatCheckType(incident.check_type) : incident.check_type }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Badge,
             {
@@ -9848,7 +9604,7 @@ function Dashboard() {
   const MAX_MONITOR_RETRIES = 3;
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) {
         setShowImageBlur(true);
         return;
@@ -9873,8 +9629,8 @@ function Dashboard() {
   }
   const handleTimeRangeChange = (range) => {
     setResponseTimeRange(String(range));
-    const { start, end } = getRangeTimestamps(String(range) || "last_24_hours");
-    request(
+    const { start, end } = index.getRangeTimestamps(String(range) || "last_24_hours");
+    index.request(
       `/monitor/${monitorId}/response-time?start=${start}&end=${end}&region=${selectedRegion}`,
       {
         method: "GET"
@@ -9892,7 +9648,7 @@ function Dashboard() {
   const fetchMonitorDataWithRetry = async (retries = MAX_MONITOR_RETRIES) => {
     for (let attempt = 0; attempt < retries; attempt++) {
       try {
-        const res = await request(`/monitor/${monitorId}`, { method: "GET" });
+        const res = await index.request(`/monitor/${monitorId}`, { method: "GET" });
         if (res?.monitor?.message === "Invalid authentication token" || res?.monitor?.status === "error") {
           navigate("/plugins/upsnap/settings");
           return null;
@@ -9907,23 +9663,23 @@ function Dashboard() {
     return null;
   };
   const handleRefresh = async () => {
-    const { start, end } = getRangeTimestamps(responseTimeRange || "last_24_hours");
+    const { start, end } = index.getRangeTimestamps(responseTimeRange || "last_24_hours");
     setIsLoading(true);
     if (!monitorId) return;
     const monitor = await fetchMonitorDataWithRetry();
     setMonitorData(monitor);
-    request(`/monitor/${monitorId}/uptime-stats?region=${selectedRegion}`, {
+    index.request(`/monitor/${monitorId}/uptime-stats?region=${selectedRegion}`, {
       method: "GET"
     }).then((res) => {
       setUptimeStats(res.uptimeStatsData?.data || null);
     });
-    request(`/monitor/${monitorId}/histogram?region=${selectedRegion}`, {
+    index.request(`/monitor/${monitorId}/histogram?region=${selectedRegion}`, {
       method: "GET"
     }).then((res) => {
       setHistogramData(res.histogramData?.data || null);
       setIsLoading(false);
     });
-    request(
+    index.request(
       `/monitor/${monitorId}/response-time?start=${start}&end=${end}&region=${selectedRegion}`,
       {
         method: "GET"
@@ -9931,7 +9687,7 @@ function Dashboard() {
     ).then((res) => {
       setResponseTimeData(res.responseTimeData?.data || null);
     });
-    request(`/monitor/${monitorId}/incidents`, {
+    index.request(`/monitor/${monitorId}/incidents`, {
       method: "GET"
     }).then((res) => {
       setMonitorIncidents(res.incidentsData?.data || null);
@@ -10034,7 +9790,7 @@ const DetailRow = ({ label, value, isUrl = false, isChip = false }) => {
   const renderValue = () => {
     if (value === void 0 || value === null) return "N/A";
     if (Array.isArray(value)) {
-      return value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral800", style: { display: "block" }, children: item }, index));
+      return value.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral800", style: { display: "block" }, children: item }, index2));
     }
     if (isUrl) {
       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { isExternal: true, href: value, rel: "noopener noreferrer", style: { color: "#4945ff" }, children: value });
@@ -10111,7 +9867,7 @@ const StatusCard = ({ status, message, error, cardData }) => {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: [
           "Last updated: ",
-          formatDateTime(cardData?.checkedAt)
+          index.formatDateTime(cardData?.checkedAt)
         ] })
       ]
     }
@@ -10130,7 +9886,7 @@ function RegionWiseCards({
   const isPrimary = (region) => region.is_primary;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Card, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: "Response Time by Region" }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { width: "100%", children: regions.map((region, index) => {
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { width: "100%", children: regions.map((region, index2) => {
       const isLoading = loadingRegions.has(region.id);
       const data = regionResponseTimeData[region.id];
       return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { marginBottom: 16, borderRadius: 8, padding: 12 }, children: [
@@ -10142,7 +9898,7 @@ function RegionWiseCards({
                 width: 12,
                 height: 12,
                 borderRadius: "50%",
-                background: colors[index % colors.length],
+                background: colors[index2 % colors.length],
                 marginRight: 8
               }
             }
@@ -10412,18 +10168,18 @@ function Reachability() {
   const [monitorId, setMonitorId] = React.useState();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) navigate("/plugins/upsnap/settings");
       setMonitorId(fetchedMonitorId);
     })();
   }, []);
   const fetchResponseTimeDataForRegions = async (regions2, timeRange) => {
     if (!regions2 || regions2.length === 0) return;
-    const { start, end } = getRangeTimestamps(timeRange);
+    const { start, end } = index.getRangeTimestamps(timeRange);
     setRegionResponseTimeData({});
     for (const region of regions2) {
       try {
-        const res = await request(
+        const res = await index.request(
           `/monitor/${monitorId}/response-time?start=${start}&end=${end}&region=${region.id}`,
           { method: "GET" }
         );
@@ -10442,7 +10198,7 @@ function Reachability() {
     if (monitorId) {
       setLoading(true);
       try {
-        const res = await request(`/monitor/${monitorId}`, { method: "GET" });
+        const res = await index.request(`/monitor/${monitorId}`, { method: "GET" });
         if (res?.monitor?.message === "Invalid authentication token") {
           setSelectedMonitor(null);
           navigate("/plugins/upsnap/settings");
@@ -10470,7 +10226,7 @@ function Reachability() {
     const stateSetter = loading ? setLoading : setRefreshing;
     stateSetter(true);
     try {
-      const res = await request("/monitor/health-check/uptime", {
+      const res = await index.request("/monitor/health-check/uptime", {
         method: "POST",
         data: { monitorUrl: url }
       });
@@ -10483,7 +10239,7 @@ function Reachability() {
   };
   const fetchResponseTimeForRegion = async (regionId2, start, end) => {
     try {
-      const res = await request(
+      const res = await index.request(
         `/monitor/${monitorId}/response-time?start=${start}&end=${end}&region=${regionId2}`,
         { method: "GET" }
       );
@@ -10503,7 +10259,7 @@ function Reachability() {
     const fetchAll = async () => {
       const regions2 = Array.isArray(selectedMonitor?.monitor?.regions) ? selectedMonitor?.monitor?.regions : [];
       if (!regions2.length) return;
-      const { start, end } = getRangeTimestamps(responseTimeRange || "last_24_hours");
+      const { start, end } = index.getRangeTimestamps(responseTimeRange || "last_24_hours");
       setRegionResponseTimeData({});
       setLoadingRegions(new Set(regions2.map((r) => r.id)));
       for (const region of regions2) {
@@ -10634,7 +10390,7 @@ function CertificateChain({ chain }) {
     if (type === "intermediate") return "Intermediate Certificate";
     return "Root Certificate";
   };
-  const formatDate2 = (dateString) => {
+  const formatDate = (dateString) => {
     const date2 = new Date(dateString);
     return date2.toLocaleDateString("en-GB", {
       day: "2-digit",
@@ -10647,7 +10403,7 @@ function CertificateChain({ chain }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", marginBottom: 4, children: "Certificate Chain" }),
-    chain.map((cert, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    chain.map((cert, index2) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { width: { initial: "100%", medium: "842px" }, marginTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { width: { initial: "100%", medium: "842px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
         designSystem.Flex,
         {
@@ -10692,7 +10448,7 @@ function CertificateChain({ chain }) {
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { marginBottom: 2, gap: 2, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral500", children: "Not Before" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: formatDate2(cert.info.notBefore) })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: formatDate(cert.info.notBefore) })
                 ] }),
                 cert.info.issuer.organizationName && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { marginBottom: 2, gap: 2, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral500", children: "Organization" }),
@@ -10721,7 +10477,7 @@ function CertificateChain({ chain }) {
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { marginBottom: 2, gap: 2, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral500", children: "Not After" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: formatDate2(cert.info.notAfter) })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: formatDate(cert.info.notAfter) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { marginBottom: 2, gap: 2, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral500", children: "Issued By" }),
@@ -10732,8 +10488,8 @@ function CertificateChain({ chain }) {
           ]
         }
       ) }) }) }),
-      index < chain.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", paddingTop: 4, paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDown, { color: "#a3a3a3" }) })
-    ] }, index))
+      index2 < chain.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", paddingTop: 4, paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDown, { color: "#a3a3a3" }) })
+    ] }, index2))
   ] });
 }
 function SecurityCertificates() {
@@ -10746,14 +10502,14 @@ function SecurityCertificates() {
   const [monitorId, setMonitorId] = React.useState();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) navigate("/plugins/upsnap/settings");
       setMonitorId(fetchedMonitorId);
     })();
   }, []);
   React.useEffect(() => {
     setLoading(true);
-    request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
+    index.request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
       if (res?.monitor?.message === "Invalid authentication token") {
         setSelectedMonitor(null);
         navigate("/plugins/upsnap/settings");
@@ -10765,7 +10521,7 @@ function SecurityCertificates() {
   const getSecurityCertificatesData = async (url, forceFetch = false) => {
     try {
       setLoading(true);
-      const res = await request("/monitor/health-check/ssl", {
+      const res = await index.request("/monitor/health-check/ssl", {
         method: "POST",
         data: { monitorUrl: url, force_fetch: forceFetch }
       });
@@ -11081,14 +10837,14 @@ function BrokenLinks() {
   const navigate = reactRouterDom.useNavigate();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) navigate("/plugins/upsnap/settings");
       setMonitorId(fetchedMonitorId);
     })();
   }, []);
   React.useEffect(() => {
     setLoading(true);
-    request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
+    index.request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
       if (res?.monitor?.message === "Invalid authentication token") {
         setSelectedMonitor(null);
         navigate("/plugins/upsnap/settings");
@@ -11100,7 +10856,7 @@ function BrokenLinks() {
   const getBrokenLinksData = async (url, forceFetch = false) => {
     try {
       setLoading(true);
-      const res = await request("/monitor/health-check/broken-links", {
+      const res = await index.request("/monitor/health-check/broken-links", {
         method: "POST",
         data: { monitorUrl: url, force_fetch: forceFetch }
       });
@@ -11296,14 +11052,14 @@ function Lighthouse() {
   const [monitorId, setMonitorId] = React.useState();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) navigate("/plugins/upsnap/settings");
       setMonitorId(fetchedMonitorId);
     })();
   }, []);
   React.useEffect(() => {
     setLoading(true);
-    request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
+    index.request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
       if (res?.monitor?.message === "Invalid authentication token") {
         setSelectedMonitor(null);
         navigate("/plugins/upsnap/settings");
@@ -11316,7 +11072,7 @@ function Lighthouse() {
   const getLighthouseData = async (selectedStrategy, url, forceFetch = false) => {
     try {
       setLoading(true);
-      const res = await request("/monitor/health-check/lighthouse", {
+      const res = await index.request("/monitor/health-check/lighthouse", {
         method: "POST",
         data: { monitorUrl: url, strategy: selectedStrategy, force_fetch: forceFetch }
       });
@@ -11495,7 +11251,7 @@ function DomainCheck() {
   const navigate = reactRouterDom.useNavigate();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) navigate("/plugins/upsnap/settings");
       setMonitorId(fetchedMonitorId);
     })();
@@ -11503,7 +11259,7 @@ function DomainCheck() {
   const getDomainCheckData = async (url, forceFetch = false) => {
     try {
       setLoading(true);
-      const res = await request("/monitor/health-check/domain", {
+      const res = await index.request("/monitor/health-check/domain", {
         method: "POST",
         data: { monitorUrl: url, force_fetch: forceFetch }
       });
@@ -11516,7 +11272,7 @@ function DomainCheck() {
   };
   React.useEffect(() => {
     setLoading(true);
-    request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
+    index.request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
       if (res?.monitor?.message === "Invalid authentication token") {
         setSelectedMonitor(null);
         navigate("/plugins/upsnap/settings");
@@ -11579,17 +11335,17 @@ function DomainCheck() {
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5 }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: "Domain Lifecycle" }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { marginTop: 3, marginBottom: 4 }),
-      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Registered On", value: formatDate(meta.domainRegistered) }),
-      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Expiration Date", value: formatDate(meta.domainExpirationDate) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Registered On", value: index.formatDate(meta.domainRegistered) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Expiration Date", value: index.formatDate(meta.domainExpirationDate) }),
       /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Days Until Expiration", value: meta.domainDays ?? "–" }),
       /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Expired", value: meta.expired ? "Yes" : "No" }),
       /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Expiring Soon", value: meta.expiringSoon ? "Yes" : "No" }),
-      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Last Changed", value: formatDate(meta.lastChanged) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: "Last Changed", value: index.formatDate(meta.lastChanged) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         DetailRow,
         {
           label: "Last Updated in RDAP DB",
-          value: formatDate(meta.lastUpdatedInRDAP)
+          value: index.formatDate(meta.lastUpdatedInRDAP)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5 }),
@@ -11609,7 +11365,7 @@ function MixedContent() {
   const [monitorId, setMonitorId] = React.useState();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) navigate("/plugins/upsnap/settings");
       setMonitorId(fetchedMonitorId);
     })();
@@ -11617,7 +11373,7 @@ function MixedContent() {
   const getMixedContentData = async (url, forceFetch = false) => {
     try {
       setLoading(true);
-      const res = await request("/monitor/health-check/mixed-content", {
+      const res = await index.request("/monitor/health-check/mixed-content", {
         method: "POST",
         data: { monitorUrl: url, force_fetch: forceFetch }
       });
@@ -11630,7 +11386,7 @@ function MixedContent() {
   };
   React.useEffect(() => {
     setLoading(true);
-    request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
+    index.request(`/monitor/${monitorId}`, { method: "GET" }).then((res) => {
       if (res?.monitor?.message === "Invalid authentication token") {
         setSelectedMonitor(null);
         navigate("/plugins/upsnap/settings");
@@ -11717,7 +11473,7 @@ function ListStatusPages() {
   const [showImageBlur, setShowImageBlur] = React.useState(false);
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) {
         setShowImageBlur(true);
         return;
@@ -11730,7 +11486,7 @@ function ListStatusPages() {
   const fetchStatusPages = async () => {
     try {
       setIsLoading(true);
-      const response = await request("/status-pages");
+      const response = await index.request("/status-pages");
       if (!response) return;
       setStatusPages(response?.statusPagesData?.data?.status_pages || []);
     } catch (error) {
@@ -11743,7 +11499,7 @@ function ListStatusPages() {
     if (!selectedPageId) return;
     setIsDeleting(true);
     try {
-      const result = await request(`/status-pages/${selectedPageId}`, {
+      const result = await index.request(`/status-pages/${selectedPageId}`, {
         method: "DELETE"
       });
       if (!result) return;
@@ -11768,7 +11524,7 @@ function ListStatusPages() {
         id: page.id,
         is_published: isPublished
       };
-      const result = await request("/status-pages", {
+      const result = await index.request("/status-pages", {
         method: "PUT",
         data: payload
       });
@@ -11790,7 +11546,7 @@ function ListStatusPages() {
   };
   const resetShareableLink = async (page) => {
     try {
-      const result = await request(`/status-pages/reset`, {
+      const result = await index.request(`/status-pages/reset`, {
         method: "POST",
         data: { id: page.id }
       });
@@ -11812,7 +11568,7 @@ function ListStatusPages() {
   };
   const handleAddStatusPage = async () => {
     try {
-      const userDetails = await getUserDetailsCached();
+      const userDetails = await index.getUserDetailsCached();
       const maxStatusPagesLimit = userDetails?.plan_limits?.max_status_pages || PLAN_LIMITS.TRIAL.max_status_pages;
       if (maxStatusPagesLimit !== void 0 && statusPages.length >= maxStatusPagesLimit) {
         reactToastify.toast.error(
@@ -11872,7 +11628,7 @@ function ListStatusPages() {
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Status" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Actions" }) }) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsx(LoadingCard, {}) }) }) : statusPages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", padding: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "No status pages found" }) }) }) }) : statusPages.map((page, index) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsx(LoadingCard, {}) }) }) : statusPages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", padding: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "No status pages found" }) }) }) }) : statusPages.map((page, index2) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: page.name }),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
@@ -12020,7 +11776,7 @@ function CreateUpdateForm({ statusPage, mode }) {
   const fetchMonitors = React__default.default.useCallback(async () => {
     setIsLoading(true);
     try {
-      const data = await request("/monitors", {
+      const data = await index.request("/monitors", {
         method: "GET"
       });
       if (!data) return;
@@ -12045,7 +11801,7 @@ function CreateUpdateForm({ statusPage, mode }) {
           monitor_ids: validated.monitor_ids,
           is_published: true
         };
-        result = await request("/status-pages", {
+        result = await index.request("/status-pages", {
           method: "POST",
           data: payload
         });
@@ -12055,7 +11811,7 @@ function CreateUpdateForm({ statusPage, mode }) {
           name: validated.name,
           monitor_ids: validated.monitor_ids
         };
-        result = await request("/status-pages", {
+        result = await index.request("/status-pages", {
           method: "PUT",
           data: payload
         });
@@ -12169,7 +11925,7 @@ function UpdateStatusPage() {
     if (!id) return;
     const fetchStatusPage = async () => {
       try {
-        const result = await request(`/status-pages/${id}`, {
+        const result = await index.request(`/status-pages/${id}`, {
           method: "GET"
         });
         if (!result) return;
@@ -12201,7 +11957,7 @@ function CreateMonitor() {
 const fetchIncidentsFromBackend = async (params, timeout = 1e4) => {
   try {
     try {
-      const result = await request(`/monitor/all-incidents`, {
+      const result = await index.request(`/monitor/all-incidents`, {
         method: "POST",
         data: params
       });
@@ -12266,7 +12022,7 @@ function IncidentsFilter({
   React__default.default.useEffect(() => {
     const fetchUserData = async () => {
       try {
-        const userDetails = await getUserDetailsCached();
+        const userDetails = await index.getUserDetailsCached();
         const isTrial = userDetails?.user?.subscription_type === PLAN_TYPES.TRIAL;
         setIsTrialUser(isTrial);
       } catch (error) {
@@ -12317,12 +12073,12 @@ function IncidentsFilter({
             gap: 3,
             justifyContent: "start",
             alignItems: "start",
-            children: incidentTypeItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            children: incidentTypeItems.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
               designSystem.Flex,
               {
                 alignItems: "center",
                 gap: 2,
-                paddingBottom: index !== incidentTypeItems.length - 1 ? 2 : 0,
+                paddingBottom: index2 !== incidentTypeItems.length - 1 ? 2 : 0,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     designSystem.Checkbox,
@@ -12350,7 +12106,7 @@ function IncidentsFilter({
             gap: 3,
             justifyContent: "start",
             alignItems: "start",
-            children: regions.map((region, index) => {
+            children: regions.map((region, index2) => {
               const isDisabled = isTrialUser && region.id !== DEFAULT_REGION.id;
               const regionContent = /* @__PURE__ */ jsxRuntime.jsxs(
                 designSystem.Flex,
@@ -12421,7 +12177,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] = reactRouterDom.useSearchParams();
@@ -12432,7 +12188,7 @@ function IncidentsList({ defaultMonitorId }) {
   React.useEffect(() => {
     const loadRegions = async () => {
       try {
-        const regionsData = await fetchRegionsData();
+        const regionsData = await index.fetchRegionsData();
         const sortedRegions = regionsData.sort((a, b) => {
           if (a.id === DEFAULT_REGION.id) return -1;
           if (b.id === DEFAULT_REGION.id) return 1;
@@ -12478,7 +12234,7 @@ function IncidentsList({ defaultMonitorId }) {
   })();
   React.useEffect(() => {
     (async () => {
-      const fetchedMonitorId = await getPrimaryMonitorId();
+      const fetchedMonitorId = await index.getPrimaryMonitorId();
       if (!fetchedMonitorId) {
         setHasNoMonitors(true);
         setIsLoading(false);
@@ -12551,7 +12307,7 @@ function IncidentsList({ defaultMonitorId }) {
   }, [defaultMonitorId, monitorIdFromParams]);
   const fetchMonitors = async () => {
     try {
-      const response = await request("/monitors", {
+      const response = await index.request("/monitors", {
         method: "GET"
       });
       const fetchedMonitors = response?.monitorsData?.data?.monitors || [];
@@ -12580,7 +12336,7 @@ function IncidentsList({ defaultMonitorId }) {
   const fetchMonitor = async () => {
     try {
       if (!effectiveMonitorId) return;
-      const result = await request(`/monitor/${effectiveMonitorId}`);
+      const result = await index.request(`/monitor/${effectiveMonitorId}`);
       if (result) {
         setMonitor(result.monitor?.data?.monitor);
       }
@@ -12713,7 +12469,7 @@ function IncidentsList({ defaultMonitorId }) {
       const startDate = new Date(start * 1e3).toISOString().slice(0, 10);
       const fileName = `incidents_${monitorName}_${startDate}`;
       const url = "/monitor/incidents/export";
-      const response = await request(url, { method: "POST", data: params2, responseType: "blob" });
+      const response = await index.request(url, { method: "POST", data: params2, responseType: "blob" });
       const blob = response.data;
       const fileExtension = format2 === INCIDENTS_EXPORT_TYPES.pdf ? "pdf" : "csv";
       const successMessage = format2 === INCIDENTS_EXPORT_TYPES.pdf ? "PDF exported successfully" : "CSV exported successfully";
@@ -12877,7 +12633,7 @@ function IncidentsList({ defaultMonitorId }) {
               );
             }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(LoadingCard, {}) }) }) : incidents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.EmptyStateLayout, { content: "No incidents found" }) }) }) : incidents.map((incident) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatCheckType(incident.check_type) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: index.formatCheckType(incident.check_type) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: getRegionName(incident.region) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: incident.error_message || "N/A" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: incident.status_code ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { ...getBadgeColor2(incident.status_code), children: incident.status_code }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: "N/A" }) }),