sanity-plugin-dashboard-widget-vercel 3.1.5 → 4.0.0

package/lib/index.js

@@ -1,1007 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), react$1 = require("@xstate/react"), reactQuery = require("@tanstack/react-query"), xstate = require("xstate"), react = require("react"), useDeepCompareEffect = require("use-deep-compare-effect"), hash = require("object-hash"), ReactTimeAgo = require("react-time-ago"), yup$1 = require("@hookform/resolvers/yup"), reactHookForm = require("react-hook-form"), yup = require("yup"), uuid = require("@sanity/uuid"), styledComponents = require("styled-components"), sanity = require("sanity"), TimeAgo = require("javascript-time-ago"), en = require("javascript-time-ago/locale/en");
-function _interopDefaultCompat(e) {
-  return e && typeof e == "object" && "default" in e ? e : { default: e };
-}
-function _interopNamespaceCompat(e) {
-  if (e && typeof e == "object" && "default" in e) return e;
-  var n = /* @__PURE__ */ Object.create(null);
-  return e && Object.keys(e).forEach(function(k) {
-    if (k !== "default") {
-      var d = Object.getOwnPropertyDescriptor(e, k);
-      Object.defineProperty(n, k, d.get ? d : {
-        enumerable: !0,
-        get: function() {
-          return e[k];
-        }
-      });
-    }
-  }), n.default = e, Object.freeze(n);
-}
-var useDeepCompareEffect__default = /* @__PURE__ */ _interopDefaultCompat(useDeepCompareEffect), hash__default = /* @__PURE__ */ _interopDefaultCompat(hash), ReactTimeAgo__default = /* @__PURE__ */ _interopDefaultCompat(ReactTimeAgo), yup__namespace = /* @__PURE__ */ _interopNamespaceCompat(yup), TimeAgo__default = /* @__PURE__ */ _interopDefaultCompat(TimeAgo), en__default = /* @__PURE__ */ _interopDefaultCompat(en);
-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, StateDebug = (props) => null, sortByTargetName = (items) => items.sort((a, b) => a.name > b.name ? 1 : a.name < b.name ? -1 : 0), deploymentTargetListMachine = xstate.setup({
-  types: {},
-  actions: {
-    targetCreate: xstate.assign({
-      results: ({ context, event }) => (xstate.assertEvent(event, "CREATE"), sortByTargetName([...context.results, event.deploymentTarget]))
-    }),
-    targetDelete: xstate.assign({
-      results: ({ context, event }) => (xstate.assertEvent(event, "DELETE"), context.results.filter((target) => target._id !== event.id))
-    }),
-    targetUpdate: xstate.assign({
-      results: ({ context, event }) => {
-        xstate.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": xstate.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: xstate.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"
-    }
-  }
-}), 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 response.json();
-  } catch (err) {
-    throw new Error(err);
-  }
-}, useDeployments = (deploymentTarget, options) => {
-  const fetchUrl = fetcher(deploymentTarget), deployParams = new URLSearchParams();
-  deployParams.set("limit", String(deploymentTarget?.deployLimit));
-  const {
-    data: deploymentsData,
-    isFetching: deploymentsIsFetching,
-    isSuccess: deploymentsIsSuccess,
-    error: deploymentsError,
-    refetch
-  } = reactQuery.useQuery({
-    queryKey: [hash__default.default(deploymentTarget)],
-    queryFn: () => fetchUrl(API_ENDPOINT_DEPLOYMENTS, deployParams),
-    enabled: options?.enabled ?? !0,
-    refetchInterval: 2e4,
-    // ms
-    refetchIntervalInBackground: !1,
-    refetchOnMount: !0,
-    refetchOnReconnect: "always",
-    refetchOnWindowFocus: !1,
-    retry: !1
-  }), aliasParams = new URLSearchParams();
-  aliasParams.set("limit", "20");
-  const {
-    data: aliasesData,
-    isFetching: aliasesIsFetching,
-    isSuccess: aliasesIsSuccess,
-    error: aliasesError
-  } = reactQuery.useQuery({
-    queryKey: [hash__default.default(deploymentTarget), "aliases"],
-    queryFn: () => fetchUrl(API_ENDPOINT_ALIASES, aliasParams),
-    enabled: !!deploymentsData,
-    refetchOnMount: !1,
-    refetchOnReconnect: !1,
-    refetchOnWindowFocus: !1,
-    retry: !1
-  }), aliases = aliasesData?.aliases;
-  let deploymentsWithAlias;
-  return aliases && (deploymentsWithAlias = deploymentsData?.deployments?.map((val) => {
-    const alias = aliases.find((a) => a.deploymentId === val.uid);
-    return {
-      ...val,
-      alias: alias?.alias
-    };
-  })), {
-    deployments: deploymentsWithAlias,
-    error: aliasesError || deploymentsError,
-    isFetching: aliasesIsFetching || deploymentsIsFetching,
-    isSuccess: aliasesIsSuccess && deploymentsIsSuccess,
-    refetch
-  };
-}, refreshMachine = xstate.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() {
-  return ui.useTheme().sanity.color.card.enabled;
-}
-const TableCell = (props) => {
-  const { children, colSpan, header, variant } = props;
-  let display = "table-cell", cellWidth = "auto";
-  switch (variant) {
-    case "age":
-      cellWidth = "50px";
-      break;
-    case "branch":
-      cellWidth = "300px", display = ["none", "none", "none", "table-cell"];
-      break;
-    case "creator":
-      cellWidth = "80px";
-      break;
-    case "state":
-      cellWidth = "110px", display = ["none", "none", "none", "none", "table-cell"];
-      break;
-  }
-  const { border } = useCardColor();
-  return header ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Box,
-    {
-      as: "th",
-      colSpan,
-      display,
-      paddingX: 3,
-      paddingY: 2,
-      style: {
-        maxWidth: cellWidth,
-        position: "relative",
-        textAlign: "left",
-        width: cellWidth
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: 0, children })
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Box,
-    {
-      as: "td",
-      colSpan,
-      display,
-      paddingX: 3,
-      paddingY: [2, 2, 3],
-      style: {
-        borderTop: `1px solid ${border}`,
-        maxWidth: cellWidth,
-        position: "relative",
-        textAlign: "left",
-        width: cellWidth
-      },
-      children
-    }
-  );
-}, StatusDot = ({ state }) => /* @__PURE__ */ jsxRuntime.jsx(
-  ui.Box,
-  {
-    style: {
-      backgroundColor: `${VERCEL_STATUS_COLORS[state]}`,
-      borderRadius: "20px",
-      height: "9px",
-      width: "9px"
-    }
-  }
-), Deployment = (props) => {
-  const { deployment } = props, date = react.useRef(new Date(deployment.created)), commitMessage = deployment?.meta?.githubCommitMessage, commitRef = deployment?.meta?.githubCommitRef, targetUrl = deployment.alias ?? deployment.url;
-  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Box,
-        {
-          display: ["block", "block", "block", "block", "none"],
-          marginRight: 3,
-          style: { flexShrink: 0 },
-          children: /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { state: deployment.state })
-        }
-      ),
-      targetUrl ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        deployment.alias && /* @__PURE__ */ jsxRuntime.jsx(icons.LinkIcon, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginLeft: deployment.alias ? 1 : 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-          ui.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__ */ jsxRuntime.jsx("a", { href: `https://${targetUrl}`, rel: "noopener noreferrer", target: "_blank", children: targetUrl }) : targetUrl
-          }
-        ) })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Uploading..." })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "state", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { state: deployment.state }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginLeft: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: deployment.state.trim().toLowerCase().replace(/^[a-z]/i, (t) => t.toUpperCase()) }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "branch", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: commitRef }),
-      commitMessage && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, textOverflow: "ellipsis", children: commitMessage })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "age", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ReactTimeAgo__default.default, { date: date.current, locale: "en-US", timeStyle: "mini" }) }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "creator", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        draggable: !1,
-        src: `https://vercel.com/api/www/avatar/${deployment?.creator?.uid}?&s=48`,
-        style: {
-          borderRadius: "20px",
-          height: "20px",
-          width: "20px"
-        }
-      }
-    ) }) })
-  ] });
-}, deployMachine = xstate.setup({
-  types: {
-    context: {},
-    events: {},
-    input: {}
-  },
-  actors: {
-    deploy: xstate.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"));
-      }
-    })
-  }
-}).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: xstate.assign({
-        feedback: () => {
-        },
-        label: () => "Deploy"
-      }),
-      on: {
-        DEPLOY: {
-          target: "deploying"
-        }
-      }
-    },
-    deploying: {
-      entry: xstate.assign({
-        disabled: () => !0,
-        label: () => "Deploying"
-      }),
-      exit: xstate.assign({
-        disabled: () => !1,
-        label: () => "Deploy"
-      }),
-      invoke: {
-        src: "deploy",
-        input: ({ context }) => ({ deployHook: context.deployHook }),
-        onDone: {
-          target: "success"
-        },
-        onError: {
-          target: "error",
-          actions: xstate.assign({
-            error: ({ event }) => "error" in event ? event.error : "Unknown error"
-          })
-        }
-      }
-    },
-    success: {
-      entry: xstate.assign({
-        feedback: () => "Successfully started!"
-      }),
-      exit: xstate.assign({
-        feedback: () => {
-        }
-      }),
-      on: {
-        DEPLOY: {
-          target: "deploying"
-        }
-      }
-    },
-    error: {
-      on: {
-        DEPLOY: {
-          target: "deploying"
-        }
-      }
-    }
-  }
-}), DeployButton = (props) => {
-  const { deployHook, onDeploySuccess, targetName } = props, [deployState, deployStateTransition, deployStateInterpreter] = react$1.useMachine(deployMachine, {
-    input: { deployHook }
-  }), toast = ui.useToast(), isError = deployState.matches("error"), isSuccess = deployState.matches("success"), handleDeploy = () => {
-    deployStateTransition({ type: "DEPLOY" });
-  };
-  return react.useEffect(() => {
-    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
-    });
-  }, [isError, isSuccess, toast, targetName, deployState.context.error]), react.useEffect(() => {
-    const subscription = deployStateInterpreter.subscribe((state) => {
-      state.value === "success" && onDeploySuccess && onDeploySuccess();
-    });
-    return () => subscription.unsubscribe();
-  }, [deployStateInterpreter, onDeploySuccess]), /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { padding: 3, style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StateDebug, { name: "Deploy", state: deployState }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        disabled: deployState.context.disabled,
-        fontSize: 1,
-        icon: icons.UploadIcon,
-        mode: "ghost",
-        onClick: handleDeploy,
-        padding: 3,
-        text: `${deployState.context.label} ${targetName}`,
-        tone: "default"
-      }
-    )
-  ] });
-}, PlaceholderAvatar = () => {
-  const { border } = useCardColor();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Box,
-    {
-      style: {
-        backgroundColor: border,
-        borderRadius: "20px",
-        height: "20px",
-        userSelect: "none",
-        width: "20px"
-      }
-    }
-  );
-}, PlaceholderText = (props) => {
-  const { rows } = props, { border } = useCardColor();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Box,
-    {
-      style: {
-        backgroundColor: border,
-        borderRadius: "3px",
-        userSelect: "none",
-        width: "100%"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: new Array(rows).fill(void 0).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "\xA0" }, index)) })
-    }
-  );
-}, DeploymentPlaceholder = () => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(PlaceholderText, { rows: 1 }) }),
-  /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "state", children: /* @__PURE__ */ jsxRuntime.jsx(PlaceholderText, { rows: 1 }) }),
-  /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "branch", children: /* @__PURE__ */ jsxRuntime.jsx(PlaceholderText, { rows: 2 }) }),
-  /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "age", children: /* @__PURE__ */ jsxRuntime.jsx(PlaceholderText, { rows: 1 }) }),
-  /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant: "creator", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(PlaceholderAvatar, {}) }) })
-] }), Deployments = (props) => {
-  const { deploymentTarget } = props, refTimeout = react.useRef(null), [refreshState, refreshStateTransition] = react$1.useMachine(refreshMachine), { deployments, error, isFetching, isSuccess, refetch } = useDeployments(deploymentTarget, {
-    enabled: !refreshState.matches("error")
-  }), toast = ui.useToast(), isError = refreshState.matches("error"), handleDeploySuccess = () => {
-    refTimeout.current && clearTimeout(refTimeout.current), refTimeout.current = setTimeout(() => {
-      refetch({
-        cancelRefetch: !0,
-        throwOnError: !0
-      });
-    }, 4e3);
-  };
-  react.useEffect(() => () => {
-    refTimeout.current && clearTimeout(refTimeout.current);
-  }, []), react.useEffect(() => {
-    error && refreshStateTransition({ type: "ERROR" }), isFetching && refreshStateTransition({ type: "REFRESH" }), !isFetching && isSuccess && refreshStateTransition({ type: "REFRESHED" });
-  }, [error, isFetching, isSuccess, refreshStateTransition]), useDeepCompareEffect__default.default(() => {
-    refreshState.matches("refreshing") || refreshStateTransition({ type: "REFRESH" });
-  }, [deploymentTarget]), useDeepCompareEffect__default.default(() => {
-    isError && toast.push({
-      closable: !0,
-      description: `Unable to fetch deployments for ${deploymentTarget.name}`,
-      duration: 8e3,
-      status: "error",
-      title: WIDGET_NAME
-    });
-  }, [deploymentTarget, isError]);
-  const hasFetched = typeof deployments < "u", hasDeployments = deployments && deployments.length > 0, { border } = useCardColor();
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { marginTop: 3, style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StateDebug, { name: "Refresh", state: refreshState }),
-    !refreshState.matches("error") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.Box,
-        {
-          as: "table",
-          style: {
-            borderBottom: `1px solid ${border}`,
-            borderCollapse: "collapse",
-            display: "table",
-            tableLayout: "fixed",
-            width: "100%"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { as: "thead", style: { display: "table-header-group" }, children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TableCell, { header: !0, children: "Deployment" }),
-              /* @__PURE__ */ jsxRuntime.jsx(TableCell, { header: !0, variant: "state", children: "State" }),
-              /* @__PURE__ */ jsxRuntime.jsx(TableCell, { header: !0, variant: "branch", children: "Branch" }),
-              /* @__PURE__ */ jsxRuntime.jsx(TableCell, { header: !0, variant: "age", children: "Age" }),
-              /* @__PURE__ */ jsxRuntime.jsx(TableCell, { header: !0, variant: "age", children: "Creator" })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { as: "tbody", style: { display: "table-header-group" }, children: [
-              !deployments && new Array(deploymentTarget?.deployLimit).fill(void 0).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(DeploymentPlaceholder, {}, index)),
-              hasDeployments && deployments?.map((deployment) => /* @__PURE__ */ jsxRuntime.jsx(Deployment, { deployment }, deployment.uid))
-            ] })
-          ]
-        }
-      ),
-      hasFetched && !hasDeployments && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.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." }) })
-    ] }),
-    refreshState.matches("error") && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Unable to fetch recent deployments. Please check your network and deployment settings." }) }),
-    !refreshState.matches("error") && deploymentTarget.deployHook && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      DeployButton,
-      {
-        deployHook: deploymentTarget.deployHook,
-        onDeploySuccess: handleDeploySuccess,
-        targetName: deploymentTarget.name
-      }
-    ) })
-  ] });
-}, DeploymentTarget = (props) => {
-  const { item, onDialogEdit } = props, deploymentTarget = {
-    deployHook: item.deployHook,
-    deployLimit: item.deployLimit,
-    name: item.name,
-    projectId: item.projectId,
-    teamId: item.teamId,
-    token: item.token
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", marginTop: 2, paddingX: 3, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: item.name }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Tooltip,
-        {
-          content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Edit deployment target" }) }),
-          placement: "left",
-          children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { fontSize: 1, icon: icons.EditIcon, mode: "bleed", onClick: () => onDialogEdit(item) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Deployments, { deploymentTarget })
-  ] });
-}, DeploymentTargets = (props) => {
-  const { items, onDialogEdit } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 5, children: items?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DeploymentTarget, { item, onDialogEdit }, item._id)) });
-}, formMachine = xstate.setup({
-  types: {},
-  actions: {
-    setId: xstate.assign({
-      id: ({ event }) => (xstate.assertEvent(event, ["UPDATE", "DELETE"]), event.id)
-    }),
-    setFormData: xstate.assign({
-      formData: ({ event }) => (xstate.assertEvent(event, ["CREATE", "UPDATE"]), event.formData)
-    }),
-    setMessage: xstate.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: xstate.assign({
-      document: ({ event }) => event.output
-    })
-  },
-  actors: {
-    "create document": xstate.fromPromise(
-      ({ input }) => input.client.create({
-        _id: `vercel.${uuid.uuid()}`,
-        _type: DEPLOYMENT_TARGET_DOCUMENT_TYPE,
-        ...input.formData
-      })
-    ),
-    "update document": xstate.fromPromise(
-      ({ input }) => input.client.patch(input.id).set(input.formData).commit()
-    ),
-    "delete document": xstate.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;
-}, {}), StyledErrorOutlineIcon = styledComponents.styled(icons.ErrorOutlineIcon)(({ theme }) => ({
-  color: theme.sanity.color.spot.red
-})), FormFieldInputLabel = (props) => {
-  const { description, error, label, name } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { marginBottom: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Inline, { space: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "label", htmlFor: name, size: 1, weight: "semibold", children: label }),
-      error && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Tooltip,
-        {
-          content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { muted: !0, size: 1, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StyledErrorOutlineIcon, { style: { marginRight: "0.1em" } }),
-            error.message
-          ] }) }),
-          fallbackPlacements: ["top", "left"],
-          placement: "right",
-          portal: !0,
-          children: /* @__PURE__ */ jsxRuntime.jsx(StyledErrorOutlineIcon, {})
-        }
-      ) })
-    ] }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginY: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { htmlFor: name, muted: !0, size: 1, children: description }) })
-  ] });
-}, FormFieldInputText = react.forwardRef((props, ref) => {
-  const { description, disabled, error, label, name, placeholder, value, onChange, onBlur } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FormFieldInputLabel, { description, error, label, name }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.TextInput,
-      {
-        autoComplete: "off",
-        autoFocus: !0,
-        defaultValue: value,
-        disabled,
-        id: name,
-        name,
-        placeholder,
-        onChange,
-        onBlur,
-        ref
-      }
-    )
-  ] });
-});
-function useSanityClient() {
-  return sanity.useClient({ apiVersion: API_VERSION });
-}
-const formSchema = yup__namespace.object().shape({
-  deployHook: yup__namespace.string().url("Deploy hook must be a valid URL"),
-  deployLimit: yup__namespace.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__namespace.string().required("Name cannot be empty"),
-  projectId: yup__namespace.string().required("Vercel Project ID cannot be empty"),
-  teamId: yup__namespace.string(),
-  token: yup__namespace.string().required("Vercel Account Token cannot be empty")
-}), DialogForm = (props) => {
-  const { deploymentTarget, onClose, onCreate, onDelete, onUpdate } = props, client = useSanityClient(), toast = ui.useToast(), [formState, formStateTransition, formStateActorRef] = react$1.useActor(formMachine, {
-    input: { client }
-  }), formUpdating = formState.hasTag("busy"), {
-    formState: { errors, isDirty, isValid },
-    handleSubmit,
-    register
-  } = reactHookForm.useForm({
-    // @ts-expect-error - fix typings later
-    defaultValues: {
-      deployHook: deploymentTarget?.deployHook || "",
-      deployLimit: deploymentTarget?.deployLimit || 5,
-      name: deploymentTarget?.name || "",
-      projectId: deploymentTarget?.projectId || "",
-      teamId: deploymentTarget?.teamId || "",
-      token: deploymentTarget?.token || ""
-    },
-    mode: "onChange",
-    resolver: yup$1.yupResolver(formSchema)
-  });
-  react.useEffect(() => {
-    formState.matches("error") && toast.push({
-      status: "error",
-      title: formState.context.message || "An error occurred"
-    }), formState.status === "done" && onClose();
-  }, [formState, onClose, toast]);
-  const onSubmit = async (formData) => {
-    const sanitizedFormData = sanitizeFormData(formData);
-    formStateTransition(deploymentTarget ? { type: "UPDATE", id: deploymentTarget._id, formData: sanitizedFormData } : { type: "CREATE", formData: sanitizedFormData }), await xstate.toPromise(formStateActorRef);
-    const snapshot = formStateActorRef.getSnapshot(), { document } = snapshot.context;
-    document && (snapshot.matches("created") ? onCreate?.(document) : snapshot.matches("updated") && onUpdate?.(document));
-  }, handleDelete = async () => {
-    const id = deploymentTarget._id;
-    formStateTransition({ type: "DELETE", id }), await xstate.toPromise(formStateActorRef), formStateActorRef.getSnapshot().matches("deleted") && onDelete?.(id);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Dialog,
-    {
-      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: deploymentTarget ? "space-between" : "flex-end", children: [
-        deploymentTarget && /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            loading: formState.matches("deleting"),
-            disabled: formUpdating,
-            fontSize: 1,
-            mode: "bleed",
-            onClick: handleDelete,
-            text: "Delete",
-            tone: "critical"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            loading: formState.matches("creating") || formState.matches("updating"),
-            disabled: !isDirty || !isValid,
-            fontSize: 1,
-            onClick: handleSubmit(onSubmit),
-            text: deploymentTarget ? "Update and close" : "Create",
-            tone: "primary"
-          }
-        )
-      ] }) }),
-      header: `${deploymentTarget ? "Edit" : "Create"} deployment target`,
-      id: "create",
-      onClose,
-      width: 1,
-      zOffset: Z_INDEX_DIALOG,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { as: "form", padding: 4, onSubmit: handleSubmit(onSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { style: { display: "none" }, tabIndex: -1, type: "submit" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 5, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FormFieldInputText,
-            {
-              disabled: formUpdating,
-              description: "Name displayed in this plugin (e.g. production, staging)",
-              error: errors?.name,
-              label: "Name",
-              ...register("name")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FormFieldInputText,
-            {
-              disabled: formUpdating,
-              error: errors?.token,
-              label: "Vercel Account Token",
-              ...register("token")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FormFieldInputText,
-            {
-              disabled: formUpdating,
-              error: errors?.projectId,
-              label: "Vercel Project ID",
-              ...register("projectId")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FormFieldInputText,
-            {
-              description: "Required only if your project is owned by a team account",
-              disabled: formUpdating,
-              error: errors?.teamId,
-              label: "Vercel Team ID (optional)",
-              ...register("teamId")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FormFieldInputText,
-            {
-              description: "Enter a valid deploy hook URL to enable manual deploys",
-              disabled: formUpdating,
-              error: errors?.deployHook,
-              label: "Vercel Deploy Hook (optional)",
-              ...register("deployHook")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FormFieldInputText,
-            {
-              disabled: formUpdating,
-              error: errors?.deployLimit,
-              label: "Number of deploys to display",
-              ...register("deployLimit", { valueAsNumber: !0 })
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}, dialogMachine = xstate.setup({
-  types: {
-    context: {},
-    events: {}
-  },
-  actions: {
-    setEditDeploymentTarget: xstate.assign({
-      editDeploymentTarget: ({ event }) => (xstate.assertEvent(event, "EDIT"), event.deploymentTarget)
-    })
-  }
-}).createMachine({
-  /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAYQCUBRAQQBVGBtABgF1FQADgHtYuAC64h+fiAAeiAEwKArCQCcANgAcAdmUbNOhVx0BGLQBoQAT0SmAzApJcXXexoAsW5fbWaFAL4BVmhYeISk5FTUjAAiAJKs3HxIIMKiElIy8ghKqpq6+obGZpY2ivb2zq4e5moeXKZc3kEhGDgExCSQ4nQAMgDyAMqcvDLp4pLSqTn2DSQefn7uyq5aWvZWtgjmTqsuvnU6XMoK9q0goR0RJJgATmDoYjS0gyPJ4yKTWTOIc1wLJZqFZrDZbRBaUwkfZuew6SFcepuILBED4IQQOAyK7hYifDJTbKIAC0GnBCFJFxxnUilDA+O+01AOQ8CnJGxIGn29lMpjUxhcCh0VPauNIPTEDMyTLkiA8PhIxh5Cg8DS8pgM5L5UOalSMah0cP05hFYRptweT3pqQm0qJCHlVSVphVashmvKCDUAN17j0XNMqrUyhRASAA */
-  context: {
-    editDeploymentTarget: void 0
-  },
-  initial: "idle",
-  states: {
-    idle: {
-      entry: xstate.assign({
-        editDeploymentTarget: () => {
-        }
-      }),
-      on: {
-        CREATE: {
-          target: "create"
-        },
-        EDIT: {
-          actions: "setEditDeploymentTarget",
-          target: "edit"
-        }
-      }
-    },
-    edit: {
-      on: {
-        CLOSE: {
-          target: "idle"
-        }
-      }
-    },
-    create: {
-      on: {
-        CLOSE: {
-          target: "idle"
-        }
-      }
-    }
-  }
-}), queryClient = new reactQuery.QueryClient({
-  defaultOptions: {
-    queries: {
-      gcTime: 0,
-      staleTime: 0
-    }
-  }
-}), Widget = () => {
-  const client = useSanityClient(), [deploymentTargetListState, deploymentTargetListStateTransition] = react$1.useMachine(
-    deploymentTargetListMachine,
-    { input: { client } }
-  ), [dialogState, dialogStateTransition] = react$1.useMachine(dialogMachine), handleDialogClose = () => {
-    dialogStateTransition({ type: "CLOSE" });
-  }, handleDialogShowCreate = () => {
-    dialogStateTransition({ type: "CREATE" });
-  }, handleDialogShowEdit = (deploymentTarget) => {
-    dialogStateTransition({ type: "EDIT", deploymentTarget });
-  }, handleTargetCreate = (deploymentTarget) => {
-    deploymentTargetListStateTransition({ type: "CREATE", deploymentTarget });
-  }, handleTargetDelete = (id) => {
-    deploymentTargetListStateTransition({ type: "DELETE", id });
-  }, handleTargetUpdate = (deploymentTarget) => {
-    deploymentTargetListStateTransition({ type: "UPDATE", deploymentTarget });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.ToastProvider, { zOffset: Z_INDEX_TOAST_PROVIDER, children: /* @__PURE__ */ jsxRuntime.jsxs(reactQuery.QueryClientProvider, { client: queryClient, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { radius: 2, style: { overflow: "hidden " }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(StateDebug, { name: "List", state: deploymentTargetListState }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", paddingX: 3, paddingY: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 5, weight: "semibold", children: "Vercel deployments" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Tooltip,
-          {
-            content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Create new deployment target" }) }),
-            placement: "left",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { fontSize: 1, icon: icons.AddIcon, onClick: handleDialogShowCreate, mode: "bleed" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { children: [
-        deploymentTargetListState.matches("pending") && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading..." }) }),
-        deploymentTargetListState.matches({ ready: "withoutData" }) && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
-          "No deployment targets found.",
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx("a", { onClick: handleDialogShowCreate, style: { cursor: "pointer" }, children: "Create a new target?" })
-        ] }) }),
-        deploymentTargetListState.matches({ ready: "withData" }) && /* @__PURE__ */ jsxRuntime.jsx(
-          DeploymentTargets,
-          {
-            items: deploymentTargetListState.context.results,
-            onDialogEdit: handleDialogShowEdit
-          }
-        ),
-        deploymentTargetListState.matches("failed") && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Failed to retrieve deployment targets. Please check the developer console log for more information." }) })
-      ] })
-    ] }),
-    dialogState.matches("create") && /* @__PURE__ */ jsxRuntime.jsx(DialogForm, { onClose: handleDialogClose, onCreate: handleTargetCreate }),
-    dialogState.matches("edit") && /* @__PURE__ */ jsxRuntime.jsx(
-      DialogForm,
-      {
-        deploymentTarget: dialogState.context.editDeploymentTarget,
-        onClose: handleDialogClose,
-        onDelete: handleTargetDelete,
-        onUpdate: handleTargetUpdate
-      }
-    )
-  ] }) });
-};
-TimeAgo__default.default.addDefaultLocale(en__default.default);
-function vercelWidget(config = {}) {
-  return {
-    name: "vercel",
-    component: Widget,
-    layout: config.layout ?? { width: "full" }
-  };
-}
-exports.vercelWidget = vercelWidget;
-//# sourceMappingURL=index.js.map