sanity-plugin-dashboard-widget-vercel 3.1.6 → 4.0.1

package/dist/index.js

@@ -0,0 +1,1380 @@
+import TimeAgo from "javascript-time-ago";
+import en from "javascript-time-ago/locale/en";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { UploadIcon, LinkIcon, EditIcon, ErrorOutlineIcon, AddIcon } from "@sanity/icons";
+import { useTheme_v2, useToast, Box, Button, Label, Text, Flex, Stack, Tooltip, Inline, TextInput, Dialog, ToastProvider, Card } from "@sanity/ui";
+import { useQuery, QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useMachine, useActor } from "@xstate/react";
+import { useClient } from "sanity";
+import { useEffect, useRef, forwardRef } from "react";
+import useDeepCompareEffect from "use-deep-compare-effect";
+import hash from "object-hash";
+import { setup, fromPromise, assign, assertEvent, toPromise } from "xstate";
+import ReactTimeAgo from "react-time-ago";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+import * as yup from "yup";
+import { uuid } from "@sanity/uuid";
+import { red } from "@sanity/color";
+const API_ENDPOINT_DEPLOYMENTS = "https://api.vercel.com/v5/now/deployments", API_ENDPOINT_ALIASES = "https://api.vercel.com/v3/now/aliases", API_VERSION = "1", DEPLOYMENT_TARGET_DOCUMENT_TYPE = "vercel.deploymentTarget", VERCEL_STATUS_COLORS = {
+  BUILDING: "#f5a623",
+  CANCELED: "#ff0000",
+  ERROR: "#ff0000",
+  READY: "#50e3c2",
+  QUEUED: "#333"
+}, WIDGET_NAME = "Vercel (dashboard)", Z_INDEX_DIALOG = 600001, Z_INDEX_TOAST_PROVIDER = 600002;
+function useSanityClient() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: API_VERSION
+  }, $[0] = t0) : t0 = $[0], useClient(t0);
+}
+const fetcher = (deploymentTarget) => async (url, extraParams) => {
+  const params = new URLSearchParams();
+  if (params.set("projectId", deploymentTarget.projectId), deploymentTarget.teamId && params.set("teamId", deploymentTarget.teamId), extraParams)
+    for (const [k, v] of extraParams.entries())
+      params.append(k, v);
+  const response = await fetch(`${url}?${params.toString()}`, {
+    headers: {
+      Authorization: `Bearer ${deploymentTarget.token}`
+    }
+  });
+  if (!response.ok)
+    throw new Error("Response not OK");
+  try {
+    return await response.json();
+  } catch (err) {
+    throw new Error("Unable to parse response as JSON", {
+      cause: err
+    });
+  }
+}, useDeployments = (deploymentTarget, options) => {
+  const $ = c(35);
+  let t0;
+  $[0] !== deploymentTarget ? (t0 = fetcher(deploymentTarget), $[0] = deploymentTarget, $[1] = t0) : t0 = $[1];
+  const fetchUrl = t0;
+  let deployParams;
+  $[2] !== deploymentTarget?.deployLimit ? (deployParams = new URLSearchParams(), deployParams.set("limit", String(deploymentTarget?.deployLimit)), $[2] = deploymentTarget?.deployLimit, $[3] = deployParams) : deployParams = $[3];
+  let t1;
+  $[4] !== deploymentTarget ? (t1 = hash(deploymentTarget), $[4] = deploymentTarget, $[5] = t1) : t1 = $[5];
+  let t2;
+  $[6] !== t1 ? (t2 = [t1], $[6] = t1, $[7] = t2) : t2 = $[7];
+  let t3;
+  $[8] !== deployParams || $[9] !== fetchUrl ? (t3 = () => fetchUrl(API_ENDPOINT_DEPLOYMENTS, deployParams), $[8] = deployParams, $[9] = fetchUrl, $[10] = t3) : t3 = $[10];
+  const t4 = options?.enabled ?? !0;
+  let t5;
+  $[11] !== t2 || $[12] !== t3 || $[13] !== t4 ? (t5 = {
+    queryKey: t2,
+    queryFn: t3,
+    enabled: t4,
+    refetchInterval: 2e4,
+    refetchIntervalInBackground: !1,
+    refetchOnMount: !0,
+    refetchOnReconnect: "always",
+    refetchOnWindowFocus: !1,
+    retry: !1
+  }, $[11] = t2, $[12] = t3, $[13] = t4, $[14] = t5) : t5 = $[14];
+  const {
+    data: deploymentsData,
+    isFetching: deploymentsIsFetching,
+    isSuccess: deploymentsIsSuccess,
+    error: deploymentsError,
+    refetch
+  } = useQuery(t5);
+  let aliasParams;
+  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aliasParams = new URLSearchParams(), aliasParams.set("limit", "20"), $[15] = aliasParams) : aliasParams = $[15];
+  let t6;
+  $[16] !== deploymentTarget ? (t6 = hash(deploymentTarget), $[16] = deploymentTarget, $[17] = t6) : t6 = $[17];
+  let t7;
+  $[18] !== t6 ? (t7 = [t6, "aliases"], $[18] = t6, $[19] = t7) : t7 = $[19];
+  let t8;
+  $[20] !== fetchUrl ? (t8 = () => fetchUrl(API_ENDPOINT_ALIASES, aliasParams), $[20] = fetchUrl, $[21] = t8) : t8 = $[21];
+  const t9 = !!deploymentsData;
+  let t10;
+  $[22] !== t7 || $[23] !== t8 || $[24] !== t9 ? (t10 = {
+    queryKey: t7,
+    queryFn: t8,
+    enabled: t9,
+    refetchOnMount: !1,
+    refetchOnReconnect: !1,
+    refetchOnWindowFocus: !1,
+    retry: !1
+  }, $[22] = t7, $[23] = t8, $[24] = t9, $[25] = t10) : t10 = $[25];
+  const {
+    data: aliasesData,
+    isFetching: aliasesIsFetching,
+    isSuccess: aliasesIsSuccess,
+    error: aliasesError
+  } = useQuery(t10), aliases = aliasesData?.aliases;
+  let deploymentsWithAlias;
+  if (aliases) {
+    let t112;
+    $[26] !== aliases || $[27] !== deploymentsData?.deployments ? (t112 = deploymentsData?.deployments?.map((val) => {
+      const alias = aliases.find((a) => a.deploymentId === val.uid);
+      return Object.assign(val, {
+        alias: alias?.alias
+      });
+    }), $[26] = aliases, $[27] = deploymentsData?.deployments, $[28] = t112) : t112 = $[28], deploymentsWithAlias = t112;
+  }
+  const t11 = aliasesError || deploymentsError, t12 = aliasesIsFetching || deploymentsIsFetching, t13 = aliasesIsSuccess && deploymentsIsSuccess;
+  let t14;
+  return $[29] !== deploymentsWithAlias || $[30] !== refetch || $[31] !== t11 || $[32] !== t12 || $[33] !== t13 ? (t14 = {
+    deployments: deploymentsWithAlias,
+    error: t11,
+    isFetching: t12,
+    isSuccess: t13,
+    refetch
+  }, $[29] = deploymentsWithAlias, $[30] = refetch, $[31] = t11, $[32] = t12, $[33] = t13, $[34] = t14) : t14 = $[34], t14;
+}, refreshMachine = setup({
+  types: {
+    events: {}
+  }
+}).createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAJQFEAxBgZQAkBtABgF1FQADgHtYuAC64h+fiAAeiAIwAmAGwkuGrkoAsAZhVKlAVm0KAHABoQAT0QBOJSRN27XFXaMmz2twF9fVmhYeISkAE5gAGYRsCFQ1PS0tADytNx8SCDCohJSMvIIPnYkxhpKXGZ22kY6xla2CAq6CiQudgDsRnYqKroVfe3+gRg4BMQkEdFwcXRMrGz0ACLpMtniktKZBUUlRmUVVTXadTaISrqObUY97QodvWa6QyBBo6ETUTHYkLPM9OwrTJrXKbUDbJTFLjtMzmWraOx3doqeqKMyOeHdXp3BTHXTVZ6vELjMBhMJCMK-eaAwQidZ5LaIY6Q6Gw47wxHI04IGEkDFma5NbTtY7ufwBED4IQQOAyQljIirWkg-KIAC0nIa6oJIyJpHIVEVOQ2KsKShRCDsunUGLcHi8PhU2uC8o+U1iBCghrpoLkZ2uTk0XCq7SRRl0Zg19itXHhIZ85lMEaUTre40mX0gXuVDIQnmKRhZKk6PmaVXN2PUaLsZhj2hUOJU-JTupIJLJYSzxpzeacheLXFL2nNrkrfW8SKFnhDYt8QA */
+  initial: "idle",
+  states: {
+    idle: {
+      on: {
+        REFRESH: {
+          target: "refreshing"
+        }
+      }
+    },
+    refreshing: {
+      on: {
+        ERROR: {
+          target: "error"
+        },
+        REFRESHED: {
+          target: "refreshed"
+        }
+      }
+    },
+    refreshed: {
+      on: {
+        REFRESH: {
+          target: "refreshing"
+        }
+      }
+    },
+    error: {
+      on: {
+        REFRESH: {
+          target: "refreshing"
+        }
+      }
+    }
+  }
+});
+function useCardColor() {
+  const $ = c(2), {
+    color
+  } = useTheme_v2();
+  let t0;
+  return $[0] !== color.border ? (t0 = {
+    border: color.border
+  }, $[0] = color.border, $[1] = t0) : t0 = $[1], t0;
+}
+const deployMachine = setup({
+  types: {
+    context: {},
+    events: {},
+    input: {}
+  },
+  actors: {
+    deploy: fromPromise(async ({
+      input,
+      signal
+    }) => {
+      try {
+        if (!input.deployHook)
+          throw new Error("No deployHook URL defined");
+        const res = await fetch(input.deployHook, {
+          method: "POST",
+          signal
+        }), data = await res.json();
+        if (!res.ok)
+          throw data?.error?.message || res.statusText;
+      } catch (err) {
+        throw typeof err == "string" ? err : (console.error("Unable to deploy with error:", err), new Error("Please check the developer console for more information", {
+          cause: err
+        }));
+      }
+    })
+  }
+}).createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QTABwDYHsCeA6AlhOmAMQAiAogAoAyA8gJoDaADALqKiqaz4Au+TADtOIAB6IATCxa4AnADYAHAHYArArUslAZjksNAGhDZEARk3yVmhSxVyHC-QBYAvq+MoMOXF6zZ8ISgSCGEwAiEAN0wAa3C-HwSAoIRA6IBjAEMBYVY2PNFuXhyRJHFENTMzXElFJSUzNTVnWx0FY1MESXVcZzUdM2k1OTUVBoV3TzR-X2mcQOCwACclzCXcDGyAMzWAW1nvPCSF1KjMLJK8grKi-kFS0AkESura5QamlpY2jvMB+QcDkqLH0wxYEw8ICSuFgAFd0uk4LByNR6Mx2IUeHdhKIns1ZN9BtYQVpRnJfl1JM55P1BnY1Ep9CpGpMoXM8MtVksUbRGNcuFiSriKs4CQNurYRgZ7BSGr1ASNupIzEo+kp3JChJgUPAyklMcV7sKEABadomRAmtQAhW2wE6VnQwjEA3Yh7lBDOSQUsxeqyaPoWYbWFSO9kHfwLV1CspPHSSHQ1ZyA1UKJzJlQ+iz+5oKewKWrfNyQ6FwhFI6NG2OINOSXDiypKAxtMyZi1dEE1Qk6L0FpTSUMl8OctaVnHVhC1+uDRvNhStin6XDaHQ9liSXTJiUa1xAA */
+  id: "deploy",
+  initial: "idle",
+  context: ({
+    input
+  }) => ({
+    disabled: !1,
+    feedback: void 0,
+    label: void 0,
+    error: void 0,
+    deployHook: input.deployHook
+  }),
+  states: {
+    idle: {
+      entry: assign({
+        feedback: () => {
+        },
+        label: () => "Deploy"
+      }),
+      on: {
+        DEPLOY: {
+          target: "deploying"
+        }
+      }
+    },
+    deploying: {
+      entry: assign({
+        disabled: () => !0,
+        label: () => "Deploying"
+      }),
+      exit: assign({
+        disabled: () => !1,
+        label: () => "Deploy"
+      }),
+      invoke: {
+        src: "deploy",
+        input: ({
+          context
+        }) => ({
+          deployHook: context.deployHook
+        }),
+        onDone: {
+          target: "success"
+        },
+        onError: {
+          target: "error",
+          actions: assign({
+            error: ({
+              event
+            }) => {
+              if ("error" in event) {
+                const {
+                  error
+                } = event;
+                if (typeof error == "string")
+                  return error;
+                if (error instanceof Error)
+                  return error.message;
+              }
+              return "Unknown error";
+            }
+          })
+        }
+      }
+    },
+    success: {
+      entry: assign({
+        feedback: () => "Successfully started!"
+      }),
+      exit: assign({
+        feedback: () => {
+        }
+      }),
+      on: {
+        DEPLOY: {
+          target: "deploying"
+        }
+      }
+    },
+    error: {
+      on: {
+        DEPLOY: {
+          target: "deploying"
+        }
+      }
+    }
+  }
+}), StateDebug = (props) => (c(10), null), DeployButton = (props) => {
+  const $ = c(29), {
+    deployHook,
+    onDeploySuccess,
+    targetName
+  } = props;
+  let t0;
+  $[0] !== deployHook ? (t0 = {
+    input: {
+      deployHook
+    }
+  }, $[0] = deployHook, $[1] = t0) : t0 = $[1];
+  const [deployState, deployStateTransition, deployStateInterpreter] = useMachine(deployMachine, t0), toast = useToast();
+  let t1;
+  $[2] !== deployState ? (t1 = deployState.matches("error"), $[2] = deployState, $[3] = t1) : t1 = $[3];
+  const isError = t1;
+  let t2;
+  $[4] !== deployState ? (t2 = deployState.matches("success"), $[4] = deployState, $[5] = t2) : t2 = $[5];
+  const isSuccess = t2;
+  let t3;
+  $[6] !== deployStateTransition ? (t3 = () => {
+    deployStateTransition({
+      type: "DEPLOY"
+    });
+  }, $[6] = deployStateTransition, $[7] = t3) : t3 = $[7];
+  const handleDeploy = t3;
+  let t4, t5;
+  $[8] !== deployState.context.error || $[9] !== isError || $[10] !== isSuccess || $[11] !== targetName || $[12] !== toast ? (t4 = () => {
+    isError && toast.push({
+      closable: !0,
+      description: `Unable to queue deploy for ${targetName}: ${deployState.context.error}`,
+      duration: 8e3,
+      status: "error",
+      title: WIDGET_NAME
+    }), isSuccess && toast.push({
+      closable: !0,
+      description: `Deploy queued for ${targetName}`,
+      duration: 8e3,
+      status: "success",
+      title: WIDGET_NAME
+    });
+  }, t5 = [isError, isSuccess, toast, targetName, deployState.context.error], $[8] = deployState.context.error, $[9] = isError, $[10] = isSuccess, $[11] = targetName, $[12] = toast, $[13] = t4, $[14] = t5) : (t4 = $[13], t5 = $[14]), useEffect(t4, t5);
+  let t6, t7;
+  $[15] !== deployStateInterpreter || $[16] !== onDeploySuccess ? (t6 = () => {
+    const subscription = deployStateInterpreter.subscribe((state) => {
+      state.value === "success" && onDeploySuccess && onDeploySuccess();
+    });
+    return () => subscription.unsubscribe();
+  }, t7 = [deployStateInterpreter, onDeploySuccess], $[15] = deployStateInterpreter, $[16] = onDeploySuccess, $[17] = t6, $[18] = t7) : (t6 = $[17], t7 = $[18]), useEffect(t6, t7);
+  let t8;
+  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = {
+    position: "relative"
+  }, $[19] = t8) : t8 = $[19];
+  let t9;
+  $[20] !== deployState ? (t9 = /* @__PURE__ */ jsx(StateDebug, { name: "Deploy", state: deployState }), $[20] = deployState, $[21] = t9) : t9 = $[21];
+  const t10 = `${deployState.context.label} ${targetName}`;
+  let t11;
+  $[22] !== deployState.context.disabled || $[23] !== handleDeploy || $[24] !== t10 ? (t11 = /* @__PURE__ */ jsx(Button, { disabled: deployState.context.disabled, fontSize: 1, icon: UploadIcon, mode: "ghost", onClick: handleDeploy, padding: 3, text: t10, tone: "default" }), $[22] = deployState.context.disabled, $[23] = handleDeploy, $[24] = t10, $[25] = t11) : t11 = $[25];
+  let t12;
+  return $[26] !== t11 || $[27] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Box, { padding: 3, style: t8, children: [
+    t9,
+    t11
+  ] }), $[26] = t11, $[27] = t9, $[28] = t12) : t12 = $[28], t12;
+}, StatusDot = (t0) => {
+  const $ = c(2), {
+    state
+  } = t0, t1 = VERCEL_STATUS_COLORS[state];
+  let t2;
+  return $[0] !== t1 ? (t2 = /* @__PURE__ */ jsx(Box, { style: {
+    backgroundColor: t1,
+    borderRadius: "20px",
+    height: "9px",
+    width: "9px"
+  } }), $[0] = t1, $[1] = t2) : t2 = $[1], t2;
+}, TableCell = (props) => {
+  const $ = c(20), {
+    children,
+    colSpan,
+    header,
+    variant
+  } = props;
+  let display = "table-cell", cellWidth = "auto";
+  bb0: switch (variant) {
+    case "age": {
+      cellWidth = "50px";
+      break bb0;
+    }
+    case "branch": {
+      cellWidth = "300px";
+      let t02;
+      $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t02 = ["none", "none", "none", "table-cell"], $[0] = t02) : t02 = $[0], display = t02;
+      break bb0;
+    }
+    case "creator": {
+      cellWidth = "80px";
+      break bb0;
+    }
+    case "state": {
+      cellWidth = "110px";
+      let t02;
+      $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t02 = ["none", "none", "none", "none", "table-cell"], $[1] = t02) : t02 = $[1], display = t02;
+      break bb0;
+    }
+  }
+  const {
+    border
+  } = useCardColor();
+  if (header) {
+    let t02;
+    $[2] !== cellWidth ? (t02 = {
+      maxWidth: cellWidth,
+      position: "relative",
+      textAlign: "left",
+      width: cellWidth
+    }, $[2] = cellWidth, $[3] = t02) : t02 = $[3];
+    let t12;
+    $[4] !== children ? (t12 = /* @__PURE__ */ jsx(Label, { size: 0, children }), $[4] = children, $[5] = t12) : t12 = $[5];
+    let t22;
+    return $[6] !== colSpan || $[7] !== display || $[8] !== t02 || $[9] !== t12 ? (t22 = /* @__PURE__ */ jsx(Box, { as: "th", colSpan, display, paddingX: 3, paddingY: 2, style: t02, children: t12 }), $[6] = colSpan, $[7] = display, $[8] = t02, $[9] = t12, $[10] = t22) : t22 = $[10], t22;
+  }
+  let t0;
+  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = [2, 2, 3], $[11] = t0) : t0 = $[11];
+  const t1 = `1px solid ${border}`;
+  let t2;
+  $[12] !== cellWidth || $[13] !== t1 ? (t2 = {
+    borderTop: t1,
+    maxWidth: cellWidth,
+    position: "relative",
+    textAlign: "left",
+    width: cellWidth
+  }, $[12] = cellWidth, $[13] = t1, $[14] = t2) : t2 = $[14];
+  let t3;
+  return $[15] !== children || $[16] !== colSpan || $[17] !== display || $[18] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, { as: "td", colSpan, display, paddingX: 3, paddingY: t0, style: t2, children }), $[15] = children, $[16] = colSpan, $[17] = display, $[18] = t2, $[19] = t3) : t3 = $[19], t3;
+}, Deployment = (props) => {
+  const $ = c(42), {
+    deployment
+  } = props;
+  let t0;
+  $[0] !== deployment.created ? (t0 = new Date(deployment.created), $[0] = deployment.created, $[1] = t0) : t0 = $[1];
+  const date = t0, commitMessage = deployment?.meta?.githubCommitMessage, commitRef = deployment?.meta?.githubCommitRef, targetUrl = deployment.alias ?? deployment.url;
+  let t1;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = ["block", "block", "block", "block", "none"], $[2] = t1) : t1 = $[2];
+  let t2;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+    flexShrink: 0
+  }, $[3] = t2) : t2 = $[3];
+  let t3;
+  $[4] !== deployment.state ? (t3 = /* @__PURE__ */ jsx(Box, { display: t1, marginRight: 3, style: t2, children: /* @__PURE__ */ jsx(StatusDot, { state: deployment.state }) }), $[4] = deployment.state, $[5] = t3) : t3 = $[5];
+  let t4;
+  $[6] !== deployment.alias || $[7] !== deployment.state || $[8] !== targetUrl ? (t4 = targetUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    deployment.alias && /* @__PURE__ */ jsx(LinkIcon, {}),
+    /* @__PURE__ */ jsx(Box, { marginLeft: deployment.alias ? 1 : 0, children: /* @__PURE__ */ jsx(Text, { muted: deployment.state !== "READY", size: 1, style: {
+      textDecoration: deployment.state === "CANCELED" || deployment.state === "ERROR" ? "line-through" : "normal"
+    }, textOverflow: "ellipsis", children: deployment.state === "READY" ? /* @__PURE__ */ jsx("a", { href: `https://${targetUrl}`, rel: "noopener noreferrer", target: "_blank", children: targetUrl }) : targetUrl }) })
+  ] }) : /* @__PURE__ */ jsx(Text, { size: 1, children: "Uploading..." }), $[6] = deployment.alias, $[7] = deployment.state, $[8] = targetUrl, $[9] = t4) : t4 = $[9];
+  let t5;
+  $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+    t3,
+    t4
+  ] }) }), $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12];
+  let t6;
+  $[13] !== deployment.state ? (t6 = /* @__PURE__ */ jsx(StatusDot, { state: deployment.state }), $[13] = deployment.state, $[14] = t6) : t6 = $[14];
+  let t7;
+  if ($[15] !== deployment.state) {
+    let t82;
+    $[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t82 = /^[a-z]/i, $[17] = t82) : t82 = $[17], t7 = deployment.state.trim().toLowerCase().replace(t82, _temp$2), $[15] = deployment.state, $[16] = t7;
+  } else
+    t7 = $[16];
+  let t8;
+  $[18] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: t7 }) }), $[18] = t7, $[19] = t8) : t8 = $[19];
+  let t9;
+  $[20] !== t6 || $[21] !== t8 ? (t9 = /* @__PURE__ */ jsx(TableCell, { variant: "state", children: /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+    t6,
+    t8
+  ] }) }), $[20] = t6, $[21] = t8, $[22] = t9) : t9 = $[22];
+  let t10;
+  $[23] !== commitRef ? (t10 = /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", children: commitRef }), $[23] = commitRef, $[24] = t10) : t10 = $[24];
+  let t11;
+  $[25] !== commitMessage ? (t11 = commitMessage && /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, textOverflow: "ellipsis", children: commitMessage }), $[25] = commitMessage, $[26] = t11) : t11 = $[26];
+  let t12;
+  $[27] !== t10 || $[28] !== t11 ? (t12 = /* @__PURE__ */ jsx(TableCell, { variant: "branch", children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    t10,
+    t11
+  ] }) }), $[27] = t10, $[28] = t11, $[29] = t12) : t12 = $[29];
+  let t13;
+  $[30] !== date ? (t13 = /* @__PURE__ */ jsx(TableCell, { variant: "age", children: /* @__PURE__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(ReactTimeAgo, { date, locale: "en-US", timeStyle: "mini" }) }) }) }), $[30] = date, $[31] = t13) : t13 = $[31];
+  const t14 = deployment?.creator?.username || "Deployment creator avatar", t15 = `https://vercel.com/api/www/avatar/${deployment?.creator?.uid}?&s=48`;
+  let t16;
+  $[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t16 = {
+    borderRadius: "20px",
+    height: "20px",
+    width: "20px"
+  }, $[32] = t16) : t16 = $[32];
+  let t17;
+  $[33] !== t14 || $[34] !== t15 ? (t17 = /* @__PURE__ */ jsx(TableCell, { variant: "creator", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: /* @__PURE__ */ jsx("img", { alt: t14, draggable: !1, src: t15, style: t16 }) }) }), $[33] = t14, $[34] = t15, $[35] = t17) : t17 = $[35];
+  let t18;
+  return $[36] !== t12 || $[37] !== t13 || $[38] !== t17 || $[39] !== t5 || $[40] !== t9 ? (t18 = /* @__PURE__ */ jsxs("tr", { children: [
+    t5,
+    t9,
+    t12,
+    t13,
+    t17
+  ] }), $[36] = t12, $[37] = t13, $[38] = t17, $[39] = t5, $[40] = t9, $[41] = t18) : t18 = $[41], t18;
+};
+function _temp$2(t) {
+  return t.toUpperCase();
+}
+const PlaceholderAvatar = () => {
+  const $ = c(2), {
+    border
+  } = useCardColor();
+  let t0;
+  return $[0] !== border ? (t0 = /* @__PURE__ */ jsx(Box, { style: {
+    backgroundColor: border,
+    borderRadius: "20px",
+    height: "20px",
+    userSelect: "none",
+    width: "20px"
+  } }), $[0] = border, $[1] = t0) : t0 = $[1], t0;
+}, PlaceholderText = (props) => {
+  const $ = c(7), {
+    rows
+  } = props, {
+    border
+  } = useCardColor();
+  let t0;
+  $[0] !== border ? (t0 = {
+    backgroundColor: border,
+    borderRadius: "3px",
+    userSelect: "none",
+    width: "100%"
+  }, $[0] = border, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== rows ? (t1 = /* @__PURE__ */ jsx(Stack, { gap: 2, children: Array.from({
+    length: rows
+  }, _temp$1) }), $[2] = rows, $[3] = t1) : t1 = $[3];
+  let t2;
+  return $[4] !== t0 || $[5] !== t1 ? (t2 = /* @__PURE__ */ jsx(Box, { style: t0, children: t1 }), $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6], t2;
+};
+function _temp$1(_, index) {
+  return /* @__PURE__ */ jsx(Text, { size: 1, children: "\xA0" }, index);
+}
+const DeploymentPlaceholder = () => {
+  const $ = c(5);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[0] = t0) : t0 = $[0];
+  let t1;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(TableCell, { variant: "state", children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(TableCell, { variant: "branch", children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 2 }) }), $[2] = t2) : t2 = $[2];
+  let t3;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(TableCell, { variant: "age", children: /* @__PURE__ */ jsx(PlaceholderText, { rows: 1 }) }), $[3] = t3) : t3 = $[3];
+  let t4;
+  return $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsxs("tr", { children: [
+    t0,
+    t1,
+    t2,
+    t3,
+    /* @__PURE__ */ jsx(TableCell, { variant: "creator", children: /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(PlaceholderAvatar, {}) }) })
+  ] }), $[4] = t4) : t4 = $[4], t4;
+}, Deployments = (props) => {
+  const $ = c(49), {
+    deploymentTarget
+  } = props, refTimeout = useRef(null), [refreshState, refreshStateTransition] = useMachine(refreshMachine);
+  let t0;
+  $[0] !== refreshState ? (t0 = refreshState.matches("error"), $[0] = refreshState, $[1] = t0) : t0 = $[1];
+  const t1 = !t0;
+  let t2;
+  $[2] !== t1 ? (t2 = {
+    enabled: t1
+  }, $[2] = t1, $[3] = t2) : t2 = $[3];
+  const {
+    deployments,
+    error,
+    isFetching,
+    isSuccess,
+    refetch
+  } = useDeployments(deploymentTarget, t2), toast = useToast();
+  let t3;
+  $[4] !== refreshState ? (t3 = refreshState.matches("error"), $[4] = refreshState, $[5] = t3) : t3 = $[5];
+  const isError = t3;
+  let t4;
+  $[6] !== refetch ? (t4 = () => {
+    refTimeout.current && clearTimeout(refTimeout.current), refTimeout.current = setTimeout(() => {
+      refetch({
+        cancelRefetch: !0,
+        throwOnError: !0
+      });
+    }, 4e3);
+  }, $[6] = refetch, $[7] = t4) : t4 = $[7];
+  const handleDeploySuccess = t4;
+  let t5, t6;
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => () => {
+    refTimeout.current && clearTimeout(refTimeout.current);
+  }, t6 = [], $[8] = t5, $[9] = t6) : (t5 = $[8], t6 = $[9]), useEffect(t5, t6);
+  let t7, t8;
+  $[10] !== error || $[11] !== isFetching || $[12] !== isSuccess || $[13] !== refreshStateTransition ? (t7 = () => {
+    error && refreshStateTransition({
+      type: "ERROR"
+    }), isFetching && refreshStateTransition({
+      type: "REFRESH"
+    }), !isFetching && isSuccess && refreshStateTransition({
+      type: "REFRESHED"
+    });
+  }, t8 = [error, isFetching, isSuccess, refreshStateTransition], $[10] = error, $[11] = isFetching, $[12] = isSuccess, $[13] = refreshStateTransition, $[14] = t7, $[15] = t8) : (t7 = $[14], t8 = $[15]), useEffect(t7, t8);
+  let t9;
+  $[16] !== refreshState || $[17] !== refreshStateTransition ? (t9 = () => {
+    refreshState.matches("refreshing") || refreshStateTransition({
+      type: "REFRESH"
+    });
+  }, $[16] = refreshState, $[17] = refreshStateTransition, $[18] = t9) : t9 = $[18];
+  let t10;
+  $[19] !== deploymentTarget ? (t10 = [deploymentTarget], $[19] = deploymentTarget, $[20] = t10) : t10 = $[20], useDeepCompareEffect(t9, t10);
+  let t11;
+  $[21] !== deploymentTarget || $[22] !== isError || $[23] !== toast ? (t11 = () => {
+    isError && toast.push({
+      closable: !0,
+      description: `Unable to fetch deployments for ${deploymentTarget.name}`,
+      duration: 8e3,
+      status: "error",
+      title: WIDGET_NAME
+    });
+  }, $[21] = deploymentTarget, $[22] = isError, $[23] = toast, $[24] = t11) : t11 = $[24];
+  let t12;
+  $[25] !== deploymentTarget || $[26] !== isError ? (t12 = [deploymentTarget, isError], $[25] = deploymentTarget, $[26] = isError, $[27] = t12) : t12 = $[27], useDeepCompareEffect(t11, t12);
+  const hasFetched = typeof deployments < "u", hasDeployments = deployments && deployments.length > 0, {
+    border
+  } = useCardColor();
+  let t13;
+  $[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t13 = {
+    position: "relative"
+  }, $[28] = t13) : t13 = $[28];
+  let t14;
+  $[29] !== refreshState ? (t14 = /* @__PURE__ */ jsx(StateDebug, { name: "Refresh", state: refreshState }), $[29] = refreshState, $[30] = t14) : t14 = $[30];
+  let t15;
+  $[31] !== border || $[32] !== deploymentTarget || $[33] !== deployments || $[34] !== hasDeployments || $[35] !== hasFetched || $[36] !== refreshState ? (t15 = !refreshState.matches("error") && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { as: "table", style: {
+      borderBottom: `1px solid ${border}`,
+      borderCollapse: "collapse",
+      display: "table",
+      tableLayout: "fixed",
+      width: "100%"
+    }, children: [
+      /* @__PURE__ */ jsx(Box, { as: "thead", style: {
+        display: "table-header-group"
+      }, children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(TableCell, { header: !0, children: "Deployment" }),
+        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "state", children: "State" }),
+        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "branch", children: "Branch" }),
+        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "age", children: "Age" }),
+        /* @__PURE__ */ jsx(TableCell, { header: !0, variant: "creator", children: "Creator" })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Box, { as: "tbody", style: {
+        display: "table-row-group"
+      }, children: [
+        !deployments && Array.from({
+          length: deploymentTarget.deployLimit
+        }, _temp),
+        hasDeployments && deployments?.map(_temp2)
+      ] })
+    ] }),
+    hasFetched && !hasDeployments && /* @__PURE__ */ jsx(Box, { padding: 3, style: {
+      width: "100%"
+    }, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "No deployments found. Don't forget to specify a valid team ID if your project belongs to a team." }) })
+  ] }), $[31] = border, $[32] = deploymentTarget, $[33] = deployments, $[34] = hasDeployments, $[35] = hasFetched, $[36] = refreshState, $[37] = t15) : t15 = $[37];
+  let t16;
+  $[38] !== refreshState ? (t16 = refreshState.matches("error") && /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Unable to fetch recent deployments. Please check your network and deployment settings." }) }), $[38] = refreshState, $[39] = t16) : t16 = $[39];
+  let t17;
+  $[40] !== deploymentTarget || $[41] !== handleDeploySuccess || $[42] !== refreshState ? (t17 = !refreshState.matches("error") && deploymentTarget.deployHook && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(DeployButton, { deployHook: deploymentTarget.deployHook, onDeploySuccess: handleDeploySuccess, targetName: deploymentTarget.name }) }), $[40] = deploymentTarget, $[41] = handleDeploySuccess, $[42] = refreshState, $[43] = t17) : t17 = $[43];
+  let t18;
+  return $[44] !== t14 || $[45] !== t15 || $[46] !== t16 || $[47] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, { marginTop: 3, style: t13, children: [
+    t14,
+    t15,
+    t16,
+    t17
+  ] }), $[44] = t14, $[45] = t15, $[46] = t16, $[47] = t17, $[48] = t18) : t18 = $[48], t18;
+};
+function _temp(_, index) {
+  return /* @__PURE__ */ jsx(DeploymentPlaceholder, {}, index);
+}
+function _temp2(deployment) {
+  return /* @__PURE__ */ jsx(Deployment, { deployment }, deployment.uid);
+}
+const DeploymentTarget = (props) => {
+  const $ = c(22), {
+    item,
+    onDialogEdit
+  } = props;
+  let t0;
+  $[0] !== item.deployHook || $[1] !== item.deployLimit || $[2] !== item.name || $[3] !== item.projectId || $[4] !== item.teamId || $[5] !== item.token ? (t0 = {
+    deployHook: item.deployHook,
+    deployLimit: item.deployLimit,
+    name: item.name,
+    projectId: item.projectId,
+    teamId: item.teamId,
+    token: item.token
+  }, $[0] = item.deployHook, $[1] = item.deployLimit, $[2] = item.name, $[3] = item.projectId, $[4] = item.teamId, $[5] = item.token, $[6] = t0) : t0 = $[6];
+  const deploymentTarget = t0;
+  let t1;
+  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    position: "relative"
+  }, $[7] = t1) : t1 = $[7];
+  let t2;
+  $[8] !== item.name ? (t2 = /* @__PURE__ */ jsx(Text, { size: 2, children: item.name }), $[8] = item.name, $[9] = t2) : t2 = $[9];
+  let t3;
+  $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Edit deployment target" }) }), $[10] = t3) : t3 = $[10];
+  let t4;
+  $[11] !== item || $[12] !== onDialogEdit ? (t4 = /* @__PURE__ */ jsx(Tooltip, { content: t3, placement: "left", children: /* @__PURE__ */ jsx(Button, { fontSize: 1, icon: EditIcon, mode: "bleed", onClick: () => onDialogEdit(item) }) }), $[11] = item, $[12] = onDialogEdit, $[13] = t4) : t4 = $[13];
+  let t5;
+  $[14] !== t2 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", marginTop: 2, paddingX: 3, children: [
+    t2,
+    t4
+  ] }), $[14] = t2, $[15] = t4, $[16] = t5) : t5 = $[16];
+  let t6;
+  $[17] !== deploymentTarget ? (t6 = /* @__PURE__ */ jsx(Deployments, { deploymentTarget }), $[17] = deploymentTarget, $[18] = t6) : t6 = $[18];
+  let t7;
+  return $[19] !== t5 || $[20] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Box, { style: t1, children: [
+    t5,
+    t6
+  ] }), $[19] = t5, $[20] = t6, $[21] = t7) : t7 = $[21], t7;
+}, DeploymentTargets = (props) => {
+  const $ = c(5), {
+    items,
+    onDialogEdit
+  } = props;
+  let t0;
+  $[0] !== items || $[1] !== onDialogEdit ? (t0 = items?.map((item) => /* @__PURE__ */ jsx(DeploymentTarget, { item, onDialogEdit }, item._id)), $[0] = items, $[1] = onDialogEdit, $[2] = t0) : t0 = $[2];
+  let t1;
+  return $[3] !== t0 ? (t1 = /* @__PURE__ */ jsx(Stack, { gap: 5, children: t0 }), $[3] = t0, $[4] = t1) : t1 = $[4], t1;
+}, formMachine = setup({
+  types: {},
+  actions: {
+    setId: assign({
+      id: ({
+        event
+      }) => (assertEvent(event, ["UPDATE", "DELETE"]), event.id)
+    }),
+    setFormData: assign({
+      formData: ({
+        event
+      }) => (assertEvent(event, ["CREATE", "UPDATE"]), event.formData)
+    }),
+    setMessage: assign({
+      message: ({
+        event
+      }) => "data" in event && event.data && typeof event.data == "object" && "details" in event.data && event.data.details && typeof event.data.details == "object" && "description" in event.data.details ? event.data.details.description : "An error occurred"
+    }),
+    setDocument: assign({
+      document: ({
+        event
+      }) => event.output
+    })
+  },
+  actors: {
+    "create document": fromPromise(({
+      input
+    }) => input.client.create({
+      _id: `vercel.${uuid()}`,
+      _type: DEPLOYMENT_TARGET_DOCUMENT_TYPE,
+      ...input.formData
+    })),
+    "update document": fromPromise(({
+      input
+    }) => input.client.patch(input.id).set(input.formData).commit()),
+    "delete document": fromPromise(({
+      input
+    }) => input.client.delete(input.id))
+  }
+}).createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAIwBmAGwkuGjQFYALAE4AHACYdWgwYA0IAJ6IjKgOwkdXFUYVa9h-Ua5KAvv5WaFh4hKTkVNQAqgAKACJsnLwywqISUjLyCMpqmtr6xqbmVrYIBgokWvlGWkpaCgZeKoHBGDgExGSUNPGMADKM7Nx8SCBp4pLSY9m56vm6hiZmljaIOipqdXpcDk1aWiYqBlqtICEd4SSYAE5g6BL4UNQQUmBk+ABuQgDW77f3MRgeJCTAAV1QYHwYmYmDEQhuI1SIkmmRmiGOShIDiUOh0SiaCgUegcDj0pTsjhI5iMewUpPsTSMZwuYS6AIeBGeYBuNwRJAEFAeADMEahrncHsDQRCoTC4QikWMJhlpqBspjsbj8YTiaTyWsEKouNT6noiX5zUpiQEgud2mzSGCBBBOU8Xm8Pt8-iRna6gSDwZDobD4YiUsqUaqshiDFicXiCea9WSKeVKiSVIclEYlIY-BUWQ7Ok6XW7ubz+YKRWLfWWAzLg-Kw0rBFGpjGEJqEzrkyTU4b6ToSHojHos7VXEc6kXQiWSBAwFRHs9XoQvb93ovl9Kg3LQ4qI230h30V241rE7r+wayro1A4dO4VHotA5fPTTnbWfPt2AV9QPJ8jcApCmIoo3OKf4NnuIYKuGozHqiapyLG8bakmRI3mmpjxk0XAuEoXAHI+DgtGc+BCIu8BjD+4TIieaLqogAC0Khpmxs6XF0kRgAxyGdk+aYKLSVR7Fweg6A4IkGFwChcY6EqAly-HRmeY7DnSY5GHGL4qFwRhpjpJpmriDjVMRLgGAp84ckCECqaezEIHoObUuZuwKH4xGPgoRnmCQpmOAcqhmPJ37Flcfrlo5TGoQgY4mgYHkeAS+iqH5hqSc4dSuCo+I6SoSjvjZUX1pAsUodkrlGO51TSd5b46JlZRebVuG7IcjRmA05FtHOVzQSpkaMVVdivs4CibHGxg6biSg4ZsJD2AccaFEVGwOKVXTQRVI0CWeNV1Z5jW+WmujDj4HjmMRnhEttpBAQilWdkdyX1V5RFNS1iAEpU1pHER9JWjogSBEAA */
+  context: ({
+    input
+  }) => ({
+    client: input.client,
+    formData: {},
+    message: ""
+  }),
+  initial: "idle",
+  states: {
+    idle: {
+      on: {
+        CREATE: {
+          actions: ["setFormData"],
+          target: "creating"
+        },
+        UPDATE: {
+          actions: ["setId", "setFormData"],
+          target: "updating"
+        },
+        DELETE: {
+          actions: "setId",
+          target: "deleting"
+        }
+      }
+    },
+    creating: {
+      tags: ["busy"],
+      invoke: {
+        src: "create document",
+        id: "createDocumentActor",
+        input: ({
+          context
+        }) => ({
+          client: context.client,
+          formData: context.formData
+        }),
+        onDone: {
+          actions: "setDocument",
+          target: "created"
+        },
+        onError: {
+          actions: "setMessage",
+          target: "error"
+        }
+      }
+    },
+    created: {
+      type: "final"
+    },
+    updating: {
+      tags: ["busy"],
+      invoke: {
+        src: "update document",
+        id: "updateDocumentActor",
+        input: ({
+          context
+        }) => ({
+          client: context.client,
+          id: context.id,
+          formData: context.formData
+        }),
+        onDone: {
+          actions: "setDocument",
+          target: "updated"
+        },
+        onError: {
+          actions: "setMessage",
+          target: "error"
+        }
+      }
+    },
+    updated: {
+      type: "final"
+    },
+    deleting: {
+      tags: ["busy"],
+      invoke: {
+        src: "delete document",
+        id: "deleteDocumentActor",
+        input: ({
+          context
+        }) => ({
+          client: context.client,
+          id: context.id
+        }),
+        onDone: {
+          target: "deleted"
+        },
+        onError: {
+          actions: "setMessage",
+          target: "error"
+        }
+      }
+    },
+    deleted: {
+      type: "final"
+    },
+    error: {
+      type: "final"
+    }
+  }
+}), sanitizeFormData = (formData) => Object.keys(formData).reduce((acc, key) => {
+  const val = formData[key];
+  return typeof val == "object" && val !== null && val.constructor !== Array ? acc[key] = sanitizeFormData(val) : val === "" || typeof val > "u" || val?.length === 0 ? acc[key] = null : typeof val == "string" && val ? acc[key] = formData[key].trim() : acc[key] = formData[key], acc;
+}, {}), errorIconStyle = {
+  color: red[500].hex
+}, FormFieldInputLabel = (props) => {
+  const $ = c(13), {
+    description,
+    error,
+    label,
+    name
+  } = props;
+  let t0;
+  $[0] !== label || $[1] !== name ? (t0 = /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: name, size: 1, weight: "semibold", children: label }), $[0] = label, $[1] = name, $[2] = t0) : t0 = $[2];
+  let t1;
+  $[3] !== error ? (t1 = error && /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsxs(Text, { muted: !0, size: 1, children: [
+    /* @__PURE__ */ jsx(ErrorOutlineIcon, { style: {
+      ...errorIconStyle,
+      marginRight: "0.1em"
+    } }),
+    error.message
+  ] }) }), fallbackPlacements: ["top", "left"], placement: "right", portal: !0, children: /* @__PURE__ */ jsx(ErrorOutlineIcon, { style: errorIconStyle }) }) }), $[3] = error, $[4] = t1) : t1 = $[4];
+  let t2;
+  $[5] !== t0 || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Inline, { gap: 2, children: [
+    t0,
+    t1
+  ] }), $[5] = t0, $[6] = t1, $[7] = t2) : t2 = $[7];
+  let t3;
+  $[8] !== description ? (t3 = description && /* @__PURE__ */ jsx(Box, { marginY: 3, children: /* @__PURE__ */ jsx(Text, { as: "p", muted: !0, size: 1, children: description }) }), $[8] = description, $[9] = t3) : t3 = $[9];
+  let t4;
+  return $[10] !== t2 || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
+    t2,
+    t3
+  ] }), $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
+}, FormFieldInputText = forwardRef((props, ref) => {
+  const $ = c(16), {
+    description,
+    disabled,
+    error,
+    label,
+    name,
+    placeholder,
+    value,
+    onChange,
+    onBlur
+  } = props;
+  let t0;
+  $[0] !== description || $[1] !== error || $[2] !== label || $[3] !== name ? (t0 = /* @__PURE__ */ jsx(FormFieldInputLabel, { description, error, label, name }), $[0] = description, $[1] = error, $[2] = label, $[3] = name, $[4] = t0) : t0 = $[4];
+  let t1;
+  $[5] !== disabled || $[6] !== name || $[7] !== onBlur || $[8] !== onChange || $[9] !== placeholder || $[10] !== ref || $[11] !== value ? (t1 = /* @__PURE__ */ jsx(TextInput, { autoComplete: "off", autoFocus: !0, defaultValue: value, disabled, id: name, name, placeholder, onChange, onBlur, ref }), $[5] = disabled, $[6] = name, $[7] = onBlur, $[8] = onChange, $[9] = placeholder, $[10] = ref, $[11] = value, $[12] = t1) : t1 = $[12];
+  let t2;
+  return $[13] !== t0 || $[14] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Box, { children: [
+    t0,
+    t1
+  ] }), $[13] = t0, $[14] = t1, $[15] = t2) : t2 = $[15], t2;
+}), formSchema = yup.object().shape({
+  deployHook: yup.string().url("Deploy hook must be a valid URL"),
+  deployLimit: yup.number().positive().integer().min(1, "Deploy limit must no less than 1").max(15, "Deploy limit must no higher than 15").typeError("Deploy limit must be a number").required("Deploy limit must be a positive integer between 1 and 15"),
+  name: yup.string().required("Name cannot be empty"),
+  projectId: yup.string().required("Vercel Project ID cannot be empty"),
+  teamId: yup.string(),
+  token: yup.string().required("Vercel Account Token cannot be empty")
+}), DialogForm = (props) => {
+  const $ = c(104), {
+    deploymentTarget,
+    onClose,
+    onCreate,
+    onDelete,
+    onUpdate
+  } = props, client = useSanityClient(), toast = useToast();
+  let t0;
+  $[0] !== client ? (t0 = {
+    input: {
+      client
+    }
+  }, $[0] = client, $[1] = t0) : t0 = $[1];
+  const [formState, formStateTransition, formStateActorRef] = useActor(formMachine, t0);
+  let t1;
+  $[2] !== formState ? (t1 = formState.hasTag("busy"), $[2] = formState, $[3] = t1) : t1 = $[3];
+  const formUpdating = t1, t2 = deploymentTarget?.deployHook || "", t3 = deploymentTarget?.deployLimit || 5, t4 = deploymentTarget?.name || "", t5 = deploymentTarget?.projectId || "", t6 = deploymentTarget?.teamId || "", t7 = deploymentTarget?.token || "";
+  let t8;
+  $[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== t5 || $[8] !== t6 || $[9] !== t7 ? (t8 = {
+    deployHook: t2,
+    deployLimit: t3,
+    name: t4,
+    projectId: t5,
+    teamId: t6,
+    token: t7
+  }, $[4] = t2, $[5] = t3, $[6] = t4, $[7] = t5, $[8] = t6, $[9] = t7, $[10] = t8) : t8 = $[10];
+  let t9;
+  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = yupResolver(formSchema), $[11] = t9) : t9 = $[11];
+  let t10;
+  $[12] !== t8 ? (t10 = {
+    defaultValues: t8,
+    mode: "onChange",
+    resolver: t9
+  }, $[12] = t8, $[13] = t10) : t10 = $[13];
+  const {
+    formState: t11,
+    handleSubmit,
+    register
+  } = useForm(t10), {
+    errors,
+    isDirty,
+    isValid
+  } = t11;
+  let t12, t13;
+  $[14] !== formState || $[15] !== onClose || $[16] !== toast ? (t12 = () => {
+    formState.matches("error") && toast.push({
+      status: "error",
+      title: formState.context.message || "An error occurred"
+    }), formState.status === "done" && onClose();
+  }, t13 = [formState, onClose, toast], $[14] = formState, $[15] = onClose, $[16] = toast, $[17] = t12, $[18] = t13) : (t12 = $[17], t13 = $[18]), useEffect(t12, t13);
+  let t14;
+  $[19] !== deploymentTarget || $[20] !== formStateActorRef || $[21] !== formStateTransition || $[22] !== onCreate || $[23] !== onUpdate ? (t14 = async (formData) => {
+    const sanitizedFormData = sanitizeFormData(formData);
+    formStateTransition(deploymentTarget ? {
+      type: "UPDATE",
+      id: deploymentTarget._id,
+      formData: sanitizedFormData
+    } : {
+      type: "CREATE",
+      formData: sanitizedFormData
+    }), await toPromise(formStateActorRef);
+    const snapshot = formStateActorRef.getSnapshot(), {
+      document
+    } = snapshot.context;
+    document && (snapshot.matches("created") ? onCreate?.(document) : snapshot.matches("updated") && onUpdate?.(document));
+  }, $[19] = deploymentTarget, $[20] = formStateActorRef, $[21] = formStateTransition, $[22] = onCreate, $[23] = onUpdate, $[24] = t14) : t14 = $[24];
+  const onSubmit = t14;
+  let t15;
+  $[25] !== deploymentTarget || $[26] !== formStateActorRef || $[27] !== formStateTransition || $[28] !== onDelete ? (t15 = async () => {
+    if (!deploymentTarget)
+      return;
+    const id = deploymentTarget._id;
+    formStateTransition({
+      type: "DELETE",
+      id
+    }), await toPromise(formStateActorRef), formStateActorRef.getSnapshot().matches("deleted") && onDelete?.(id);
+  }, $[25] = deploymentTarget, $[26] = formStateActorRef, $[27] = formStateTransition, $[28] = onDelete, $[29] = t15) : t15 = $[29];
+  const handleDelete = t15, t16 = deploymentTarget ? "space-between" : "flex-end";
+  let t17;
+  $[30] !== deploymentTarget || $[31] !== formState || $[32] !== formUpdating || $[33] !== handleDelete ? (t17 = deploymentTarget && /* @__PURE__ */ jsx(Button, { loading: formState.matches("deleting"), disabled: formUpdating, fontSize: 1, mode: "bleed", onClick: handleDelete, text: "Delete", tone: "critical" }), $[30] = deploymentTarget, $[31] = formState, $[32] = formUpdating, $[33] = handleDelete, $[34] = t17) : t17 = $[34];
+  let t18;
+  $[35] !== formState ? (t18 = formState.matches("creating") || formState.matches("updating"), $[35] = formState, $[36] = t18) : t18 = $[36];
+  const t19 = !isDirty || !isValid;
+  let t20;
+  $[37] !== handleSubmit || $[38] !== onSubmit ? (t20 = handleSubmit(onSubmit), $[37] = handleSubmit, $[38] = onSubmit, $[39] = t20) : t20 = $[39];
+  const t21 = deploymentTarget ? "Update and close" : "Create";
+  let t22;
+  $[40] !== t18 || $[41] !== t19 || $[42] !== t20 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Button, { loading: t18, disabled: t19, fontSize: 1, onClick: t20, text: t21, tone: "primary" }), $[40] = t18, $[41] = t19, $[42] = t20, $[43] = t21, $[44] = t22) : t22 = $[44];
+  let t23;
+  $[45] !== t16 || $[46] !== t17 || $[47] !== t22 ? (t23 = /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { justify: t16, children: [
+    t17,
+    t22
+  ] }) }), $[45] = t16, $[46] = t17, $[47] = t22, $[48] = t23) : t23 = $[48];
+  const t24 = `${deploymentTarget ? "Edit" : "Create"} deployment target`;
+  let t25;
+  $[49] !== handleSubmit || $[50] !== onSubmit ? (t25 = handleSubmit(onSubmit), $[49] = handleSubmit, $[50] = onSubmit, $[51] = t25) : t25 = $[51];
+  let t26;
+  $[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t26 = /* @__PURE__ */ jsx("button", { "aria-label": "Submit", style: {
+    display: "none"
+  }, tabIndex: -1, type: "submit" }), $[52] = t26) : t26 = $[52];
+  const t27 = errors?.name;
+  let t28;
+  $[53] !== register ? (t28 = register("name"), $[53] = register, $[54] = t28) : t28 = $[54];
+  let t29;
+  $[55] !== formUpdating || $[56] !== t27 || $[57] !== t28 ? (t29 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, description: "Name displayed in this plugin (e.g. production, staging)", error: t27, label: "Name", ...t28 }), $[55] = formUpdating, $[56] = t27, $[57] = t28, $[58] = t29) : t29 = $[58];
+  const t30 = errors?.token;
+  let t31;
+  $[59] !== register ? (t31 = register("token"), $[59] = register, $[60] = t31) : t31 = $[60];
+  let t32;
+  $[61] !== formUpdating || $[62] !== t30 || $[63] !== t31 ? (t32 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, error: t30, label: "Vercel Account Token", ...t31 }), $[61] = formUpdating, $[62] = t30, $[63] = t31, $[64] = t32) : t32 = $[64];
+  const t33 = errors?.projectId;
+  let t34;
+  $[65] !== register ? (t34 = register("projectId"), $[65] = register, $[66] = t34) : t34 = $[66];
+  let t35;
+  $[67] !== formUpdating || $[68] !== t33 || $[69] !== t34 ? (t35 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, error: t33, label: "Vercel Project ID", ...t34 }), $[67] = formUpdating, $[68] = t33, $[69] = t34, $[70] = t35) : t35 = $[70];
+  const t36 = errors?.teamId;
+  let t37;
+  $[71] !== register ? (t37 = register("teamId"), $[71] = register, $[72] = t37) : t37 = $[72];
+  let t38;
+  $[73] !== formUpdating || $[74] !== t36 || $[75] !== t37 ? (t38 = /* @__PURE__ */ jsx(FormFieldInputText, { description: "Required only if your project is owned by a team account", disabled: formUpdating, error: t36, label: "Vercel Team ID (optional)", ...t37 }), $[73] = formUpdating, $[74] = t36, $[75] = t37, $[76] = t38) : t38 = $[76];
+  const t39 = errors?.deployHook;
+  let t40;
+  $[77] !== register ? (t40 = register("deployHook"), $[77] = register, $[78] = t40) : t40 = $[78];
+  let t41;
+  $[79] !== formUpdating || $[80] !== t39 || $[81] !== t40 ? (t41 = /* @__PURE__ */ jsx(FormFieldInputText, { description: "Enter a valid deploy hook URL to enable manual deploys", disabled: formUpdating, error: t39, label: "Vercel Deploy Hook (optional)", ...t40 }), $[79] = formUpdating, $[80] = t39, $[81] = t40, $[82] = t41) : t41 = $[82];
+  const t42 = errors?.deployLimit;
+  let t43;
+  $[83] !== register ? (t43 = register("deployLimit", {
+    valueAsNumber: !0
+  }), $[83] = register, $[84] = t43) : t43 = $[84];
+  let t44;
+  $[85] !== formUpdating || $[86] !== t42 || $[87] !== t43 ? (t44 = /* @__PURE__ */ jsx(FormFieldInputText, { disabled: formUpdating, error: t42, label: "Number of deploys to display", ...t43 }), $[85] = formUpdating, $[86] = t42, $[87] = t43, $[88] = t44) : t44 = $[88];
+  let t45;
+  $[89] !== t29 || $[90] !== t32 || $[91] !== t35 || $[92] !== t38 || $[93] !== t41 || $[94] !== t44 ? (t45 = /* @__PURE__ */ jsxs(Stack, { gap: 5, children: [
+    t29,
+    t32,
+    t35,
+    t38,
+    t41,
+    t44
+  ] }), $[89] = t29, $[90] = t32, $[91] = t35, $[92] = t38, $[93] = t41, $[94] = t44, $[95] = t45) : t45 = $[95];
+  let t46;
+  $[96] !== t25 || $[97] !== t45 ? (t46 = /* @__PURE__ */ jsxs(Box, { as: "form", padding: 4, onSubmit: t25, children: [
+    t26,
+    t45
+  ] }), $[96] = t25, $[97] = t45, $[98] = t46) : t46 = $[98];
+  let t47;
+  return $[99] !== onClose || $[100] !== t23 || $[101] !== t24 || $[102] !== t46 ? (t47 = /* @__PURE__ */ jsx(Dialog, { footer: t23, header: t24, id: "create", onClose, width: 1, zOffset: Z_INDEX_DIALOG, children: t46 }), $[99] = onClose, $[100] = t23, $[101] = t24, $[102] = t46, $[103] = t47) : t47 = $[103], t47;
+}, sortByTargetName = (items) => items.sort((a, b) => a.name > b.name ? 1 : a.name < b.name ? -1 : 0), deploymentTargetListMachine = setup({
+  types: {},
+  actions: {
+    targetCreate: assign({
+      results: ({
+        context,
+        event
+      }) => (assertEvent(event, "CREATE"), sortByTargetName([...context.results, event.deploymentTarget]))
+    }),
+    targetDelete: assign({
+      results: ({
+        context,
+        event
+      }) => (assertEvent(event, "DELETE"), context.results.filter((target) => target._id !== event.id))
+    }),
+    targetUpdate: assign({
+      results: ({
+        context,
+        event
+      }) => {
+        assertEvent(event, "UPDATE");
+        const {
+          deploymentTarget
+        } = event, index = context.results.findIndex((target) => target._id === deploymentTarget._id), updatedResults = Object.assign([], context.results, {
+          [index]: deploymentTarget
+        });
+        return sortByTargetName(updatedResults);
+      }
+    })
+  },
+  guards: {
+    hasData: ({
+      context
+    }) => context?.results?.length > 0,
+    hasNoData: ({
+      context
+    }) => context?.results?.length === 0
+  },
+  actors: {
+    "fetch data": fromPromise(({
+      input,
+      signal
+    }) => input.client.fetch("*[_type == $type] | order(name asc)", {
+      type: DEPLOYMENT_TARGET_DOCUMENT_TYPE
+    }, {
+      signal
+    }).catch((error) => {
+      if (error instanceof Error && error.name === "AbortError")
+        return [];
+      throw console.error("Failed to fetch deployment targets", error), error;
+    }))
+  }
+}).createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOgAcx8ICoBiCAe0JIIDcGBrMEgMzABccAEXT90AbQAMAXUSgyDWLn64mckAA9EAZkkBOEgHYAjAA5DAFgBsFgEwnJAVkMAaEAE9Ep4yUeT-klbGesbaoYaGAL6RbmhYeISkFFQ0tGAATukM6eQANqI82ai8AsKiEjLqCkoqakiaOvpGZpY29sZOrh6IxpYkFo5h2oaOpnqOxraSFtGxGDgExCTpYOgQ7rQAwgBKAKIAggAqu1Ky9dXKqvjqWggWHSS9eoaS9ibao6aObp4IVh8kL56OzGII2PT-WYgOILRLLVbrWhCXYAGV2x1OVUUlzqoFu90kRm8tlM2gsL1eJJ+iEGBj0gVsFm0YWmVkctihMISSxWaw2AFUAApCI4nSrnbG1a71fGSUz9WzBezTFWvb7dO5MkjjMITZykwxjTnzbmkXnrEgAV3wHHwDAA7vhaJiJTUrjces9fFZGc9TLYrGqA9SEM9CcT7sznH5HHpjfFFmaEe4rTa7Y7ncYzvJJe6ZZ7DN7fYaA0GrCHvD4xs4S+yPnGYtCTYn4XySPblNgRGJneKc27cQ0EI4BiQ2T77noAzXyxrTIESGFGd4rP9DONTPHYTzk+3OwxLfxu+he9mQBcpR7h6Px4ylWyIrPfl9bIvJhZJIYA-7zFZoo27QgOB1C5RMsQHaU8UQABaYIQ2gv9G1AuFkmofAoHAnFIKHOwQz0bRtUMcd-j8WwpnuLdTVbdZMMvfMEFsPQQxMeViQmZkLC+f0oiQ5s4XNFNrVtB1sIvPMoIQCIK1BIsmXXWxtFJcZKJbAS934Ltylo8ShysfDHl9PRxjlekrC6Z9BhIBk5MkXpzFBFT+N3DsNIPI8tNdLCr20L0Wmscw5V0e5pMJYwBiI8kwrDRC5gTOEeHQXBckgbTB1uZwQw6RwrEBd9bEcQZYzsRDoiAA */
+  context: ({
+    input
+  }) => ({
+    client: input.client,
+    results: []
+  }),
+  initial: "pending",
+  states: {
+    pending: {
+      invoke: {
+        src: "fetch data",
+        id: "fetchData",
+        input: ({
+          context
+        }) => ({
+          client: context.client
+        }),
+        onDone: {
+          actions: assign({
+            results: ({
+              event
+            }) => event.output
+          }),
+          target: "ready"
+        },
+        onError: {
+          target: "failed"
+        }
+      }
+    },
+    ready: {
+      initial: "unknown",
+      on: {
+        CREATE: {
+          actions: "targetCreate"
+        },
+        DELETE: {
+          actions: "targetDelete"
+        },
+        UPDATE: {
+          actions: "targetUpdate"
+        }
+      },
+      states: {
+        unknown: {
+          always: [{
+            target: "withData",
+            guard: "hasData"
+          }, {
+            target: "withoutData",
+            guard: "hasNoData"
+          }]
+        },
+        withData: {
+          always: [{
+            target: "withoutData",
+            guard: "hasNoData"
+          }]
+        },
+        withoutData: {
+          always: [{
+            target: "withData",
+            guard: "hasData"
+          }]
+        }
+      }
+    },
+    failed: {
+      type: "final"
+    }
+  }
+}), dialogMachine = setup({
+  types: {
+    context: {},
+    events: {}
+  },
+  actions: {
+    setEditDeploymentTarget: assign({
+      editDeploymentTarget: ({
+        event
+      }) => (assertEvent(event, "EDIT"), event.deploymentTarget)
+    })
+  }
+}).createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAEwKArCQCcANgAcAdmUbNOhVx0BGLQBoQAT0SmAzApJcXXexoAsW5fbWaFAL4BVmhYeISk5FTUjAAiAJKs3HxIIMKiElIy8ghKqpq6+obGZpY2ivb2zq4e5moeXKZc3kEhGDgExCSQ4nQAMgDyAMqcvDLp4pLSqTn2DSQefn7uyq5aWvZWtgjmTqsuvnU6XMoK9q0goR0RJJgATmDoYjS0gyPJ4yKTWTOIc1wLJZqFZrDZbRBaUwkfZuew6SFcepuILBED4IQQOAyK7hYifDJTbKIAC0GnBCFJFxxnUilDA+O+01AOQ8CnJGxIGn29lMpjUxhcCh0VPauNIPTEDMyTLkiA8PhIxh5Cg8DS8pgM5L5UOalSMah0cP05hFYRptweT3pqQm0qJCHlVSVphVashmvKCDUAN17j0XNMqrUyhRASAA */
+  context: {
+    editDeploymentTarget: void 0
+  },
+  initial: "idle",
+  states: {
+    idle: {
+      entry: assign({
+        editDeploymentTarget: () => {
+        }
+      }),
+      on: {
+        CREATE: {
+          target: "create"
+        },
+        EDIT: {
+          actions: "setEditDeploymentTarget",
+          target: "edit"
+        }
+      }
+    },
+    edit: {
+      on: {
+        CLOSE: {
+          target: "idle"
+        }
+      }
+    },
+    create: {
+      on: {
+        CLOSE: {
+          target: "idle"
+        }
+      }
+    }
+  }
+}), queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      gcTime: 0,
+      staleTime: 0
+    }
+  }
+}), Widget = () => {
+  const $ = c(53), client = useSanityClient();
+  let t0;
+  $[0] !== client ? (t0 = {
+    input: {
+      client
+    }
+  }, $[0] = client, $[1] = t0) : t0 = $[1];
+  const [deploymentTargetListState, deploymentTargetListStateTransition] = useMachine(deploymentTargetListMachine, t0), [dialogState, dialogStateTransition] = useMachine(dialogMachine);
+  let t1;
+  $[2] !== dialogStateTransition ? (t1 = () => {
+    dialogStateTransition({
+      type: "CLOSE"
+    });
+  }, $[2] = dialogStateTransition, $[3] = t1) : t1 = $[3];
+  const handleDialogClose = t1;
+  let t2;
+  $[4] !== dialogStateTransition ? (t2 = () => {
+    dialogStateTransition({
+      type: "CREATE"
+    });
+  }, $[4] = dialogStateTransition, $[5] = t2) : t2 = $[5];
+  const handleDialogShowCreate = t2;
+  let t3;
+  $[6] !== dialogStateTransition ? (t3 = (deploymentTarget) => {
+    dialogStateTransition({
+      type: "EDIT",
+      deploymentTarget
+    });
+  }, $[6] = dialogStateTransition, $[7] = t3) : t3 = $[7];
+  const handleDialogShowEdit = t3;
+  let t4;
+  $[8] !== deploymentTargetListStateTransition ? (t4 = (deploymentTarget_0) => {
+    deploymentTargetListStateTransition({
+      type: "CREATE",
+      deploymentTarget: deploymentTarget_0
+    });
+  }, $[8] = deploymentTargetListStateTransition, $[9] = t4) : t4 = $[9];
+  const handleTargetCreate = t4;
+  let t5;
+  $[10] !== deploymentTargetListStateTransition ? (t5 = (id) => {
+    deploymentTargetListStateTransition({
+      type: "DELETE",
+      id
+    });
+  }, $[10] = deploymentTargetListStateTransition, $[11] = t5) : t5 = $[11];
+  const handleTargetDelete = t5;
+  let t6;
+  $[12] !== deploymentTargetListStateTransition ? (t6 = (deploymentTarget_1) => {
+    deploymentTargetListStateTransition({
+      type: "UPDATE",
+      deploymentTarget: deploymentTarget_1
+    });
+  }, $[12] = deploymentTargetListStateTransition, $[13] = t6) : t6 = $[13];
+  const handleTargetUpdate = t6;
+  let t7;
+  $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = {
+    overflow: "hidden "
+  }, $[14] = t7) : t7 = $[14];
+  let t8;
+  $[15] !== deploymentTargetListState ? (t8 = /* @__PURE__ */ jsx(StateDebug, { name: "List", state: deploymentTargetListState }), $[15] = deploymentTargetListState, $[16] = t8) : t8 = $[16];
+  let t9;
+  $[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx(Text, { size: 5, weight: "semibold", children: "Vercel deployments" }), $[17] = t9) : t9 = $[17];
+  let t10;
+  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Create new deployment target" }) }), $[18] = t10) : t10 = $[18];
+  let t11;
+  $[19] !== handleDialogShowCreate ? (t11 = /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", paddingX: 3, paddingY: 2, children: [
+    t9,
+    /* @__PURE__ */ jsx(Tooltip, { content: t10, placement: "left", children: /* @__PURE__ */ jsx(Button, { fontSize: 1, icon: AddIcon, onClick: handleDialogShowCreate, mode: "bleed" }) })
+  ] }), $[19] = handleDialogShowCreate, $[20] = t11) : t11 = $[20];
+  let t12;
+  $[21] !== deploymentTargetListState ? (t12 = deploymentTargetListState.matches("pending") && /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Text, { children: "Loading..." }) }), $[21] = deploymentTargetListState, $[22] = t12) : t12 = $[22];
+  let t13;
+  $[23] !== deploymentTargetListState || $[24] !== handleDialogShowCreate ? (t13 = deploymentTargetListState.matches({
+    ready: "withoutData"
+  }) && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, paddingX: 3, paddingY: 4, children: [
+    /* @__PURE__ */ jsx(Text, { children: "No deployment targets found." }),
+    /* @__PURE__ */ jsx(Button, { fontSize: 1, mode: "ghost", onClick: handleDialogShowCreate, text: "Create a new target" })
+  ] }), $[23] = deploymentTargetListState, $[24] = handleDialogShowCreate, $[25] = t13) : t13 = $[25];
+  let t14;
+  $[26] !== deploymentTargetListState || $[27] !== handleDialogShowEdit ? (t14 = deploymentTargetListState.matches({
+    ready: "withData"
+  }) && /* @__PURE__ */ jsx(DeploymentTargets, { items: deploymentTargetListState.context.results, onDialogEdit: handleDialogShowEdit }), $[26] = deploymentTargetListState, $[27] = handleDialogShowEdit, $[28] = t14) : t14 = $[28];
+  let t15;
+  $[29] !== deploymentTargetListState ? (t15 = deploymentTargetListState.matches("failed") && /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Text, { children: "Failed to retrieve deployment targets. Please check the developer console log for more information." }) }), $[29] = deploymentTargetListState, $[30] = t15) : t15 = $[30];
+  let t16;
+  $[31] !== t12 || $[32] !== t13 || $[33] !== t14 || $[34] !== t15 ? (t16 = /* @__PURE__ */ jsxs(Box, { children: [
+    t12,
+    t13,
+    t14,
+    t15
+  ] }), $[31] = t12, $[32] = t13, $[33] = t14, $[34] = t15, $[35] = t16) : t16 = $[35];
+  let t17;
+  $[36] !== t11 || $[37] !== t16 || $[38] !== t8 ? (t17 = /* @__PURE__ */ jsxs(Card, { radius: 2, style: t7, children: [
+    t8,
+    t11,
+    t16
+  ] }), $[36] = t11, $[37] = t16, $[38] = t8, $[39] = t17) : t17 = $[39];
+  let t18;
+  $[40] !== dialogState || $[41] !== handleDialogClose || $[42] !== handleTargetCreate ? (t18 = dialogState.matches("create") && /* @__PURE__ */ jsx(DialogForm, { onClose: handleDialogClose, onCreate: handleTargetCreate }), $[40] = dialogState, $[41] = handleDialogClose, $[42] = handleTargetCreate, $[43] = t18) : t18 = $[43];
+  let t19;
+  $[44] !== dialogState || $[45] !== handleDialogClose || $[46] !== handleTargetDelete || $[47] !== handleTargetUpdate ? (t19 = dialogState.matches("edit") && /* @__PURE__ */ jsx(DialogForm, { deploymentTarget: dialogState.context.editDeploymentTarget, onClose: handleDialogClose, onDelete: handleTargetDelete, onUpdate: handleTargetUpdate }), $[44] = dialogState, $[45] = handleDialogClose, $[46] = handleTargetDelete, $[47] = handleTargetUpdate, $[48] = t19) : t19 = $[48];
+  let t20;
+  return $[49] !== t17 || $[50] !== t18 || $[51] !== t19 ? (t20 = /* @__PURE__ */ jsx(ToastProvider, { zOffset: Z_INDEX_TOAST_PROVIDER, children: /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
+    t17,
+    t18,
+    t19
+  ] }) }), $[49] = t17, $[50] = t18, $[51] = t19, $[52] = t20) : t20 = $[52], t20;
+};
+TimeAgo.addDefaultLocale(en);
+function vercelWidget(config = {}) {
+  return {
+    name: "vercel",
+    component: Widget,
+    layout: config.layout ?? {
+      width: "full"
+    }
+  };
+}
+export {
+  vercelWidget
+};
+//# sourceMappingURL=index.js.map