tinacms 0.68.11 → 0.68.14

package/dist/index.js

@@ -1,34 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@tinacms/toolkit"), require("graphql"), require("lodash.set"), require("react"), require("final-form"), require("@tinacms/schema-tools"), require("graphql-tag"), require("yup"), require("styled-components"), require("@tinacms/sharedctx"), require("url-pattern"), require("react-router-dom"), require("@headlessui/react"), require("@react-hook/window-size")) : typeof define === "function" && define.amd ? define(["exports", "@tinacms/toolkit", "graphql", "lodash.set", "react", "final-form", "@tinacms/schema-tools", "graphql-tag", "yup", "styled-components", "@tinacms/sharedctx", "url-pattern", "react-router-dom", "@headlessui/react", "@react-hook/window-size"], 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));
 })(this, function(exports2, toolkit, G, set, React, finalForm, schemaTools, gql$1, yup, styled, sharedctx, UrlPattern, reactRouterDom, react, windowSize) {
@@ -39,7 +8,7 @@ var __objRest = (source, exclude) => {
   function _interopNamespace(e) {
     if (e && e.__esModule)
       return e;
-    var n = { __proto__: null, [Symbol.toStringTag]: "Module" };
+    var n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e) {
       Object.keys(e).forEach(function(k) {
         if (k !== "default") {
@@ -59,7 +28,6 @@ var __objRest = (source, exclude) => {
   var G__namespace = /* @__PURE__ */ _interopNamespace(G);
   var set__default = /* @__PURE__ */ _interopDefaultLegacy(set);
   var React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
-  var React__namespace = /* @__PURE__ */ _interopNamespace(React);
   var gql__default = /* @__PURE__ */ _interopDefaultLegacy(gql$1);
   var yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
   var styled__default = /* @__PURE__ */ _interopDefaultLegacy(styled);
@@ -451,7 +419,7 @@ var __objRest = (source, exclude) => {
     return [state.data, state.status !== "done"];
   }
   const transformDocumentIntoMutationRequestPayload = (document, instructions) => {
-    const _a = document, { _collection, __typename, _template } = _a, rest = __objRest(_a, ["_collection", "__typename", "_template"]);
+    const { _collection, __typename, _template, ...rest } = document;
     const params = transformParams(rest);
     const paramsWithTemplate = instructions.includeTemplate ? { [_template]: params } : params;
     return instructions.includeCollection ? { [_collection]: paramsWithTemplate } : paramsWithTemplate;
@@ -465,7 +433,7 @@ var __objRest = (source, exclude) => {
     }
     try {
       assertShape(data, (yup2) => yup2.object({ _template: yup2.string().required() }));
-      const _a = data, { _template, __typename } = _a, rest = __objRest(_a, ["_template", "__typename"]);
+      const { _template, __typename, ...rest } = data;
       const nested = transformParams(rest);
       return { [_template]: nested };
     } catch (e) {
@@ -644,10 +612,11 @@ var __objRest = (source, exclude) => {
       schema: enrichedSchema,
       template
     });
-    formConfig = __spreadValues({
+    formConfig = {
       label: formInfo.label,
-      fields: formInfo.fields
-    }, formCommon);
+      fields: formInfo.fields,
+      ...formCommon
+    };
     if (formify2) {
       form = formify2({
         formConfig,
@@ -1082,12 +1051,13 @@ var __objRest = (source, exclude) => {
     const visitor = {
       OperationDefinition: (node2) => {
         if (!node2.name) {
-          return __spreadProps(__spreadValues({}, node2), {
+          return {
+            ...node2,
             name: {
               kind: "Name",
               value: `QueryOperation`
             }
-          });
+          };
         }
         return node2;
       }
@@ -1100,7 +1070,8 @@ var __objRest = (source, exclude) => {
       selectionNode,
       path
     }) => {
-      return __spreadProps(__spreadValues({}, selectionNode), {
+      return {
+        ...selectionNode,
         selectionSet: {
           kind: "SelectionSet",
           selections: selectionNode.selectionSet.selections.map((selectionNode2) => {
@@ -1113,7 +1084,8 @@ var __objRest = (source, exclude) => {
                     type: edgeField.type,
                     path
                   });
-                  return __spreadProps(__spreadValues({}, selectionNode2), {
+                  return {
+                    ...selectionNode2,
                     selectionSet: {
                       kind: "SelectionSet",
                       selections: selectionNode2.selectionSet.selections.map((subSelectionNode) => {
@@ -1139,7 +1111,7 @@ var __objRest = (source, exclude) => {
                         }
                       })
                     }
-                  });
+                  };
                 }
                 return selectionNode2;
               default:
@@ -1147,7 +1119,7 @@ var __objRest = (source, exclude) => {
             }
           })
         }
-      });
+      };
     };
     function formifyInlineFragmentDocument({
       inlineFragmentNode,
@@ -1200,7 +1172,8 @@ var __objRest = (source, exclude) => {
         });
         extraFields = metaFields;
       }
-      return __spreadProps(__spreadValues({}, selection), {
+      return {
+        ...selection,
         selectionSet: {
           kind: "SelectionSet",
           selections: [
@@ -1237,7 +1210,7 @@ var __objRest = (source, exclude) => {
             ...extraFields
           ]
         }
-      });
+      };
     }
     const formifyFieldNode = ({
       fieldNode,
@@ -1272,7 +1245,8 @@ var __objRest = (source, exclude) => {
       if (isScalarType(field.type)) {
         return fieldNode;
       }
-      return __spreadProps(__spreadValues({}, fieldNode), {
+      return {
+        ...fieldNode,
         selectionSet: {
           kind: "SelectionSet",
           selections: [
@@ -1298,7 +1272,7 @@ var __objRest = (source, exclude) => {
             })
           ]
         }
-      });
+      };
     };
     const formifyInlineFragmentNode = ({
       inlineFragmentNode,
@@ -1317,7 +1291,8 @@ var __objRest = (source, exclude) => {
           showInSidebar: false
         });
       }
-      return __spreadProps(__spreadValues({}, inlineFragmentNode), {
+      return {
+        ...inlineFragmentNode,
         selectionSet: {
           kind: "SelectionSet",
           selections: inlineFragmentNode.selectionSet.selections.map((selectionNode) => {
@@ -1333,7 +1308,7 @@ var __objRest = (source, exclude) => {
             }
           })
         }
-      });
+      };
     };
     const formifiedQuery = {
       kind: "Document",
@@ -1341,7 +1316,8 @@ var __objRest = (source, exclude) => {
         typeInfo.enter(definition);
         ensureOperationDefinition(definition);
         const parentType = typeInfo.getType();
-        return __spreadProps(__spreadValues({}, definition), {
+        return {
+          ...definition,
           selectionSet: {
             kind: "SelectionSet",
             selections: definition.selectionSet.selections.map((selectionNode) => {
@@ -1371,7 +1347,8 @@ var __objRest = (source, exclude) => {
                       fieldNode: selectionNode,
                       type: field.type
                     });
-                    return __spreadProps(__spreadValues({}, selectionNode), {
+                    return {
+                      ...selectionNode,
                       selectionSet: {
                         kind: "SelectionSet",
                         selections: selectionNode.selectionSet.selections.map((subSelectionNode) => {
@@ -1395,7 +1372,7 @@ var __objRest = (source, exclude) => {
                           }
                         })
                       }
-                    });
+                    };
                   }
                   throw new FormifyError("NOOP");
                 default:
@@ -1403,7 +1380,7 @@ var __objRest = (source, exclude) => {
               }
             })
           }
-        });
+        };
       })
     };
     return { formifiedQuery, blueprints };
@@ -1442,17 +1419,20 @@ var __objRest = (source, exclude) => {
     var _a, _b, _c, _d;
     switch (action.type) {
       case "start":
-        return __spreadProps(__spreadValues(__spreadValues({}, state), defaultState), {
+        return {
+          ...state,
+          ...defaultState,
           query: action.value.query ? G__namespace.parse(action.value.query) : null,
           queryString: action.value.query,
           status: "initialized"
-        });
+        };
       case "addDocumentBlueprints":
-        return __spreadProps(__spreadValues({}, state), {
+        return {
+          ...state,
           status: "formified",
           blueprints: action.value.blueprints,
           query: action.value.formifiedQuery
-        });
+        };
       case "addOrReplaceDocumentFormNode": {
         const existingDocumentForms = state.documentForms.filter((documentForm) => {
           var _a2, _b2;
@@ -1465,10 +1445,11 @@ var __objRest = (source, exclude) => {
         if ((_a = action.value) == null ? void 0 : _a.documentForm) {
           newDocumentForms.push((_b = action.value) == null ? void 0 : _b.documentForm);
         }
-        return __spreadProps(__spreadValues({}, state), {
+        return {
+          ...state,
           formNodes: [...existingDocumentFormNodes, action.value.formNode],
           documentForms: [...existingDocumentForms, ...newDocumentForms]
-        });
+        };
       }
       case "onFieldChange": {
         const event = action.value.event;
@@ -1480,32 +1461,33 @@ var __objRest = (source, exclude) => {
         getFormNodesFromEvent(state, event).forEach((formNode) => {
           const blueprint = getFormNodeBlueprint(formNode, state);
           if (blueprint.hasValuesField) {
-            changeSets.push(__spreadProps(__spreadValues({
-              path: [formNodePath(formNode), "values"].join(".")
-            }, buildChangeSet(event, formNode)), {
+            changeSets.push({
+              path: [formNodePath(formNode), "values"].join("."),
+              ...buildChangeSet(event, formNode),
               value: form.values,
               mutationType: {
                 type: "global"
               }
-            }));
+            });
           }
           if (blueprint.hasDataJSONField) {
-            changeSets.push(__spreadProps(__spreadValues({
-              path: [formNodePath(formNode), "dataJSON"].join(".")
-            }, buildChangeSet(event, formNode)), {
+            changeSets.push({
+              path: [formNodePath(formNode), "dataJSON"].join("."),
+              ...buildChangeSet(event, formNode),
               value: form.values,
               mutationType: {
                 type: "global"
               }
-            }));
+            });
           }
           if (event.mutationType.type === "change") {
             if (!action.value.form) {
               getBlueprintFieldsForEvent(blueprint, event).forEach((fieldBlueprint) => {
                 const { pathToChange } = getFormNodesForField(fieldBlueprint, formNode, event, state);
-                changeSets.push(__spreadValues({
-                  path: pathToChange
-                }, buildChangeSet(event, formNode)));
+                changeSets.push({
+                  path: pathToChange,
+                  ...buildChangeSet(event, formNode)
+                });
               });
             }
           } else if (event.mutationType.type === "referenceChange") {
@@ -1522,18 +1504,19 @@ var __objRest = (source, exclude) => {
                   location: eventLocation
                 };
                 newFormNodes.push(newFormNode);
-                changeSets.push(__spreadValues({
-                  path: pathToChange
-                }, buildChangeSet(event, newFormNode)));
+                changeSets.push({
+                  path: pathToChange,
+                  ...buildChangeSet(event, newFormNode)
+                });
               }
               subFormNodes.forEach((subFormNode) => {
                 if (matchLocation(eventLocation, subFormNode)) {
                   if (!action.value.form) {
-                    changeSets.push(__spreadProps(__spreadValues({
-                      path: pathToChange
-                    }, buildChangeSet(event, subFormNode)), {
+                    changeSets.push({
+                      path: pathToChange,
+                      ...buildChangeSet(event, subFormNode),
                       value: null
-                    }));
+                    });
                   }
                   formNodesToReplace.push(subFormNode);
                 }
@@ -1545,15 +1528,17 @@ var __objRest = (source, exclude) => {
               if (event.mutationType.type === "insert") {
                 formNodes.forEach((subFormNode) => {
                   if (matchLocation(eventLocation, subFormNode)) {
-                    newFormNodes.push(__spreadProps(__spreadValues({}, subFormNode), {
+                    newFormNodes.push({
+                      ...subFormNode,
                       location: bumpLocation(subFormNode.location)
-                    }));
+                    });
                     formNodesToReplace.push(subFormNode);
                   }
                 });
-                changeSets.push(__spreadValues({
-                  path: pathToChange
-                }, buildChangeSet(event, formNode)));
+                changeSets.push({
+                  path: pathToChange,
+                  ...buildChangeSet(event, formNode)
+                });
               }
               if (event.mutationType.type === "remove") {
                 const { at } = event.mutationType;
@@ -1562,19 +1547,20 @@ var __objRest = (source, exclude) => {
                     if (matchesAt(subFormNode.location, at)) {
                       formNodesToRemove.push(subFormNode);
                     } else {
-                      newFormNodes.push(__spreadProps(__spreadValues({}, subFormNode), {
+                      newFormNodes.push({
+                        ...subFormNode,
                         location: maybeLowerLocation(subFormNode.location, at)
-                      }));
+                      });
                       formNodesToReplace.push(subFormNode);
                     }
                   }
                 });
                 const next = existing.filter((_, index) => index !== at);
-                changeSets.push(__spreadProps(__spreadValues({
-                  path: pathToChange
-                }, buildChangeSet(event, formNode)), {
+                changeSets.push({
+                  path: pathToChange,
+                  ...buildChangeSet(event, formNode),
                   value: next
-                }));
+                });
               }
               if (event.mutationType.type === "move") {
                 const next = [];
@@ -1582,20 +1568,21 @@ var __objRest = (source, exclude) => {
                 const newOrderObject = getMoveMapping(existing, from, to);
                 formNodes.forEach((subFormNode) => {
                   if (matchLocation(eventLocation, subFormNode)) {
-                    newFormNodes.push(__spreadProps(__spreadValues({}, subFormNode), {
+                    newFormNodes.push({
+                      ...subFormNode,
                       location: swapLocation(subFormNode.location, newOrderObject)
-                    }));
+                    });
                     formNodesToReplace.push(subFormNode);
                   }
                 });
                 Object.values(newOrderObject).forEach((orderIndex, index) => {
                   next[orderIndex] = existing[index];
                 });
-                changeSets.push(__spreadProps(__spreadValues({
-                  path: pathToChange
-                }, buildChangeSet(event, formNode)), {
+                changeSets.push({
+                  path: pathToChange,
+                  ...buildChangeSet(event, formNode),
                   value: next
-                }));
+                });
               }
             });
           }
@@ -1608,14 +1595,15 @@ var __objRest = (source, exclude) => {
         if ((_c = action.value) == null ? void 0 : _c.form) {
           newDocumentForms.push((_d = action.value) == null ? void 0 : _d.form);
         }
-        return __spreadProps(__spreadValues({}, state), {
+        return {
+          ...state,
           changeSets,
           formNodes: [
             ...state.formNodes.filter((formNode) => formNodeNotIn(formNode, formNodesToReplace)).filter((formNode) => formNodeNotIn(formNode, formNodesToRemove)),
             ...newFormNodes
           ],
           documentForms: [...existingDocumentForms, ...newDocumentForms]
-        });
+        };
       }
       case "formOnReset": {
         const { event } = action.value;
@@ -1624,22 +1612,24 @@ var __objRest = (source, exclude) => {
         state.formNodes.filter((fn) => fn.documentFormId === (form == null ? void 0 : form.id)).forEach((formNode) => {
           const blueprint = getFormNodeBlueprint(formNode, state);
           if (blueprint.hasValuesField) {
-            changeSets.push(__spreadValues({
-              path: [formNodePath(formNode), "_values"].join(".")
-            }, buildChangeSet(event, formNode)));
+            changeSets.push({
+              path: [formNodePath(formNode), "_values"].join("."),
+              ...buildChangeSet(event, formNode)
+            });
           }
-          changeSets.push(__spreadValues({
-            path: [formNodePath(formNode)].join(".")
-          }, buildChangeSet(event, formNode)));
+          changeSets.push({
+            path: [formNodePath(formNode)].join("."),
+            ...buildChangeSet(event, formNode)
+          });
         });
-        return __spreadProps(__spreadValues({}, state), { changeSets });
+        return { ...state, changeSets };
       }
       case "ready":
-        return __spreadProps(__spreadValues({}, state), { status: "ready" });
+        return { ...state, status: "ready" };
       case "done":
-        return __spreadProps(__spreadValues({}, state), { status: "done" });
+        return { ...state, status: "done" };
       case "setData":
-        return __spreadProps(__spreadValues({}, state), { data: action.value });
+        return { ...state, data: action.value };
       case "setIn": {
         let newData;
         if (action.value.displaceIndex) {
@@ -1652,10 +1642,11 @@ var __objRest = (source, exclude) => {
           newData = finalForm.setIn(state.data, action.value.path, action.value.value);
         }
         const changeSets = state.changeSets.filter((cs) => cs.path !== action.value.path);
-        return __spreadProps(__spreadValues({}, state), {
+        return {
+          ...state,
           data: newData,
           changeSets
-        });
+        };
       }
       default:
         return state;
@@ -1822,9 +1813,10 @@ var __objRest = (source, exclude) => {
             dispatch({
               type: "onFieldChange",
               value: {
-                event: __spreadProps(__spreadValues({}, event), {
+                event: {
+                  ...event,
                   mutationType: { type: "referenceChange" }
-                }),
+                },
                 form
               }
             });
@@ -1872,21 +1864,24 @@ var __objRest = (source, exclude) => {
               }
               dispatch({
                 type: "setIn",
-                value: __spreadProps(__spreadValues({
-                  displaceIndex: true
-                }, changeSet), {
-                  value: __spreadValues(__spreadValues({}, res), extra)
-                })
+                value: {
+                  displaceIndex: true,
+                  ...changeSet,
+                  value: {
+                    ...res,
+                    ...extra
+                  }
+                }
               });
             });
           } else {
             dispatch({
               type: "setIn",
-              value: __spreadProps(__spreadValues({
-                displaceIndex: true
-              }, changeSet), {
+              value: {
+                displaceIndex: true,
+                ...changeSet,
                 value: changeSet.value[0]
-              })
+              }
             });
           }
         } else {
@@ -1896,9 +1891,10 @@ var __objRest = (source, exclude) => {
             if (!changeSet.value) {
               dispatch({
                 type: "setIn",
-                value: __spreadProps(__spreadValues({}, changeSet), {
+                value: {
+                  ...changeSet,
                   value: null
-                })
+                }
               });
             } else {
               cms.api.tina.request(`
@@ -1916,9 +1912,13 @@ var __objRest = (source, exclude) => {
                 });
                 dispatch({
                   type: "setIn",
-                  value: __spreadProps(__spreadValues({}, changeSet), {
-                    value: __spreadValues(__spreadValues({}, res.node), data)
-                  })
+                  value: {
+                    ...changeSet,
+                    value: {
+                      ...res.node,
+                      ...data
+                    }
+                  }
                 });
               }).catch((e) => {
                 cms.alerts.error(`Unexpected error fetching reference`);
@@ -1930,7 +1930,7 @@ var __objRest = (source, exclude) => {
           }
         }
       });
-    }, [state.changeSets.length]);
+    }, [JSON.stringify(state.changeSets)]);
     React__default["default"].useEffect(() => {
       formIds.current = state.documentForms.map((df) => df.id);
     }, [state.documentForms.length]);
@@ -1973,14 +1973,15 @@ var __objRest = (source, exclude) => {
                   }
                   data[keyName] = await sequential(value, async (item, index) => {
                     const template = field.templates[item._template];
-                    return __spreadProps(__spreadValues({}, await resolveSubFields({
-                      formNode,
-                      form: { fields: template.fields, values: item },
-                      prefix: prefix ? [prefix, fieldName].join(".") : fieldName,
-                      loc: [...loc, index]
-                    })), {
+                    return {
+                      ...await resolveSubFields({
+                        formNode,
+                        form: { fields: template.fields, values: item },
+                        prefix: prefix ? [prefix, fieldName].join(".") : fieldName,
+                        loc: [...loc, index]
+                      }),
                       __typename: field.typeMap[item._template]
-                    });
+                    };
                   });
                 });
               } else {
@@ -2077,11 +2078,14 @@ var __objRest = (source, exclude) => {
                       }
                     }
                   `, { variables: { id: value } });
-              data[keyName] = __spreadValues(__spreadValues({}, res.node), await resolveSubFields({
-                formNode: subDocumentFormNode,
-                form: form2,
-                loc: location
-              }));
+              data[keyName] = {
+                ...res.node,
+                ...await resolveSubFields({
+                  formNode: subDocumentFormNode,
+                  form: form2,
+                  loc: location
+                })
+              };
             });
             break;
           default:
@@ -2099,9 +2103,10 @@ var __objRest = (source, exclude) => {
       });
       return data;
     }, [cms, JSON.stringify(state), dispatch]);
-    return __spreadProps(__spreadValues({}, state), {
+    return {
+      ...state,
       queryString: G__namespace.print(state.query)
-    });
+    };
   };
   const buildFormNode = (documentBlueprint, form, location) => {
     return {
@@ -2116,8 +2121,7 @@ var __objRest = (source, exclude) => {
     return matches[1];
   };
   class Client {
-    constructor(_a) {
-      var _b = _a, { tokenStorage = "MEMORY" } = _b, options = __objRest(_b, ["tokenStorage"]);
+    constructor({ tokenStorage = "MEMORY", ...options }) {
       this.events = new toolkit.EventBus();
       this.addPendingContent = async (props) => {
         const mutation = `#graphql
@@ -2166,10 +2170,11 @@ mutation addPendingDocumentMutation(
         return G.parse(data.getOptimizedQuery);
       };
       if (options.schema) {
-        const enrichedSchema = new schemaTools.TinaSchema(__spreadValues({
+        const enrichedSchema = new schemaTools.TinaSchema({
           version: { fullVersion: "", major: "", minor: "", patch: "" },
-          meta: { flags: [] }
-        }, schemaTools.addNamespaceToSchema(options.schema, [])));
+          meta: { flags: [] },
+          ...schemaTools.addNamespaceToSchema({ ...options.schema }, [])
+        });
         this.schema = enrichedSchema;
       }
       this.options = options;
@@ -2226,6 +2231,7 @@ mutation addPendingDocumentMutation(
     setBranch(branchName) {
       var _a, _b, _c, _d;
       const encodedBranch = encodeURIComponent(branchName);
+      this.branch = encodedBranch;
       this.assetsApiUrl = ((_a = this.options.tinaioConfig) == null ? void 0 : _a.assetsApiUrlOverride) || "https://assets.tinajs.io";
       this.frontendUrl = ((_b = this.options.tinaioConfig) == null ? void 0 : _b.frontendUrlOverride) || "https://app.tina.io";
       this.identityApiUrl = ((_c = this.options.tinaioConfig) == null ? void 0 : _c.identityApiUrlOverride) || "https://identity.tinajs.io";
@@ -2277,6 +2283,24 @@ mutation addPendingDocumentMutation(
       }
       return json.data;
     }
+    async syncTinaMedia() {
+      const res = await this.fetchWithToken(`${this.contentApiBase}/assets/${this.clientId}/sync/${this.branch}`, { method: "POST" });
+      const jsonRes = await res.json();
+      return jsonRes;
+    }
+    async checkSyncStatus({
+      assetsSyncing
+    }) {
+      const res = await this.fetchWithToken(`${this.assetsApiUrl}/v1/${this.clientId}/syncStatus`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ assetsSyncing })
+      });
+      const jsonRes = await res.json();
+      return jsonRes;
+    }
     parseJwt(token) {
       const base64Url = token.split(".")[1];
       const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
@@ -2331,11 +2355,13 @@ mutation addPendingDocumentMutation(
     }
     async fetchWithToken(input, init) {
       const headers = (init == null ? void 0 : init.headers) || {};
-      return await fetch(input, __spreadProps(__spreadValues({}, init), {
-        headers: new Headers(__spreadValues({
-          Authorization: "Bearer " + (await this.getToken()).id_token
-        }, headers))
-      }));
+      return await fetch(input, {
+        ...init,
+        headers: new Headers({
+          Authorization: "Bearer " + (await this.getToken()).id_token,
+          ...headers
+        })
+      });
     }
     async getUser() {
       if (!this.clientId) {
@@ -2387,11 +2413,12 @@ mutation addPendingDocumentMutation(
   const DEFAULT_LOCAL_TINA_GQL_SERVER_URL = "http://localhost:4001/graphql";
   class LocalClient extends Client {
     constructor(props) {
-      const clientProps = __spreadProps(__spreadValues({}, props), {
+      const clientProps = {
+        ...props,
         clientId: "",
         branch: "",
         customContentApiUrl: props && props.customContentApiUrl ? props.customContentApiUrl : DEFAULT_LOCAL_TINA_GQL_SERVER_URL
-      });
+      };
       super(clientProps);
     }
     async isAuthorized() {
@@ -2404,9 +2431,10 @@ mutation addPendingDocumentMutation(
   function ModalBuilder(modalProps) {
     return /* @__PURE__ */ React__default["default"].createElement(toolkit.Modal, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalPopup, null, /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalHeader, null, modalProps.title), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalBody, {
       padded: true
-    }, /* @__PURE__ */ React__default["default"].createElement("p", null, modalProps.message), modalProps.error && /* @__PURE__ */ React__default["default"].createElement(ErrorLabel, null, modalProps.error)), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, modalProps.actions.map((action) => /* @__PURE__ */ React__default["default"].createElement(AsyncButton, __spreadValues({
-      key: action.name
-    }, action))))));
+    }, /* @__PURE__ */ React__default["default"].createElement("p", null, modalProps.message), modalProps.error && /* @__PURE__ */ React__default["default"].createElement(ErrorLabel, null, modalProps.error)), /* @__PURE__ */ React__default["default"].createElement(toolkit.ModalActions, null, modalProps.actions.map((action) => /* @__PURE__ */ React__default["default"].createElement(AsyncButton, {
+      key: action.name,
+      ...action
+    })))));
   }
   const ErrorLabel = styled__default["default"].p`
   color: var(--tina-color-error) !important;
@@ -2449,7 +2477,6 @@ mutation addPendingDocumentMutation(
     constructor(cms) {
       this.api = cms.api.tina;
       this.schema = cms.api.tina.schema;
-      this.useDataLayer = cms.flags.get("experimentalData");
     }
     async isAuthenticated() {
       return await this.api.isAuthenticated();
@@ -2476,9 +2503,8 @@ mutation addPendingDocumentMutation(
     }
     async fetchCollection(collectionName, includeDocuments, after) {
       if (includeDocuments === true) {
-        if (this.useDataLayer) {
-          const sort = this.schema.getIsTitleFieldName(collectionName);
-          const response = await this.api.request(`#graphql
+        const sort = this.schema.getIsTitleFieldName(collectionName);
+        const response = await this.api.request(`#graphql
       query($collection: String!, $includeDocuments: Boolean!, $sort: String,  $limit: Float, $after: String){
         collection(collection: $collection){
           name
@@ -2512,45 +2538,15 @@ mutation addPendingDocumentMutation(
           }
         }
       }`, {
-            variables: {
-              collection: collectionName,
-              includeDocuments,
-              sort,
-              limit: 10,
-              after
-            }
-          });
-          return response.collection;
-        } else {
-          const response = await this.api.request(`#graphql
-    query($collection: String!, $includeDocuments: Boolean!){
-      collection(collection: $collection){
-        name
-        label
-        format
-        templates
-        documents @include(if: $includeDocuments) {
-          totalCount
-          edges {
-            node {
-              ... on Document {
-                _sys {
-                  template
-                  breadcrumbs
-                  path
-                  basename
-                  relativePath
-                  filename
-                  extension
-                }
-              }
-            }
+          variables: {
+            collection: collectionName,
+            includeDocuments,
+            sort,
+            limit: 10,
+            after
           }
-        }
-      }
-    }`, { variables: { collection: collectionName, includeDocuments } });
-          return response.collection;
-        }
+        });
+        return response.collection;
       } else {
         try {
           const collection = this.schema.getCollection(collectionName);
@@ -2678,7 +2674,7 @@ mutation addPendingDocumentMutation(
       sidebar: true
     }), [props.cms]);
     if (!cms.api.tina) {
-      cms.registerApi("tina", createClient(__spreadProps(__spreadValues({}, props), { branch: currentBranch })));
+      cms.registerApi("tina", createClient({ ...props, branch: currentBranch }));
     } else {
       cms.api.tina.setBranch(currentBranch);
     }
@@ -2686,20 +2682,20 @@ mutation addPendingDocumentMutation(
       cms.registerApi("admin", new TinaAdminApi(cms));
     }
     const setupMedia = async () => {
-      var _a, _b, _c;
-      if (props.mediaStore) {
-        if ((_a = props.mediaStore.prototype) == null ? void 0 : _a.persist) {
-          cms.media.store = new props.mediaStore(cms.api.tina);
+      var _a, _b, _c, _d, _e, _f, _g;
+      const hasTinaMedia = Boolean((_b = (_a = props.schema.config) == null ? void 0 : _a.media) == null ? void 0 : _b.tina);
+      if (hasTinaMedia) {
+        cms.media.store = new toolkit.TinaMediaStore(cms);
+      } else if (((_d = (_c = props.schema.config) == null ? void 0 : _c.media) == null ? void 0 : _d.loadCustomStore) || props.mediaStore) {
+        const mediaStoreFromProps = ((_f = (_e = props.schema.config) == null ? void 0 : _e.media) == null ? void 0 : _f.loadCustomStore) || props.mediaStore;
+        if ((_g = mediaStoreFromProps.prototype) == null ? void 0 : _g.persist) {
+          cms.media.store = new mediaStoreFromProps(cms.api.tina);
         } else {
-          const MediaClass = await props.mediaStore();
+          const MediaClass = await mediaStoreFromProps();
           cms.media.store = new MediaClass(cms.api.tina);
         }
       } else {
-        if ((_c = (_b = props.schema.config) == null ? void 0 : _b.media) == null ? void 0 : _c.tina) {
-          cms.media.store = new toolkit.TinaMediaStore(cms);
-        } else {
-          cms.media.store = new toolkit.DummyMediaStore();
-        }
+        cms.media.store = new toolkit.DummyMediaStore();
       }
     };
     const handleListBranches = async () => {
@@ -2750,12 +2746,13 @@ mutation addPendingDocumentMutation(
       }
     }, /* @__PURE__ */ React__default["default"].createElement(toolkit.TinaProvider, {
       cms
-    }, /* @__PURE__ */ React__default["default"].createElement(AuthWallInner, __spreadProps(__spreadValues({}, props), {
+    }, /* @__PURE__ */ React__default["default"].createElement(AuthWallInner, {
+      ...props,
       cms
-    }))));
+    })));
   };
   const TinaCloudAuthWall = TinaCloudProvider;
-  var styles = `.tina-tailwind {
+  var styles = /* @__PURE__ */ (() => `.tina-tailwind {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -2980,6 +2977,54 @@ mutation addPendingDocumentMutation(
     display: none;
   }
 *, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(0 132 255 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
@@ -3324,14 +3369,17 @@ mutation addPendingDocumentMutation(
 }
 .tina-tailwind .from-blue-900 {
   --tw-gradient-from: #1D2C6C;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(29 44 108 / 0));
+  --tw-gradient-to: rgb(29 44 108 / 0);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .tina-tailwind .from-gray-800 {
   --tw-gradient-from: #363145;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(54 49 69 / 0));
+  --tw-gradient-to: rgb(54 49 69 / 0);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .tina-tailwind .via-gray-900 {
-  --tw-gradient-stops: var(--tw-gradient-from), #252336, var(--tw-gradient-to, rgb(37 35 54 / 0));
+  --tw-gradient-to: rgb(37 35 54 / 0);
+  --tw-gradient-stops: var(--tw-gradient-from), #252336, var(--tw-gradient-to);
 }
 .tina-tailwind .to-gray-900 {
   --tw-gradient-to: #252336;
@@ -3633,7 +3681,7 @@ mutation addPendingDocumentMutation(
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(0 132 255 / var(--tw-ring-opacity));
 }
-`;
+`)();
   class ContentCreatorPlugin {
     constructor(options) {
       this.__type = "content-creator";
@@ -3928,18 +3976,13 @@ mutation addPendingDocumentMutation(
       return this.props.children;
     }
   }
-  const TinaCMSProvider2 = (_c) => {
-    var _d = _c, {
-      query,
-      documentCreatorCallback,
-      formifyCallback,
-      schema
-    } = _d, props = __objRest(_d, [
-      "query",
-      "documentCreatorCallback",
-      "formifyCallback",
-      "schema"
-    ]);
+  const TinaCMSProvider2 = ({
+    query,
+    documentCreatorCallback,
+    formifyCallback,
+    schema,
+    ...props
+  }) => {
     var _a;
     const validOldSetup = new Boolean(props == null ? void 0 : props.isLocalClient) || new Boolean(props == null ? void 0 : props.clientId) && new Boolean(props == null ? void 0 : props.branch);
     const apiURL = ((_a = props == null ? void 0 : props.client) == null ? void 0 : _a.apiUrl) || (props == null ? void 0 : props.apiURL);
@@ -3966,13 +4009,14 @@ mutation addPendingDocumentMutation(
       documentCreatorCallback
     }), /* @__PURE__ */ React__default["default"].createElement(TinaDataProvider, {
       formifyCallback
-    }, typeof props.children == "function" ? /* @__PURE__ */ React__default["default"].createElement(TinaQuery, __spreadProps(__spreadValues({}, props), {
+    }, typeof props.children == "function" ? /* @__PURE__ */ React__default["default"].createElement(TinaQuery, {
+      ...props,
       variables: props.variables,
       data: props.data,
       query,
       formifyCallback,
       children: props.children
-    })) : props.children))));
+    }) : props.children))));
   };
   const DocumentCreator = ({
     documentCreatorCallback
@@ -3981,18 +4025,18 @@ mutation addPendingDocumentMutation(
     return null;
   };
   const TinaQuery = (props) => {
-    return /* @__PURE__ */ React__default["default"].createElement(TinaQueryInner, __spreadValues({
-      key: `rootQuery-${props.query}`
-    }, props));
+    return /* @__PURE__ */ React__default["default"].createElement(TinaQueryInner, {
+      key: `rootQuery-${props.query}`,
+      ...props
+    });
   };
-  const TinaQueryInner = (_e) => {
-    var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
+  const TinaQueryInner = ({ children, ...props }) => {
     const { data: liveData, isLoading } = useTina({
       query: props.query,
       variables: props.variables,
       data: props.data
     });
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children(isLoading || !props.query ? props : __spreadProps(__spreadValues({}, props), { data: liveData })));
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children(isLoading || !props.query ? props : { ...props, data: liveData }));
   };
   const TinaDataProvider = ({
     children,
@@ -4205,7 +4249,7 @@ This will work when developing locally but NOT when deployed to production.
     attr: void 0
   };
   var IconContext = React__default["default"].createContext && React__default["default"].createContext(DefaultContext);
-  var __assign = function() {
+  var __assign = globalThis && globalThis.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -4217,7 +4261,7 @@ This will work when developing locally but NOT when deployed to production.
     };
     return __assign.apply(this, arguments);
   };
-  var __rest = function(s, e) {
+  var __rest = globalThis && globalThis.__rest || function(s, e) {
     var t = {};
     for (var p in s)
       if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -4304,9 +4348,6 @@ This will work when developing locally but NOT when deployed to production.
   function BiEdit(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "m7 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z" } }, { "tag": "path", "attr": { "d": "M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z" } }] })(props);
   }
-  function BiLeftArrowAlt(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12.707 17.293 8.414 13H18v-2H8.414l4.293-4.293-1.414-1.414L4.586 12l6.707 6.707z" } }] })(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" } }, { "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" } }] })(props);
   }
@@ -4319,9 +4360,6 @@ This will work when developing locally but NOT when deployed to production.
   function BiPlus(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" } }] })(props);
   }
-  function BiRightArrowAlt(props) {
-    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z" } }] })(props);
-  }
   function BiTrash(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M5 20a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8h2V6h-4V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H3v2h2zM9 4h6v2H9zM8 8h9v12H7V8z" } }, { "tag": "path", "attr": { "d": "M9 10h2v8H9zm4 0h2v8h-2z" } }] })(props);
   }
@@ -4708,148 +4746,6 @@ This will work when developing locally but NOT when deployed to production.
     }
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children(collection, loading, reFetchCollection));
   };
-  const theme = styled.css`
-  :root {
-    --tina-color-primary-light: #2296fe;
-    --tina-color-primary: #0084ff;
-    --tina-color-primary-dark: #0574e4;
-    --tina-color-error-light: #eb6337;
-    --tina-color-error: #ec4815;
-    --tina-color-error-dark: #dc4419;
-    --tina-color-warning-light: #f5e06e;
-    --tina-color-warning: #e9d050;
-    --tina-color-warning-dark: #d3ba38;
-    --tina-color-success-light: #57c355;
-    --tina-color-success: #3cad3a;
-    --tina-color-success-dark: #249a21;
-    --tina-color-grey-0: #ffffff;
-    --tina-color-grey-1: #f6f6f9;
-    --tina-color-grey-2: #edecf3;
-    --tina-color-grey-3: #e1ddec;
-    --tina-color-grey-4: #b2adbe;
-    --tina-color-grey-5: #918c9e;
-    --tina-color-grey-6: #716c7f;
-    --tina-color-grey-7: #565165;
-    --tina-color-grey-8: #433e52;
-    --tina-color-grey-9: #363145;
-    --tina-color-grey-10: #252336;
-    --tina-color-indicator: var(--tina-color-primary);
-
-    --tina-radius-small: 5px;
-    --tina-radius-big: 24px;
-
-    --tina-padding-small: 12px;
-    --tina-padding-big: 20px;
-
-    --tina-font-size-0: 12px;
-    --tina-font-size-1: 13px;
-    --tina-font-size-2: 15px;
-    --tina-font-size-3: 16px;
-    --tina-font-size-4: 18px;
-    --tina-font-size-5: 20px;
-    --tina-font-size-6: 22px;
-    --tina-font-size-7: 26px;
-    --tina-font-size-8: 32px;
-
-    --tina-font-family: 'Inter', sans-serif;
-
-    --tina-font-weight-regular: 400;
-    --tina-font-weight-bold: 600;
-
-    --tina-shadow-big: 0px 2px 3px rgba(0, 0, 0, 0.05),
-      0 4px 12px rgba(0, 0, 0, 0.1);
-    --tina-shadow-small: 0px 2px 3px rgba(0, 0, 0, 0.12);
-
-    --tina-timing-short: 85ms;
-    --tina-timing-medium: 150ms;
-    --tina-timing-long: 250ms;
-
-    --tina-z-index-0: 0;
-    --tina-z-index-1: 10;
-    --tina-z-index-2: 20;
-    --tina-z-index-3: 30;
-    --tina-z-index-4: 40;
-    --tina-z-index-5: 50;
-
-    --tina-sidebar-width: 340px;
-    --tina-sidebar-header-height: 60px;
-    --tina-toolbar-height: 62px;
-  }
-`;
-  styled.createGlobalStyle`
-  ${theme};
-`;
-  const Button = (_g) => {
-    var _h = _g, {
-      variant = "secondary",
-      as: Tag = "button",
-      size = "medium",
-      busy,
-      disabled,
-      rounded = "full",
-      children,
-      className
-    } = _h, props = __objRest(_h, [
-      "variant",
-      "as",
-      "size",
-      "busy",
-      "disabled",
-      "rounded",
-      "children",
-      "className"
-    ]);
-    const baseClasses = "icon-parent border-0 inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center inline-flex justify-center transition-all duration-150 ease-out ";
-    const variantClasses = {
-      primary: `shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500`,
-      secondary: `shadow text-gray-500 hover:text-blue-500 bg-gray-50 hover:bg-white border border-gray-200`,
-      white: `shadow text-gray-500 hover:text-blue-500 bg-white hover:bg-gray-50 border border-gray-200`,
-      ghost: `text-gray-500 hover:text-blue-500 hover:shadow border border-transparent hover:border-gray-200 bg-transparent`,
-      danger: `shadow text-white bg-red-500 hover:bg-red-600 focus:ring-red-500`
-    };
-    const state = busy ? `busy` : disabled ? `disabled` : `default`;
-    const stateClasses = {
-      disabled: `pointer-events-none	opacity-30 cursor-not-allowed`,
-      busy: `pointer-events-none opacity-70 cursor-wait`,
-      default: ``
-    };
-    const roundedClasses = {
-      full: `rounded-full`,
-      left: `rounded-l-full`,
-      right: `rounded-r-full`
-    };
-    const sizeClasses = {
-      small: `text-xs h-8 px-3`,
-      medium: `text-sm h-10 px-4`,
-      custom: ``
-    };
-    return /* @__PURE__ */ React__namespace.createElement(Tag, __spreadValues({
-      className: `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${stateClasses[state]} ${roundedClasses[rounded]} ${className}`
-    }, props), children);
-  };
-  function CursorPaginator({
-    navigateNext,
-    navigatePrev,
-    hasNext,
-    hasPrev,
-    variant = "secondary"
-  }) {
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "w-full flex flex-shrink-0 justify-end gap-2 items-center"
-    }, /* @__PURE__ */ React__default["default"].createElement(Button, {
-      variant,
-      disabled: !hasPrev,
-      onClick: navigatePrev
-    }, /* @__PURE__ */ React__default["default"].createElement(BiLeftArrowAlt, {
-      className: "w-6 h-full mr-2 opacity-70"
-    }), " Previous"), /* @__PURE__ */ React__default["default"].createElement(Button, {
-      variant,
-      disabled: !hasNext,
-      onClick: navigateNext
-    }, "Next ", /* @__PURE__ */ React__default["default"].createElement(BiRightArrowAlt, {
-      className: "w-6 h-full ml-2 opacity-70"
-    })));
-  }
   const TemplateMenu = ({ templates }) => {
     return /* @__PURE__ */ React__default["default"].createElement(react.Menu, {
       as: "div",
@@ -4915,7 +4811,6 @@ This will work when developing locally but NOT when deployed to production.
         const documents = collection.documents.edges;
         const admin = cms.api.admin;
         const pageInfo = collection.documents.pageInfo;
-        const useDataFlag = cms.flags.get("experimentalData");
         return /* @__PURE__ */ React__default["default"].createElement(PageWrapper, null, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, open && /* @__PURE__ */ React__default["default"].createElement(DeleteModal, {
           filename: vars.relativePath,
           deleteFunc: async () => {
@@ -5018,9 +4913,9 @@ This will work when developing locally but NOT when deployed to production.
               }
             ]
           })));
-        }))), useDataFlag && /* @__PURE__ */ React__default["default"].createElement("div", {
+        }))), /* @__PURE__ */ React__default["default"].createElement("div", {
           className: "pt-3"
-        }, /* @__PURE__ */ React__default["default"].createElement(CursorPaginator, {
+        }, /* @__PURE__ */ React__default["default"].createElement(toolkit.CursorPaginator, {
           variant: "white",
           hasNext: pageInfo == null ? void 0 : pageInfo.hasNextPage,
           navigateNext: () => {
@@ -5063,12 +4958,14 @@ This will work when developing locally but NOT when deployed to production.
   }
   const createDocument = async (cms, collection, template, mutationInfo, values) => {
     const api = new TinaAdminApi(cms);
-    const _a = values, { filename } = _a, leftover = __objRest(_a, ["filename"]);
+    const { filename, ...leftover } = values;
     const { includeCollection, includeTemplate } = mutationInfo;
     const relativePath = `${filename}.${collection.format}`;
-    const params = transformDocumentIntoMutationRequestPayload(__spreadValues(__spreadValues({
-      _collection: collection.name
-    }, template && { _template: template.name }), leftover), {
+    const params = transformDocumentIntoMutationRequestPayload({
+      _collection: collection.name,
+      ...template && { _template: template.name },
+      ...leftover
+    }, {
       includeCollection,
       includeTemplate
     });
@@ -5237,7 +5134,7 @@ This will work when developing locally but NOT when deployed to production.
     }
   };
   const CollectionUpdatePage = () => {
-    const _a = reactRouterDom.useParams(), { collectionName } = _a, rest = __objRest(_a, ["collectionName"]);
+    const { collectionName, ...rest } = reactRouterDom.useParams();
     const { "*": filename } = rest;
     return /* @__PURE__ */ React__default["default"].createElement(GetCMS, null, (cms) => /* @__PURE__ */ React__default["default"].createElement(GetCollection, {
       cms,
@@ -5451,6 +5348,5 @@ This will work when developing locally but NOT when deployed to production.
         }
       });
   });
-  Object.defineProperty(exports2, "__esModule", { value: true });
-  exports2[Symbol.toStringTag] = "Module";
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });