tinacms 3.14.2 → 3.14.4

package/dist/admin/components/ErrorDialog.d.ts

@@ -1,6 +1,9 @@
+import type { TinaCMS } from '@tinacms/toolkit';
 import React from 'react';
 export declare const ErrorDialog: (props: {
-    title: string;
+    /** @deprecated Pass the title to `cms.alerts.error` so it shows in the modal header. */
+    title?: string;
     message: string;
     error: Error;
 }) => React.JSX.Element;
+export declare const showErrorModal: (title: string, message: string, cms: TinaCMS) => void;

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { useDocumentCreatorPlugin } from './hooks/use-content-creator';
 export { TinaAdmin } from './admin';
 export { RouteMappingPlugin } from './admin/plugins/route-mapping';
 export { TinaAdminApi } from './admin/api';
-export { ErrorDialog } from './admin/components/ErrorDialog';
+export { ErrorDialog, showErrorModal } from './admin/components/ErrorDialog';
 export * from './toolkit';
 export { Form } from './toolkit/forms/form';
 export { MdxFieldPluginExtendible } from '@tinacms/toolkit';

package/dist/index.js

@@ -7,6 +7,7 @@ import React__default, { useState, useCallback, useRef, useEffect, createContext
 import { createPortal } from "react-dom";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
+import { CircleAlert, X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Heading6 as Heading6$1, Heading5 as Heading5$1, Heading4 as Heading4$1, Heading3 as Heading3$1, Heading2 as Heading2$1, Heading1 as Heading1$1, ChevronRight, Twitter, SunMedium, Moon, SeparatorHorizontal, Eye, Link2Off, Underline, Trash, Text, Table as Table$1, Superscript, Subscript, Strikethrough, Highlighter, Settings, RectangleHorizontal, RotateCcw, Pilcrow, Outdent, MoreHorizontal, Minus, WrapText, Keyboard, Indent, ExternalLink, Smile, Edit2, GripVertical, MessageSquarePlus, MessageSquare, Ungroup, Combine, RectangleVertical, Baseline, FileCode, PaintBucket, ChevronsUpDown, Quote, AlignRight as AlignRight$1, AlignLeft as AlignLeft$1, AlignJustify, AlignCenter as AlignCenter$1, Plus, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, Info, CircleCheck as CircleCheck$1, CircleIcon, ChevronDownIcon as ChevronDownIcon$1, File as File$1, ChevronUp, Edit, Pencil, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, WifiOff, TriangleAlert, RefreshCw, GitBranch, CircleHelp, Loader2, Lock, ArrowUpDown, GitFork, Globe, Copy, Folder as Folder$1, Clapperboard, LayoutGrid, List as List$1, CloudUpload, ArrowDownToLine, TextCursorInput, Images, AlertCircle, Image, Database, CheckCircle2, ImageOff, KeyRound, Cloud, LoaderCircle, ScrollText, RefreshCwOff, OctagonAlert, Menu, FilePlus, LogOut, FileStack, FolderOpen, History, Users, PanelLeft, Files, User, FileText, GitBranchIcon, Circle as Circle$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink, SquarePen, Trash2, House, Unlock } from "lucide-react";
 import { withRef, cn as cn$1, withCn, createPrimitiveElement, withVariants, withProps, PortalBody, useComposedRef as useComposedRef$1 } from "@udecode/cn";
 import { BoldPlugin, ItalicPlugin, StrikethroughPlugin, UnderlinePlugin, CodePlugin, BasicMarksPlugin } from "@udecode/plate-basic-marks/react";
 import { BlockquotePlugin } from "@udecode/plate-block-quote/react";
@@ -20,7 +21,6 @@ import { SlashInputPlugin, SlashPlugin } from "@udecode/plate-slash-command/reac
 import { TablePlugin, TableRowPlugin, useTableCellElement, TableProvider, useTableElement, useTableMergeState, useTableBordersDropdownMenuContentState, TableCellPlugin, TableCellHeaderPlugin } from "@udecode/plate-table/react";
 import { PlateElement, useReadOnly, useElement, PlateLeaf, useSelected, useFocused, useEditorRef, withRef as withRef$1, useComposedRef, useEditorPlugin, useElementSelector, withHOC, usePluginOption, useRemoveNodeButton, useEditorSelector, ParagraphPlugin, createPlatePlugin, PlateContent, PlateContainer, useEditorState, useMarkToolbarButtonState, useMarkToolbarButton, usePlateEditor, useFormInputProps, useEditorSelection, useEditorReadOnly, useOnClickOutside, useEventEditorValue, Plate } from "@udecode/plate/react";
 import { isLangSupported, formatCodeBlock, insertEmptyCodeBlock, isCodeBlockEmpty, unwrapCodeBlock, isSelectionAtCodeBlockStart } from "@udecode/plate-code-block";
-import { X, Search, ChevronDown, Check, AlertTriangle, BracesIcon, Heading6 as Heading6$1, Heading5 as Heading5$1, Heading4 as Heading4$1, Heading3 as Heading3$1, Heading2 as Heading2$1, Heading1 as Heading1$1, ChevronRight, Twitter, SunMedium, Moon, SeparatorHorizontal, Eye, Link2Off, Underline, Trash, Text, Table as Table$1, Superscript, Subscript, Strikethrough, Highlighter, Settings, RectangleHorizontal, RotateCcw, Pilcrow, Outdent, MoreHorizontal, Minus, WrapText, Keyboard, Indent, ExternalLink, Smile, Edit2, GripVertical, MessageSquarePlus, MessageSquare, Ungroup, Combine, RectangleVertical, Baseline, FileCode, PaintBucket, ChevronsUpDown, Quote, AlignRight as AlignRight$1, AlignLeft as AlignLeft$1, AlignJustify, AlignCenter as AlignCenter$1, Plus, PaintBucketIcon, CombineIcon, SquareSplitHorizontalIcon, Grid2X2Icon, Trash2Icon, ArrowUp, ArrowDown, XIcon, ArrowLeft, ArrowRight, EraserIcon, Info, CircleAlert, CircleCheck as CircleCheck$1, CircleIcon, ChevronDownIcon as ChevronDownIcon$1, File as File$1, ChevronUp, Edit, Pencil, Clock, CalendarCheck, Calendar as Calendar$1, CalendarDays, RotateCw, ChevronLeft, WifiOff, TriangleAlert, RefreshCw, GitBranch, CircleHelp, Loader2, Lock, ArrowUpDown, GitFork, Globe, Copy, Folder as Folder$1, Clapperboard, LayoutGrid, List as List$1, CloudUpload, ArrowDownToLine, TextCursorInput, Images, AlertCircle, Image, Database, CheckCircle2, ImageOff, KeyRound, Cloud, LoaderCircle, ScrollText, RefreshCwOff, OctagonAlert, Menu, FilePlus, LogOut, FileStack, FolderOpen, History, Users, PanelLeft, Files, User, FileText, GitBranchIcon, Circle as Circle$1, ListOrdered, Grid3x3Icon, CircleX, Link, Unlink, SquarePen, Trash2, House, Unlock } from "lucide-react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { Command as Command$2 } from "cmdk";
@@ -851,6 +851,12 @@ const PopupModal = ({ className = "", style = {}, ...props }) => /* @__PURE__ */
   }
 );
 const ModalPopup = PopupModal;
