@sanity/dashboard 3.0.0-v3-studio.5 → 3.0.0-v3-studio.6

package/lib/esm/index.js

@@ -1,973 +0,0 @@
-import {jsxs as $7XdDa$jsxs, jsx as $7XdDa$jsx, Fragment as $7XdDa$Fragment} from "react/jsx-runtime";
-import {useMemo as $7XdDa$useMemo, createElement as $7XdDa$createElement, createContext as $7XdDa$createContext, useContext as $7XdDa$useContext, forwardRef as $7XdDa$forwardRef, useState as $7XdDa$useState, useEffect as $7XdDa$useEffect, useCallback as $7XdDa$useCallback} from "react";
-import {createPlugin as $7XdDa$createPlugin, useClient as $7XdDa$useClient, useUserStore as $7XdDa$useUserStore, DefaultPreview as $7XdDa$DefaultPreview} from "sanity";
-import {Container as $7XdDa$Container, Grid as $7XdDa$Grid, Card as $7XdDa$Card, Text as $7XdDa$Text, Box as $7XdDa$Box, Heading as $7XdDa$Heading, Button as $7XdDa$Button, Stack as $7XdDa$Stack, Label as $7XdDa$Label, Code as $7XdDa$Code, Spinner as $7XdDa$Spinner, Flex as $7XdDa$Flex} from "@sanity/ui";
-import $7XdDa$styledcomponents, {css as $7XdDa$css} from "styled-components";
-import {from as $7XdDa$from} from "rxjs";
-import {switchMap as $7XdDa$switchMap, map as $7XdDa$map} from "rxjs/operators";
-import {RobotIcon as $7XdDa$RobotIcon, PlayIcon as $7XdDa$PlayIcon} from "@sanity/icons";
-import $7XdDa$sanityimageurl from "@sanity/image-url";
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-
-
-
-
-
-
-function $82da5a035d695e7d$export$3469e8c87b54056a(props) {
-    return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Container), {
-        width: 4,
-        padding: 4,
-        sizing: "border",
-        style: {
-            minHeight: "100%"
-        },
-        children: props.children
-    });
-}
-
-
-
-
-
-
-
-
-
-const $eb4b9ad66697c2d1$export$3d9a716c82234f3d = /*#__PURE__*/ (0, $7XdDa$createContext)({
-    widgets: []
-});
-function $eb4b9ad66697c2d1$export$f69a0df1904034e() {
-    return (0, $7XdDa$useContext)($eb4b9ad66697c2d1$export$3d9a716c82234f3d);
-}
-
-
-
-function $d8fd3c76581cae12$export$d320a48219c7c153(props) {
-    const config = (0, $eb4b9ad66697c2d1$export$f69a0df1904034e)();
-    const layout = (0, $7XdDa$useMemo)(()=>({
-            ...props.layout || {},
-            ...config.layout || {}
-        }), [
-        props.layout,
-        config.layout
-    ]);
-    return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Card), {
-        shadow: 1,
-        "data-width": layout.width,
-        "data-height": layout.height,
-        children: /*#__PURE__*/ (0, $7XdDa$createElement)(props.component, {})
-    });
-}
-
-
-const $b3f6c4935414fea5$var$media = {
-    small: (...args)=>(0, $7XdDa$css)`
-      @media (min-width: ${({ theme: theme  })=>theme.sanity.media[0]}px) {
-        ${(0, $7XdDa$css)(...args)}
-      }
-    `,
-    medium: (...args)=>(0, $7XdDa$css)`
-      @media (min-width: ${({ theme: theme  })=>theme.sanity.media[2]}px) {
-        ${(0, $7XdDa$css)(...args)}
-      }
-    `
-};
-const $b3f6c4935414fea5$var$Root = (0, $7XdDa$styledcomponents)((0, $7XdDa$Grid))`
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-
-  & > div {
-    overflow: hidden;
-  }
-
-  & > div[data-width='medium'] {
-    ${$b3f6c4935414fea5$var$media.small`
-      grid-column: span 2;
-    `}
-  }
-
-  & > div[data-width='large'] {
-    ${$b3f6c4935414fea5$var$media.small`
-      grid-column: span 2;
-    `}
-
-    ${$b3f6c4935414fea5$var$media.medium`
-      grid-column: span 3;
-    `}
-  }
-
-  & > div[data-width='full'] {
-    ${$b3f6c4935414fea5$var$media.small`
-      grid-column: 1 / -1;
-    `}
-  }
-
-  & > div[data-height='medium'] {
-    ${$b3f6c4935414fea5$var$media.small`
-      grid-row: span 2;
-    `}
-  }
-
-  & > div[data-height='large'] {
-    ${$b3f6c4935414fea5$var$media.small`
-      grid-row: span 2;
-    `}
-
-    ${$b3f6c4935414fea5$var$media.medium`
-      grid-row: span 3;
-    `}
-  }
-
-  & > div[data-height='full'] {
-    ${$b3f6c4935414fea5$var$media.medium`
-      grid-row: 1 / -1;
-    `}
-  }
-`;
-const $b3f6c4935414fea5$var$NO_WIDGETS = [];
-const $b3f6c4935414fea5$var$NO_LAYOUT = {};
-function $b3f6c4935414fea5$export$606a10b16bce9144(props) {
-    const { config: { layout: layout = $b3f6c4935414fea5$var$NO_LAYOUT , widgets: widgets = $b3f6c4935414fea5$var$NO_WIDGETS  } ,  } = props;
-    return /*#__PURE__*/ (0, $7XdDa$jsxs)($b3f6c4935414fea5$var$Root, {
-        autoFlow: "row dense",
-        "data-width": layout.width || "auto",
-        "data-height": layout.height || "auto",
-        gap: 4,
-        children: [
-            widgets.length ? null : /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Card), {
-                padding: 4,
-                shadow: 1,
-                tone: "primary",
-                children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                    align: "center",
-                    children: "Add some widgets to populate this space."
-                })
-            }),
-            widgets.map((widgetConfig, index)=>{
-                if (widgetConfig.type === "__experimental_group") return /*#__PURE__*/ (0, $7XdDa$jsx)($b3f6c4935414fea5$export$606a10b16bce9144, {
-                    config: widgetConfig
-                }, index);
-                if (widgetConfig.component) return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $d8fd3c76581cae12$export$d320a48219c7c153), {
-                    ...widgetConfig
-                }, index);
-                return /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Box), {
-                    children: [
-                        widgetConfig.name,
-                        " is missing widget component"
-                    ]
-                }, index);
-            })
-        ]
-    });
-}
-
-
-
-function $415e81216941c75c$export$fe82a520fc33e5f4({ config: config  }) {
-    if (!config) return null;
-    return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $eb4b9ad66697c2d1$export$3d9a716c82234f3d).Provider, {
-        value: config,
-        children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $82da5a035d695e7d$export$3469e8c87b54056a), {
-            children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $b3f6c4935414fea5$export$606a10b16bce9144), {
-                config: config
-            })
-        })
-    });
-}
-
-
-
-var $f17097ca2e05ac05$exports = {};
-
-
-var $17a16bf8b6a46960$exports = {};
-
-$parcel$export($17a16bf8b6a46960$exports, "DashboardWidgetContainer", () => $17a16bf8b6a46960$export$67b2e85605d868b2);
-
-
-
-
-const $17a16bf8b6a46960$var$Root = (0, $7XdDa$styledcomponents)((0, $7XdDa$Card))`
-  display: flex;
-  flex-direction: column;
-  justify-content: stretch;
-  height: 100%;
-  box-sizing: border-box;
-  position: relative;
-`;
-const $17a16bf8b6a46960$var$Header = (0, $7XdDa$styledcomponents)((0, $7XdDa$Card))`
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-`;
-const $17a16bf8b6a46960$var$Footer = (0, $7XdDa$styledcomponents)((0, $7XdDa$Card))`
-  position: sticky;
-  overflow: hidden;
-  bottom: 0;
-  z-index: 2;
-  border-bottom-right-radius: inherit;
-  border-bottom-left-radius: inherit;
-  margin-top: auto;
-`;
-const $17a16bf8b6a46960$var$Content = (0, $7XdDa$styledcomponents)((0, $7XdDa$Box))`
-  position: relative;
-  z-index: 1;
-  height: stretch;
-  min-height: 21.5em;
-
-  @media (min-width: ${({ theme: theme  })=>theme.sanity.media[0]}px) {
-    overflow-y: auto;
-    outline: none;
-  }
-`;
-const $17a16bf8b6a46960$export$67b2e85605d868b2 = /*#__PURE__*/ (0, $7XdDa$forwardRef)(function DashboardWidgetContainer(props, ref) {
-    const { header: header , children: children , footer: footer  } = props;
-    return /*#__PURE__*/ (0, $7XdDa$jsxs)($17a16bf8b6a46960$var$Root, {
-        radius: 3,
-        display: "flex",
-        ref: ref,
-        children: [
-            header && /*#__PURE__*/ (0, $7XdDa$jsx)($17a16bf8b6a46960$var$Header, {
-                borderBottom: true,
-                paddingX: 3,
-                paddingY: 4,
-                children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Heading), {
-                    size: 1,
-                    textOverflow: "ellipsis",
-                    children: header
-                })
-            }),
-            children && /*#__PURE__*/ (0, $7XdDa$jsx)($17a16bf8b6a46960$var$Content, {
-                children: children
-            }),
-            footer && /*#__PURE__*/ (0, $7XdDa$jsx)($17a16bf8b6a46960$var$Footer, {
-                borderTop: true,
-                children: footer
-            })
-        ]
-    });
-});
-
-
-var $78de0fa9a220e58e$exports = {};
-
-$parcel$export($78de0fa9a220e58e$exports, "projectInfoWidget", () => $78de0fa9a220e58e$export$66362ea0e7ee12e);
-
-
-
-
-function $63829e89ad9918b0$export$270fde7c7e72cf26() {
-    return (0, $7XdDa$useClient)({
-        apiVersion: "1"
-    });
-}
-
-
-
-
-function $979771a49dfb41e9$var$isUrl(url) {
-    return url && /^https?:\/\//.test(`${url}`);
-}
-function $979771a49dfb41e9$var$getGraphQlUrl(projectId, dataset) {
-    return `https://${projectId}.api.sanity.io/v1/graphql/${dataset}/default`;
-}
-function $979771a49dfb41e9$var$getGroqUrl(projectId, dataset) {
-    return `https://${projectId}.api.sanity.io/v1/groq/${dataset}`;
-}
-function $979771a49dfb41e9$var$getManageUrl(projectId) {
-    return `https://manage.sanity.io/projects/${projectId}`;
-}
-const $979771a49dfb41e9$var$NO_EXPERIMENTAL = [];
-const $979771a49dfb41e9$var$NO_DATA = [];
-function $979771a49dfb41e9$export$a1c9a67310a2d004(props) {
-    const { __experimental_before: __experimental_before = $979771a49dfb41e9$var$NO_EXPERIMENTAL , data: data = $979771a49dfb41e9$var$NO_DATA  } = props;
-    const [studioHost, setStudioHost] = (0, $7XdDa$useState)();
-    const [graphqlApi, setGraphQlApi] = (0, $7XdDa$useState)();
-    const versionedClient = (0, $63829e89ad9918b0$export$270fde7c7e72cf26)();
-    const { projectId: projectId = "unknown" , dataset: dataset = "unknown"  } = versionedClient.config();
-    (0, $7XdDa$useEffect)(()=>{
-        const subscriptions = [];
-        subscriptions.push(versionedClient.observable.request({
-            uri: `/projects/${projectId}`
-        }).subscribe({
-            next: (result)=>{
-                const { studioHost: host  } = result;
-                setStudioHost(host ? `https://${host}.sanity.studio` : undefined);
-            },
-            error: (error)=>{
-                console.error("Error while looking for studioHost", error);
-                setStudioHost({
-                    error: "Something went wrong while looking up studioHost. See console."
-                });
-            }
-        }));
-        // ping assumed graphql endpoint
-        subscriptions.push(versionedClient.observable.request({
-            method: "HEAD",
-            uri: `/graphql/${dataset}/default`
-        }).subscribe({
-            next: ()=>setGraphQlApi($979771a49dfb41e9$var$getGraphQlUrl(projectId, dataset)),
-            error: (error)=>{
-                if (error.statusCode === 404) setGraphQlApi(undefined);
-                else {
-                    console.error("Error while looking for graphqlApi", error);
-                    setGraphQlApi({
-                        error: "Something went wrong while looking up graphqlApi. See console."
-                    });
-                }
-            }
-        }));
-        return ()=>{
-            subscriptions.forEach((s)=>s.unsubscribe());
-        };
-    }, [
-        dataset,
-        projectId,
-        versionedClient,
-        setGraphQlApi,
-        setStudioHost
-    ]);
-    const assembleTableRows = (0, $7XdDa$useMemo)(()=>{
-        let result = [
-            {
-                title: "Sanity project",
-                rows: [
-                    {
-                        title: "Project ID",
-                        value: projectId
-                    },
-                    {
-                        title: "Dataset",
-                        value: dataset
-                    }, 
-                ]
-            }, 
-        ];
-        // Handle any apps
-        const apps = [
-            studioHost ? {
-                title: "Studio",
-                value: studioHost
-            } : null,
-            ...data.filter((item)=>item.category === "apps"), 
-        ].filter((a)=>!!a);
-        if (apps.length > 0) result = result.concat([
-            {
-                title: "Apps",
-                rows: apps
-            }
-        ]);
-        // Handle APIs
-        result = result.concat([
-            {
-                title: "APIs",
-                rows: [
-                    {
-                        title: "GROQ",
-                        value: $979771a49dfb41e9$var$getGroqUrl(projectId, dataset)
-                    },
-                    {
-                        title: "GraphQL",
-                        value: (typeof graphqlApi === "object" ? "Error" : graphqlApi) ?? "Not deployed"
-                    }, 
-                ]
-            }, 
-        ], data.filter((item)=>item.category === "apis"));
-        // Handle whatever else there might be
-        const otherStuff = {};
-        data.forEach((item)=>{
-            if (item.category && item.category !== "apps" && item.category !== "apis") {
-                if (!otherStuff[item.category]) otherStuff[item.category] = [];
-                otherStuff[item.category].push(item);
-            }
-        });
-        Object.keys(otherStuff).forEach((category)=>{
-            result.push({
-                title: category,
-                rows: otherStuff[category]
-            });
-        });
-        return result;
-    }, [
-        graphqlApi,
-        studioHost,
-        projectId,
-        dataset,
-        data
-    ]);
-    return /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Fragment), {
-        children: [
-            __experimental_before.map((widgetConfig, idx)=>/*#__PURE__*/ (0, $7XdDa$jsx)((0, $d8fd3c76581cae12$export$d320a48219c7c153), {
-                    ...widgetConfig
-                }, idx)),
-            /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Box), {
-                height: "fill",
-                marginTop: __experimental_before?.length > 0 ? 4 : 0,
-                children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $17a16bf8b6a46960$export$67b2e85605d868b2), {
-                    footer: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Button), {
-                        style: {
-                            width: "100%"
-                        },
-                        paddingX: 2,
-                        paddingY: 4,
-                        mode: "bleed",
-                        tone: "primary",
-                        text: "Manage project",
-                        as: "a",
-                        href: $979771a49dfb41e9$var$getManageUrl(projectId)
-                    }),
-                    children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Card), {
-                        paddingY: 4,
-                        radius: 2,
-                        role: "table",
-                        "aria-label": "Project info",
-                        "aria-describedby": "project_info_table",
-                        children: /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Stack), {
-                            space: 4,
-                            children: [
-                                /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Box), {
-                                    paddingX: 3,
-                                    as: "header",
-                                    children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Heading), {
-                                        size: 1,
-                                        as: "h2",
-                                        id: "project_info_table",
-                                        children: "Project info"
-                                    })
-                                }),
-                                assembleTableRows.map((item)=>{
-                                    if (!item || !item.rows) return null;
-                                    return /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Stack), {
-                                        space: 3,
-                                        children: [
-                                            /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Card), {
-                                                borderBottom: true,
-                                                padding: 3,
-                                                children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Label), {
-                                                    size: 0,
-                                                    muted: true,
-                                                    role: "columnheader",
-                                                    children: item.title
-                                                })
-                                            }),
-                                            /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Stack), {
-                                                space: 4,
-                                                paddingX: 3,
-                                                role: "rowgroup",
-                                                children: item.rows.map((row)=>{
-                                                    return /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Grid), {
-                                                        columns: 2,
-                                                        role: "row",
-                                                        children: [
-                                                            /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                                                                weight: "medium",
-                                                                role: "rowheader",
-                                                                children: row.title
-                                                            }),
-                                                            typeof row.value === "object" && /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                                                                size: 1,
-                                                                children: row.value?.error
-                                                            }),
-                                                            typeof row.value === "string" && /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Fragment), {
-                                                                children: $979771a49dfb41e9$var$isUrl(row.value) ? /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                                                                    size: 1,
-                                                                    role: "cell",
-                                                                    style: {
-                                                                        wordBreak: "break-word"
-                                                                    },
-                                                                    children: /*#__PURE__*/ (0, $7XdDa$jsx)("a", {
-                                                                        href: row.value,
-                                                                        children: row.value
-                                                                    })
-                                                                }) : /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Code), {
-                                                                    size: 1,
-                                                                    role: "cell",
-                                                                    style: {
-                                                                        wordBreak: "break-word"
-                                                                    },
-                                                                    children: row.value
-                                                                })
-                                                            })
-                                                        ]
-                                                    }, row.title);
-                                                })
-                                            })
-                                        ]
-                                    }, item.title);
-                                })
-                            ]
-                        })
-                    })
-                })
-            })
-        ]
-    });
-}
-
-
-function $78de0fa9a220e58e$export$66362ea0e7ee12e(config) {
-    return {
-        name: "project-info",
-        component: (0, $979771a49dfb41e9$export$a1c9a67310a2d004),
-        layout: config?.layout ?? {
-            width: "medium"
-        }
-    };
-}
-
-
-var $f409fc720124d423$exports = {};
-
-$parcel$export($f409fc720124d423$exports, "projectUsersWidget", () => $f409fc720124d423$export$5c0e62d7539f632);
-
-
-
-
-
-
-
-
-
-
-const $dc6a1647d6dccdcb$var$AvatarWrapper = (0, $7XdDa$styledcomponents)((0, $7XdDa$Card))`
-  box-sizing: border-box;
-  border-radius: 50%;
-  border-color: transparent;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-
-  & > img {
-    width: 100%;
-    height: auto;
-  }
-`;
-function $dc6a1647d6dccdcb$var$getInviteUrl(projectId) {
-    return `https://manage.sanity.io/projects/${projectId}/team/invite`;
-}
-function $dc6a1647d6dccdcb$export$2500e0068175e4b9() {
-    const [project, setProject] = (0, $7XdDa$useState)();
-    const [users, setUsers] = (0, $7XdDa$useState)();
-    const [error, setError] = (0, $7XdDa$useState)();
-    const userStore = (0, $7XdDa$useUserStore)();
-    const versionedClient = (0, $63829e89ad9918b0$export$270fde7c7e72cf26)();
-    const fetchData = (0, $7XdDa$useCallback)(()=>{
-        const { projectId: projectId  } = versionedClient.config();
-        const subscription = versionedClient.observable.request({
-            uri: `/projects/${projectId}`
-        }).pipe((0, $7XdDa$switchMap)((_project)=>(0, $7XdDa$from)(userStore.getUsers(_project.members.map((mem)=>mem.id))).pipe((0, $7XdDa$map)((_users)=>({
-                    project: _project,
-                    users: _users
-                }))))).subscribe({
-            next: ({ users: _users , project: _project  })=>{
-                setProject(_project);
-                setUsers((Array.isArray(_users) ? _users : [
-                    _users
-                ]).sort((userA, userB)=>$dc6a1647d6dccdcb$var$sortUsersByRobotStatus(userA, userB, _project)));
-            },
-            error: (e)=>setError(e)
-        });
-        return ()=>subscription.unsubscribe();
-    }, [
-        userStore,
-        versionedClient
-    ]);
-    (0, $7XdDa$useEffect)(()=>fetchData(), [
-        fetchData
-    ]);
-    const handleRetryFetch = (0, $7XdDa$useCallback)(()=>fetchData(), [
-        fetchData
-    ]);
-    const isLoading = !users || !project;
-    if (error) return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $17a16bf8b6a46960$export$67b2e85605d868b2), {
-        header: "Project users",
-        children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Box), {
-            padding: 4,
-            children: /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Text), {
-                children: [
-                    "Something went wrong while fetching data. You could",
-                    " ",
-                    /*#__PURE__*/ (0, $7XdDa$jsx)("a", {
-                        onClick: handleRetryFetch,
-                        title: "Retry users fetch",
-                        style: {
-                            cursor: "pointer"
-                        },
-                        children: "retry"
-                    }),
-                    "..?"
-                ]
-            })
-        })
-    });
-    return /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $17a16bf8b6a46960$export$67b2e85605d868b2), {
-        header: "Project users",
-        footer: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Button), {
-            style: {
-                width: "100%"
-            },
-            paddingX: 2,
-            paddingY: 4,
-            mode: "bleed",
-            tone: "primary",
-            text: "Invite members",
-            as: "a",
-            loading: isLoading,
-            href: isLoading ? undefined : $dc6a1647d6dccdcb$var$getInviteUrl(project.id)
-        }),
-        children: [
-            isLoading && /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Box), {
-                paddingY: 5,
-                paddingX: 2,
-                children: /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Stack), {
-                    space: 4,
-                    children: [
-                        /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                            align: "center",
-                            muted: true,
-                            size: 1,
-                            children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Spinner), {})
-                        }),
-                        /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                            align: "center",
-                            size: 1,
-                            muted: true,
-                            children: "Loading items..."
-                        })
-                    ]
-                })
-            }),
-            !isLoading && /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Stack), {
-                space: 3,
-                padding: 3,
-                children: users?.map((user)=>{
-                    const membership = project.members.find((member)=>member.id === user.id);
-                    const media = membership?.isRobot ? /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                        size: 3,
-                        children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$RobotIcon), {})
-                    }) : /*#__PURE__*/ (0, $7XdDa$jsx)($dc6a1647d6dccdcb$var$AvatarWrapper, {
-                        tone: "transparent",
-                        children: user?.imageUrl && /*#__PURE__*/ (0, $7XdDa$jsx)("img", {
-                            src: user.imageUrl,
-                            alt: user?.displayName
-                        })
-                    });
-                    return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Box), {
-                        children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$DefaultPreview), {
-                            title: user.displayName,
-                            subtitle: membership?.role,
-                            media: media
-                        })
-                    }, user.id);
-                })
-            })
-        ]
-    });
-}
-function $dc6a1647d6dccdcb$var$sortUsersByRobotStatus(userA, userB, project) {
-    const { members: members  } = project;
-    const membershipA = members.find((member)=>member.id === userA?.id);
-    const membershipB = members.find((member)=>member.id === userB?.id);
-    if (membershipA?.isRobot) return 1;
-    if (membershipB?.isRobot) return -1;
-    return 0;
-}
-
-
-function $f409fc720124d423$export$5c0e62d7539f632(config) {
-    return {
-        name: "project-info",
-        component: (0, $dc6a1647d6dccdcb$export$2500e0068175e4b9),
-        layout: config?.layout
-    };
-}
-
-
-var $814ac91a32d626ba$exports = {};
-
-$parcel$export($814ac91a32d626ba$exports, "sanityTutorialsWidget", () => $814ac91a32d626ba$export$b3552e87a7c5c47b);
-
-
-
-
-
-
-
-
-const $4cea1a19ce247dc2$var$PlayIconBox = (0, $7XdDa$styledcomponents)((0, $7XdDa$Box))`
-  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: theme  })=>theme.sanity.color.card.enabled.bg};
-    opacity: 0.75;
-  }
-`;
-const $4cea1a19ce247dc2$var$Root = (0, $7XdDa$styledcomponents)((0, $7XdDa$Flex))`
-  &:hover {
-    ${$4cea1a19ce247dc2$var$PlayIconBox} {
-      &:before {
-        opacity: 1;
-      }
-    }
-  }
-`;
-const $4cea1a19ce247dc2$var$PosterCard = (0, $7XdDa$styledcomponents)((0, $7XdDa$Card))`
-  width: 100%;
-  padding-bottom: calc(9 / 16 * 100%);
-  position: relative;
-`;
-const $4cea1a19ce247dc2$var$Poster = (0, $7XdDa$styledcomponents).img`
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
-  display: block;
-
-  &:not([src]) {
-    display: none;
-  }
-`;
-function $4cea1a19ce247dc2$export$825b76de5f2b0345(props) {
-    const { title: title , posterURL: posterURL , showPlayIcon: showPlayIcon , href: href , presenterName: presenterName , presenterSubtitle: presenterSubtitle  } = props;
-    return /*#__PURE__*/ (0, $7XdDa$jsx)($4cea1a19ce247dc2$var$Root, {
-        flex: 1,
-        children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Card), {
-            sizing: "border",
-            flex: 1,
-            padding: 2,
-            radius: 2,
-            as: "a",
-            href: href,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            style: {
-                position: "relative"
-            },
-            children: /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Flex), {
-                direction: "column",
-                style: {
-                    height: "100%"
-                },
-                children: [
-                    posterURL && /*#__PURE__*/ (0, $7XdDa$jsxs)($4cea1a19ce247dc2$var$PosterCard, {
-                        marginBottom: 1,
-                        children: [
-                            /*#__PURE__*/ (0, $7XdDa$jsx)($4cea1a19ce247dc2$var$Poster, {
-                                src: posterURL
-                            }),
-                            showPlayIcon && /*#__PURE__*/ (0, $7XdDa$jsx)($4cea1a19ce247dc2$var$PlayIconBox, {
-                                display: "flex",
-                                children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                                    align: "center",
-                                    children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$PlayIcon), {})
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Flex), {
-                        direction: "column",
-                        justify: "space-between",
-                        paddingY: 2,
-                        flex: 1,
-                        children: [
-                            /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Heading), {
-                                as: "h3",
-                                size: 1,
-                                children: title
-                            }),
-                            /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Box), {
-                                marginTop: 4,
-                                children: /*#__PURE__*/ (0, $7XdDa$jsxs)((0, $7XdDa$Stack), {
-                                    space: 2,
-                                    flex: 1,
-                                    children: [
-                                        /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                                            size: 1,
-                                            children: presenterName
-                                        }),
-                                        /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Text), {
-                                            size: 0,
-                                            style: {
-                                                opacity: 0.7
-                                            },
-                                            children: presenterSubtitle
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
-}
-
-
-
-
-
-const $4f5dff4ed7dc82f6$var$tutorialsProjectConfig = {
-    projectId: "3do82whm",
-    dataset: "next"
-};
-function $4f5dff4ed7dc82f6$export$144c6e577729d454() {
-    const versionedClient = (0, $63829e89ad9918b0$export$270fde7c7e72cf26)();
-    return (0, $7XdDa$useMemo)(()=>({
-            getFeed: (templateRepoId)=>{
-                const uri = templateRepoId ? `/addons/dashboard?templateRepoId=${templateRepoId}` : "/addons/dashboard";
-                return versionedClient.observable.request({
-                    uri: uri,
-                    withCredentials: false
-                });
-            },
-            urlBuilder: (0, $7XdDa$sanityimageurl)($4f5dff4ed7dc82f6$var$tutorialsProjectConfig)
-        }), [
-        versionedClient
-    ]);
-}
-
-
-
-function $375b2dfb4ba4a890$var$createUrl(slug, type) {
-    if (type === "tutorial") return `https://www.sanity.io/docs/tutorials/${slug.current}`;
-    else if (type === "guide") return `https://www.sanity.io/docs/guides/${slug.current}`;
-    return false;
-}
-function $375b2dfb4ba4a890$export$5f156cc357b8467f(props) {
-    const { templateRepoId: templateRepoId  } = props;
-    const [feedItems, setFeedItems] = (0, $7XdDa$useState)([]);
-    const { getFeed: getFeed , urlBuilder: urlBuilder  } = (0, $4f5dff4ed7dc82f6$export$144c6e577729d454)();
-    (0, $7XdDa$useEffect)(()=>{
-        const subscription = getFeed(templateRepoId).subscribe((response)=>{
-            setFeedItems(response.items);
-        });
-        return ()=>{
-            subscription.unsubscribe();
-        };
-    }, [
-        setFeedItems,
-        getFeed,
-        templateRepoId
-    ]);
-    const title = "Learn about Sanity";
-    return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $17a16bf8b6a46960$export$67b2e85605d868b2), {
-        header: title,
-        children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Flex), {
-            as: "ul",
-            overflow: "auto",
-            align: "stretch",
-            paddingY: 2,
-            children: feedItems?.map((feedItem, index)=>{
-                if (!feedItem.title || !feedItem.guideOrTutorial && !feedItem.externalLink) return null;
-                const presenter = feedItem.presenter || feedItem.guideOrTutorial?.presenter || {};
-                const subtitle = feedItem.category;
-                const { guideOrTutorial: guideOrTutorial = {}  } = feedItem;
-                const href = (guideOrTutorial.slug ? $375b2dfb4ba4a890$var$createUrl(guideOrTutorial.slug, guideOrTutorial._type) : feedItem.externalLink) || feedItem.externalLink;
-                return /*#__PURE__*/ (0, $7XdDa$jsx)((0, $7XdDa$Flex), {
-                    as: "li",
-                    paddingRight: index < feedItems?.length - 1 ? 1 : 3,
-                    paddingLeft: index === 0 ? 3 : 0,
-                    align: "stretch",
-                    style: {
-                        minWidth: 272,
-                        width: "30%"
-                    },
-                    children: /*#__PURE__*/ (0, $7XdDa$jsx)((0, $4cea1a19ce247dc2$export$825b76de5f2b0345), {
-                        title: feedItem.title,
-                        href: href ?? "",
-                        presenterName: presenter.name,
-                        presenterSubtitle: subtitle,
-                        showPlayIcon: feedItem.hasVideo,
-                        posterURL: feedItem.poster ? urlBuilder.image(feedItem.poster).height(360).url() : undefined
-                    })
-                }, feedItem._id);
-            })
-        })
-    });
-}
-
-
-function $814ac91a32d626ba$export$b3552e87a7c5c47b(config) {
-    return {
-        name: "sanity-tutorials",
-        component: (0, $375b2dfb4ba4a890$export$5f156cc357b8467f),
-        layout: config?.layout ?? {
-            width: "full"
-        }
-    };
-}
-
-
-const $357f50a17451fe9f$var$strokeStyle = {
-    stroke: "currentColor",
-    strokeWidth: 1.2
-};
-const $357f50a17451fe9f$var$DashboardIcon = ()=>/*#__PURE__*/ (0, $7XdDa$jsxs)("svg", {
-        "data-sanity-icon": true,
-        viewBox: "0 0 25 25",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        preserveAspectRatio: "xMidYMid",
-        width: "1em",
-        height: "1em",
-        children: [
-            /*#__PURE__*/ (0, $7XdDa$jsx)("path", {
-                d: "M19.5 19.5H5.5V5.5H19.5V19.5Z",
-                style: $357f50a17451fe9f$var$strokeStyle
-            }),
-            /*#__PURE__*/ (0, $7XdDa$jsx)("path", {
-                d: "M5.5 12.5H19.5",
-                style: $357f50a17451fe9f$var$strokeStyle
-            }),
-            /*#__PURE__*/ (0, $7XdDa$jsx)("path", {
-                d: "M14.5 19.5V12.5M10.5 12.5V5.5",
-                style: $357f50a17451fe9f$var$strokeStyle
-            })
-        ]
-    });
-const $357f50a17451fe9f$export$dd097bc0a3a5adbd = (0, $7XdDa$createPlugin)((config = {})=>{
-    const pluginConfig = {
-        layout: config.defaultLayout ?? {},
-        widgets: config.widgets ?? []
-    };
-    return {
-        name: "dashboard",
-        tools: (prev, context)=>{
-            return [
-                ...prev,
-                {
-                    title: "Dashboard",
-                    name: "dashboard",
-                    icon: $357f50a17451fe9f$var$DashboardIcon,
-                    component: ()=>/*#__PURE__*/ (0, $7XdDa$jsx)((0, $415e81216941c75c$export$fe82a520fc33e5f4), {
-                            config: pluginConfig
-                        })
-                }, 
-            ];
-        }
-    };
-});
-
-
-export {$357f50a17451fe9f$export$dd097bc0a3a5adbd as dashboardTool, $17a16bf8b6a46960$export$67b2e85605d868b2 as DashboardWidgetContainer, $78de0fa9a220e58e$export$66362ea0e7ee12e as projectInfoWidget, $f409fc720124d423$export$5c0e62d7539f632 as projectUsersWidget, $814ac91a32d626ba$export$b3552e87a7c5c47b as sanityTutorialsWidget};
-//# sourceMappingURL=index.js.map