tinacms 1.6.7 → 2.1.0

package/dist/index.mjs

@@ -23,7 +23,6 @@ import * as Popover$1 from "@radix-ui/react-popover";
 import * as pkg$1 from "react-color";
 import * as pkg from "color-string";
 import * as dropzone from "react-dropzone";
-import { EditContext, useEditState, setEditing } from "@tinacms/sharedctx";
 import get from "lodash.get";
 import moment from "moment";
 import { formatDistanceToNow } from "date-fns";
@@ -31,12 +30,12 @@ import { isHotkey } from "is-hotkey";
 import { computePosition, flip, shift } from "@floating-ui/dom";
 import { useWindowWidth } from "@react-hook/window-size";
 import { getIntrospectionQuery, buildClientSchema, print, parse as parse$3, buildSchema } from "graphql";
-import gql$1 from "graphql-tag";
+import gql from "graphql-tag";
 import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, validateSchema } from "@tinacms/schema-tools";
 import { NAMER, resolveField } from "@tinacms/schema-tools";
 import * as yup from "yup";
 import { diff } from "@graphql-inspector/core";
-import { NavLink, useSearchParams, useNavigate, useLocation, useParams, Link, HashRouter, Routes, Route } from "react-router-dom";
+import { NavLink, useNavigate, useLocation, useParams, Link, useSearchParams, HashRouter, Routes, Route } from "react-router-dom";
 import { stringifyMDX } from "@tinacms/mdx";
 const ModalProvider = ({ children }) => {
   const [modalRootContainerRef, setModalRootContainerRef] = useState(
@@ -2802,12 +2801,6 @@ function BiLockAlt(props) {
 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);
 }
@@ -2943,7 +2936,9 @@ const FormPortalContext = React.createContext(() => {
 function useFormPortal() {
   return useContext(FormPortalContext);
 }
-const FormPortalProvider = ({ children }) => {
+const FormPortalProvider = ({
+  children
+}) => {
   const wrapperRef = React.useRef(null);
   const zIndexRef = React.useRef(0);
   const FormPortal = React.useCallback(
@@ -3162,9 +3157,6 @@ function MdOutlinePhotoLibrary(props) {
 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);
 }
@@ -3714,7 +3706,18 @@ const supportedFileTypes = [
   "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) => {
@@ -8263,22 +8266,6 @@ let Alerts$1 = class Alerts {
     return this.add("error", message, timeout);
   }
 };
-const PendingFormsPlaceholder = () => /* @__PURE__ */ React.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.createElement("p", { className: "block pb-5" }, "Please wait while Tina", /* @__PURE__ */ React.createElement("br", null), "loads your forms"),
-  /* @__PURE__ */ React.createElement(LoadingDots, { color: "var(--tina-color-primary)" })
-);
 const NoFormsPlaceholder = () => /* @__PURE__ */ React.createElement(
   "div",
   {
@@ -8531,38 +8518,19 @@ const FormsView = ({
 }) => {
   const cms = useCMS$1();
   const { setFormIsPristine } = React.useContext(SidebarContext);
-  const { formsRegistering, setFormsRegistering } = React.useContext(EditContext);
-  React.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.createElement(PendingFormsPlaceholder, null);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, " ", children, " ");
   }
   if (isMultiform && !activeForm) {
     return /* @__PURE__ */ React.createElement(FormLists, { isEditing });
   }
   const formMetas = cms.plugins.all("form:meta");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeForm && /* @__PURE__ */ React.createElement(FormWrapper$1, { isEditing, isMultiform }, isMultiform && /* @__PURE__ */ React.createElement(MultiformFormHeader, { activeForm }), !isMultiform && /* @__PURE__ */ React.createElement(FormHeader, { activeForm }), formMetas && formMetas.map((meta) => /* @__PURE__ */ React.createElement(React.Fragment, { key: meta.name }, /* @__PURE__ */ React.createElement(meta.Component, null))), /* @__PURE__ */ React.createElement(
-    FormBuilder,
-    {
-      form: activeForm,
-      onPristineChange: setFormIsPristine
-    }
-  )));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, activeForm && /* @__PURE__ */ React.createElement(FormWrapper$1, { isEditing, isMultiform }, isMultiform && /* @__PURE__ */ React.createElement(MultiformFormHeader, { activeForm }), !isMultiform && /* @__PURE__ */ React.createElement(FormHeader, { activeForm }), formMetas == null ? void 0 : formMetas.map((meta) => /* @__PURE__ */ React.createElement(React.Fragment, { key: meta.name }, /* @__PURE__ */ React.createElement(meta.Component, null))), /* @__PURE__ */ React.createElement(FormBuilder, { form: activeForm, onPristineChange: setFormIsPristine })));
 };
 const FormWrapper$1 = ({ isEditing, children }) => {
   return /* @__PURE__ */ React.createElement(
@@ -8591,11 +8559,12 @@ const MultiformFormHeader = ({
   return /* @__PURE__ */ React.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.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React.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();
@@ -8616,7 +8585,7 @@ const FormHeader = ({ activeForm }) => {
   return /* @__PURE__ */ React.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.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, shortFormLabel && /* @__PURE__ */ React.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }))
   );
@@ -8880,7 +8849,6 @@ const Nav = ({
   ...props
 }) => {
   const cms = useCMS$1();
-  const { setEdit } = useEditState();
   const [eventsOpen, setEventsOpen] = React.useState(false);
   const { contentCollections, authCollection } = collectionsInfo.collections.reduce(
     (acc, collection) => {
@@ -8974,7 +8942,6 @@ const Nav = ({
                   window.location.href
                 ).pathname;
               }
-              setEdit(false);
             } catch (e) {
               cms.alerts.error(`Error logging out: ${e}`);
               console.error("Unexpected error calling logout");
@@ -10791,7 +10758,7 @@ function Alerts2({ alerts }) {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.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__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, alert.message), /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(BiInfoCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(BiCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(BiError, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, alert.message.toString()), /* @__PURE__ */ React__default.createElement(
       CloseAlert,
       {
         onClick: () => {
@@ -10803,7 +10770,7 @@ function Alerts2({ alerts }) {
     return alert.level === "error";
   }).map((alert) => {
     const AlertMessage = typeof alert.message === "string" ? () => {
-      return /* @__PURE__ */ React__default.createElement("p", { className: "text-base mb-3 overflow-y-auto" }, alert.message);
+      return /* @__PURE__ */ React__default.createElement("p", { className: "text-base mb-3 overflow-y-auto" }, 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,
@@ -10827,7 +10794,10 @@ function Alerts2({ alerts }) {
     ))));
   }));
 }
-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",
@@ -11330,7 +11300,7 @@ const FormBuilder = ({
           header: /* @__PURE__ */ React.createElement(PanelHeader, { ...fieldGroup, id: tinaForm.id }),
           id: tinaForm.id
         },
-        tinaForm && tinaForm.fields.length ? /* @__PURE__ */ React.createElement(
+        (tinaForm == null ? void 0 : tinaForm.fields.length) ? /* @__PURE__ */ React.createElement(
           FieldsBuilder,
           {
             form: tinaForm,
@@ -11415,6 +11385,7 @@ const PanelHeader = (props) => {
   return /* @__PURE__ */ React.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: () => {
@@ -12817,6 +12788,7 @@ const ICON_WIDTH = 40;
 const EMBED_ICON_WIDTH = 85;
 function Toolbar({
   templates,
+  toolbarOverride,
   tinaForm
 }) {
   const { setRawMode } = useEditorContext();
@@ -12832,8 +12804,8 @@ function Toolbar({
   const codeBlockActive = helpers.isNodeActive(editor, ELEMENT_CODE_BLOCK);
   const blockQuoteActive = helpers.isNodeActive(editor, ELEMENT_BLOCKQUOTE);
   const isImgActive = helpers.isNodeActive(editor, ELEMENT_IMG);
-  const toolbarItems = [
-    {
+  const toolbarItemLookup = {
+    heading: {
       tinaForm,
       name: "heading",
       label: "Heading",
@@ -12854,19 +12826,19 @@ function Toolbar({
         item.render
       ))
     },
-    {
+    link: {
       tinaForm,
       name: "link",
       label: "Link",
       active: isLinkActive2
     },
-    {
+    image: {
       tinaForm,
       name: "image",
       label: "Image",
       active: isImgActive
     },
-    {
+    quote: {
       tinaForm,
       name: "quote",
       label: "Quote",
@@ -12877,7 +12849,7 @@ function Toolbar({
         toggleNodeType(editor, { activeType: ELEMENT_BLOCKQUOTE });
       }
     },
-    {
+    ul: {
       tinaForm,
       name: "ul",
       label: "Bullet List",
@@ -12888,7 +12860,7 @@ function Toolbar({
         toggleList(editor, { type: ELEMENT_UL });
       }
     },
-    {
+    ol: {
       tinaForm,
       name: "ol",
       label: "List",
@@ -12899,7 +12871,7 @@ function Toolbar({
         toggleList(editor, { type: ELEMENT_OL });
       }
     },
-    {
+    code: {
       tinaForm,
       name: "code",
       label: "Code",
@@ -12910,7 +12882,7 @@ function Toolbar({
         toggleMark(editor, { key: MARK_CODE });
       }
     },
-    {
+    codeBlock: {
       tinaForm,
       name: "codeBlock",
       label: "Code Block",
@@ -12921,7 +12893,7 @@ function Toolbar({
         insertEmptyCodeBlock(editor);
       }
     },
-    {
+    bold: {
       tinaForm,
       name: "bold",
       label: "Bold",
@@ -12932,7 +12904,7 @@ function Toolbar({
         toggleMark(editor, { key: MARK_BOLD });
       }
     },
-    {
+    italic: {
       tinaForm,
       name: "italic",
       label: "Italic",
@@ -12943,14 +12915,15 @@ function Toolbar({
         toggleMark(editor, { key: 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.useState(toolbarItems.length);
   useResize(toolbarRef, (entry) => {
     const width = entry.target.getBoundingClientRect().width;
@@ -13095,10 +13068,11 @@ function ErrorMessage({ error }) {
   ))));
 }
 const RichEditor = (props) => {
+  var _a;
   const initialValue = React__default.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: "" }] }];
     },
     []
   );
@@ -13126,8 +13100,8 @@ const RichEditor = (props) => {
   React__default.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) {
@@ -13153,6 +13127,7 @@ const RichEditor = (props) => {
         Toolbar,
         {
           tinaForm: props.tinaForm,
+          toolbarOverride: (_a = props.field) == null ? void 0 : _a.toolbarOverride,
           templates: props.field.templates,
           inlineOnly: false
         }
@@ -13162,38 +13137,36 @@ const RichEditor = (props) => {
 };
 const MdxFieldPlugin = {
   name: "rich-text",
-  Component: wrapFieldsWithMeta(
-    (props) => {
-      const [rawMode, setRawMode] = React__default.useState(false);
-      const [key, setKey] = React__default.useState(0);
-      React__default.useMemo(() => {
-        const { reset } = props.form;
-        props.form.reset = (initialValues) => {
-          setKey((key2) => key2 + 1);
-          return reset(initialValues);
-        };
-      }, []);
-      return /* @__PURE__ */ React__default.createElement(
-        EditorContext.Provider,
+  Component: wrapFieldsWithMeta((props) => {
+    const [rawMode, setRawMode] = React__default.useState(false);
+    const [key, setKey] = React__default.useState(0);
+    React__default.useMemo(() => {
+      const { reset } = props.form;
+      props.form.reset = (initialValues) => {
+        setKey((key2) => key2 + 1);
+        return reset(initialValues);
+      };
+    }, []);
+    return /* @__PURE__ */ React__default.createElement(
+      EditorContext.Provider,
+      {
+        key,
+        value: {
+          fieldName: props.field.name,
+          templates: props.field.templates,
+          rawMode,
+          setRawMode
+        }
+      },
+      /* @__PURE__ */ React__default.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__default.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__default.createElement(RichEditor, { ...props })
-        )
-      );
-    }
-  )
+        /* @__PURE__ */ React__default.createElement(RichEditor, { ...props })
+      )
+    );
+  })
 };
 const MdxFieldPluginExtendible = {
   name: "rich-text",
@@ -13204,37 +13177,35 @@ const MdxFieldPluginExtendible = {
       return void 0;
     }
   },
-  Component: wrapFieldsWithMeta(
-    (props) => {
-      const [key, setKey] = React__default.useState(0);
-      React__default.useMemo(() => {
-        const { reset } = props.form;
-        props.form.reset = (initialValues) => {
-          setKey((key2) => key2 + 1);
-          return reset(initialValues);
-        };
-      }, []);
-      return /* @__PURE__ */ React__default.createElement(
-        EditorContext.Provider,
+  Component: wrapFieldsWithMeta((props) => {
+    const [key, setKey] = React__default.useState(0);
+    React__default.useMemo(() => {
+      const { reset } = props.form;
+      props.form.reset = (initialValues) => {
+        setKey((key2) => key2 + 1);
+        return reset(initialValues);
+      };
+    }, []);
+    return /* @__PURE__ */ React__default.createElement(
+      EditorContext.Provider,
+      {
+        key,
+        value: {
+          fieldName: props.field.name,
+          templates: props.field.templates,
+          rawMode: props.rawMode,
+          setRawMode: props.setRawMode
+        }
+      },
+      /* @__PURE__ */ React__default.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__default.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__default.createElement(RichEditor, { ...props })
-        )
-      );
-    }
-  )
+        props.rawMode ? props.rawEditor : /* @__PURE__ */ React__default.createElement(RichEditor, { ...props })
+      )
+    );
+  })
 };
 class FormMetaPlugin {
   constructor(options) {
@@ -27206,7 +27177,7 @@ mutation addPendingDocumentMutation(
       method: "POST",
       headers: headers2,
       body: JSON.stringify({
-        query: typeof query === "function" ? print(query(gql$1)) : query,
+        query: typeof query === "function" ? print(query(gql)) : query,
         variables
       })
     });
@@ -28567,6 +28538,7 @@ class ErrorBoundary extends React__default.Component {
           /* @__PURE__ */ React__default.createElement(
             "button",
             {
+              type: "button",
               style: errorButtonStyles,
               onClick: () => {
                 this.setState({ pageRefresh: true });
@@ -28790,13 +28762,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__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "div",
@@ -29018,106 +28983,7 @@ const GetCMS = ({ children }) => {
     return null;
   }
 };
-const AuthTemplate = ({
-  message,
-  children
-}) => {
-  return /* @__PURE__ */ React__default.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__default.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-lg w-full max-w-lg" }, /* @__PURE__ */ React__default.createElement("div", { className: "px-5 py-4 border-b border-gray-150" }, /* @__PURE__ */ React__default.createElement("h2", { className: "text-2xl font-sans tracking-wide text-gray-700 flex items-center gap-0.5" }, /* @__PURE__ */ React__default.createElement(
-    "svg",
-    {
-      viewBox: "0 0 32 32",
-      fill: "#EC4815",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "w-10 h-auto"
-    },
-    /* @__PURE__ */ React__default.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__default.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__default.createElement("span", null, "Tina"))), message && /* @__PURE__ */ React__default.createElement("div", { className: "px-5 pt-4" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-base font-sans leading-normal" }, message)), /* @__PURE__ */ React__default.createElement("div", { className: "px-5 py-4 flex gap-4 w-full justify-between" }, children)));
-};
-const LoginPage = () => {
-  const { setEdit } = useEditState();
-  const login = () => setEdit(true);
-  return /* @__PURE__ */ React__default.createElement(AuthTemplate, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React__default.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__default.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
-    " Back To Site"
-  ), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      onClick: () => login(),
-      variant: "primary",
-      size: "custom",
-      className: "text-base h-12 px-6 flex-1",
-      type: "submit"
-    },
-    /* @__PURE__ */ React__default.createElement(BiLogIn, { className: "w-6 h-auto mr-2 opacity-80" }),
-    " Edit With Tina"
-  )));
-};
-const LogoutRedirect = () => {
-  const cms = useCMS$1();
-  const { setEdit } = useEditState();
-  const [searchParams] = 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);
-  };
-  useEffect(() => {
-    logout2().then(() => {
-      window.location.href = slug;
-    });
-  }, []);
-  return /* @__PURE__ */ React__default.createElement("div", null, "Redirecting to ", slug, " ...");
-};
-const logout = () => {
-  setEditing(false);
-  window.location.href = "/";
-};
-const LogoutPage = () => {
-  return /* @__PURE__ */ React__default.createElement(AuthTemplate, null, /* @__PURE__ */ React__default.createElement("div", { className: "flex w-full flex-1 gap-4 items-center justify-end" }, /* @__PURE__ */ React__default.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__default.createElement(MdOutlineArrowBack, { className: "w-6 h-auto mr-1.5 opacity-80" }),
-    " Back To Site"
-  ), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      onClick: () => logout(),
-      type: "submit",
-      variant: "primary",
-      size: "custom",
-      className: "text-base h-12 px-6 flex-1"
-    },
-    /* @__PURE__ */ React__default.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;
@@ -29139,12 +29005,8 @@ const PageHeader = ({
 }) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isLocalMode && /* @__PURE__ */ React__default.createElement(LocalWarning, null), !isLocalMode && /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement("div", { className: "pt-16 xl:pt-12 px-6 xl:px-12" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full flex justify-between items-end" }, children))));
 };
-const PageBody = ({
-  children
-}) => /* @__PURE__ */ React__default.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
-const PageBodyNarrow = ({
-  children
-}) => /* @__PURE__ */ React__default.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
+const PageBody = ({ children }) => /* @__PURE__ */ React__default.createElement("div", { className: "py-8 px-6 xl:px-12" }, children);
+const PageBodyNarrow = ({ children }) => /* @__PURE__ */ React__default.createElement("div", { className: "py-10 px-6 xl:px-12" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full mx-auto max-w-screen-xl" }, children));
 const DashboardPage = () => {
   return /* @__PURE__ */ React__default.createElement(GetCMS, null, (cms) => {
     var _a, _b;
@@ -30491,7 +30353,7 @@ const RenderForm$1 = ({
           }) : "text",
           disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.readonly,
           description: /* @__PURE__ */ React__default.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React__default.createElement("br", null), "Examples: ", /* @__PURE__ */ React__default.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React__default.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React__default.createElement("code", null, "sub-folder/My_Document")),
-          placeholder: `My_Document`,
+          placeholder: "My_Document",
           validate: (value, allValues, meta) => {
             var _a3, _b3;
             if (!value) {
@@ -30508,11 +30370,11 @@ const RenderForm$1 = ({
               const filePath = `${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.`;
               }
             }
@@ -31086,13 +30948,9 @@ const TinaAdmin = ({
   schemaJson
 }) => {
   const isSSR2 = typeof window === "undefined";
-  const { edit } = useEditState();
   if (isSSR2) {
     return null;
   }
-  if (!edit) {
-    return /* @__PURE__ */ React__default.createElement(Layout, null, /* @__PURE__ */ React__default.createElement(LoginPage, null));
-  }
   return /* @__PURE__ */ React__default.createElement(GetCMS, null, (cms) => {
     var _a, _b, _c;
     const isTinaAdminEnabled = cms.flags.get("tina-admin") === false ? false : true;
@@ -31175,12 +31033,6 @@ const TinaAdmin = ({
           path: "screens/:screenName",
           element: /* @__PURE__ */ React__default.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React__default.createElement(ScreenPage, null))
         }
-      ), /* @__PURE__ */ React__default.createElement(
-        Route,
-        {
-          path: "logout",
-          element: /* @__PURE__ */ React__default.createElement(DefaultWrapper, { cms }, /* @__PURE__ */ React__default.createElement(LogoutRedirect, null))
-        }
       ), /* @__PURE__ */ React__default.createElement(
         Route,
         {
@@ -31195,7 +31047,7 @@ const TinaAdmin = ({
         }
       )))));
     } else {
-      return /* @__PURE__ */ React__default.createElement(Layout, null, /* @__PURE__ */ React__default.createElement(HashRouter, null, /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "logout", element: /* @__PURE__ */ React__default.createElement(LogoutPage, null) }), /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(Redirect, null) }))));
+      return /* @__PURE__ */ React__default.createElement(Layout, null, /* @__PURE__ */ React__default.createElement(HashRouter, null, /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(Redirect, null) }))));
     }
   });
 };
@@ -31565,7 +31417,6 @@ export {
   formatBranchName,
   getFilteredBranchList,
   getStaticPropsForTina,
-  gql,
   passwordFieldClasses,
   resolveField,
   safeAssertShape,