tinacms 1.6.7 → 2.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/plate-headless"), require("@monaco-editor/react"), require("slate-react"), require("@headlessui/react"), require("slate"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("@radix-ui/react-popover"), require("react-color"), require("color-string"), require("react-dropzone"), require("@tinacms/sharedctx"), require("lodash.get"), require("moment"), require("date-fns"), require("is-hotkey"), require("@floating-ui/dom"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("yup"), require("@graphql-inspector/core"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/plate-headless", "@monaco-editor/react", "slate-react", "@headlessui/react", "slate", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "@radix-ui/react-popover", "react-color", "color-string", "react-dropzone", "@tinacms/sharedctx", "lodash.get", "moment", "date-fns", "is-hotkey", "@floating-ui/dom", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "yup", "@graphql-inspector/core", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
-})(this, function(exports2, zod, React, reactDom, plateHeadless, MonacoEditor, slateReact, react, slate, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, Popover$1, pkg$1, pkg, dropzone, sharedctx, get, moment, dateFns, isHotkey, dom, windowSize, graphql, gql$1, schemaTools, yup, core, reactRouterDom, mdx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/plate-headless"), require("@monaco-editor/react"), require("slate-react"), require("@headlessui/react"), require("slate"), require("final-form-arrays"), require("final-form-set-field-data"), require("final-form"), require("react-final-form"), require("prop-types"), require("react-beautiful-dnd"), require("@radix-ui/react-popover"), require("react-color"), require("color-string"), require("react-dropzone"), require("lodash.get"), require("moment"), require("date-fns"), require("is-hotkey"), require("@floating-ui/dom"), require("@react-hook/window-size"), require("graphql"), require("graphql-tag"), require("@tinacms/schema-tools"), require("yup"), require("@graphql-inspector/core"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/plate-headless", "@monaco-editor/react", "slate-react", "@headlessui/react", "slate", "final-form-arrays", "final-form-set-field-data", "final-form", "react-final-form", "prop-types", "react-beautiful-dnd", "@radix-ui/react-popover", "react-color", "color-string", "react-dropzone", "lodash.get", "moment", "date-fns", "is-hotkey", "@floating-ui/dom", "@react-hook/window-size", "graphql", "graphql-tag", "@tinacms/schema-tools", "yup", "@graphql-inspector/core", "react-router-dom", "@tinacms/mdx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP, global.NOOP));
+})(this, function(exports2, zod, React, reactDom, plateHeadless, MonacoEditor, slateReact, react, slate, arrayMutators, setFieldData, finalForm, reactFinalForm, PropTypes, reactBeautifulDnd, Popover$1, pkg$1, pkg, dropzone, get, moment, dateFns, isHotkey, dom, windowSize, graphql, gql, schemaTools, yup, core, reactRouterDom, mdx) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -2794,12 +2794,6 @@ var __publicField = (obj, key, value) => {
   function BiLock(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9V7zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z" }, "child": [] }] })(props);
   }
-  function BiLogIn(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "m13 16 5-4-5-4v3H4v2h9z" }, "child": [] }, { "tag": "path", "attr": { "d": "M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z" }, "child": [] }] })(props);
-  }
-  function BiLogOut(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M16 13v-2H7V8l-5 4 5 4v-3z" }, "child": [] }, { "tag": "path", "attr": { "d": "M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z" }, "child": [] }] })(props);
-  }
   function BiMenu(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, "child": [] }] })(props);
   }
@@ -2935,7 +2929,9 @@ var __publicField = (obj, key, value) => {
   function useFormPortal() {
     return React.useContext(FormPortalContext);
   }
-  const FormPortalProvider = ({ children }) => {
+  const FormPortalProvider = ({
+    children
+  }) => {
     const wrapperRef = React__namespace.useRef(null);
     const zIndexRef = React__namespace.useRef(0);
     const FormPortal = React__namespace.useCallback(
@@ -3154,9 +3150,6 @@ var __publicField = (obj, key, value) => {
   function MdOutlineArrowBackIos(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0V0z", "opacity": ".87" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.51 3.87 15.73 2.1 5.84 12l9.9 9.9 1.77-1.77L9.38 12l8.13-8.13z" }, "child": [] }] })(props);
   }
