tinacms 1.6.6 → 2.0.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);
 }
@@ -8263,22 +8255,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 +8507,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 +8548,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 +8574,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 +8838,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 +8931,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 +10747,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 +10759,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 +10783,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 +11289,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 +11374,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: () => {
@@ -27206,7 +27166,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 +28527,7 @@ class ErrorBoundary extends React__default.Component {
           /* @__PURE__ */ React__default.createElement(
             "button",
             {
+              type: "button",
               style: errorButtonStyles,
               onClick: () => {
                 this.setState({ pageRefresh: true });
@@ -28790,13 +28751,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 +28972,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 +28994,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 +30342,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 +30359,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 +30937,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 +31022,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 +31036,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 +31406,6 @@ export {
   formatBranchName,
   getFilteredBranchList,
   getStaticPropsForTina,
-  gql,
   passwordFieldClasses,
   resolveField,
   safeAssertShape,

package/dist/internalClient/formify.d.ts

@@ -1,7 +1,7 @@
 /**
 
 */
-import { GraphQLSchema, GraphQLField, DocumentNode, FieldNode } from 'graphql';
+import { DocumentNode, FieldNode, GraphQLField, GraphQLSchema } from 'graphql';
 /**
  *
  * Given a valid GraphQL query,the `formify` will populate the query

package/dist/rich-text/index.d.ts

@@ -1,7 +1,7 @@
 /**
 
 */
-/// <reference types="react" />
+import React from 'react';
 declare type BaseComponents = {
     h1?: {
         children: JSX.Element;
@@ -135,5 +135,5 @@ export declare const TinaMarkdown: <CustomComponents extends {
 } = any>({ content, components, }: {
     content: TinaMarkdownContent | TinaMarkdownContent[];
     components?: Components<{}> | Components<{ [BK in keyof CustomComponents]: (props: CustomComponents[BK]) => JSX.Element; }>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/rich-text/prism.d.ts

@@ -1,10 +1,10 @@
 /**
 
 */
-/// <reference types="react" />
+import React from 'react';
 import { themes } from 'prism-react-renderer';
 export declare const Prism: (props: {
     value: string;
     lang?: string;
     theme?: keyof typeof themes;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/tina-cms.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { useDocumentCreatorPlugin } from './hooks/use-content-creator';
-import { TinaCMSProviderDefaultProps } from './types/cms';
+import type { TinaCMSProviderDefaultProps } from './types/cms';
 /**
  * @deprecated since version 1.0.
  * Tina no longer requires wrapping your site in the TinaProvider
  * See https://tina.io/blog/upgrading-to-iframe/ for full migration details
  */
-export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => JSX.Element;
+export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, schema, ...props }: TinaCMSProviderDefaultProps) => React.JSX.Element;
 export declare type DocumentCreatorCallback = Parameters<typeof useDocumentCreatorPlugin>[0];
 /**
  * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/features/data-fetching/#querying-tina-content-in-nextjs for more details
@@ -30,9 +30,3 @@ export declare const staticRequest: ({ query, variables, }: {
     /** GraphQL variables */
     variables?: object;
 }) => Promise<unknown>;
-/**
- * A passthru function which allows editors
- * to know the temlpate string is a GraphQL
- * query or muation
- */
-export declare function gql(strings: TemplateStringsArray, ...args: string[]): string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EventBus, Callback, CMSEvent } from '../core';
+import type { EventBus, Callback, CMSEvent } from '../core';
 export interface EventsToAlerts {
     [key: string]: ToAlert | AlertArgs;
 }

package/dist/toolkit/components/account/update-password.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function UpdatePassword(props: {}): JSX.Element;
+import React from 'react';
+export declare function UpdatePassword(props: {}): React.JSX.Element;

package/dist/toolkit/components/active-field-indicator.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ActiveFieldIndicator: () => JSX.Element;
+import * as React from 'react';
+export declare const ActiveFieldIndicator: () => React.JSX.Element;

package/dist/toolkit/components/media/breadcrumb.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface BreadcrumbProps {
     directory?: string;
     setDirectory: (_directory: string) => void;
 }
-export declare function Breadcrumb({ directory, setDirectory }: BreadcrumbProps): JSX.Element;
+export declare function Breadcrumb({ directory, setDirectory }: BreadcrumbProps): React.JSX.Element;
 export {};

package/dist/toolkit/components/media/copy-field.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface CopyFieldProps {
     label?: string;
     description?: string;
     value: any;
 }
-export declare const CopyField: ({ label, description, value }: CopyFieldProps) => JSX.Element;
+export declare const CopyField: ({ label, description, value }: CopyFieldProps) => React.JSX.Element;
 export {};

package/dist/toolkit/components/media/media-item.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Media } from '../../core';
 interface MediaItemProps {
     item: Media & {
@@ -7,6 +7,6 @@ interface MediaItemProps {
     onClick(_item: Media | false): void;
     active: boolean;
 }
-export declare function ListMediaItem({ item, onClick, active }: MediaItemProps): JSX.Element;
-export declare function GridMediaItem({ item, active, onClick }: MediaItemProps): JSX.Element;
+export declare function ListMediaItem({ item, onClick, active }: MediaItemProps): React.JSX.Element;
+export declare function GridMediaItem({ item, active, onClick }: MediaItemProps): React.JSX.Element;
 export {};

package/dist/toolkit/components/media/media-manager.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Media } from '../../core';
 export interface MediaRequest {
     directory?: string;
@@ -6,5 +6,5 @@ export interface MediaRequest {
     close?(): void;
     allowDelete?: boolean;
 }
-export declare function MediaManager(): JSX.Element;
-export declare function MediaPicker({ allowDelete, onSelect, close, ...props }: MediaRequest): JSX.Element;
+export declare function MediaManager(): React.JSX.Element;
+export declare function MediaPicker({ allowDelete, onSelect, close, ...props }: MediaRequest): React.JSX.Element;

package/dist/toolkit/components/media/modal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface DeleteModalProps {
     close(): void;
     deleteFunc(): void;
@@ -8,6 +8,6 @@ interface NewFolderModalProps {
     onSubmit(filename: string): void;
     close(): void;
 }
-export declare const DeleteModal: ({ close, deleteFunc, filename, }: DeleteModalProps) => JSX.Element;
-export declare const NewFolderModal: ({ onSubmit, close }: NewFolderModalProps) => JSX.Element;
+export declare const DeleteModal: ({ close, deleteFunc, filename, }: DeleteModalProps) => React.JSX.Element;
+export declare const NewFolderModal: ({ onSubmit, close }: NewFolderModalProps) => React.JSX.Element;
 export {};

package/dist/toolkit/components/media/pagination.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface MediaPaginatorProps {
     navigateNext: () => void;
     navigatePrev: () => void;
@@ -6,4 +6,4 @@ export interface MediaPaginatorProps {
     hasPrev: boolean;
     variant?: 'primary' | 'secondary' | 'white' | 'ghost';
 }
-export declare function CursorPaginator({ navigateNext, navigatePrev, hasNext, hasPrev, variant, }: MediaPaginatorProps): JSX.Element;
+export declare function CursorPaginator({ navigateNext, navigatePrev, hasNext, hasPrev, variant, }: MediaPaginatorProps): React.JSX.Element;

package/dist/toolkit/components/mutation-signal.d.ts

@@ -5,7 +5,7 @@ export declare const MutationSignalContext: React.Context<number>;
  */
 export declare const MutationSignalProvider: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * Returns a value that changes when elements within the parent MutationSignalProvider change
  */

package/dist/toolkit/fields/components/image-upload/image-upload.d.ts

@@ -12,12 +12,12 @@ interface ImageUploadProps {
 }
 export declare const StyledImage: ({ src }: {
     src: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const StyledFile: ({ src }: {
     src: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ImageUpload: React.ForwardRefExoticComponent<ImageUploadProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const DeleteImageButton: ({ onClick, }: {
     onClick: (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/toolkit/fields/components/input.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface InputProps {
     error?: boolean;
     small?: boolean;
@@ -7,4 +7,4 @@ export interface InputProps {
 }
 export declare const Input: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;