@sanity/assist 1.0.10 → 1.0.12

package/README.md

@@ -40,7 +40,7 @@ In your Studio project folder, install the following plugin dependency:
 npm install @sanity/assist sanity@latest
 ```
 
-This plugin requires `sanity` version `3.13.0` or greater.
+This plugin requires `sanity` version `3.14.5` or greater.
 
 ## Setup
 

package/dist/index.esm.js

@@ -1,5 +1,3 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useClient, typed, useSchema, useDocumentStore, useDocumentPresence, createPatchChannel, FormBuilder, fromMutationPatches, pathToString, isObjectSchemaType, useEditState, useCurrentUser, useValidationStatus, StatusButton, FormFieldHeaderText, PatchEvent, unset, PresenceOverlay, VirtualizerScrollInstanceProvider, stringToPath, isKeySegment, useColorSchemeValue, isArraySchemaType, useFormCallbacks, set, FormCallbacksProvider, FormInput, setIfMissing, insert, ObjectInputMember, defineType, defineField, defineArrayMember, getPublishedId, definePlugin } from 'sanity';
 import { Card, Stack, Box, Button, Spinner, Flex, Label, focusFirstDescendant, Text, useClickOutside, Popover, useLayer, useGlobalKeyDown, useToast, Dialog, Tooltip, TextArea, Container, Badge, useTheme, rgba, ThemeProvider, ErrorBoundary, Switch, MenuButton, Menu, MenuItem, Breadcrumbs, Autocomplete } from '@sanity/ui';
@@ -58,7 +56,7 @@ const listenQuery = function (client, query) {
   const events$ = listen(client, listenerQuery, params, options).pipe(mergeMap((ev, i) => {
     const isFirst = i === 0;
     if (isFirst && !isWelcomeEvent(ev)) {
-      return throwError(new Error(ev.type === "reconnect" ? "Could not establish EventSource connection" : "Received unexpected type of first event \"".concat(ev.type, "\"")));
+      return throwError(new Error(ev.type === "reconnect" ? "Could not establish EventSource connection" : 'Received unexpected type of first event "'.concat(ev.type, '"')));
     }
     return of(ev);
   }), share());
@@ -684,8 +682,14 @@ function getInstructionTitle(instruction) {
   var _a;
   return (_a = instruction == null ? void 0 : instruction.title) != null ? _a : "Untitled";
 }
-const rotate = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-const SyncSpinningIcon = styled(SyncIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  animation: ", " 1s linear infinite;\n"])), rotate);
+var __freeze$5 = Object.freeze;
+var __defProp$5 = Object.defineProperty;
+var __template$5 = (cooked, raw) => __freeze$5(__defProp$5(cooked, "raw", {
+  value: __freeze$5(raw || cooked.slice())
+}));
+var _a$5, _b$3;
+const rotate = keyframes(_a$5 || (_a$5 = __template$5(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+const SyncSpinningIcon = styled(SyncIcon)(_b$3 || (_b$3 = __template$5(["\n  animation: ", " 1s linear infinite;\n"])), rotate);
 const TASK_CONFIG = {
   aborted: {
     title: "Canceled",
@@ -723,25 +727,25 @@ function InstructionTaskHistoryButton(props) {
       return;
     }
     const statusDocId = assistTasksStatusId(documentId);
-    const basePath = "".concat(typed("tasks"), "[_key==\"").concat(taskKey, "\"]");
+    const basePath = "".concat(typed("tasks"), '[_key=="').concat(taskKey, '"]');
     client.patch(statusDocId).set({
       ["".concat(basePath, ".").concat(typed("ended"))]: /* @__PURE__ */new Date().toISOString(),
       ["".concat(basePath, ".").concat(typed("reason"))]: typed("aborted")
     }).commit().catch(console.error);
   }, [client, documentId]);
   const titledTasks = useMemo(() => {
-    var _a;
-    const t = (_a = tasks == null ? void 0 : tasks.filter(task => task.started && /* @__PURE__ */new Date().getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs).map(task => {
+    var _a2;
+    const t = (_a2 = tasks == null ? void 0 : tasks.filter(task => task.started && /* @__PURE__ */new Date().getTime() - new Date(task.started).getTime() < maxHistoryVisibilityMs).map(task => {
       const instruction = instructions == null ? void 0 : instructions.find(i => i._key === task.instructionKey);
       return {
         ...task,
         title: showTitles ? getInstructionTitle(instruction) : void 0,
         cancel: () => cancelRun(task._key)
       };
-    })) != null ? _a : [];
+    })) != null ? _a2 : [];
     t.sort((a, b) => {
-      var _a2, _b;
-      return new Date((_a2 = b.started) != null ? _a2 : "").getTime() - new Date((_b = a.started) != null ? _b : "").getTime();
+      var _a3, _b2;
+      return new Date((_a3 = b.started) != null ? _a3 : "").getTime() - new Date((_b2 = a.started) != null ? _b2 : "").getTime();
     });
     return t;
   }, [tasks, instructions, cancelRun, showTitles]);
@@ -826,7 +830,7 @@ function TaskList(props) {
   });
 }
 function TaskItem(props) {
-  var _a;
+  var _a2;
   const {
     task
   } = props;
@@ -864,7 +868,7 @@ function TaskItem(props) {
             muted: true,
             size: 1,
             children: /* @__PURE__ */jsx(TimeAgo, {
-              date: (_a = task.ended) != null ? _a : task.started
+              date: (_a2 = task.ended) != null ? _a2 : task.started
             })
           })]
         })]
@@ -1316,8 +1320,14 @@ function useOnboardingFeature(featureKey) {
     dismissOnboarding
   };
 }
-const CardWithShadowBelow = styled(Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
-const CardWithShadowAbove = styled(Card)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: -1px;\n    border-top: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
+var __freeze$4 = Object.freeze;
+var __defProp$4 = Object.defineProperty;
+var __template$4 = (cooked, raw) => __freeze$4(__defProp$4(cooked, "raw", {
+  value: __freeze$4(raw || cooked.slice())
+}));
+var _a$4, _b$2;
+const CardWithShadowBelow = styled(Card)(_a$4 || (_a$4 = __template$4(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    border-bottom: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
+const CardWithShadowAbove = styled(Card)(_b$2 || (_b$2 = __template$4(["\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: -1px;\n    border-top: 1px solid var(--card-border-color);\n    opacity: 0.5;\n    z-index: 100;\n  }\n"])));
 function AssistInspectorWrapper(props) {
   const context = useAiAssistanceConfig();
   if (context.statusLoading) {
@@ -1436,11 +1446,11 @@ function AssistInspectorWrapper(props) {
   });
 }
 function AssistInspector(props) {
-  var _a, _b;
+  var _a2, _b2;
   const {
     params
   } = useAiPaneRouter();
-  const [boundary, setBoundary] = useState(null);
+  const boundary = useRef(null);
   const pathKey = params == null ? void 0 : params[fieldPathParam];
   const instructionKey = params == null ? void 0 : params[instructionParam];
   const documentPane = useDocumentPane();
@@ -1468,28 +1478,28 @@ function AssistInspector(props) {
     documentId,
     schemaType
   });
-  const assistField = (_a = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a.find(f => f.path === pathKey);
-  const instruction = (_b = assistField == null ? void 0 : assistField.instructions) == null ? void 0 : _b.find(i => i._key === instructionKey);
+  const assistField = (_a2 = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a2.find(f => f.path === pathKey);
+  const instruction = (_b2 = assistField == null ? void 0 : assistField.instructions) == null ? void 0 : _b2.find(i => i._key === instructionKey);
   const tasks = useMemo(() => {
-    var _a2;
-    return (_a2 = assistDocument == null ? void 0 : assistDocument.tasks) == null ? void 0 : _a2.filter(i => !instructionKey || i.instructionKey === instructionKey);
+    var _a3;
+    return (_a3 = assistDocument == null ? void 0 : assistDocument.tasks) == null ? void 0 : _a3.filter(i => !instructionKey || i.instructionKey === instructionKey);
   }, [assistDocument == null ? void 0 : assistDocument.tasks, instructionKey]);
   const instructions = useMemo(() => {
-    var _a2;
-    return (_a2 = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a2.flatMap(f => {
-      var _a3;
-      return (_a3 = f.instructions) != null ? _a3 : [];
+    var _a3;
+    return (_a3 = assistDocument == null ? void 0 : assistDocument.fields) == null ? void 0 : _a3.flatMap(f => {
+      var _a4;
+      return (_a4 = f.instructions) != null ? _a4 : [];
     });
   }, [assistDocument == null ? void 0 : assistDocument.fields]);
   const promptValue = instruction == null ? void 0 : instruction.prompt;
   const isEmptyPrompt = useMemo(() => {
-    var _a2, _b2;
+    var _a3, _b3;
     if (!(promptValue == null ? void 0 : promptValue.length)) {
       return true;
     }
     const firstBlock = promptValue[0];
     const children = firstBlock == null ? void 0 : firstBlock.children;
-    return promptValue.length == 1 && (children == null ? void 0 : children.length) === 1 && !((_b2 = (_a2 = children == null ? void 0 : children[0]) == null ? void 0 : _a2.text) == null ? void 0 : _b2.length);
+    return promptValue.length == 1 && (children == null ? void 0 : children.length) === 1 && !((_b3 = (_a3 = children == null ? void 0 : children[0]) == null ? void 0 : _a3.text) == null ? void 0 : _b3.length);
   }, [promptValue]);
   const paneNode = useMemo(() => ({
     type: "document",
@@ -1526,7 +1536,7 @@ function AssistInspector(props) {
     });
   }
   return /* @__PURE__ */jsxs(Flex, {
-    ref: setBoundary,
+    ref: boundary,
     direction: "column",
     height: "fill",
     overflow: "hidden",
@@ -1552,7 +1562,8 @@ function AssistInspector(props) {
             children: /* @__PURE__ */jsx(Box, {
               padding: 4,
               children: selectedField && /* @__PURE__ */jsx(VirtualizerScrollInstanceProvider, {
-                scrollElement: boundary,
+                scrollElement: boundary.current,
+                containerElement: boundary,
                 children: /* @__PURE__ */jsx(DocumentPaneProvider, {
                   paneKey: documentPane.paneKey,
                   index: documentPane.index,
@@ -1745,8 +1756,14 @@ function aiPresence(presence, path, title) {
     lastActiveAt: (_a = presence == null ? void 0 : presence.started) != null ? _a : /* @__PURE__ */new Date().toISOString()
   };
 }
-const fadeIn = keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: scale(0.75);\n  }\n  40% {\n    opacity: 0;\n    transform: scale(0.75);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n"])));
-const FadeInDiv = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  animation-name: ", ";\n  animation-timing-function: ease-in-out;\n"])), fadeIn);
+var __freeze$3 = Object.freeze;
+var __defProp$3 = Object.defineProperty;
+var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", {
+  value: __freeze$3(raw || cooked.slice())
+}));
+var _a$3, _b$1;
+const fadeIn = keyframes(_a$3 || (_a$3 = __template$3(["\n  0% {\n    opacity: 0;\n    transform: scale(0.75);\n  }\n  40% {\n    opacity: 0;\n    transform: scale(0.75);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n"])));
+const FadeInDiv = styled.div(_b$1 || (_b$1 = __template$3(["\n  animation-name: ", ";\n  animation-timing-function: ease-in-out;\n"])), fadeIn);
 function FadeInContent(_ref7) {
   let {
     children,
@@ -1805,10 +1822,16 @@ const purple = {
     hex: "#211229"
   }
 };
-const Root = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  width: 25px;\n  height: 25px;\n  position: relative;\n"])));
-const dash = keyframes(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(43deg);\n  }\n"])));
-const Outline = styled.svg(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  & > circle {\n    stroke: var(--ai-avatar-stroke-color);\n    stroke-width: 1.5px;\n    stroke-linecap: round;\n    transform-origin: center;\n    animation: ", " 500ms ease-in-out infinite;\n    transition: stroke-dasharray 200ms ease-in-out;\n\n    stroke-dasharray: 2.34px 0;\n\n    [data-state='active'] > & {\n      stroke-dasharray: 2px 2.34px;\n    }\n  }\n"])), dash);
-const IconDisc = styled.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background: var(--ai-avatar-disc-color);\n  color: white;\n  width: 21px;\n  height: 21px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10.5px;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n"])));
+var __freeze$2 = Object.freeze;
+var __defProp$2 = Object.defineProperty;
+var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", {
+  value: __freeze$2(raw || cooked.slice())
+}));
+var _a$2, _b, _c, _d;
+const Root = styled.span(_a$2 || (_a$2 = __template$2(["\n  display: block;\n  width: 25px;\n  height: 25px;\n  position: relative;\n"])));
+const dash = keyframes(_b || (_b = __template$2(["\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(43deg);\n  }\n"])));
+const Outline = styled.svg(_c || (_c = __template$2(["\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  & > circle {\n    stroke: var(--ai-avatar-stroke-color);\n    stroke-width: 1.5px;\n    stroke-linecap: round;\n    transform-origin: center;\n    animation: ", " 500ms ease-in-out infinite;\n    transition: stroke-dasharray 200ms ease-in-out;\n\n    stroke-dasharray: 2.34px 0;\n\n    [data-state='active'] > & {\n      stroke-dasharray: 2px 2.34px;\n    }\n  }\n"])), dash);
+const IconDisc = styled.span(_d || (_d = __template$2(["\n  background: var(--ai-avatar-disc-color);\n  color: white;\n  width: 21px;\n  height: 21px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10.5px;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n"])));
 function AssistAvatar(props) {
   const {
     state = "present"
@@ -2526,7 +2549,7 @@ function AlphaMigration() {
   });
   useEffect(() => {
     let canUpdate = true;
-    client.fetch("\n    {\n      \"assistDocs\": *[_type==\"".concat(legacyAssistDocumentTypeName, "\"],\n      \"staleStatusDocIds\": *[_type==\"").concat(legacyAssistStatusDocumentTypeName, "\"]._id,\n      \"contextDocs\": *[_type==\"").concat(legacyContextDocumentTypeName, "\"],\n     }\n    ")).then(result => {
+    client.fetch('\n    {\n      "assistDocs": *[_type=="'.concat(legacyAssistDocumentTypeName, '"],\n      "staleStatusDocIds": *[_type=="').concat(legacyAssistStatusDocumentTypeName, '"]._id,\n      "contextDocs": *[_type=="').concat(legacyContextDocumentTypeName, '"],\n     }\n    ')).then(result => {
       var _a, _b, _c;
       if (!canUpdate || !result) {
         return;
@@ -2648,7 +2671,7 @@ async function convertDocs(client, docs, updateProgress) {
     const progressCount = Math.min(docs.length, i + chunkSize);
     const chunk = docs.slice(i, progressCount);
     const trans = client.transaction();
-    const contextDocs = await client.fetch("*[_type==\"".concat(contextDocumentTypeName, "\" && _alphaId != null]{_id, _alphaId}"));
+    const contextDocs = await client.fetch('*[_type=="'.concat(contextDocumentTypeName, '" && _alphaId != null]{_id, _alphaId}'));
     chunk.forEach(oldDoc => {
       var _a;
       const documentType = oldDoc._id.replace(new RegExp("^(".concat(legacyAssistDocumentIdPrefix, "|").concat(assistDocumentIdPrefix, ")")), "");
@@ -2756,7 +2779,13 @@ function AssistLayout(props) {
     })]
   });
 }
-const WrapPreCard = styled(Card)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  & pre {\n    white-space: pre-wrap !important;\n  }\n"])));
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", {
+  value: __freeze$1(raw || cooked.slice())
+}));
+var _a$1;
+const WrapPreCard = styled(Card)(_a$1 || (_a$1 = __template$1(["\n  & pre {\n    white-space: pre-wrap !important;\n  }\n"])));
 function SafeValueInput(props) {
   return /* @__PURE__ */jsx(ErrorWrapper, {
     onChange: props.onChange,
@@ -3468,7 +3497,7 @@ function HideReferenceChangedBannerInput(props) {
     const style = document.createElement("style");
     const parentId = "id-".concat(Math.random()).replace(".", "-");
     parent.id = parentId;
-    style.innerText = "\n      #".concat(parentId, " [data-testid=\"reference-changed-banner\"] { display: none; }\n    ");
+    style.innerText = "\n      #".concat(parentId, ' [data-testid="reference-changed-banner"] { display: none; }\n    ');
     parent.prepend(style);
   }, [ref]);
   return /* @__PURE__ */jsx(Box, {
@@ -3559,7 +3588,13 @@ function randomKey(length) {
   const table = getByteHexTable();
   return whatwgRNG(length).reduce((str, n) => str + table[n], "").slice(0, length);
 }
-const PteMods = styled(Box)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  & [data-testid='pt-editor__toolbar-card'] > div > div:last-child {\n    display: none;\n  }\n  & [data-testid='pt-editor'] {\n    min-height: 300px;\n  }\n  & [data-testid='pt-editor'] .pt-inline-object * {\n    max-width: 400px;\n  }\n"])));
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", {
+  value: __freeze(raw || cooked.slice())
+}));
+var _a;
+const PteMods = styled(Box)(_a || (_a = __template(["\n  & [data-testid='pt-editor__toolbar-card'] > div > div:last-child {\n    display: none;\n  }\n  & [data-testid='pt-editor'] {\n    min-height: 300px;\n  }\n  & [data-testid='pt-editor'] .pt-inline-object * {\n    max-width: 400px;\n  }\n"])));
 function PromptInput(props) {
   useOnlyInlineBlocks(props);
   return /* @__PURE__ */jsx(PteMods, {
@@ -3568,9 +3603,9 @@ function PromptInput(props) {
 }
 function useOnlyInlineBlocks(props) {
   useEffect(() => {
-    var _a;
+    var _a2;
     let needsFix = false;
-    const val = ((_a = props.value) != null ? _a : []).map(block => {
+    const val = ((_a2 = props.value) != null ? _a2 : []).map(block => {
       if (block._type === "block") {
         return block;
       }
@@ -3625,7 +3660,7 @@ const fieldReference = defineType({
         const refs = getFieldRefsWithDocument(schema);
         const fieldRef = refs.find(r => r.key === value);
         if (!fieldRef) {
-          return "Field with path \"".concat(value, "\" does not exist in the schema.");
+          return 'Field with path "'.concat(value, '" does not exist in the schema.');
         }
         return true;
       } catch (e) {