+const ErrorModal = ({
+  title,
+  actions,
+  close: close2,
+  children
+}) => /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, { close: close2 }, /* @__PURE__ */ React__default.createElement(CircleAlert, { className: "mr-1 w-6 h-auto inline-block text-red-600" }), " ", title), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("div", { className: "tina-prose whitespace-pre-wrap" }, children)), /* @__PURE__ */ React__default.createElement(ModalActions, { align: "end" }, actions)));
 const ERROR_MISSING_CMS = `useCMS could not find an instance of CMS`;
 const CMSContext = React.createContext(null);
 function useCMS$1() {
@@ -3788,7 +3794,20 @@ class Form {
         if (field.templates) {
           if (field.list) {
             if (isLastItem) {
-              return formOrObjectField;
+              const fieldName = namePath.slice(0, namePathIndex).join(".");
+              if (!fieldName) {
+                return formOrObjectField;
+              }
+              return {
+                ...formOrObjectField,
+                name: fieldName,
+                fields: formOrObjectField.fields.map((field2) => {
+                  return {
+                    ...field2,
+                    name: [fieldName, field2.name].join(".")
+                  };
+                })
+              };
             } else {
               const namePathIndexForListItem = namePathIndex + 1;
               const index = namePath[namePathIndexForListItem];
@@ -5757,7 +5776,7 @@ const ImageUpload = React.forwardRef(({ onDrop, onClear, onClick, value, src, lo
     /* @__PURE__ */ React.createElement(
       "button",
       {
-        className: "flex-shrink min-w-0 focus-within:shadow-outline focus-within:border-blue-500 rounded outline-none overflow-visible cursor-pointer border-none hover:opacity-60 transition ease-out duration-100",
+        className: "flex-shrink min-w-0 focus-within:shadow-outline focus-within:border-blue-500 rounded outline-none overflow-visible cursor-pointer border-none hover:ring-2 hover:ring-orange-500 transition-shadow ease-in-out duration-200",
         onClick,
         ref
       },
@@ -7533,8 +7552,8 @@ const ImageField = wrapFieldsWithMeta(
                   `${fileRejection.file.name}: ${fileRejection.errors.map((error) => printError(error)).join(", ")}`
                 );
               });
-              cms.alerts.error(() => {
-                return /* @__PURE__ */ React.createElement(React.Fragment, null, "Upload Failed. ", /* @__PURE__ */ React.createElement("br", null), messages.join(". "), ".");
+              cms.alerts.error(`${messages.join(". ")}.`, {
+                title: "Upload Failed"
               });
             }
           } catch (error) {
@@ -10108,7 +10127,7 @@ let Alerts$1 = class Alerts {
       ...eventsToAlerts
     };
   }
-  add(level, message, timeout = 4e3) {
+  add(level, message, timeout = 4e3, title) {
     if (this.suppressed) {
       return () => {
       };
@@ -10117,6 +10136,7 @@ let Alerts$1 = class Alerts {
       level,
       message,
       timeout,
+      title,
       id: `${message}|${Date.now()}`
     };
     this.alerts.set(alert.id, alert);
@@ -10149,8 +10169,11 @@ let Alerts$1 = class Alerts {
   warn(message, timeout) {
     return this.add("warn", message, timeout);
   }
-  error(message, timeout) {
-    return this.add("error", message, timeout);
+  error(message, options) {
+    if (typeof options === "number") {
+      return this.add("error", message, options);
+    }
+    return this.add("error", message, void 0, options == null ? void 0 : options.title);
   }
 };
 class EventBus {
@@ -12480,8 +12503,8 @@ function MediaPicker({
               `${fileRejection.file.name}: ${fileRejection.errors.map((error) => printError(error)).join(", ")}`
             );
           });
-          cms.alerts.error(() => {
-            return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "Upload Failed. ", /* @__PURE__ */ React__default.createElement("br", null), messages.join(". "), ".");
+          cms.alerts.error(`${messages.join(". ")}.`, {
+            title: "Upload Failed"
           });
         }
         if (mediaItems.length !== 0) {
@@ -14305,7 +14328,7 @@ const FormModal = ({ plugin, close: close2 }) => {
 const name = "tinacms";
 const type = "module";
 const typings = "dist/index.d.ts";
-const version = "3.14.2";
+const version = "3.14.4";
 const main = "dist/index.js";
 const module$1 = "./dist/index.js";
 const exports$1 = { ".": "./dist/index.js", "./dist/client": { "types": "./dist/client.d.ts", "browser": "./dist/client.browser.js", "default": "./dist/client.js" }, "./react": "./dist/react.js", "./dist/react": "./dist/react.js", "./tina-field": "./dist/tina-field.js", "./dist/tina-field": "./dist/tina-field.js", "./dist/rich-text": "./dist/rich-text/index.js", "./dist/rich-text/static": "./dist/rich-text/static.js", "./dist/rich-text/prism": "./dist/rich-text/prism.js" };
@@ -16615,26 +16638,19 @@ function Alerts2({ alerts }) {
     const AlertMessage = typeof alert.message === "string" ? () => {
       return /* @__PURE__ */ React__default.createElement("p", { className: "text-base mb-3 overflow-y-auto" }, parseUrlsInText(alert.message.toString()));
     } : alert.message;
-    return /* @__PURE__ */ React__default.createElement(Modal, { key: alert.id }, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(
-      ModalHeader,
-      {
-        close: () => {
-          alerts.dismiss(alert);
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(CircleAlert, { className: "mr-1 w-6 h-auto inline-block text-red-600" }),
-      " ",
-      "Error"
-    ), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("div", { className: "tina-prose whitespace-pre-wrap" }, /* @__PURE__ */ React__default.createElement(AlertMessage, null))), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React__default.createElement(
-      Button$2,
+    const dismiss = () => {
+      alerts.dismiss(alert);
+    };
+    return /* @__PURE__ */ React__default.createElement(
+      ErrorModal,
       {
-        style: { flexGrow: 1 },
-        onClick: () => {
-          alerts.dismiss(alert);
-        }
+        key: alert.id,
+        title: alert.title ?? "Error",
+        close: dismiss,
+        actions: /* @__PURE__ */ React__default.createElement(Button$2, { className: "w-full sm:w-auto", onClick: dismiss }, "Close")
       },
-      "Close"
-    ))));
+      /* @__PURE__ */ React__default.createElement(AlertMessage, null)
+    );
   }));
 }
 const Alert = ({
@@ -18359,7 +18375,16 @@ const FormBuilder = ({
 };
 const FormStatus = ({ pristine }) => {
   const pristineClass = pristine ? "text-green-500" : "text-red-500";
-  return /* @__PURE__ */ React.createElement(Circle$1, { className: cn("w-3 h-3 fill-current", pristineClass) });
+  const label = pristine ? "No unsaved changes" : "Unsaved changes";
+  return /* @__PURE__ */ React.createElement(
+    Circle$1,
+    {
+      role: "img",
+      "aria-label": label,
+      className: cn("w-3 h-3 fill-current", pristineClass)
+    },
+    /* @__PURE__ */ React.createElement("title", null, label)
+  );
 };
 const RelatedFilesBanner = () => {
   const cms = useCMS$1();
@@ -72511,9 +72536,9 @@ mutation addPendingDocumentMutation(
       throw new SessionExpiredError();
     }
     if (res.status !== 200) {
-      let errorMessage = `Unable to complete request, ${res.statusText}`;
-      const resBody = await res.json();
-      if (resBody.message) {
+      let errorMessage = `Unable to complete request, ${res.statusText || res.status}`;
+      const resBody = await res.json().catch(() => void 0);
+      if (resBody == null ? void 0 : resBody.message) {
         errorMessage = `${errorMessage}, Response: ${resBody.message}`;
       }
       if (!this.isCustomContentApi) {
@@ -72597,7 +72622,7 @@ mutation addPendingDocumentMutation(
         }
       });
       if (!res.ok) {
-        let errorMessage = `There was an error creating a pull request. ${res.statusText}`;
+        let errorMessage = `There was an error creating a pull request. ${res.statusText || res.status}`;
         if (res.status === 422) {
           errorMessage = `Please make sure you have made changes on ${branch} before creating a pull request.`;
         }
@@ -72780,8 +72805,10 @@ mutation addPendingDocumentMutation(
       });
       if (!res.ok) {
         console.error("There was an error creating a new branch.");
-        const error = await res.json();
-        throw new Error(error == null ? void 0 : error.message);
+        const error = await res.json().catch(() => void 0);
+        throw new Error(
+          (error == null ? void 0 : error.message) ?? `Unable to create branch, ${res.statusText || res.status}`
+        );
       }
       const values = await res.json();
       return parseRefForBranchName(values.data.ref);
@@ -72797,7 +72824,9 @@ mutation addPendingDocumentMutation(
         method: "GET"
       });
       if (!res.ok) {
-        throw new Error(`Failed to fetch latest version: ${res.statusText}`);
+        throw new Error(
+          `Failed to fetch latest version: ${res.statusText || res.status}`
+        );
       }
       const data = await res.json();
       return data;
@@ -72846,7 +72875,7 @@ mutation addPendingDocumentMutation(
         }
         if (statusResponse.status !== 202) {
           const error = new Error(
-            statusResponseBody.message || `Failed to check workflow status: ${statusResponse.statusText}`
+            statusResponseBody.message || `Failed to check workflow status: ${statusResponse.statusText || statusResponse.status}`
           );
           error.errorCode = "WORKFLOW_STATUS_FAILED";
           throw error;
@@ -74222,52 +74251,14 @@ const Layout = ({ children }) => {
     children
   ));
 };
-const ErrorDialog = (props) => {
-  return /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      style: {
-        background: "#efefef",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      }
-    },
-    /* @__PURE__ */ React__default.createElement("style", null, "        body {          margin: 0;        }      "),
-    /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        style: {
-          background: "#fff",
-          maxWidth: "400px",
-          padding: "20px",
-          fontFamily: "'Inter', sans-serif",
-          borderRadius: "5px",
-          boxShadow: "0 6px 24px rgb(0 37 91 / 5%), 0 2px 4px rgb(0 37 91 / 3%)"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement("h3", { style: { color: "#eb6337" } }, props.title),
-      /* @__PURE__ */ React__default.createElement("p", null, props.message, ":"),
-      /* @__PURE__ */ React__default.createElement(
-        "pre",
-        {
-          style: { marginTop: "1rem", overflowX: "auto" }
-        },
-        `${props.error}`
-      ),
-      /* @__PURE__ */ React__default.createElement("p", null, "See our", " ", /* @__PURE__ */ React__default.createElement(
-        "a",
-        {
-          className: "text-gray-600",
-          style: { textDecoration: "underline" },
-          href: "https://tina.io/docs/r/FAQ/",
-          target: "_blank"
-        },
-        " ",
-        "Error FAQ",
-        " "
-      ), " ", "for more information.")
-    )
+const TROUBLESHOOTING_URL = "https://tina.io/docs/tinacloud/troubleshooting";
+const TroubleshootingLink = () => /* @__PURE__ */ React__default.createElement("a", { href: TROUBLESHOOTING_URL, target: "_blank", rel: "noopener noreferrer" }, "Read the TinaCloud troubleshooting guide");
+const ErrorDialog = (props) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.title && /* @__PURE__ */ React__default.createElement("h3", null, props.title), /* @__PURE__ */ React__default.createElement("p", null, props.message, ":"), /* @__PURE__ */ React__default.createElement("pre", { className: "overflow-x-auto" }, `${props.error}`), /* @__PURE__ */ React__default.createElement(TroubleshootingLink, null));
+const showErrorModal = (title, message, cms) => {
+  if (cms.alerts.all.some((a) => a.level === "error")) return;
+  cms.alerts.error(
+    () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("p", null, message), /* @__PURE__ */ React__default.createElement(TroubleshootingLink, null)),
+    { title }
   );
 };
 const LoadingPage = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -75499,18 +75490,24 @@ const shouldAutoOpenCollectionDocument = ({
   ((_b = (_a = collection.documents) == null ? void 0 : _a.edges) == null ? void 0 : _b.length) === 1 && // Check to make sure the file is not a folder
   ((_e = (_d = (_c = collection.documents) == null ? void 0 : _c.edges[0]) == null ? void 0 : _d.node) == null ? void 0 : _e.__typename) !== "Folder";
 };
-const UnableToLoadModal = ({ message }) => /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, null, "Unable to load"), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("div", { className: "tina-prose" }, message)), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React__default.createElement(
-  Button$2,
+const UnableToLoadModal = ({ message }) => /* @__PURE__ */ React__default.createElement(
+  ErrorModal,
   {
-    style: { flexGrow: 1 },
-    className: "w-full",
-    variant: "primary",
-    onClick: () => {
-      window.location.reload();
-    }
+    title: "Unable to Load",
+    actions: /* @__PURE__ */ React__default.createElement(
+      Button$2,
+      {
+        className: "w-full sm:w-auto",
+        variant: "primary",
+        onClick: () => {
+          window.location.reload();
+        }
+      },
+      "Reload"
+    )
   },
-  "Reload"
-))));
+  message
+);
 const isValidSortKey = (sortKey, collection) => {
   if (collection.fields) {
     const sortKeys = collection.fields.map((x) => x.name);
@@ -75984,18 +75981,18 @@ const RenderForm$1 = ({
           }, 10);
         } catch (error) {
           if (isSessionExpiredError(error)) throw error;
-          const defaultErrorText = "There was a problem saving your document.";
           if (error.message && error.message.includes(ERR_ALREADY_EXISTS)) {
             cms.alerts.error(
-              `${defaultErrorText} The filename "${form.values.filename}.${collection.format || "md"}" is already used for another document, please modify it.`
+              `The filename "${form.values.filename}.${collection.format || "md"}" is already used for another document, please modify it.`,
+              { title: "Save Failed" }
             );
           } else {
             cms.alerts.error(
               () => ErrorDialog({
-                title: defaultErrorText,
                 message: "Tina caught an error while creating the file",
                 error
-              })
+              }),
+              { title: "Save Failed" }
             );
           }
           throw new Error(
@@ -76245,10 +76242,10 @@ const RenderForm = ({
           if (isSessionExpiredError(error)) throw error;
           cms.alerts.error(
             () => ErrorDialog({
-              title: "There was a problem saving your document",
               message: "Tina caught an error while updating the page",
               error
-            })
+            }),
+            { title: "Save Failed" }
           );
           console.error(error);
           throw new Error(
@@ -76337,15 +76334,6 @@ function resolvePreviewPath(splat, baseOrigin = typeof window !== "undefined" ?
     return { path: "/", offOrigin: true };
   }
 }
-const TROUBLESHOOTING_URL = "https://tina.io/docs/tinacloud/troubleshooting";
-const ErrorModalContent = (props) => {
-  const { title, message } = props;
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", null, title), /* @__PURE__ */ React__default.createElement("p", null, message), /* @__PURE__ */ React__default.createElement("a", { href: TROUBLESHOOTING_URL, target: "_blank", rel: "noopener noreferrer" }, "Learn more"));
-};
-const showErrorModal = (title, message, cms) => {
-  if (cms.alerts.all.some((a) => a.level === "error")) return;
-  cms.alerts.error(() => /* @__PURE__ */ React__default.createElement(ErrorModalContent, { title, message }));
-};
 const getBackendType = (client) => {
   var _a, _b, _c;
   if (!client) return "other";
@@ -76498,19 +76486,27 @@ const CheckSchema = ({
       });
     }
   }, [cms, JSON.stringify(schemaJson || {}), url]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, schemaMissingError ? /* @__PURE__ */ React__default.createElement(Modal, null, /* @__PURE__ */ React__default.createElement(PopupModal, null, /* @__PURE__ */ React__default.createElement(ModalHeader, null, "Branch Not Found"), /* @__PURE__ */ React__default.createElement(ModalBody, { padded: true }, /* @__PURE__ */ React__default.createElement("div", { className: "tina-prose" }, "The current branch (", /* @__PURE__ */ React__default.createElement("span", { className: "font-bold" }, currentBranch), ") has either been merged or deleted.")), /* @__PURE__ */ React__default.createElement(ModalActions, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React__default.createElement(
-    Button$2,
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, schemaMissingError ? /* @__PURE__ */ React__default.createElement(
+    ErrorModal,
     {
-      style: { flexGrow: 1 },
-      className: "w-full",
-      variant: "primary",
-      onClick: () => {
-        window.localStorage.removeItem("tinacms-current-branch");
-        window.location.reload();
-      }
+      title: "Branch Not Found",
+      actions: /* @__PURE__ */ React__default.createElement(
+        Button$2,
+        {
+          className: "w-full sm:w-auto",
+          variant: "primary",
+          onClick: () => {
+            window.localStorage.removeItem("tinacms-current-branch");
+            window.location.reload();
+          }
+        },
+        "Switch back to default branch"
+      )
     },
-    "Switch back to default branch"
-  )))) : children);
+    "The current branch (",
+    /* @__PURE__ */ React__default.createElement("span", { className: "font-bold" }, currentBranch),
+    ") has either been merged or deleted."
+  ) : children);
 };
 const TinaAdmin = ({
   preview,
@@ -76843,6 +76839,7 @@ export {
   EllipsisVerticalIcon,
   ErrorDialog,
   ErrorIcon,
+  ErrorModal,
   EventBus,
   ExitIcon,
   FieldDescription,
@@ -77007,6 +77004,7 @@ export {
   safeAssertShape,
   sanitizeFilename,
   selectFieldClasses,
+  showErrorModal,
   sortBranchListFn,
   staticRequest,
   tableHeadingStyle,

package/dist/toolkit/alerts/alerts.d.ts

@@ -22,19 +22,23 @@ export declare class Alerts {
      * login modal. Alerts already showing are left alone.
      */
     private suppressed;
-    add(level: AlertLevel, message: string | React.FunctionComponent, timeout?: number): () => void;
+    add(level: AlertLevel, message: string | React.FunctionComponent, timeout?: number, title?: string): () => void;
     dismiss(alert: Alert): void;
     subscribe(cb: Callback): () => void;
     get all(): Alert[];
     info(message: string | React.FunctionComponent, timeout?: number): () => void;
     success(message: string | React.FunctionComponent, timeout?: number): () => void;
     warn(message: string | React.FunctionComponent, timeout?: number): () => void;
-    error(message: string | React.FunctionComponent, timeout?: number): () => void;
+    error(message: string | React.FunctionComponent, options?: number | ErrorAlertOptions): () => void;
 }
 export type AlertLevel = 'info' | 'success' | 'warn' | 'error';
+export interface ErrorAlertOptions {
+    title?: string;
+}
 export interface Alert {
     id: string;
     level: AlertLevel;
     message: string | React.FunctionComponent;
     timeout: number;
+    title?: string;
 }

package/dist/toolkit/fields/components/reference/components/command.d.ts

@@ -45,7 +45,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "ref">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     forceMount?: boolean;
     keywords?: string[];

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/command.d.ts

@@ -102,7 +102,7 @@ export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/toolkit/react-modals/error-modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ErrorModalProps {
+    title: string;
+    actions: React.ReactNode;
+    close?: () => void;
+    children: React.ReactNode;
+}
+export declare const ErrorModal: ({ title, actions, close, children, }: ErrorModalProps) => React.JSX.Element;

package/dist/toolkit/react-modals/index.d.ts

@@ -2,3 +2,4 @@ export * from './modal-provider';
 export * from './modal';
 export * from './fullscreen-modal';
 export * from './popup-modal';
+export * from './error-modal';

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "3.14.2",
+  "version": "3.14.4",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -110,10 +110,10 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/schema-tools": "^2.10.1",
-    "@tinacms/bridge": "^0.3.1",
     "@tinacms/mdx": "^2.3.0",
-    "@tinacms/search": "^1.2.25"
+    "@tinacms/schema-tools": "^2.10.1",
+    "@tinacms/search": "^1.2.26",
+    "@tinacms/bridge": "^0.3.1"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",