-  function MdOutlineArrowBack(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0V0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }, "child": [] }] })(props);
-  }
   function MdOutlinePerson(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0V0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, "child": [] }] })(props);
   }
@@ -3706,7 +3699,18 @@ var __publicField = (obj, key, value) => {
     "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
     "application/msword",
     "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    "image/*"
+    "application/postscript",
+    "model/fbx",
+    "model/gltf+json",
+    "model/ply",
+    "model/u3d+mesh",
+    "model/vnd.usdz+zip",
+    "application/x-indesign",
+    "application/vnd.apple.mpegurl",
+    "application/dash+xml",
+    "application/mxf",
+    "image/*",
+    "video/*"
   ];
   const DEFAULT_MEDIA_UPLOAD_TYPES = supportedFileTypes.join(",");
   const dropzoneAcceptFromString = (str) => {
@@ -8255,22 +8259,6 @@ var __publicField = (obj, key, value) => {
       return this.add("error", message, timeout);
     }
   };
-  const PendingFormsPlaceholder = () => /* @__PURE__ */ React__namespace.createElement(
-    "div",
-    {
-      className: "relative flex flex-col items-center justify-center text-center p-5 pb-16 w-full h-full overflow-y-auto",
-      style: {
-        animationName: "fade-in",
-        animationDelay: "300ms",
-        animationTimingFunction: "ease-out",
-        animationIterationCount: 1,
-        animationFillMode: "both",
-        animationDuration: "150ms"
-      }
-    },
-    /* @__PURE__ */ React__namespace.createElement("p", { className: "block pb-5" }, "Please wait while Tina", /* @__PURE__ */ React__namespace.createElement("br", null), "loads your forms"),
-    /* @__PURE__ */ React__namespace.createElement(LoadingDots, { color: "var(--tina-color-primary)" })
-  );
   const NoFormsPlaceholder = () => /* @__PURE__ */ React__namespace.createElement(
     "div",
     {
@@ -8523,38 +8511,19 @@ var __publicField = (obj, key, value) => {
   }) => {
     const cms = useCMS$1();
     const { setFormIsPristine } = React__namespace.useContext(SidebarContext);
-    const { formsRegistering, setFormsRegistering } = React__namespace.useContext(sharedctx.EditContext);
-    React__namespace.useMemo(
-      () => cms.events.subscribe("forms:register", (event) => {
-        if (event.value === "start") {
-          setFormsRegistering(true);
-        } else {
-          setFormsRegistering(false);
-        }
-      }),
-      []
-    );
     const isMultiform = cms.state.forms.length > 1;
     const activeForm = cms.state.forms.find(
       ({ tinaForm }) => tinaForm.id === cms.state.activeFormId
     );
     const isEditing = !!activeForm;
     if (!cms.state.formLists.length) {
-      if (formsRegistering)
-        return /* @__PURE__ */ React__namespace.createElement(PendingFormsPlaceholder, null);
       return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, " ", children, " ");
     }
     if (isMultiform && !activeForm) {
       return /* @__PURE__ */ React__namespace.createElement(FormLists, { isEditing });
     }
     const formMetas = cms.plugins.all("form:meta");
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, activeForm && /* @__PURE__ */ React__namespace.createElement(FormWrapper$1, { isEditing, isMultiform }, isMultiform && /* @__PURE__ */ React__namespace.createElement(MultiformFormHeader, { activeForm }), !isMultiform && /* @__PURE__ */ React__namespace.createElement(FormHeader, { activeForm }), formMetas && formMetas.map((meta) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, { key: meta.name }, /* @__PURE__ */ React__namespace.createElement(meta.Component, null))), /* @__PURE__ */ React__namespace.createElement(
-      FormBuilder,
-      {
-        form: activeForm,
-        onPristineChange: setFormIsPristine
-      }
-    )));
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, activeForm && /* @__PURE__ */ React__namespace.createElement(FormWrapper$1, { isEditing, isMultiform }, isMultiform && /* @__PURE__ */ React__namespace.createElement(MultiformFormHeader, { activeForm }), !isMultiform && /* @__PURE__ */ React__namespace.createElement(FormHeader, { activeForm }), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, { key: meta.name }, /* @__PURE__ */ React__namespace.createElement(meta.Component, null))), /* @__PURE__ */ React__namespace.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
   };
   const FormWrapper$1 = ({ isEditing, children }) => {
     return /* @__PURE__ */ React__namespace.createElement(
@@ -8583,11 +8552,12 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
-        className: `pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50`
+        className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
       },
       /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React__namespace.createElement(
         "button",
         {
+          type: "button",
           className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
           onClick: () => {
             const state = activeForm.tinaForm.finalForm.getState();
@@ -8608,7 +8578,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
-        className: `pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50`
+        className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
       },
       /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, shortFormLabel && /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
     );
@@ -8872,7 +8842,6 @@ var __publicField = (obj, key, value) => {
     ...props
   }) => {
     const cms = useCMS$1();
-    const { setEdit } = sharedctx.useEditState();
     const [eventsOpen, setEventsOpen] = React__namespace.useState(false);
     const { contentCollections, authCollection } = collectionsInfo.collections.reduce(
       (acc, collection) => {
@@ -8966,7 +8935,6 @@ var __publicField = (obj, key, value) => {
                     window.location.href
                   ).pathname;
                 }
-                setEdit(false);
               } catch (e) {
                 cms.alerts.error(`Error logging out: ${e}`);
                 console.error("Unexpected error calling logout");
@@ -10783,7 +10751,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 p-6 flex flex-col items-center z-[999999] pointer-events-none" }, alerts.all.filter((alert) => {
       return alert.level !== "error";
     }).map((alert) => {
-      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, alert.message), /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, alert.message.toString()), /* @__PURE__ */ React.createElement(
         CloseAlert,
         {
           onClick: () => {
@@ -10795,7 +10763,7 @@ var __publicField = (obj, key, value) => {
       return alert.level === "error";
     }).map((alert) => {
       const AlertMessage = typeof alert.message === "string" ? () => {
-        return /* @__PURE__ */ React.createElement("p", { className: "text-base mb-3 overflow-y-auto" }, alert.message);
+        return /* @__PURE__ */ React.createElement("p", { className: "text-base mb-3 overflow-y-auto" }, alert.message.toString());
       } : alert.message;
       return /* @__PURE__ */ React.createElement(Modal, { key: alert.id }, /* @__PURE__ */ React.createElement(PopupModal, null, /* @__PURE__ */ React.createElement(
         ModalHeader,
@@ -10819,7 +10787,10 @@ var __publicField = (obj, key, value) => {
       ))));
     }));
   }
-  const Alert = ({ level, ...props }) => {
+  const Alert = ({
+    level,
+    ...props
+  }) => {
     const colorClasses = {
       info: "bg-blue-100 border-blue-500 text-blue-600 fill-blue-500",
       success: "bg-green-100 border-green-500 text-green-600 fill-green-500",
@@ -11322,7 +11293,7 @@ var __publicField = (obj, key, value) => {
             header: /* @__PURE__ */ React__namespace.createElement(PanelHeader, { ...fieldGroup, id: tinaForm.id }),
             id: tinaForm.id
           },
-          tinaForm && tinaForm.fields.length ? /* @__PURE__ */ React__namespace.createElement(
+          (tinaForm == null ? void 0 : tinaForm.fields.length) ? /* @__PURE__ */ React__namespace.createElement(
             FieldsBuilder,
             {
               form: tinaForm,
@@ -11407,6 +11378,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React__namespace.createElement(
       "button",
       {
+        type: "button",
         className: `relative z-40 group text-left w-full bg-white hover:bg-gray-50 py-2 border-t border-b shadow-sm
    border-gray-100 px-6 -mt-px`,
         onClick: () => {
@@ -12809,6 +12781,7 @@ var __publicField = (obj, key, value) => {
   const EMBED_ICON_WIDTH = 85;
   function Toolbar({
     templates,
+    toolbarOverride,
     tinaForm
   }) {
     const { setRawMode } = useEditorContext();
@@ -12824,8 +12797,8 @@ var __publicField = (obj, key, value) => {
     const codeBlockActive = helpers.isNodeActive(editor, plateHeadless.ELEMENT_CODE_BLOCK);
     const blockQuoteActive = helpers.isNodeActive(editor, plateHeadless.ELEMENT_BLOCKQUOTE);
     const isImgActive = helpers.isNodeActive(editor, ELEMENT_IMG);
-    const toolbarItems = [
-      {
+    const toolbarItemLookup = {
+      heading: {
         tinaForm,
         name: "heading",
         label: "Heading",
@@ -12846,19 +12819,19 @@ var __publicField = (obj, key, value) => {
           item.render
         ))
       },
-      {
+      link: {
         tinaForm,
         name: "link",
         label: "Link",
         active: isLinkActive2
       },
-      {
+      image: {
         tinaForm,
         name: "image",
         label: "Image",
         active: isImgActive
       },
-      {
+      quote: {
         tinaForm,
         name: "quote",
         label: "Quote",
@@ -12869,7 +12842,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleNodeType(editor, { activeType: plateHeadless.ELEMENT_BLOCKQUOTE });
         }
       },
-      {
+      ul: {
         tinaForm,
         name: "ul",
         label: "Bullet List",
@@ -12880,7 +12853,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleList(editor, { type: plateHeadless.ELEMENT_UL });
         }
       },
-      {
+      ol: {
         tinaForm,
         name: "ol",
         label: "List",
@@ -12891,7 +12864,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleList(editor, { type: plateHeadless.ELEMENT_OL });
         }
       },
-      {
+      code: {
         tinaForm,
         name: "code",
         label: "Code",
@@ -12902,7 +12875,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleMark(editor, { key: plateHeadless.MARK_CODE });
         }
       },
-      {
+      codeBlock: {
         tinaForm,
         name: "codeBlock",
         label: "Code Block",
@@ -12913,7 +12886,7 @@ var __publicField = (obj, key, value) => {
           insertEmptyCodeBlock(editor);
         }
       },
-      {
+      bold: {
         tinaForm,
         name: "bold",
         label: "Bold",
@@ -12924,7 +12897,7 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleMark(editor, { key: plateHeadless.MARK_BOLD });
         }
       },
-      {
+      italic: {
         tinaForm,
         name: "italic",
         label: "Italic",
@@ -12935,14 +12908,15 @@ var __publicField = (obj, key, value) => {
           plateHeadless.toggleMark(editor, { key: plateHeadless.MARK_ITALIC });
         }
       },
-      {
+      raw: {
         tinaForm,
         name: "raw",
         label: "Raw",
         active: false,
         onMouseDown: () => setRawMode(true)
       }
-    ];
+    };
+    const toolbarItems = toolbarOverride === void 0 ? Object.values(toolbarItemLookup) : toolbarOverride.map((item) => toolbarItemLookup[item]).filter((item) => item !== void 0);
     const [itemsShown, setItemsShown] = React__namespace.useState(toolbarItems.length);
     useResize(toolbarRef, (entry) => {
       const width = entry.target.getBoundingClientRect().width;
@@ -13087,10 +13061,11 @@ var __publicField = (obj, key, value) => {
     ))));
   }
   const RichEditor = (props) => {
+    var _a;
     const initialValue = React.useMemo(
       () => {
-        var _a, _b;
-        return ((_b = (_a = props.input.value) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
+        var _a2, _b;
+        return ((_b = (_a2 = props.input.value) == null ? void 0 : _a2.children) == null ? void 0 : _b.length) ? props.input.value.children.map(helpers.normalize) : [{ type: "p", children: [{ type: "text", text: "" }] }];
       },
       []
     );
@@ -13118,8 +13093,8 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       if (ref.current) {
         setTimeout(() => {
-          var _a;
-          const plateElement = (_a = ref.current) == null ? void 0 : _a.querySelector(
+          var _a2;
+          const plateElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector(
             '[role="textbox"]'
           );
           if (props.field.experimental_focusIntent && plateElement) {
@@ -13145,6 +13120,7 @@ var __publicField = (obj, key, value) => {
           Toolbar,
           {
             tinaForm: props.tinaForm,
+            toolbarOverride: (_a = props.field) == null ? void 0 : _a.toolbarOverride,
             templates: props.field.templates,
             inlineOnly: false
           }
@@ -13154,38 +13130,36 @@ var __publicField = (obj, key, value) => {
   };
   const MdxFieldPlugin = {
     name: "rich-text",
-    Component: wrapFieldsWithMeta(
-      (props) => {
-        const [rawMode, setRawMode] = React.useState(false);
-        const [key, setKey] = React.useState(0);
-        React.useMemo(() => {
-          const { reset } = props.form;
-          props.form.reset = (initialValues) => {
-            setKey((key2) => key2 + 1);
-            return reset(initialValues);
-          };
-        }, []);
-        return /* @__PURE__ */ React.createElement(
-          EditorContext.Provider,
+    Component: wrapFieldsWithMeta((props) => {
+      const [rawMode, setRawMode] = React.useState(false);
+      const [key, setKey] = React.useState(0);
+      React.useMemo(() => {
+        const { reset } = props.form;
+        props.form.reset = (initialValues) => {
+          setKey((key2) => key2 + 1);
+          return reset(initialValues);
+        };
+      }, []);
+      return /* @__PURE__ */ React.createElement(
+        EditorContext.Provider,
+        {
+          key,
+          value: {
+            fieldName: props.field.name,
+            templates: props.field.templates,
+            rawMode,
+            setRawMode
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
           {
-            key,
-            value: {
-              fieldName: props.field.name,
-              templates: props.field.templates,
-              rawMode,
-              setRawMode
-            }
+            className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
           },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
-            },
-            /* @__PURE__ */ React.createElement(RichEditor, { ...props })
-          )
-        );
-      }
-    )
+          /* @__PURE__ */ React.createElement(RichEditor, { ...props })
+        )
+      );
+    })
   };
   const MdxFieldPluginExtendible = {
     name: "rich-text",
@@ -13196,37 +13170,35 @@ var __publicField = (obj, key, value) => {
         return void 0;
       }
     },
-    Component: wrapFieldsWithMeta(
-      (props) => {
-        const [key, setKey] = React.useState(0);
-        React.useMemo(() => {
-          const { reset } = props.form;
-          props.form.reset = (initialValues) => {
-            setKey((key2) => key2 + 1);
-            return reset(initialValues);
-          };
-        }, []);
-        return /* @__PURE__ */ React.createElement(
-          EditorContext.Provider,
+    Component: wrapFieldsWithMeta((props) => {
+      const [key, setKey] = React.useState(0);
+      React.useMemo(() => {
+        const { reset } = props.form;
+        props.form.reset = (initialValues) => {
+          setKey((key2) => key2 + 1);
+          return reset(initialValues);
+        };
+      }, []);
+      return /* @__PURE__ */ React.createElement(
+        EditorContext.Provider,
+        {
+          key,
+          value: {
+            fieldName: props.field.name,
+            templates: props.field.templates,
+            rawMode: props.rawMode,
+            setRawMode: props.setRawMode
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
           {
-            key,
-            value: {
-              fieldName: props.field.name,
-              templates: props.field.templates,
-              rawMode: props.rawMode,
-              setRawMode: props.setRawMode
-            }
+            className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
           },
-          /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: "min-h-[100px] max-w-full tina-prose relative shadow-inner focus-within:shadow-outline focus-within:border-blue-500 block w-full bg-white border border-gray-200 text-gray-600 focus-within:text-gray-900 rounded-md px-3 py-2"
-            },
-            props.rawMode ? props.rawEditor : /* @__PURE__ */ React.createElement(RichEditor, { ...props })
-          )
-        );
-      }
-    )
+          props.rawMode ? props.rawEditor : /* @__PURE__ */ React.createElement(RichEditor, { ...props })
+        )
+      );
+    })
   };
   class FormMetaPlugin {
     constructor(options) {
@@ -27198,7 +27170,7 @@ mutation addPendingDocumentMutation(
         method: "POST",
         headers: headers2,
         body: JSON.stringify({
-          query: typeof query === "function" ? graphql.print(query(gql$1)) : query,
+          query: typeof query === "function" ? graphql.print(query(gql)) : query,
           variables
         })
       });
@@ -28559,6 +28531,7 @@ mutation addPendingDocumentMutation(
             /* @__PURE__ */ React.createElement(
               "button",
               {
+                type: "button",
                 style: errorButtonStyles,
                 onClick: () => {
                   this.setState({ pageRefresh: true });
@@ -28782,13 +28755,6 @@ This will work when developing locally but NOT when deployed to production.
     }
     return client.request(query, { variables });
   };
-  function gql(strings, ...args) {
-    let str = "";
-    strings.forEach((string, i) => {
-      str += string + (args[i] || "");
-    });
-    return str;
-  }
   const Layout = ({ children }) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "div",
@@ -29010,106 +28976,7 @@ This will work when developing locally but NOT when deployed to production.
       return null;
     }
   };
-  const AuthTemplate = ({
-    message,
-    children
-  }) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-screen w-full bg-gradient-to-b from-blue-900 to-gray-900 flex items-center justify-center px-4 py-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-lg w-full max-w-lg" }, /* @__PURE__ */ React.createElement("div", { className: "px-5 py-4 border-b border-gray-150" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-sans tracking-wide text-gray-700 flex items-center gap-0.5" }, /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        viewBox: "0 0 32 32",
-        fill: "#EC4815",
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "w-10 h-auto"
-      },
-      /* @__PURE__ */ React.createElement("path", { d: "M18.6466 14.5553C19.9018 13.5141 20.458 7.36086 21.0014 5.14903C21.5447 2.9372 23.7919 3.04938 23.7919 3.04938C23.7919 3.04938 23.2085 4.06764 23.4464 4.82751C23.6844 5.58738 25.3145 6.26662 25.3145 6.26662L24.9629 7.19622C24.9629 7.19622 24.2288 7.10204 23.7919 7.9785C23.355 8.85496 24.3392 17.4442 24.3392 17.4442C24.3392 17.4442 21.4469 22.7275 21.4469 24.9206C21.4469 27.1136 22.4819 28.9515 22.4819 28.9515H21.0296C21.0296 28.9515 18.899 26.4086 18.462 25.1378C18.0251 23.8669 18.1998 22.596 18.1998 22.596C18.1998 22.596 15.8839 22.4646 13.8303 22.596C11.7767 22.7275 10.4072 24.498 10.16 25.4884C9.91287 26.4787 9.81048 28.9515 9.81048 28.9515H8.66211C7.96315 26.7882 7.40803 26.0129 7.70918 24.9206C8.54334 21.8949 8.37949 20.1788 8.18635 19.4145C7.99321 18.6501 6.68552 17.983 6.68552 17.983C7.32609 16.6741 7.97996 16.0452 10.7926 15.9796C13.6052 15.914 17.3915 15.5965 18.6466 14.5553Z" }),
-      /* @__PURE__ */ React.createElement("path", { d: "M11.1268 24.7939C11.1268 24.7939 11.4236 27.5481 13.0001 28.9516H14.3511C13.0001 27.4166 12.8527 23.4155 12.8527 23.4155C12.1656 23.6399 11.3045 24.3846 11.1268 24.7939Z" })
-    ), /* @__PURE__ */ React.createElement("span", null, "Tina"))), message && /* @__PURE__ */ React.createElement("div", { className: "px-5 pt-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-base font-sans leading-normal" }, message)), /* @__PURE__ */ React.createElement("div", { className: "px-5 py-4 flex gap-4 w-full justify-between" }, children)));
-  };
-  const LoginPage = () => {
-    const { setEdit } = sharedctx.useEditState();
-    const login = () => setEdit(true);
-    return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => {
-          window.location.href = "/";
-        },
-        variant: "white",
-        size: "custom",
-        className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
-      },
-      /* @__PURE__ */ React.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
-      " Back To Site"
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => login(),
-        variant: "primary",
-        size: "custom",
-        className: "text-base h-12 px-6 flex-1",
-        type: "submit"
-      },
-      /* @__PURE__ */ React.createElement(BiLogIn, { className: "w-6 h-auto mr-2 opacity-80" }),
-      " Edit With Tina"
-    )));
-  };
-  const LogoutRedirect = () => {
-    const cms = useCMS$1();
-    const { setEdit } = sharedctx.useEditState();
-    const [searchParams] = reactRouterDom.useSearchParams();
-    const slug = searchParams.get("slug") || "/";
-    const logout2 = async () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-      if ((_c = (_b = (_a = cms == null ? void 0 : cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.authProvider) == null ? void 0 : _c.logout) {
-        await ((_f = (_e = (_d = cms == null ? void 0 : cms.api) == null ? void 0 : _d.tina) == null ? void 0 : _e.authProvider) == null ? void 0 : _f.logout());
-        if ((_h = (_g = cms == null ? void 0 : cms.api) == null ? void 0 : _g.tina) == null ? void 0 : _h.onLogout) {
-          await ((_j = (_i = cms == null ? void 0 : cms.api) == null ? void 0 : _i.tina) == null ? void 0 : _j.onLogout());
-          await new Promise((resolve) => setTimeout(resolve, 500));
-        }
-      }
-      setEdit(false);
-    };
-    React.useEffect(() => {
-      logout2().then(() => {
-        window.location.href = slug;
-      });
-    }, []);
-    return /* @__PURE__ */ React.createElement("div", null, "Redirecting to ", slug, " ...");
-  };
-  const logout = () => {
-    sharedctx.setEditing(false);
-    window.location.href = "/";
-  };
-  const LogoutPage = () => {
-    return /* @__PURE__ */ React.createElement(AuthTemplate, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => {
-          window.location.href = "/";
-        },
-        variant: "white",
-        size: "custom",
-        className: "text-base h-12 px-6 flex-shrink-0 flex-grow-0"
-      },
-      /* @__PURE__ */ React.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
-      " Back To Site"
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => logout(),
-        type: "submit",
-        variant: "primary",
-        size: "custom",
-        className: "text-base h-12 px-6 flex-1"
-      },
-      /* @__PURE__ */ React.createElement(BiLogOut, { className: "w-6 h-auto mr-1.5 opacity-80" }),
-      " Log Out of Tina"
-    )));
-  };
-  const PageWrapper = ({
-    children
-  }) => {
+  const PageWrapper = ({ children }) => {
     var _a, _b;
     const cms = useCMS$1();
     const isLocalMode = (_b = (_a = cms.api) == null ? void 0 : _a.tina) == null ? void 0 : _b.isLocalMode;
@@ -29131,12 +28998,8 @@ This will work when developing locally but NOT when deployed to production.
   }) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, isLocalMode && /* @__PURE__ */ React.createElement(LocalWarning, null), !isLocalMode && /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement("div", { className: "pt-16 xl:pt-12 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, /* @__PURE__ */ React.createElement("div", { className: "w-full flex justify-between items-end" }, children))));
   };
-  const PageBody = ({
-    children
-  }) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
-  const PageBodyNarrow = ({
-    children
-  }) => /* @__PURE__ */ React.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
+  const PageBody = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
+  const PageBodyNarrow = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
   const DashboardPage = () => {
     return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
       var _a, _b;
@@ -30483,7 +30346,7 @@ This will work when developing locally but NOT when deployed to production.
             }) : "text",
             disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.readonly,
             description: /* @__PURE__ */ React.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React.createElement("br", null), "Examples: ", /* @__PURE__ */ React.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React.createElement("code", null, "sub-folder/My_Document")),
-            placeholder: `My_Document`,
+            placeholder: "My_Document",
             validate: (value, allValues, meta) => {
               var _a3, _b3;
               if (!value) {
@@ -30500,11 +30363,11 @@ This will work when developing locally but NOT when deployed to production.
                 const filePath = `${schemaTools.normalizePath(
                   schemaCollection.path
                 )}/${value}.${schemaCollection.format || "md"}`;
-                const match = schema.matchFiles({
+                const match = schema == null ? void 0 : schema.matchFiles({
                   files: [filePath],
                   collection: schemaCollection
                 });
-                if (match.length === 0) {
+                if ((match == null ? void 0 : match.length) === 0) {
                   return `The filename "${value}" is not allowed for this collection.`;
                 }
               }
@@ -31078,13 +30941,9 @@ This will work when developing locally but NOT when deployed to production.
     schemaJson
   }) => {
     const isSSR2 = typeof window === "undefined";
-    const { edit } = sharedctx.useEditState();
     if (isSSR2) {
       return null;
     }
-    if (!edit) {
-      return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(LoginPage, null));
-    }
     return /* @__PURE__ */ React.createElement(GetCMS, null, (cms) => {
       var _a, _b, _c;
       const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
@@ -31167,12 +31026,6 @@ This will work when developing locally but NOT when deployed to production.
             path: "screens/:screenName",
             element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(ScreenPage, null))
           }
-        ), /* @__PURE__ */ React.createElement(
-          reactRouterDom.Route,
-          {
-            path: "logout",
-            element: /* @__PURE__ */ React.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React.createElement(LogoutRedirect, null))
-          }
         ), /* @__PURE__ */ React.createElement(
           reactRouterDom.Route,
           {
@@ -31187,7 +31040,7 @@ This will work when developing locally but NOT when deployed to production.
           }
         )))));
       } else {
-        return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React.createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React.createElement(reactRouterDom.Route, { path: "logout", element: /* @__PURE__ */ React.createElement(LogoutPage, null) }), /* @__PURE__ */ React.createElement(reactRouterDom.Route, { path: "/", element: /* @__PURE__ */ React.createElement(Redirect, null) }))));
+        return /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(reactRouterDom.HashRouter, null, /* @__PURE__ */ React.createElement(reactRouterDom.Routes, null, /* @__PURE__ */ React.createElement(reactRouterDom.Route, { path: "/", element: /* @__PURE__ */ React.createElement(Redirect, null) }))));
       }
     });
   };
@@ -31563,7 +31416,6 @@ This will work when developing locally but NOT when deployed to production.
   exports2.formatBranchName = formatBranchName;
   exports2.getFilteredBranchList = getFilteredBranchList;
   exports2.getStaticPropsForTina = getStaticPropsForTina;
-  exports2.gql = gql;
   exports2.passwordFieldClasses = passwordFieldClasses;
   exports2.safeAssertShape = safeAssertShape;
   exports2.selectFieldClasses = selectFieldClasses;