@sanity/dashboard 2.30.2-shopify.2 → 3.0.0-studio-v3.1

package/lib/esm/index.js

@@ -0,0 +1,980 @@
+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} 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 {DefaultPreview as $7XdDa$DefaultPreview} from "sanity/_unstable";
+import {useUserStore as $7XdDa$useUserStore} from "sanity/lib/dts/src/datastores";
+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() {
+    const client = (0, $7XdDa$useClient)();
+    return (0, $7XdDa$useMemo)(()=>client.withConfig({
+            apiVersion: "1"
+        }), [
+        client
+    ]);
+}
+
+
+
+
+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