@sanity/dashboard 5.0.1 → 6.0.0

package/dist/index.js

@@ -0,0 +1,605 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Card, Box, Heading, Stack, Label, Grid, Text, Code, Button, rem, Flex, Spinner, Container } from "@sanity/ui";
+import { getTheme_v2 } from "@sanity/ui/theme";
+import { forwardRef, createContext, useContext, useState, useEffect } from "react";
+import { styled, css } from "styled-components";
+import { useClient, useListFormat, UserAvatar, useUserStore, definePlugin } from "sanity";
+import { from } from "rxjs";
+import { switchMap, map } from "rxjs/operators";
+import { RobotIcon, PlayIcon } from "@sanity/icons";
+import imageUrlBuilder from "@sanity/image-url";
+const Root$3 = styled(Card).withConfig({
+  displayName: "Root",
+  componentId: "sc-stlwez-0"
+})`display:flex;flex-direction:column;justify-content:stretch;height:100%;box-sizing:border-box;position:relative;`, Header = styled(Card).withConfig({
+  displayName: "Header",
+  componentId: "sc-stlwez-1"
+})`position:sticky;top:0;z-index:2;border-top-left-radius:inherit;border-top-right-radius:inherit;`, Footer = styled(Card).withConfig({
+  displayName: "Footer",
+  componentId: "sc-stlwez-2"
+})`position:sticky;overflow:hidden;bottom:0;z-index:2;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;margin-top:auto;`, Content = styled(Box).withConfig({
+  displayName: "Content",
+  componentId: "sc-stlwez-3"
+})`position:relative;z-index:1;height:stretch;min-height:21.5em;@media (min-width:${({
+  theme
+}) => getTheme_v2(theme).media[0]}px){overflow-y:auto;outline:none;}`, DashboardWidgetContainer = forwardRef(function(props, ref) {
+  const $ = c(11), {
+    header,
+    children,
+    footer
+  } = props;
+  let t0;
+  $[0] !== header ? (t0 = header && /* @__PURE__ */ jsx(Header, { borderBottom: !0, paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Heading, { size: 1, textOverflow: "ellipsis", children: header }) }), $[0] = header, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== children ? (t1 = children && /* @__PURE__ */ jsx(Content, { children }), $[2] = children, $[3] = t1) : t1 = $[3];
+  let t2;
+  $[4] !== footer ? (t2 = footer && /* @__PURE__ */ jsx(Footer, { borderTop: !0, children: footer }), $[4] = footer, $[5] = t2) : t2 = $[5];
+  let t3;
+  return $[6] !== ref || $[7] !== t0 || $[8] !== t1 || $[9] !== t2 ? (t3 = /* @__PURE__ */ jsxs(Root$3, { radius: 3, display: "flex", ref, children: [
+    t0,
+    t1,
+    t2
+  ] }), $[6] = ref, $[7] = t0, $[8] = t1, $[9] = t2, $[10] = t3) : t3 = $[10], t3;
+}), DashboardContext = createContext({
+  widgets: []
+});
+function useDashboardConfig() {
+  return useContext(DashboardContext);
+}
+function WidgetContainer(props) {
+  const $ = c(9), config = useDashboardConfig();
+  let t0;
+  $[0] !== config.layout || $[1] !== props.layout ? (t0 = {
+    ...props.layout,
+    ...config.layout
+  }, $[0] = config.layout, $[1] = props.layout, $[2] = t0) : t0 = $[2];
+  const layout = t0, Widget = props.component;
+  let t1;
+  $[3] !== Widget ? (t1 = /* @__PURE__ */ jsx(Widget, {}), $[3] = Widget, $[4] = t1) : t1 = $[4];
+  let t2;
+  return $[5] !== layout.height || $[6] !== layout.width || $[7] !== t1 ? (t2 = /* @__PURE__ */ jsx(Card, { shadow: 1, "data-width": layout.width, "data-height": layout.height, children: t1 }), $[5] = layout.height, $[6] = layout.width, $[7] = t1, $[8] = t2) : t2 = $[8], t2;
+}
+function useVersionedClient() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: "2024-08-01"
+  }, $[0] = t0) : t0 = $[0], useClient(t0);
+}
+function isUrl(url) {
+  return url && /^https?:\/\//.test(url);
+}
+function getGraphQLUrl(projectId, dataset) {
+  return `https://${projectId}.api.sanity.io/v1/graphql/${dataset}/default`;
+}
+function getGroqUrl(projectId, dataset) {
+  return `https://${projectId}.api.sanity.io/v1/groq/${dataset}`;
+}
+function getManageUrl(projectId) {
+  return `https://manage.sanity.io/projects/${projectId}`;
+}
+const NO_EXPERIMENTAL = [], NO_DATA = [];
+function ProjectInfo(props) {
+  const $ = c(37), {
+    __experimental_before: t0,
+    data: t1
+  } = props, __experimental_before = t0 === void 0 ? NO_EXPERIMENTAL : t0, data = t1 === void 0 ? NO_DATA : t1, [studioApps, setStudioApps] = useState(), [graphQLApi, setGraphQLApi] = useState(), versionedClient = useVersionedClient();
+  let t2;
+  $[0] !== versionedClient ? (t2 = versionedClient.config(), $[0] = versionedClient, $[1] = t2) : t2 = $[1];
+  const {
+    projectId: t3,
+    dataset: t4
+  } = t2, projectId = t3 === void 0 ? "unknown" : t3, dataset = t4 === void 0 ? "unknown" : t4;
+  let t5;
+  $[2] !== dataset || $[3] !== projectId || $[4] !== versionedClient.observable ? (t5 = () => {
+    const subscriptions = [];
+    return subscriptions.push(versionedClient.observable.request({
+      uri: "/user-applications",
+      tag: "dashboard.project-info"
+    }).subscribe({
+      next: (result) => setStudioApps(result.filter(_temp$2)),
+      error: (error) => {
+        console.error("Error while resolving user applications", error), setStudioApps({
+          error: "Something went wrong while resolving user applications. See console."
+        });
+      }
+    })), subscriptions.push(versionedClient.observable.request({
+      method: "HEAD",
+      uri: `/graphql/${dataset}/default`,
+      tag: "dashboard.project-info.graphql-api"
+    }).subscribe({
+      next: () => setGraphQLApi(getGraphQLUrl(projectId, dataset)),
+      error: (error_0) => {
+        error_0.statusCode === 404 ? setGraphQLApi(void 0) : (console.error("Error while looking for graphQLApi", error_0), setGraphQLApi({
+          error: "Something went wrong while looking up graphQLApi. See console."
+        }));
+      }
+    })), () => {
+      subscriptions.forEach(_temp2$1);
+    };
+  }, $[2] = dataset, $[3] = projectId, $[4] = versionedClient.observable, $[5] = t5) : t5 = $[5];
+  let t6;
+  $[6] !== dataset || $[7] !== projectId || $[8] !== versionedClient ? (t6 = [dataset, projectId, versionedClient, setGraphQLApi], $[6] = dataset, $[7] = projectId, $[8] = versionedClient, $[9] = t6) : t6 = $[9], useEffect(t5, t6);
+  let result_0;
+  if ($[10] !== data || $[11] !== dataset || $[12] !== graphQLApi || $[13] !== projectId || $[14] !== studioApps) {
+    result_0 = [{
+      title: "Sanity project",
+      rows: [{
+        title: "Project ID",
+        value: projectId
+      }, {
+        title: "Dataset",
+        value: dataset
+      }]
+    }];
+    const apps = data.filter(_temp3);
+    (Array.isArray(studioApps) ? studioApps : []).forEach((app_0) => {
+      apps.push({
+        title: app_0.title || "Studio",
+        value: app_0.urlType === "internal" ? `https://${app_0.appHost}.sanity.studio` : app_0.appHost
+      });
+    }), apps.length > 0 && (result_0 = result_0.concat([{
+      title: "Apps",
+      rows: apps
+    }])), result_0 = result_0.concat([{
+      title: "APIs",
+      rows: [{
+        title: "GROQ",
+        value: getGroqUrl(projectId, dataset)
+      }, {
+        title: "GraphQL",
+        value: (typeof graphQLApi == "object" ? "Error" : graphQLApi) ?? "Not deployed"
+      }]
+    }], data.filter(_temp4));
+    const otherStuff = {};
+    data.forEach((item_1) => {
+      if (item_1.category && item_1.category !== "apps" && item_1.category !== "apis") {
+        const group = otherStuff[item_1.category] ?? [];
+        group.push(item_1), otherStuff[item_1.category] = group;
+      }
+    }), Object.keys(otherStuff).forEach((category) => {
+      result_0.push({
+        title: category,
+        rows: otherStuff[category]
+      });
+    }), $[10] = data, $[11] = dataset, $[12] = graphQLApi, $[13] = projectId, $[14] = studioApps, $[15] = result_0;
+  } else
+    result_0 = $[15];
+  const assembleTableRows = result_0;
+  let t7;
+  $[16] !== __experimental_before ? (t7 = __experimental_before.map(_temp5), $[16] = __experimental_before, $[17] = t7) : t7 = $[17];
+  const t8 = __experimental_before?.length > 0 ? 4 : 0;
+  let t9;
+  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = {
+    width: "100%"
+  }, $[18] = t9) : t9 = $[18];
+  let t10;
+  $[19] !== projectId ? (t10 = getManageUrl(projectId), $[19] = projectId, $[20] = t10) : t10 = $[20];
+  let t11;
+  $[21] !== t10 ? (t11 = /* @__PURE__ */ jsx(Button, { style: t9, paddingX: 2, paddingY: 4, mode: "bleed", tone: "primary", text: "Manage project", as: "a", href: t10 }), $[21] = t10, $[22] = t11) : t11 = $[22];
+  let t12;
+  $[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(Box, { paddingX: 3, as: "header", children: /* @__PURE__ */ jsx(Heading, { size: 1, as: "h2", id: "project_info_table", children: "Project info" }) }), $[23] = t12) : t12 = $[23];
+  let t13;
+  $[24] !== assembleTableRows ? (t13 = assembleTableRows.map(_temp7), $[24] = assembleTableRows, $[25] = t13) : t13 = $[25];
+  let t14;
+  $[26] !== t13 ? (t14 = /* @__PURE__ */ jsx(Card, { paddingY: 4, radius: 2, "aria-label": "Project info", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    t12,
+    t13
+  ] }) }), $[26] = t13, $[27] = t14) : t14 = $[27];
+  let t15;
+  $[28] !== t11 || $[29] !== t14 ? (t15 = /* @__PURE__ */ jsx(DashboardWidgetContainer, { footer: t11, children: t14 }), $[28] = t11, $[29] = t14, $[30] = t15) : t15 = $[30];
+  let t16;
+  $[31] !== t15 || $[32] !== t8 ? (t16 = /* @__PURE__ */ jsx(Box, { height: "fill", marginTop: t8, children: t15 }), $[31] = t15, $[32] = t8, $[33] = t16) : t16 = $[33];
+  let t17;
+  return $[34] !== t16 || $[35] !== t7 ? (t17 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t7,
+    t16
+  ] }), $[34] = t16, $[35] = t7, $[36] = t17) : t17 = $[36], t17;
+}
+function _temp7(item_2) {
+  return !item_2 || !item_2.rows ? null : /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+    /* @__PURE__ */ jsx(Card, { borderBottom: !0, padding: 3, children: /* @__PURE__ */ jsx(Label, { size: 0, muted: !0, children: item_2.title }) }),
+    /* @__PURE__ */ jsx(Stack, { gap: 4, paddingX: 3, children: item_2.rows.map(_temp6) })
+  ] }, item_2.title);
+}
+function _temp6(row) {
+  const rowValue = typeof row.value == "object" ? row.value.error : row.value;
+  return /* @__PURE__ */ jsxs(Grid, { gridTemplateColumns: 2, children: [
+    /* @__PURE__ */ jsx(Text, { weight: "medium", children: row.title }),
+    typeof row.value == "object" && /* @__PURE__ */ jsx(Text, { size: 1, children: row.value?.error }),
+    typeof row.value == "string" && /* @__PURE__ */ jsx(Fragment, { children: isUrl(row.value) ? /* @__PURE__ */ jsx(Text, { size: 1, style: {
+      wordBreak: "break-word"
+    }, children: /* @__PURE__ */ jsx("a", { href: row.value, children: row.value }) }) : /* @__PURE__ */ jsx(Code, { size: 1, style: {
+      wordBreak: "break-word"
+    }, children: row.value }) })
+  ] }, `${rowValue ?? ""}-${row.title}`);
+}
+function _temp5(widgetConfig, idx) {
+  return /* @__PURE__ */ jsx(WidgetContainer, { ...widgetConfig }, idx);
+}
+function _temp4(item_0) {
+  return item_0.category === "apis";
+}
+function _temp3(item) {
+  return item.category === "apps";
+}
+function _temp2$1(s) {
+  return s.unsubscribe();
+}
+function _temp$2(app) {
+  return app.type === "studio";
+}
+function projectInfoWidget(config) {
+  return {
+    name: "project-info",
+    component: ProjectInfo,
+    layout: config?.layout ?? {
+      width: "medium"
+    }
+  };
+}
+const Root$2 = styled(Flex).withConfig({
+  displayName: "Root",
+  componentId: "sc-63c5lb-0"
+})`height:${rem(33)};box-sizing:content-box;`;
+function ProjectUser(t0) {
+  const $ = c(18), {
+    user,
+    isRobot,
+    roles
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    style: "narrow"
+  }, $[0] = t1) : t1 = $[0];
+  const listFormat = useListFormat(t1);
+  let t2;
+  $[1] !== isRobot || $[2] !== user ? (t2 = /* @__PURE__ */ jsx(Box, { flex: "none", children: isRobot ? /* @__PURE__ */ jsx(Text, { size: 2, children: /* @__PURE__ */ jsx(RobotIcon, {}) }) : /* @__PURE__ */ jsx(UserAvatar, { user }) }), $[1] = isRobot, $[2] = user, $[3] = t2) : t2 = $[3];
+  let t3;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+    color: "inherit"
+  }, $[4] = t3) : t3 = $[4];
+  let t4;
+  $[5] !== user.displayName ? (t4 = /* @__PURE__ */ jsx(Text, { size: 1, style: t3, textOverflow: "ellipsis", weight: "medium", children: user.displayName }), $[5] = user.displayName, $[6] = t4) : t4 = $[6];
+  let t5;
+  $[7] !== listFormat || $[8] !== roles ? (t5 = listFormat.format(roles), $[7] = listFormat, $[8] = roles, $[9] = t5) : t5 = $[9];
+  let t6;
+  $[10] !== t5 ? (t6 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, textOverflow: "ellipsis", children: t5 }), $[10] = t5, $[11] = t6) : t6 = $[11];
+  let t7;
+  $[12] !== t4 || $[13] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Stack, { flex: 1, gap: 2, children: [
+    t4,
+    t6
+  ] }), $[12] = t4, $[13] = t6, $[14] = t7) : t7 = $[14];
+  let t8;
+  return $[15] !== t2 || $[16] !== t7 ? (t8 = /* @__PURE__ */ jsx(Root$2, { align: "center", children: /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, gap: 2, children: [
+    t2,
+    t7
+  ] }) }), $[15] = t2, $[16] = t7, $[17] = t8) : t8 = $[17], t8;
+}
+function getInviteUrl(projectId) {
+  return `https://manage.sanity.io/projects/${projectId}/members`;
+}
+function ProjectUsers() {
+  const $ = c(28), [project, setProject] = useState(), [users, setUsers] = useState(), [error, setError] = useState(), userStore = useUserStore(), versionedClient = useVersionedClient();
+  let t0;
+  $[0] !== userStore || $[1] !== versionedClient ? (t0 = () => {
+    const {
+      projectId
+    } = versionedClient.config(), subscription = versionedClient.observable.request({
+      uri: `/projects/${projectId}`,
+      tag: "dashboard.project-users"
+    }).pipe(switchMap((_project) => from(userStore.getUsers(_project.members.map(_temp$1))).pipe(map((_users) => ({
+      project: _project,
+      users: _users
+    }))))).subscribe({
+      next: (t12) => {
+        const {
+          users: _users_0,
+          project: _project_0
+        } = t12;
+        setProject(_project_0), setUsers((Array.isArray(_users_0) ? _users_0 : [_users_0]).sort((userA, userB) => sortUsersByRobotStatus(userA, userB, _project_0)));
+      },
+      error: (e) => setError(e)
+    });
+    return () => subscription.unsubscribe();
+  }, $[0] = userStore, $[1] = versionedClient, $[2] = t0) : t0 = $[2];
+  const fetchData = t0;
+  let t1, t2;
+  $[3] !== fetchData ? (t1 = () => fetchData(), t2 = [fetchData], $[3] = fetchData, $[4] = t1, $[5] = t2) : (t1 = $[4], t2 = $[5]), useEffect(t1, t2);
+  let t3;
+  $[6] !== fetchData ? (t3 = () => fetchData(), $[6] = fetchData, $[7] = t3) : t3 = $[7];
+  const handleRetryFetch = t3, isLoading = !users || !project;
+  if (error) {
+    let t42;
+    $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = /* @__PURE__ */ jsx(Text, { children: "Something went wrong while fetching data." }), $[8] = t42) : t42 = $[8];
+    let t52;
+    return $[9] !== handleRetryFetch ? (t52 = /* @__PURE__ */ jsx(DashboardWidgetContainer, { header: "Project users", children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+      t42,
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Button, { mode: "ghost", text: "Retry", title: "Retry users fetch", onClick: handleRetryFetch }) })
+    ] }) }) }), $[9] = handleRetryFetch, $[10] = t52) : t52 = $[10], t52;
+  }
+  let t4;
+  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+    width: "100%"
+  }, $[11] = t4) : t4 = $[11];
+  let t5;
+  $[12] !== isLoading || $[13] !== project ? (t5 = isLoading ? void 0 : getInviteUrl(project.id), $[12] = isLoading, $[13] = project, $[14] = t5) : t5 = $[14];
+  let t6;
+  $[15] !== isLoading || $[16] !== t5 ? (t6 = /* @__PURE__ */ jsx(Button, { style: t4, paddingX: 2, paddingY: 4, mode: "bleed", tone: "primary", text: "Manage members", as: "a", loading: isLoading, href: t5 }), $[15] = isLoading, $[16] = t5, $[17] = t6) : t6 = $[17];
+  let t7;
+  $[18] !== isLoading ? (t7 = isLoading && /* @__PURE__ */ jsx(Box, { paddingY: 5, paddingX: 2, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, size: 1, children: /* @__PURE__ */ jsx(Spinner, {}) }),
+    /* @__PURE__ */ jsx(Text, { align: "center", size: 1, muted: !0, children: "Loading items\u2026" })
+  ] }) }), $[18] = isLoading, $[19] = t7) : t7 = $[19];
+  let t8;
+  $[20] !== isLoading || $[21] !== project || $[22] !== users ? (t8 = !isLoading && /* @__PURE__ */ jsx(Stack, { gap: 3, padding: 3, children: users?.map((user) => {
+    const membership = project.members.find((member) => member.id === user.id);
+    return /* @__PURE__ */ jsx(ProjectUser, { user, isRobot: membership?.isRobot ?? !1, roles: membership?.roles.map(_temp2) || [] }, user.id);
+  }) }), $[20] = isLoading, $[21] = project, $[22] = users, $[23] = t8) : t8 = $[23];
+  let t9;
+  return $[24] !== t6 || $[25] !== t7 || $[26] !== t8 ? (t9 = /* @__PURE__ */ jsxs(DashboardWidgetContainer, { header: "Project users", footer: t6, children: [
+    t7,
+    t8
+  ] }), $[24] = t6, $[25] = t7, $[26] = t8, $[27] = t9) : t9 = $[27], t9;
+}
+function _temp2(role) {
+  return role.title;
+}
+function _temp$1(mem) {
+  return mem.id;
+}
+function sortUsersByRobotStatus(userA, userB, project) {
+  const {
+    members
+  } = project, membershipA = members.find((member) => member.id === userA?.id), membershipB = members.find((member) => member.id === userB?.id);
+  return membershipA?.isRobot === membershipB?.isRobot ? (membershipA?.createdAt || "") > (membershipB?.createdAt || "") ? 1 : -1 : membershipA?.isRobot ? 1 : -1;
+}
+function projectUsersWidget(config) {
+  return {
+    name: "project-info",
+    component: ProjectUsers,
+    layout: config?.layout
+  };
+}
+const tutorialsProjectConfig = {
+  projectId: "3do82whm",
+  dataset: "next"
+};
+function useDataAdapter() {
+  const $ = c(5), versionedClient = useVersionedClient();
+  let t0;
+  $[0] !== versionedClient ? (t0 = (templateRepoId) => {
+    const uri = templateRepoId ? `/addons/dashboard?templateRepoId=${templateRepoId}` : "/addons/dashboard";
+    return versionedClient.observable.request({
+      uri,
+      tag: "dashboard.sanity-tutorials",
+      withCredentials: !1
+    });
+  }, $[0] = versionedClient, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = imageUrlBuilder(tutorialsProjectConfig), $[2] = t1) : t1 = $[2];
+  let t2;
+  return $[3] !== t0 ? (t2 = {
+    getFeed: t0,
+    urlBuilder: t1
+  }, $[3] = t0, $[4] = t2) : t2 = $[4], t2;
+}
+const PlayIconBox = styled(Box).withConfig({
+  displayName: "PlayIconBox",
+  componentId: "sc-15gyucb-0"
+})`position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);&:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.75em;height:2.75em;border-radius:50%;background:${({
+  theme
+}) => getTheme_v2(theme).color.bg};opacity:0.75;}`, Root$1 = styled(Flex).withConfig({
+  displayName: "Root",
+  componentId: "sc-15gyucb-1"
+})`&:hover{${PlayIconBox}{&:before{opacity:1;}}}`, PosterCard = styled(Card).withConfig({
+  displayName: "PosterCard",
+  componentId: "sc-15gyucb-2"
+})`width:100%;padding-bottom:calc(9 / 16 * 100%);position:relative;`, Poster = styled.img.withConfig({
+  displayName: "Poster",
+  componentId: "sc-15gyucb-3"
+})`position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;display:block;&:not([src]){display:none;}`;
+function Tutorial(props) {
+  const $ = c(24), {
+    title,
+    posterURL,
+    showPlayIcon,
+    href,
+    presenterName,
+    presenterSubtitle
+  } = props;
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    position: "relative"
+  }, $[0] = t0) : t0 = $[0];
+  let t1;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    height: "100%"
+  }, $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] !== posterURL || $[3] !== showPlayIcon ? (t2 = posterURL && /* @__PURE__ */ jsxs(PosterCard, { marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Poster, { src: posterURL }),
+    showPlayIcon && /* @__PURE__ */ jsx(PlayIconBox, { display: "flex", children: /* @__PURE__ */ jsx(Text, { align: "center", children: /* @__PURE__ */ jsx(PlayIcon, {}) }) })
+  ] }), $[2] = posterURL, $[3] = showPlayIcon, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== title ? (t3 = /* @__PURE__ */ jsx(Heading, { as: "h3", size: 1, children: title }), $[5] = title, $[6] = t3) : t3 = $[6];
+  let t4;
+  $[7] !== presenterName ? (t4 = /* @__PURE__ */ jsx(Text, { size: 1, children: presenterName }), $[7] = presenterName, $[8] = t4) : t4 = $[8];
+  let t5;
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+    opacity: 0.7
+  }, $[9] = t5) : t5 = $[9];
+  let t6;
+  $[10] !== presenterSubtitle ? (t6 = /* @__PURE__ */ jsx(Text, { size: 0, style: t5, children: presenterSubtitle }), $[10] = presenterSubtitle, $[11] = t6) : t6 = $[11];
+  let t7;
+  $[12] !== t4 || $[13] !== t6 ? (t7 = /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 2, flex: 1, children: [
+    t4,
+    t6
+  ] }) }), $[12] = t4, $[13] = t6, $[14] = t7) : t7 = $[14];
+  let t8;
+  $[15] !== t3 || $[16] !== t7 ? (t8 = /* @__PURE__ */ jsxs(Flex, { direction: "column", justify: "space-between", paddingY: 2, flex: 1, children: [
+    t3,
+    t7
+  ] }), $[15] = t3, $[16] = t7, $[17] = t8) : t8 = $[17];
+  let t9;
+  $[18] !== t2 || $[19] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Flex, { direction: "column", style: t1, children: [
+    t2,
+    t8
+  ] }), $[18] = t2, $[19] = t8, $[20] = t9) : t9 = $[20];
+  let t10;
+  return $[21] !== href || $[22] !== t9 ? (t10 = /* @__PURE__ */ jsx(Root$1, { flex: 1, children: /* @__PURE__ */ jsx(Card, { sizing: "border", flex: 1, padding: 2, radius: 2, as: "a", href, target: "_blank", rel: "noopener noreferrer", style: t0, children: t9 }) }), $[21] = href, $[22] = t9, $[23] = t10) : t10 = $[23], t10;
+}
+function createUrl(slug, type) {
+  return type === "tutorial" ? `https://www.sanity.io/docs/tutorials/${slug.current}` : type === "guide" ? `https://www.sanity.io/docs/guides/${slug.current}` : !1;
+}
+function SanityTutorials(props) {
+  const $ = c(10), {
+    templateRepoId
+  } = props;
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
+  const [feedItems, setFeedItems] = useState(t0), {
+    getFeed,
+    urlBuilder
+  } = useDataAdapter();
+  let t1, t2;
+  $[1] !== getFeed || $[2] !== templateRepoId ? (t1 = () => {
+    const subscription = getFeed(templateRepoId).subscribe((response) => {
+      setFeedItems(response.items);
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, t2 = [setFeedItems, getFeed, templateRepoId], $[1] = getFeed, $[2] = templateRepoId, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2);
+  let t3;
+  $[5] !== feedItems || $[6] !== urlBuilder ? (t3 = feedItems?.map((feedItem, index) => {
+    if (!feedItem.title || !feedItem.guideOrTutorial && !feedItem.externalLink)
+      return null;
+    const presenter = feedItem.presenter || feedItem.guideOrTutorial?.presenter || {}, subtitle = feedItem.category, {
+      guideOrTutorial: t42
+    } = feedItem, guideOrTutorial = t42 === void 0 ? {} : t42, href = (guideOrTutorial.slug ? createUrl(guideOrTutorial.slug, guideOrTutorial._type) : feedItem.externalLink) || feedItem.externalLink;
+    return /* @__PURE__ */ jsx(Flex, { as: "li", paddingRight: index < feedItems?.length - 1 ? 1 : 3, paddingLeft: index === 0 ? 3 : 0, align: "stretch", style: {
+      minWidth: 272,
+      width: "30%"
+    }, children: /* @__PURE__ */ jsx(Tutorial, { title: feedItem.title, href: href ?? "", presenterName: presenter.name, presenterSubtitle: subtitle, showPlayIcon: feedItem.hasVideo, posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : void 0 }) }, feedItem._id);
+  }), $[5] = feedItems, $[6] = urlBuilder, $[7] = t3) : t3 = $[7];
+  let t4;
+  return $[8] !== t3 ? (t4 = /* @__PURE__ */ jsx(DashboardWidgetContainer, { header: "Learn about Sanity", children: /* @__PURE__ */ jsx(Flex, { as: "ul", overflow: "auto", align: "stretch", paddingY: 2, children: t3 }) }), $[8] = t3, $[9] = t4) : t4 = $[9], t4;
+}
+function sanityTutorialsWidget(config) {
+  return {
+    name: "sanity-tutorials",
+    component: SanityTutorials,
+    layout: config?.layout ?? {
+      width: "full"
+    }
+  };
+}
+function DashboardLayout(t0) {
+  const $ = c(3), {
+    children
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    height: "100%",
+    overflowY: "auto"
+  }, $[0] = t1) : t1 = $[0];
+  let t2;
+  return $[1] !== children ? (t2 = /* @__PURE__ */ jsx(Container, { width: 4, padding: 4, sizing: "border", style: t1, children }), $[1] = children, $[2] = t2) : t2 = $[2], t2;
+}
+const media = {
+  small: (...args) => css`@media (min-width:${({
+    theme
+  }) => getTheme_v2(theme).media[0]}px){${css(...args)}}`,
+  medium: (...args) => css`@media (min-width:${({
+    theme
+  }) => getTheme_v2(theme).media[2]}px){${css(...args)}}`
+}, Root = styled(Grid).withConfig({
+  displayName: "Root",
+  componentId: "sc-1av8yx9-0"
+})`grid-template-columns:repeat(auto-fit,minmax(250px,1fr));& > div{overflow:hidden;}& > div[data-width='medium']{${media.small`
+      grid-column: span 2;
+    `}}& > div[data-width='large']{${media.small`
+      grid-column: span 2;
+    `} ${media.medium`
+      grid-column: span 3;
+    `}}& > div[data-width='full']{${media.small`
+      grid-column: 1 / -1;
+    `}}& > div[data-height='medium']{${media.small`
+      grid-row: span 2;
+    `}}& > div[data-height='large']{${media.small`
+      grid-row: span 2;
+    `} ${media.medium`
+      grid-row: span 3;
+    `}}& > div[data-height='full']{${media.medium`
+      grid-row: 1 / -1;
+    `}}`, NO_WIDGETS = [], NO_LAYOUT = {};
+function WidgetGroup(props) {
+  const $ = c(9), {
+    config: t0
+  } = props, {
+    layout: t1,
+    widgets: t2
+  } = t0, layout = t1 === void 0 ? NO_LAYOUT : t1, widgets = t2 === void 0 ? NO_WIDGETS : t2, t3 = layout.width || "auto", t4 = layout.height || "auto";
+  let t5;
+  $[0] !== widgets.length ? (t5 = widgets.length ? null : /* @__PURE__ */ jsx(Card, { padding: 4, shadow: 1, tone: "primary", children: /* @__PURE__ */ jsx(Text, { align: "center", children: "Add some widgets to populate this space." }) }), $[0] = widgets.length, $[1] = t5) : t5 = $[1];
+  let t6;
+  $[2] !== widgets ? (t6 = widgets.map(_temp), $[2] = widgets, $[3] = t6) : t6 = $[3];
+  let t7;
+  return $[4] !== t3 || $[5] !== t4 || $[6] !== t5 || $[7] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Root, { autoFlow: "row dense", "data-width": t3, "data-height": t4, gap: 4, children: [
+    t5,
+    t6
+  ] }), $[4] = t3, $[5] = t4, $[6] = t5, $[7] = t6, $[8] = t7) : t7 = $[8], t7;
+}
+function _temp(widgetConfig, index) {
+  return widgetConfig.type === "__experimental_group" ? /* @__PURE__ */ jsx(WidgetGroup, { config: widgetConfig }, index) : widgetConfig.component ? /* @__PURE__ */ jsx(WidgetContainer, { ...widgetConfig }, index) : /* @__PURE__ */ jsxs(Box, { children: [
+    widgetConfig.name,
+    " is missing widget component"
+  ] }, index);
+}
+function Dashboard(t0) {
+  const $ = c(5), {
+    config
+  } = t0;
+  if (!config)
+    return null;
+  let t1;
+  $[0] !== config ? (t1 = /* @__PURE__ */ jsx(DashboardLayout, { children: /* @__PURE__ */ jsx(WidgetGroup, { config }) }), $[0] = config, $[1] = t1) : t1 = $[1];
+  let t2;
+  return $[2] !== config || $[3] !== t1 ? (t2 = /* @__PURE__ */ jsx(DashboardContext.Provider, { value: config, children: t1 }), $[2] = config, $[3] = t1, $[4] = t2) : t2 = $[4], t2;
+}
+const strokeStyle = {
+  stroke: "currentColor",
+  strokeWidth: 1.2
+}, DashboardIcon = () => {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs("svg", { "data-sanity-icon": !0, viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid", width: "1em", height: "1em", children: [
+    /* @__PURE__ */ jsx("path", { d: "M19.5 19.5H5.5V5.5H19.5V19.5Z", style: strokeStyle }),
+    /* @__PURE__ */ jsx("path", { d: "M5.5 12.5H19.5", style: strokeStyle }),
+    /* @__PURE__ */ jsx("path", { d: "M14.5 19.5V12.5M10.5 12.5V5.5", style: strokeStyle })
+  ] }), $[0] = t0) : t0 = $[0], t0;
+}, dashboardTool = definePlugin((config = {}) => {
+  const pluginConfig = {
+    layout: config.defaultLayout ?? {},
+    widgets: config.widgets ?? []
+  }, title = config.title ?? "Dashboard", name = config.name ?? "dashboard", icon = config.icon ?? DashboardIcon;
+  return {
+    name: "dashboard",
+    tools: [{
+      title,
+      name,
+      icon,
+      component: () => /* @__PURE__ */ jsx(Dashboard, { config: pluginConfig })
+    }]
+  };
+});
+export {
+  DashboardWidgetContainer,
+  dashboardTool,
+  projectInfoWidget,
+  projectUsersWidget,
+  sanityTutorialsWidget
+};
+//# sourceMappingURL=index.js.map